:root{
  --bg:#0A0D0C;--bg2:#0F1413;--panel:#131A18;--panel2:#18211E;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);
  --text:#EEF2EF;--muted:#9AA7A1;--dim:#6F7C76;
  --green:#0F6B4F;--green2:#18A078;--mint:#7FD8B6;--gold:#F2B233;
  --radius:20px;--wrap:1180px;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--head:"Manrope","Inter",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--head);margin:0;line-height:1.1;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}

/* background ambience */
.glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(900px 500px at 80% -10%,rgba(24,160,120,.14),transparent 60%),
 radial-gradient(700px 500px at -10% 20%,rgba(15,107,79,.12),transparent 60%)}
.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%);opacity:.5}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:600;font-size:15.5px;border:1px solid transparent;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;cursor:pointer;font-family:var(--font)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--text);color:#0A0D0C}
.btn-primary:hover{box-shadow:0 8px 30px -8px rgba(127,216,182,.45)}
.btn-green{background:var(--green);color:#fff;border-color:rgba(127,216,182,.25)}
.btn-green:hover{background:#12805E}
.btn-ghost{border-color:var(--line2);color:var(--text);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:rgba(127,216,182,.45)}
.arrow{transition:transform .2s}.btn:hover .arrow{transform:translateX(3px)}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(10,13,12,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:800;font-size:18px;letter-spacing:-.01em}
.brand small{display:block;font:500 11px/1 var(--font);color:var(--muted);letter-spacing:.04em;margin-top:3px}
.menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.menu a{display:block;padding:8px 12px;border-radius:8px;font-size:14.5px;color:var(--muted);transition:color .2s,background .2s}
.menu a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.nav .btn{min-height:44px;padding:8px 16px;font-size:14px}
.burger{display:none;background:none;border:1px solid var(--line2);color:var(--text);border-radius:10px;width:44px;height:44px;cursor:pointer}
@media(max-width:1020px){
 .menu{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:rgba(10,13,12,.97);border-bottom:1px solid var(--line);padding:12px 20px 20px}
 .menu.open{display:flex}.menu a{padding:14px 8px;font-size:16px}
 .burger{display:grid;place-items:center}.nav .cta-nav{display:none}
}

/* sections */
section{position:relative;padding-block:84px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.head{max-width:760px;display:flex;flex-direction:column;gap:16px;margin-bottom:56px}
.head.center{margin-inline:auto;text-align:center;align-items:center}
.head h2{font-size:clamp(30px,4.4vw,50px)}
.head p{color:var(--muted);font-size:clamp(16px,1.6vw,18.5px)}
.grad{background:linear-gradient(100deg,#fff 10%,var(--mint) 60%,var(--green2));-webkit-background-clip:text;background-clip:text;color:transparent}
.gold{color:var(--gold)}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}.rv.d5{transition-delay:.4s}

/* card base with mouse glow */
.card{position:relative;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:26px;overflow:hidden;transition:border-color .3s,transform .3s}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(127,216,182,.10),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.card:hover{border-color:rgba(127,216,182,.28)}
.card:hover::before{opacity:1}

/* HERO */
.hero{padding-top:140px;padding-bottom:80px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border:1px solid var(--line2);border-radius:999px;font-size:13.5px;color:var(--muted);background:rgba(255,255,255,.02)}
.pill b{font-weight:600;background:rgba(127,216,182,.12);color:var(--mint);padding:3px 10px;border-radius:999px}
.hero h1{font-size:clamp(38px,5.6vw,68px);margin:22px 0 20px}
.hero .lead{font-size:clamp(16.5px,1.7vw,19px);color:var(--muted);max-width:560px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:13.5px;color:var(--dim)}
.trust span{display:inline-flex;align-items:center;gap:7px}
.trust span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green2)}

/* control center */
.cc{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;margin-inline:auto}
.cc svg.lines{position:absolute;inset:0;width:100%;height:100%}
.cc .ln{stroke:rgba(127,216,182,.18);stroke-width:1.2;fill:none}
.cc .flow{stroke:var(--mint);stroke-width:2;fill:none;stroke-dasharray:6 180;stroke-linecap:round;opacity:.0;transition:opacity .3s}
.cc .flow.on{opacity:1;animation:flow 1.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-186}}
.core{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,#1b3a30,#0c1512 70%);border:1px solid rgba(127,216,182,.35);box-shadow:0 0 0 10px rgba(127,216,182,.04),0 0 60px -10px rgba(24,160,120,.6)}
.core::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(127,216,182,.25);animation:spin 30s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.core strong{font-family:var(--head);font-size:clamp(15px,2vw,21px);letter-spacing:-.01em}
.core small{display:block;font-size:11px;color:var(--mint);letter-spacing:.1em;text-transform:uppercase}
.node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(19,26,24,.92);border:1px solid var(--line2);font-size:12.5px;font-weight:600;white-space:nowrap;transition:border-color .3s,box-shadow .3s,transform .3s}
.node i{font-style:normal;font-size:15px}
.node.on{border-color:var(--mint);box-shadow:0 0 0 4px rgba(127,216,182,.08),0 0 24px -4px rgba(127,216,182,.5)}
.feed{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:min(92%,380px);background:rgba(15,20,19,.95);border:1px solid var(--line2);border-radius:14px;padding:12px 14px;font-size:13px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}
.feed .row{display:flex;align-items:center;gap:10px;color:var(--muted);transition:color .3s}
.feed .row+.row{margin-top:6px}
.feed .dot{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:none;transition:background .3s,box-shadow .3s}
.feed .row.on{color:var(--text)}.feed .row.on .dot{background:var(--mint);box-shadow:0 0 10px var(--mint)}
.feed .row.done .dot{background:var(--green2)}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero{padding-top:110px}.cc{max-width:430px}.node{font-size:11.5px;padding:6px 9px}}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.015)}
.stat{padding:26px 24px}.stat+.stat{border-left:1px solid var(--line)}
.stat b{display:block;font-family:var(--head);font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em}
.stat span{font-size:14px;color:var(--muted)}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:none}.stat:nth-child(n+3){border-top:1px solid var(--line)}}

/* problem */
.probs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prob{display:flex;gap:14px;align-items:flex-start}
.prob .ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.prob h3{font-size:17px;letter-spacing:-.01em;margin-top:2px}
.prob p{font-size:14.5px;color:var(--muted);margin-top:4px}
.bigmsg{margin-top:48px;padding:38px;border-radius:24px;border:1px solid rgba(127,216,182,.2);background:linear-gradient(120deg,rgba(15,107,79,.22),rgba(15,107,79,.04));display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bigmsg h3{font-size:clamp(24px,3vw,34px)}
.bigmsg p{color:var(--muted);margin-top:8px}
@media(max-width:900px){.probs{grid-template-columns:1fr 1fr}}@media(max-width:600px){.probs{grid-template-columns:1fr}}

/* ai team */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.agent{min-height:260px;display:flex;flex-direction:column;gap:12px;cursor:default}
.agent .top{display:flex;align-items:center;justify-content:space-between}
.agent .av{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,rgba(24,160,120,.3),rgba(15,107,79,.1));border:1px solid rgba(127,216,182,.25)}
.agent .live{font-size:11.5px;color:var(--mint);display:flex;align-items:center;gap:6px}
.agent .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.3}}
.agent h3{font-size:20px}
.agent>p{color:var(--muted);font-size:15px}
.scene{margin-top:auto;border-top:1px dashed var(--line2);padding-top:14px;font-size:13.5px;display:flex;flex-direction:column;gap:7px}
.scene .m{padding:7px 11px;border-radius:10px;max-width:92%;opacity:.35;transform:translateY(4px);transition:opacity .35s,transform .35s}
.scene .u{background:rgba(255,255,255,.05);align-self:flex-start}
.scene .a{background:rgba(24,160,120,.16);color:#DDF5EA;align-self:flex-end}
.agent:hover .scene .m,.agent.play .scene .m{opacity:1;transform:none}
.agent:hover .scene .m:nth-child(2),.agent.play .scene .m:nth-child(2){transition-delay:.25s}
.agent:hover .scene .m:nth-child(3),.agent.play .scene .m:nth-child(3){transition-delay:.5s}
@media(max-width:960px){.team{grid-template-columns:1fr 1fr}}@media(max-width:620px){.team{grid-template-columns:1fr}}

/* timeline */
.tl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tl::before{content:"";position:absolute;left:0;right:0;top:27px;height:1px;background:linear-gradient(90deg,transparent,var(--line2) 10%,var(--line2) 90%,transparent)}
.tl .bar{position:absolute;left:0;top:26px;height:3px;width:0;background:linear-gradient(90deg,var(--green2),var(--mint));border-radius:3px;transition:width 1.6s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 14px var(--mint)}
.tl.in .bar{width:100%}
.step{position:relative;padding-top:64px}
.step .num{position:absolute;top:8px;left:0;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 14px var(--head);background:var(--panel2);border:1px solid var(--line2);color:var(--mint)}
.step h3{font-size:19px}.step p{color:var(--muted);font-size:14.5px;margin-top:8px}
@media(max-width:860px){.tl{grid-template-columns:1fr 1fr;row-gap:36px}.tl::before,.tl .bar{display:none}}@media(max-width:520px){.tl{grid-template-columns:1fr}}

/* demo chat */
.demo{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.chat{border:1px solid var(--line2);border-radius:24px;background:linear-gradient(180deg,#111816,#0C1110);box-shadow:0 40px 90px -40px rgba(24,160,120,.35);overflow:hidden}
.chat header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.chat header b{font-family:var(--head);font-size:15px}
.chat header small{display:block;font-size:12px;color:var(--mint)}
.botav{width:38px;height:38px;flex:none}
.log{height:430px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.msg{max-width:85%;padding:11px 14px;border-radius:14px;font-size:14.5px;line-height:1.55;animation:pop .35s ease}
@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.msg.bot{background:rgba(255,255,255,.05);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.msg.me{background:var(--green);align-self:flex-end;border-bottom-right-radius:4px}
.msg ul{margin:8px 0 0;padding-left:18px}.msg li{margin:3px 0}
.typing{display:inline-flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:bl 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bl{50%{opacity:.25}}
.opts{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 18px}
.opt{min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid rgba(127,216,182,.35);background:rgba(127,216,182,.06);color:var(--text);font:500 14px var(--font);cursor:pointer;transition:background .2s,border-color .2s}
.opt:hover{background:rgba(127,216,182,.16);border-color:var(--mint)}
.demo .note{font-size:12.5px;color:var(--dim);margin-top:14px}
@media(max-width:900px){.demo{grid-template-columns:1fr}.log{height:380px}}

/* sectors */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tab{min-height:44px;padding:9px 16px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.02);color:var(--muted);font:500 14.5px var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.tab:hover{color:var(--text)}
.tab[aria-selected=true]{background:var(--text);color:#0A0D0C;border-color:var(--text)}
.panel{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:start}
.panel h3{font-size:clamp(24px,2.8vw,32px)}
.panel .intro{color:var(--muted);margin-top:12px}
.autos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auto{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:15px;animation:pop .4s ease both}
.auto::before{content:"";flex:none;width:22px;height:22px;border-radius:7px;background:rgba(127,216,182,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%237FD8B6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@media(max-width:860px){.panel{grid-template-columns:1fr}}@media(max-width:520px){.autos{grid-template-columns:1fr}}

/* web & software */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.chip{padding:8px 13px;border-radius:10px;border:1px solid var(--line2);font-size:14px;color:var(--text);background:rgba(255,255,255,.02)}
.browser{border:1px solid var(--line2);border-radius:18px;overflow:hidden;background:#0E1412;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.browser .bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line)}
.browser .bar i{width:10px;height:10px;border-radius:50%;background:#2A3431}
.browser .bar span{margin-left:10px;flex:1;font-size:12px;color:var(--dim);background:rgba(255,255,255,.04);border-radius:8px;padding:5px 10px}
.dash{display:grid;grid-template-columns:130px 1fr;min-height:320px}
.dash aside{border-right:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}
.dash aside b{color:var(--text);font-size:13px;margin-bottom:6px}
.dash aside span{padding:6px 8px;border-radius:7px}.dash aside span.a{background:rgba(127,216,182,.1);color:var(--mint)}
.dash .dmain{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.kpi{border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12px;color:var(--muted)}
.kpi b{display:block;font:700 20px var(--head);color:var(--text);margin-top:2px}
.chart{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px;height:130px;display:flex;align-items:flex-end;gap:7px}
.chart i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--mint),var(--green));transform-origin:bottom;transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.in .chart i{transform:scaleY(1)}
.mock-tag{font-size:11px;color:var(--dim);text-align:right;padding:0 14px 10px}
@media(max-width:900px){.split{grid-template-columns:1fr}.dash{grid-template-columns:1fr}.dash aside{display:none}}

/* growth */
.growth{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gcard h3{font-size:18px;margin:14px 0 6px}.gcard p{color:var(--muted);font-size:14.5px}
.gic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line2);font-size:19px}
.serp{margin-top:28px;border:1px solid var(--line2);border-radius:18px;padding:18px;background:rgba(255,255,255,.02);display:grid;gap:10px}
.serp .q{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);font-size:14.5px;color:var(--muted)}
.serp .r{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-size:14px}
.serp .r.you{border-color:rgba(127,216,182,.45);background:rgba(127,216,182,.06)}
.serp .r small{color:var(--muted)}
@media(max-width:900px){.growth{grid-template-columns:1fr 1fr}}@media(max-width:560px){.growth{grid-template-columns:1fr}}

/* hatay */
.hatay{border-radius:28px;border:1px solid var(--line);padding:clamp(28px,5vw,64px);background:radial-gradient(600px 300px at 90% 10%,rgba(242,178,51,.08),transparent 60%),linear-gradient(160deg,#101714,#0B0F0E);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;overflow:hidden;position:relative}
.hatay h2{font-size:clamp(28px,4vw,46px)}
.hatay p{color:var(--muted);margin-top:16px;font-size:17px}
.map{position:relative;aspect-ratio:1/1.1;max-width:360px;justify-self:center;width:100%}
.map svg{width:100%;height:100%}
.map .pt{fill:var(--mint)}.map .ring{fill:none;stroke:var(--mint);opacity:.5;transform-box:fill-box;transform-origin:center;animation:ring 2.6s ease-out infinite}
@keyframes ring{from{transform:scale(.4);opacity:.7}to{transform:scale(2.6);opacity:0}}
.map text{fill:var(--muted);font:600 11px var(--font)}
@media(max-width:860px){.hatay{grid-template-columns:1fr}}

/* cases */
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case .tag{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted)}
.case .tag.real{background:rgba(242,178,51,.12);color:var(--gold)}
.case h3{font-size:19px;margin:14px 0 16px}
.case dl{margin:0;display:grid;gap:12px}
.case dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600}
.case dd{margin:3px 0 0;font-size:14.5px}
.case dd.res{color:var(--mint)}
@media(max-width:960px){.cases{grid-template-columns:1fr}}

/* trust */
.trustrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tr{display:flex;gap:12px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:16px}
.tr b{display:block;font-size:15.5px}.tr span{font-size:13.5px;color:var(--muted)}
.tr i{font-style:normal;font-size:20px}
@media(max-width:900px){.trustrow{grid-template-columns:1fr 1fr}}@media(max-width:520px){.trustrow{grid-template-columns:1fr}}

/* analysis form */
.analysis{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.form{display:grid;gap:14px}
.field label{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.field select,.field input{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:#0E1412;color:var(--text);font:15px var(--font)}
.field select:focus,.field input:focus{outline:none;border-color:var(--mint);box-shadow:0 0 0 3px rgba(127,216,182,.15)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--green2)}
.consent a{text-decoration:underline}
.result{border:1px solid rgba(127,216,182,.3);border-radius:22px;padding:28px;background:linear-gradient(160deg,rgba(15,107,79,.2),rgba(15,107,79,.03));min-height:100%}
.result h3{font-size:22px}
.result ol{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:r}
.result li{counter-increment:r;display:flex;gap:14px;padding:14px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--line)}
.result li::before{content:counter(r);flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--mint);color:#0A0D0C;font:700 14px var(--head)}
.result li b{display:block;font-size:15.5px}.result li span{font-size:14px;color:var(--muted)}
.result .empty{color:var(--muted);display:grid;place-items:center;text-align:center;gap:14px;min-height:320px}
@media(max-width:900px){.analysis{grid-template-columns:1fr}}

/* faq */
.faq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015);transition:border-color .2s}
.faq details[open]{border-color:rgba(127,216,182,.3)}
.faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--mint);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 20px 18px;color:var(--muted)}

/* final cta */
.final{text-align:center;border-radius:28px;padding:clamp(36px,6vw,80px) 24px;border:1px solid rgba(127,216,182,.2);background:radial-gradient(600px 260px at 50% 0%,rgba(24,160,120,.25),transparent 70%),#0D1311;position:relative;overflow:hidden}
.final h2{font-size:clamp(28px,4.4vw,52px);max-width:820px;margin:0 auto}
.final p{color:var(--muted);margin:16px auto 30px;max-width:560px}
.final .ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* footer */
footer{border-top:1px solid var(--line);padding:64px 0 32px;margin-top:40px}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.fgrid h4{font:600 13px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px;color:var(--muted)}
.fgrid a:hover{color:var(--text)}
.fgrid .about p{color:var(--muted);font-size:14.5px;margin-top:14px;max-width:300px}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}
.legal nav{display:flex;gap:18px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fgrid .about{grid-column:1/-1}}

/* floating contact */
.float{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 16px;border-radius:999px;background:var(--green);color:#fff;font-weight:600;font-size:14px;border:1px solid rgba(127,216,182,.35);box-shadow:0 12px 30px -10px rgba(15,107,79,.8);transition:transform .2s}
.float:hover{transform:translateY(-2px)}

@media(max-width:700px){section{padding-block:76px}.head{margin-bottom:36px}}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .rv{opacity:1;transform:none}.chart i{transform:none}.tl .bar{width:100%}
}

/* ===== v2 refinements (reference layout) ===== */
.ico{width:22px;height:22px;flex:none}
.trust .ico{width:15px;height:15px;color:var(--mint)}.trust span::before{display:none}
.skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%;pointer-events:none;opacity:.9}
.hero .wrap{position:relative;z-index:1}
.node{display:flex;align-items:center;gap:10px;padding:9px 13px 9px 9px;border-radius:14px;background:linear-gradient(180deg,rgba(24,34,31,.92),rgba(14,20,18,.92));backdrop-filter:blur(6px);box-shadow:0 10px 30px -12px rgba(0,0,0,.8)}
.node .ni{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(127,216,182,.1);border:1px solid rgba(127,216,182,.25);color:var(--mint)}
.node .ni .ico{width:19px;height:19px}
.node b{display:block;font-size:13px;line-height:1.2}
.node small{display:block;font-size:11px;color:var(--muted);font-weight:500;line-height:1.3}
.core{width:32%;background:radial-gradient(circle at 50% 30%,#1f4a3b,#0b1512 72%);border:1px solid rgba(127,216,182,.5);box-shadow:0 0 0 12px rgba(127,216,182,.05),0 0 0 24px rgba(127,216,182,.025),0 0 80px -6px rgba(24,160,120,.75)}
.core .corelogo{width:44%;margin:0 auto 4px}
.core strong{font-size:clamp(16px,2.2vw,24px)}
.feed{bottom:-40px}
@media(max-width:600px){.node small{display:none}.node{padding:6px 9px 6px 6px}.node .ni{width:26px;height:26px}.node b{font-size:11.5px}.feed{display:none}}
.band{background:linear-gradient(180deg,rgba(15,107,79,.05),rgba(15,107,79,0));border-block:1px solid var(--line)}
.probwrap{display:grid;grid-template-columns:.8fr 1.6fr;gap:40px;align-items:start}
.probwrap .head{margin-bottom:0;position:sticky;top:100px}
.probwrap .probs{grid-template-columns:repeat(3,1fr)}
.probwrap .bigmsg{grid-column:2;margin-top:0}
.prob{flex-direction:column;gap:12px}
.prob .ic{color:var(--mint);background:rgba(127,216,182,.07);border-color:rgba(127,216,182,.2)}
@media(max-width:960px){.probwrap{grid-template-columns:1fr}.probwrap .head{position:static}.probwrap .bigmsg{grid-column:auto}}
@media(max-width:600px){.probwrap .probs{grid-template-columns:1fr 1fr}.prob p{display:none}}
.team{grid-template-columns:repeat(3,1fr)}
@media(min-width:1180px){.team{grid-template-columns:repeat(6,1fr);gap:12px}.agent{padding:22px 18px}.agent h3{font-size:17px}.agent>p{font-size:14px}.scene{font-size:12.5px}}
.agent .av{color:var(--mint)}.agent .av .ico{width:24px;height:24px}
.gic{color:var(--mint)}.gic .ico{width:20px;height:20px}
.tr i{color:var(--mint)}
.serp .q .ico{width:17px;height:17px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}
.tile{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px 10px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:13.5px;transition:border-color .2s,transform .2s}
.tile:hover{border-color:rgba(127,216,182,.35);transform:translateY(-2px)}
.tile .ico{color:var(--mint);width:24px;height:24px}
@media(max-width:520px){.tiles{grid-template-columns:1fr 1fr}}
.float .ico{width:18px;height:18px}
/* sector cards */
.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.tab{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;min-height:120px;padding:14px;border-radius:16px;text-align:left;position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(24,160,120,.14),rgba(255,255,255,.02) 60%);color:var(--text);font-weight:600}
.tab .ico{position:absolute;top:14px;left:14px;width:28px;height:28px;color:var(--mint)}
.tab::after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(127,216,182,.18),transparent 70%)}
.tab[aria-selected=true]{background:linear-gradient(160deg,var(--green),#0c3b2c);color:#fff;border-color:rgba(127,216,182,.5);box-shadow:0 14px 40px -18px rgba(24,160,120,.8)}
.tab[aria-selected=true] .ico{color:var(--gold)}
@media(max-width:900px){.tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.tabs{grid-template-columns:1fr 1fr}.tab{min-height:96px}}
.stat b span{font:inherit;color:inherit}
.hero h1{font-size:clamp(36px,4.6vw,58px)}
.hero .wrap{grid-template-columns:1fr 1.05fr}
.cc{margin-bottom:170px}
.feed{top:100%;bottom:auto;margin-top:26px}
.probwrap .head{position:static}
.menu a{white-space:nowrap;font-size:14px;padding:8px 10px}
@media(max-width:1280px){.brand small{display:none}}
@media(max-width:900px){.cc{margin-bottom:180px}}
@media(max-width:600px){.cc{margin-bottom:10px}}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.skyline{height:22%}}
@media(max-width:600px){.hero .ctas .btn{width:100%}.pill{font-size:12.5px}}
@media(max-width:600px){
 .cc{max-width:360px}
 .node[data-n=cal]{left:17%!important;top:44%!important}
 .node[data-n=users]{left:83%!important;top:56%!important}
 .node[data-n=globe]{left:20%!important}.node[data-n=google]{left:80%!important}
 .node[data-n=food]{left:22%!important}.node[data-n=bars]{left:78%!important}
}
/* mobile fixes 2 */
.agent .av{flex:none}
@media(max-width:960px){.team{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.team{grid-template-columns:1fr}.agent{min-height:0}}
@media(max-width:600px){.cc{aspect-ratio:1/.9;margin-bottom:0}.hero .wrap+.wrap{margin-top:28px!important}.node[data-n=users]{left:80%!important}}
/* inner pages */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--dim);margin-bottom:18px}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--text)}
.prose{max-width:780px}
.prose p{color:var(--muted);font-size:17px;margin-top:14px}
.prose p strong{color:var(--text);font-weight:600}
.prose a,.inlink{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.sub-hero{padding-top:118px;padding-bottom:28px;overflow:hidden}
.sub-hero h1{font-size:clamp(34px,4.8vw,58px);max-width:900px;margin:10px 0 18px}
.sub-hero .lead{font-size:clamp(16.5px,1.7vw,19px);color:var(--muted);max-width:720px}
.feat{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.feat.rev>div:first-child{order:2}
.checks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start;color:var(--text);font-size:15.5px}
.checks li::before{content:"";flex:none;margin-top:3px;width:20px;height:20px;border-radius:6px;background:rgba(127,216,182,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%237FD8B6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.minichat{display:grid;gap:10px;padding:22px;border:1px solid var(--line2);border-radius:20px;background:linear-gradient(180deg,#111816,#0C1110)}
.minichat .u,.minichat .a{padding:10px 14px;border-radius:14px;font-size:14.5px;max-width:88%}
.minichat .u{background:rgba(255,255,255,.05);justify-self:start}
.minichat .a{background:rgba(24,160,120,.2);justify-self:end;color:#DDF5EA}
.minichat small{color:var(--dim);font-size:12px}
.linkrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:860px){.feat{grid-template-columns:1fr}.feat.rev>div:first-child{order:0}}
html{scroll-padding-top:84px}
.agent .more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:4px;font-size:13px;font-weight:600;color:var(--mint);opacity:.85;transition:opacity .2s,gap .2s}
.agent .more:hover{opacity:1;gap:9px}
.agent .more .ico{width:14px;height:14px}
.team-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:36px}
@media(max-width:600px){.team-cta .btn{width:100%;justify-content:center}}
/* mobile hub v2: static layout, no overlap */
@media(max-width:600px){
 .cc{aspect-ratio:auto!important;max-width:none!important;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 0!important;padding-top:176px}
 .cc svg.lines,.cc .feed{display:none!important}
 .cc .core{top:78px;width:140px!important}
 .cc .core .corelogo{width:40%}
 .cc .node{position:relative!important;left:auto!important;top:auto!important;transform:none!important;white-space:normal;padding:9px 10px 9px 9px}
 .cc .node[data-n=wa]{grid-column:1/-1;justify-self:center}
 .cc .node b{font-size:12.5px}
 .cc .node .ni{width:30px;height:30px;flex:none}
 .hero{padding-bottom:56px}
}
/* ===== inner landing pages v2 ===== */
.subpage .prob p{display:block}
.sh2{font-size:clamp(28px,3.6vw,42px);margin-top:14px}
.probs.g4,.growth.g4{grid-template-columns:repeat(4,1fr)}
.subctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.subhero-grid{display:grid!important;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.autolog{padding:14px;display:grid;gap:8px;font-size:13.5px}
.autolog div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--muted)}
.autolog span{flex:1}.autolog small{color:var(--dim);font-size:12px}
.autolog b{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px}
.autolog .ok{background:rgba(127,216,182,.14);color:var(--mint)}.autolog .wait{background:rgba(242,178,51,.16);color:var(--gold)}
.flowline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:f}
.flowline li{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 16px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--bg2));font-weight:600;font-size:15px}
.flowline li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translate(50%,-50%);color:var(--mint);font-size:16px;z-index:1}
.flowline .fi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(127,216,182,.1);border:1px solid rgba(127,216,182,.25);color:var(--mint)}
.flowline .fi .ico{width:18px;height:18px}
.crmrows{padding:14px;display:grid;gap:8px;font-size:13.5px}
.crmrows div{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--muted)}
.crmrows b{font-size:12.5px;font-weight:600;white-space:nowrap}
.crmrows .c1{color:var(--mint)}.crmrows .c2{color:var(--gold)}.crmrows .c3{color:var(--text)}.crmrows .c4{color:#F29B7F}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duo h3{font-size:19px}.duo .checks{margin-top:16px}
.cmp{color:var(--muted);font-size:15px;margin:10px 0 16px}
.minichat.mini{padding:14px;gap:8px}.minichat.mini .u,.minichat.mini .a{font-size:13.5px}
.tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:rgba(127,216,182,.12);color:var(--mint)}
.tag.muted{background:rgba(255,255,255,.06);color:var(--muted)}
.scns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.scn .scn-top{display:flex;justify-content:space-between;align-items:center}
.scn h3{font-size:19px;margin:14px 0 10px}
.scn ol{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px;display:grid;gap:6px}
.scn ol li::marker{color:var(--mint);font-weight:700}
.scn-note{margin-top:12px;font-size:13px;color:var(--gold)}
.notfit{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;border-radius:28px;border:1px solid rgba(242,178,51,.22);padding:clamp(26px,4.5vw,56px);background:radial-gradient(500px 240px at 0% 0%,rgba(242,178,51,.07),transparent 60%),#0D1210}
.notfit .eyebrow{color:var(--gold)}.notfit .eyebrow::before{background:var(--gold);box-shadow:0 0 12px var(--gold)}
.notfit p{color:var(--muted);margin-top:14px;font-size:16.5px}
.xlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.xlist li{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.015)}
.xlist b{display:block;font-size:15.5px}.xlist span{display:block;color:var(--muted);font-size:14.5px;margin-top:3px}
.tl.steps4{grid-template-columns:repeat(4,1fr)}.tl.steps3{grid-template-columns:repeat(3,1fr)}
.tl.steps4::before,.tl.steps3::before{display:block}
.note-inline{border-left:3px solid var(--mint);padding:12px 16px;background:rgba(127,216,182,.05);border-radius:0 12px 12px 0;margin:0!important}
.parse{border:1px solid var(--line2);border-radius:20px;padding:22px;background:linear-gradient(180deg,#111816,#0C1110)}
.parse .pq{font-size:16px;color:var(--text);margin:0 0 16px;font-style:italic}
.pchips{display:flex;flex-wrap:wrap;gap:8px}
.pchips span{display:inline-flex;flex-direction:column;gap:2px;border:1px solid rgba(127,216,182,.28);background:rgba(127,216,182,.07);border-radius:12px;padding:8px 12px;font-weight:600;font-size:14px}
.pchips em{font-style:normal;font-size:11px;color:var(--dim);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.pchips .miss{border-color:rgba(242,178,51,.35);background:rgba(242,178,51,.07);color:var(--gold)}
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.caps h3{font-size:18px;margin:14px 0 6px}.caps p{color:var(--muted);font-size:14.5px}
.convs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.convs .minichat .u,.convs .minichat .a{font-size:13.5px}
/* whatsapp demo */
.wademo{border:1px solid var(--line2);border-radius:24px;overflow:hidden;background:#0C1110;box-shadow:0 40px 80px -40px rgba(0,0,0,.9);max-width:440px;margin-left:auto}
.wa-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#12302A;border-bottom:1px solid var(--line)}
.wa-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font:700 16px var(--head)}
.wa-head b{display:block;font-size:15px}.wa-head small{display:block;font-size:12px;color:var(--mint)}
.wa-body{height:340px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(400px 200px at 50% 0%,rgba(24,160,120,.08),transparent 70%)}
.wa-body .m{max-width:84%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.45;animation:waIn .3s ease}
.wa-body .m.u{align-self:flex-start;background:rgba(255,255,255,.07);border-bottom-left-radius:4px}
.wa-body .m.a{align-self:flex-end;background:rgba(24,160,120,.24);color:#DDF5EA;border-bottom-right-radius:4px}
.wa-body .m.s{align-self:center;max-width:94%;text-align:center;font-size:12.5px;font-weight:600;color:var(--gold);background:rgba(242,178,51,.1);border:1px solid rgba(242,178,51,.28);border-radius:999px}
.wa-body .typing{display:flex;gap:4px;padding:12px 14px}.wa-body .typing i{width:6px;height:6px;border-radius:50%;background:var(--mint);opacity:.4;animation:waDot 1s infinite}
.wa-body .typing i:nth-child(2){animation-delay:.15s}.wa-body .typing i:nth-child(3){animation-delay:.3s}
.wa-opts{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}
.wa-opts button{flex:1;min-width:110px;font:600 13px var(--body,inherit);color:var(--text);background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:999px;padding:9px 12px;cursor:pointer;transition:border-color .2s,background .2s}
.wa-opts button:hover,.wa-opts button.on{border-color:var(--mint);background:rgba(127,216,182,.1)}
.wa-opts button:disabled{opacity:.55;cursor:default}
@keyframes waIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes waDot{50%{opacity:1}}
@media(max-width:1000px){.probs.g4,.growth.g4{grid-template-columns:1fr 1fr}.scns,.caps,.convs{grid-template-columns:1fr 1fr}.flowline{grid-template-columns:1fr 1fr 1fr}.flowline li::after{display:none}.tl.steps4{grid-template-columns:1fr 1fr}.tl.steps4::before{display:none}}
@media(max-width:860px){.subhero-grid{grid-template-columns:1fr}.wademo{margin:0 auto}.notfit{grid-template-columns:1fr;gap:20px}.duo{grid-template-columns:1fr}.tl.steps3{grid-template-columns:1fr}.tl.steps3::before{display:none}}
@media(max-width:600px){.probs.g4,.growth.g4,.scns,.caps,.convs,.tl.steps4{grid-template-columns:1fr}.flowline{grid-template-columns:1fr}.subctas .btn{width:100%;justify-content:center}.wa-body{height:300px}}
.bigcta{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.bigcta{width:100%}.bigcta .btn{width:100%;justify-content:center}}
.subhero-grid h1{font-size:clamp(32px,3.9vw,50px)}
/* nav dropdowns */
.dd{position:relative}
.ddbtn{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;font:inherit;font-size:14px;color:var(--muted);background:none;border:0;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s}
.ddbtn::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ddbtn:hover,.dd.open .ddbtn{color:var(--text);background:rgba(255,255,255,.04)}
.dd .sub{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:232px;list-style:none;margin:0;padding:8px;background:rgba(12,16,15,.98);border:1px solid var(--line2);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.9);z-index:60}
.dd .sub::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.dd .sub a{display:block;padding:9px 12px;border-radius:9px;font-size:14px}
.dd:hover .sub,.dd:focus-within .sub,.dd.open .sub{display:block}
.dd.open .ddbtn::after{transform:rotate(-135deg) translateY(-1px)}
@media(max-width:1020px){
 .menu{max-height:calc(100vh - 68px);overflow-y:auto}
 .dd .sub{display:block;position:static;min-width:0;background:none;border:0;box-shadow:none;padding:0 0 6px 10px}
 .ddbtn{width:100%;padding:12px 8px 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);cursor:default}
 .ddbtn::after{display:none}
 .dd .sub a{font-size:15px;padding:10px 8px}
}
/* faz1 components */
.flowmini{list-style:none;counter-reset:fm;padding:0;margin:16px 0 0;display:grid;gap:8px}
.flowmini li{counter-increment:fm;display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--muted);padding:9px 12px;border:1px solid var(--line);border-radius:12px}
.flowmini li::before{content:counter(fm);flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font:700 12px var(--head);background:rgba(255,255,255,.06);color:var(--dim)}
.flowmini.on li{color:var(--text);border-color:rgba(127,216,182,.22)}
.flowmini.on li::before{background:rgba(127,216,182,.14);color:var(--mint)}
.serp{border:1px solid var(--line2);border-radius:20px;padding:18px;background:linear-gradient(180deg,#111816,#0C1110);display:grid;gap:12px;max-width:460px;margin-left:auto}
.serp-q{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:999px;padding:10px 16px;font-size:14.5px}
.serp-q .ico{width:16px;height:16px;color:var(--mint)}
.serp-map{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:8px;background:radial-gradient(300px 120px at 70% 30%,rgba(24,160,120,.12),transparent 70%)}
.pinrow{display:flex;align-items:center;gap:10px;font-size:14px}.pinrow b{color:var(--mint);font-size:12px}.pinrow span{flex:1;font-weight:600}.pinrow small{color:var(--dim);font-size:12px}
.pinrow.dim span{color:var(--muted);font-weight:500}.pinrow.dim b{color:var(--dim)}
.serp-res{display:grid;gap:3px;padding:4px 2px}.serp-res small{color:var(--dim);font-size:12px}.serp-res b{color:var(--mint);font-size:15.5px}.serp-res p{color:var(--muted);font-size:13.5px;margin:0}
.seogrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.seogrid h3{font-size:19px;margin:12px 0 14px}
.garanti-no{border-color:rgba(242,178,51,.25)}
@media(max-width:860px){.seogrid{grid-template-columns:1fr}.serp{margin:0 auto}}
.morelink{margin-top:14px;font-size:15px;color:var(--muted)}.morelink.center{text-align:center;margin-top:22px}
.gcard h3 a{color:inherit;text-decoration:underline;text-decoration-color:rgba(127,216,182,.4);text-underline-offset:4px}.gcard h3 a:hover{color:var(--mint)}
@media(max-width:1020px){.menu.open{background:#0A0D0C;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}}
/* sector mega dropdown */
.dd .sub-wide{min-width:560px;display:none;grid-template-columns:1fr 1fr;gap:4px;padding:10px}
.dd:hover .sub-wide,.dd:focus-within .sub-wide,.dd.open .sub-wide{display:grid}
.sub-wide a{display:flex!important;align-items:center;gap:12px;padding:10px 12px!important}
.sub-wide b{display:block;font-size:14px;font-weight:600;color:var(--text)}
.sub-wide small{display:block;font-size:12px;color:var(--dim);margin-top:1px;white-space:normal}
.sub-wide a:hover{background:rgba(127,216,182,.06)}
.ddi{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(127,216,182,.08);border:1px solid rgba(127,216,182,.2);color:var(--mint)}
.ddi .ico{width:17px;height:17px}
.dd-other{grid-column:1/-1;border-top:1px solid var(--line);margin-top:4px;padding-top:6px}
.dd-other .ddi{background:rgba(242,178,51,.1);border-color:rgba(242,178,51,.3);color:var(--gold)}
@media(max-width:1020px){
 .dd .sub-wide{display:grid;grid-template-columns:1fr;min-width:0;padding:0 0 6px 4px}
 .sub-wide a{padding:9px 6px!important}
 .ddi{width:30px;height:30px}
}
/* sector mega menu v2: categories -> sub-sectors */
.dd .sub-mega{display:none;position:absolute;min-width:600px;width:600px;min-height:430px;padding:10px 10px 10px 10px;grid-template-columns:292px 1fr}
.dd:hover .sub-mega,.dd:focus-within .sub-mega,.dd.open .sub-mega{display:block}
.sub-mega>li{width:292px}
.catbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer}
.catbtn b{display:block;font-size:14px;font-weight:600;color:var(--text)}
.catbtn small{display:block;font-size:12px;color:var(--dim);margin-top:1px}
.catbtn:hover,.cat.open .catbtn{background:rgba(127,216,182,.07)}
.cat.open .catbtn .ddi{background:rgba(127,216,182,.16);border-color:rgba(127,216,182,.45)}
.cat-items{display:none;list-style:none;margin:0;padding:6px 0 0 14px;position:absolute;left:304px;right:10px;top:10px;bottom:10px;border-left:1px solid var(--line)}
.cat.open .cat-items{display:block}
.cat-title{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:6px 10px 10px}
.cat-items a{display:flex!important;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px!important;border-radius:10px;font-size:14px;color:var(--text)!important;background:rgba(127,216,182,.06);border:1px solid rgba(127,216,182,.22);margin-bottom:6px}
.cat-items a .go{font-size:12px;color:var(--mint);font-weight:600;white-space:nowrap}
.cat-items a:hover{background:rgba(127,216,182,.12)}
.soon{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;color:var(--dim);cursor:default;border-radius:10px}
.soon em{font-style:normal;font-size:11px;font-weight:600;color:var(--dim);border:1px solid var(--line2);border-radius:999px;padding:2px 8px}
.sub-mega .dd-other{width:auto;border-top:1px solid var(--line);margin-top:6px;padding-top:6px;grid-column:auto}
.sub-mega .dd-other{width:292px}
.sub-mega .dd-other a{display:flex!important;align-items:center;gap:12px;padding:8px 12px!important}
.sub-mega .dd-other b{display:block;font-size:14px;color:var(--text)}.sub-mega .dd-other small{display:block;font-size:12px;color:var(--dim);white-space:normal}
@media(max-width:1020px){
 .dd .sub-mega{display:block;position:static;width:auto;min-width:0;min-height:0;padding:0 0 6px 0}
 .sub-mega>li,.sub-mega .dd-other{width:auto}
 .catbtn{padding:9px 6px}
 .catbtn::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.6px solid var(--dim);border-bottom:1.6px solid var(--dim);transform:rotate(45deg);transition:transform .2s}
 .cat.open .catbtn::after{transform:rotate(-135deg)}
 .cat-items{position:static;border-left:0;padding:4px 0 8px 48px}
 .cat:not(.open) .cat-items{display:none}
 .cat-title{display:none}
 .cat-items a{font-size:14.5px}
}
@media(min-width:1021px){.dd .sub-mega{left:50%;transform:translateX(-50%)}}
.cat-items a.cat-other{background:none;border-color:var(--line2)}.cat-items a.cat-other:hover{background:rgba(255,255,255,.04)}

/* =====================================================================
   MOBILE SIMPLIFICATION (≤768px only) — desktop & tablet untouched
   Content stays in the DOM; mobile hides or collapses it.
   ===================================================================== */
.m-more,.m-acc,.m-demo-prev,.menu .m-only{display:none}
@media (max-width:768px){
 /* rhythm + type */
 section{padding-block:64px}
 .head{margin-bottom:26px;gap:12px}
 .head h2{font-size:clamp(25px,7vw,30px);line-height:1.18}
 .head p{font-size:16px;line-height:1.6;max-width:38ch}
 .head.center p{margin-inline:auto}
 .band{border-block-width:1px}

 /* hero: title + short text + one CTA */
 .hero{padding-top:104px;padding-bottom:40px}
 .hero .pill,.hero .trust,.hero .ctas .btn-ghost{display:none!important}
 .hero h1{font-size:clamp(31px,8.6vw,38px);line-height:1.12}
 .hero .lead{font-size:16.5px;line-height:1.6;max-width:36ch;margin-top:16px}
 .hero .ctas{margin-top:26px}
 .hero .ctas .btn{width:100%;min-height:52px;justify-content:center}

 /* generic collapse */
 .m-col:not(.m-open)>.m-extra{display:none!important}
 .m-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:14px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--text);font:600 15px var(--font,inherit);cursor:pointer}
 .m-more::after{content:"";width:8px;height:8px;border-right:2px solid var(--mint);border-bottom:2px solid var(--mint);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
 .m-more[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-1px)}

 /* problem cards: tighter */
 .probwrap{gap:22px}
 .bigmsg{padding:22px;gap:16px}

 /* AI team */
 .team{gap:12px}
 .agent{padding:18px}
 .team-cta{margin-top:18px}

 /* timeline: compact vertical flow */
 .tl{grid-template-columns:1fr!important;gap:0!important;row-gap:0!important}
 .tl::before,.tl .bar{display:none!important}
 .tl .step{padding:0 0 18px 54px;min-height:0}
 .tl .step .num{top:0;left:0;width:38px;height:38px}
 .tl .step:not(:last-child)::after{content:"";position:absolute;left:18px;top:44px;bottom:6px;width:2px;background:var(--line2)}
 .tl .step h3{font-size:17px;padding-top:8px}
 .tl .step p{font-size:14.5px;margin-top:4px}

 /* demo: compact preview first */
 #demo .note{display:none}
 #demo .chat{display:none}
 #demo.m-open .chat{display:block}
 #demo.m-open .m-demo-prev{display:none}
 .m-demo-prev{display:grid;gap:14px;border:1px solid var(--line2);border-radius:20px;padding:18px;background:linear-gradient(180deg,#111816,#0C1110)}
 .m-demo-prev .mp-b{background:rgba(24,160,120,.18);border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:15px;color:#DDF5EA}
 .m-demo-prev .mp-b b{display:block;font-size:13px;color:var(--mint);margin-bottom:4px}
 .m-demo-prev .btn{width:100%;min-height:50px;justify-content:center}
 .log{height:340px}
 .demo{gap:20px}

 /* sectors: accordion, one open at a time */
 #sektorler .tabs,#sektorler .panel{display:none!important}
 .m-acc{display:grid;gap:10px}
 .m-acc-i{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--bg2));overflow:hidden}
 .m-acc-b{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px}
 .m-acc-b:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}
 .m-acc-b b{display:block;font-size:15.5px;color:var(--text)}
 .m-acc-b small{display:block;font-size:12.5px;color:var(--dim)}
 .m-acc-b::after{content:"";margin-left:auto;flex:none;width:8px;height:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);transition:transform .2s}
 .m-acc-i.open .m-acc-b::after{transform:rotate(-135deg);border-color:var(--mint)}
 .m-acc-i .ddi{width:36px;height:36px}
 .m-acc-l{display:none;list-style:none;margin:0;padding:0 12px 12px 62px;gap:6px}
 .m-acc-i.open .m-acc-l{display:grid}
 .m-acc-l a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(127,216,182,.25);background:rgba(127,216,182,.06);font-size:14.5px;color:var(--text)}
 .m-acc-l a .go{font-size:12.5px;color:var(--mint);font-weight:600}
 .m-acc-l a.cat-other{border-color:var(--line2);background:none}
 .m-acc-l .soon{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;font-size:14px;color:var(--dim)}
 .m-acc-l .soon em{font-style:normal;font-size:11px;border:1px solid var(--line2);border-radius:999px;padding:2px 8px}

 /* web / SEO: drop decorative mockups, 3 cards then "Diğer hizmetler" */
 #dash,#seo-buyume .serp{display:none!important}
 #web-yazilim .tiles{grid-template-columns:repeat(3,1fr);margin-top:22px}
 #web-yazilim .tile{padding:14px 8px;font-size:13px}
 #seo-buyume .growth{gap:10px;margin-top:22px}
 #seo-buyume .gcard{padding:18px}

 /* about: tighter */
 .hatay{padding:26px 20px;gap:22px}

 /* projects: horizontal scroll */
 #projeler .cases{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--gut,20px));padding:4px var(--gut,20px) 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 #projeler .cases::-webkit-scrollbar{display:none}
 #projeler .cases>.case{flex:0 0 84%;scroll-snap-align:start}
 #projeler .trustrow{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}

 /* analysis: result only after it has content */
 #result:not(.m-show){display:none!important}
 .analysis{gap:18px}

 /* FAQ / final */
 .faq summary{min-height:52px;padding:14px 16px}
 .final{padding:34px 20px}

 /* menu: Hizmetler · Sektörel Çözümler · Ücretsiz Analiz · Hakkımızda */
 .menu .m-hide{display:none!important}
 .menu .m-only{display:block}
 .menu>li>a{display:flex;align-items:center;min-height:48px;padding:0 8px;font-size:16px}
 .ddbtn{width:100%;min-height:48px;padding:0 8px!important;font:600 16px var(--font,inherit)!important;letter-spacing:0!important;text-transform:none!important;color:var(--text)!important;cursor:pointer!important;justify-content:space-between}
 .ddbtn::after{display:block!important}
 .dd:not(.open) .sub,.dd:not(.open):hover .sub,.dd:not(.open):focus-within .sub{display:none!important}
 .dd.open .sub{display:block!important}
 .dd.open .sub-mega{display:block!important}
 .dd .sub a,.sub-mega .catbtn{min-height:44px}
 .soon{min-height:40px}

 /* touch targets */
 .fgrid ul{gap:0}
 .fgrid ul a,.legal a{display:inline-flex;align-items:center;min-height:44px}
 .fgrid ul li:not(:has(a)){min-height:32px;display:flex;align-items:center}
 .morelink a,.crumbs a{display:inline-flex;align-items:center;min-height:44px}
 .opts button{min-height:44px}

 /* no floating/following bar on mobile */
 .float{display:none!important}
}

@media (max-width:768px){
 /* problem cards: compact 2-col */
 #otomasyon .probs{gap:10px}
 #otomasyon .prob{padding:14px;gap:8px}
 #otomasyon .prob .ic{width:36px;height:36px}
 #otomasyon .prob h3{font-size:15px;line-height:1.3}
 /* about: map is decorative */
 #hakkimizda .map{display:none!important}
 /* projects trust points: compact */
 #projeler .trustrow .tr{padding:14px}
 #projeler .trustrow .tr p,#projeler .trustrow .tr span:not(:first-child){font-size:13px}
 /* sector links duplicated inside the accordion */
 #sektorler .morelink.center{display:none}
 /* final CTA: long Turkish words must not overflow */
 .final h2{font-size:clamp(23px,6.6vw,28px);overflow-wrap:anywhere;hyphens:auto}
 .final .ctas .btn{width:100%;min-height:50px;justify-content:center}
}
@media (max-width:768px){
 .brand{min-height:44px}
 .agent .more{display:inline-flex;align-items:center;min-height:44px}
 .fgrid ul a,.legal a{min-width:44px;justify-content:flex-start}
 .legal nav{gap:6px 14px}
}
/* ===== MOBILE v2 (≤768px): animated hub back, tabbed home, no following bar ===== */
.m-tabs{display:none}
@media (max-width:768px){
 /* hero: animated tree-flow hub */
 .hero{padding-bottom:36px}
 .hero .wrap{gap:0}
 .hero .cc{display:block!important;aspect-ratio:1/1!important;max-width:380px!important;width:100%;margin:26px auto 56px!important;padding:0!important}
 .hero .cc svg.lines{display:block!important}
 .hero .cc .ln{stroke:rgba(127,216,182,.28);stroke-width:.8}
 .hero .cc .flow{stroke-width:1.6}
 .hero .cc .core{top:50%!important;width:30%!important}
 .hero .cc .core .corelogo{width:42%}
 .hero .cc .core strong{font-size:15px}
 .hero .cc .node{position:absolute!important;transform:translate(-50%,-50%)!important;flex-direction:column;gap:4px;padding:6px 7px!important;min-width:74px;text-align:center;white-space:nowrap}
 .hero .cc .node .ni{width:30px;height:30px}
 .hero .cc .node b{font-size:11px}
 .hero .cc .node small{display:none}
 .hero .cc .node[data-n=wa]{left:50%!important;top:9%!important;grid-column:auto}
 .hero .cc .node[data-n=globe]{left:20%!important;top:22%!important}
 .hero .cc .node[data-n=google]{left:80%!important;top:24%!important}
 .hero .cc .node[data-n=cal]{left:13%!important;top:48%!important}
 .hero .cc .node[data-n=users]{left:85%!important;top:50%!important}
 .hero .cc .node[data-n=food]{left:21%!important;top:76%!important}
 .hero .cc .node[data-n=bars]{left:79%!important;top:78%!important}
 /* live ticker under the hub: one step at a time */
 .hero .cc .feed{display:block!important;position:absolute;top:100%;bottom:auto;left:50%;transform:translateX(-50%);width:100%;margin-top:2px;padding:11px 14px;font-size:13.5px}
 .hero .cc .feed .row{display:none}
 .hero .cc .feed .row.on{display:flex;animation:pop .45s ease both}
 .hero .cc .feed .row+.row{margin-top:0}
 .hero .wrap+.wrap{margin-top:8px!important}
 .hero .stats{grid-template-columns:1fr 1fr;gap:0}
 .hero .stat{padding:14px 16px!important;min-height:0!important}
 .hero .stat b{font-size:26px!important}
 .hero .stat>span{font-size:12.5px!important;line-height:1.4!important;margin-top:2px}
 .hero .skyline{height:14%}

 /* tabbed home: one topic visible, rest one tap away */
 main{display:flex;flex-direction:column}
 .m-tabs{display:block;padding:48px 0 6px}
 .m-tabs .head{margin-bottom:18px}
 .m-tabbar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gut,20px));padding:4px var(--gut,20px) 8px;-webkit-overflow-scrolling:touch}
 .m-tabbar::-webkit-scrollbar{display:none}
 .m-tab{all:unset;box-sizing:border-box;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--muted);font-size:14.5px;font-weight:600;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .2s}
 .m-tab .ico{width:17px;height:17px}
 .m-tab:active{transform:scale(.96)}
 .m-tab[aria-selected="true"]{background:var(--green);border-color:rgba(127,216,182,.55);color:#fff;box-shadow:0 8px 22px -10px rgba(24,160,120,.9)}
 .m-tab:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
 .m-tabbed:not(.m-act){display:none!important}
 .m-tabbed{padding-top:22px!important}
 .m-tabbed.m-in>.wrap{animation:mIn .45s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes mIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes bob{50%{translate:0 -5px}}
@keyframes lnflow{to{stroke-dashoffset:-9}}
@media (max-width:768px) and (prefers-reduced-motion:no-preference){
 .hero .cc .ln{stroke-dasharray:2 2.5;animation:lnflow 1.8s linear infinite}
 .hero .cc .node{animation:bob 4.2s ease-in-out infinite}
 .hero .cc .node:nth-of-type(2n){animation-delay:-1.4s}
 .hero .cc .node:nth-of-type(3n){animation-delay:-2.6s;animation-duration:5s}
 .hero .cc .core::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(127,216,182,.55);animation:ring 2.8s ease-out infinite;pointer-events:none}
 .m-tab[aria-selected="true"] .ico{animation:bob 1.6s ease-in-out infinite}
}
@media (max-width:768px) and (prefers-reduced-motion:reduce){.m-tabbed.m-in>.wrap{animation:none}}

.fsoc{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.fsoc a{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s,border-color .2s,background .2s}.fsoc a:hover{color:var(--text);border-color:var(--mint,#7FD8B6);background:rgba(127,216,182,.08)}.fsoc .ico{width:22px;height:22px}
@media(max-width:900px){.fgrid ul li:not(:has(a)){min-height:44px}}
@media(max-width:900px){.fgrid{column-gap:16px}.fgrid ul{font-size:14px}.fgrid ul a{min-height:44px;line-height:1.3}.fgrid ul li:not(:has(a)){min-height:40px;line-height:1.3}.fsoc{display:grid;grid-template-columns:repeat(2,44px);gap:10px}}
.fsoc{display:grid;grid-template-columns:repeat(2,44px);gap:10px}footer{padding-bottom:96px}

.fcon a{display:inline-flex;align-items:center;gap:10px}.fcon .ico{width:18px;height:18px;flex:none;color:var(--dim)}.fcon a:hover .ico{color:var(--text)}
.legal{align-items:center}.legal>span,.legal nav a{line-height:1.3}
@media(max-width:900px){.legal{flex-direction:column;align-items:flex-start;gap:4px}.legal>span{min-height:40px;display:flex;align-items:center}.legal nav{gap:0 20px}.legal nav a{min-height:44px;display:inline-flex;align-items:center}}
@media(min-width:901px){.fcon a{height:24px}.fcon .ico{width:16px;height:16px}}
.fcon a{display:flex;width:max-content}

/* LCP: hero içeriği animasyonsuz, anında görünür */
.hero .rv{opacity:1;transform:none;transition:none}
@media(min-width:861px){.probs.g2{grid-template-columns:repeat(2,1fr)}}
.consent input[type=checkbox]{width:24px!important;height:24px!important;min-width:24px;flex:none}.consent a{display:inline-block;padding:8px 0}
.sub a.premium{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid #F2B233;background:rgba(242,178,51,.08);box-shadow:0 0 0 3px rgba(242,178,51,.14),0 0 18px rgba(242,178,51,.22);margin-bottom:6px;font-weight:600}
.sub a.premium:hover{background:rgba(242,178,51,.16)}
.pbadge{display:inline-block;font:800 11px/1 var(--body,inherit);letter-spacing:.06em;text-transform:uppercase;background:#F2B233;color:#16211C;border-radius:999px;padding:5px 9px;white-space:nowrap}
.premium-band{display:flex;flex-direction:column;gap:10px;margin:8px auto 22px;max-width:880px;padding:24px 26px;border-radius:22px;border:2px solid #F2B233;background:linear-gradient(180deg,rgba(242,178,51,.10),rgba(242,178,51,.03));box-shadow:0 0 0 5px rgba(242,178,51,.10),0 18px 50px -24px rgba(242,178,51,.55);text-decoration:none;color:inherit;transition:transform .2s}
.premium-band:hover{transform:translateY(-2px)}
.premium-band .pbadge{align-self:flex-start}
.pb-title{font:800 clamp(20px,2.4vw,26px)/1.2 var(--head,inherit);color:var(--text,#E6EEE9)}
.pb-text{color:var(--muted,#9DB0A6);font-size:15px;max-width:68ch}
.pb-cta{font-weight:700;color:#F2B233}
.foot-premium{color:#F2B233!important;font-weight:600}
.premium-band .pbadge{white-space:normal;max-width:100%;line-height:1.3}@media(max-width:520px){.premium-band{padding:20px 18px}}
.sub a.premium,.sub a.premium span:first-child{color:#F2B233}.sub a.premium:hover span:first-child{color:#F7C860}
.pbadge{font-family:inherit;font-size:11px;font-weight:800;line-height:1}.premium-band .pbadge{white-space:nowrap;align-self:flex-start}@media(max-width:520px){.premium-band .pbadge{font-size:10px;letter-spacing:.04em}}
@media(max-width:520px){.premium-band .pbadge{font-size:11px;letter-spacing:.02em}}

/* ne-kime-nerede satırı */
.sub-hero .nwk{font-size:14.5px;line-height:1.55;color:var(--muted);max-width:720px;margin:10px 0 0}
.sub-hero .nwk b{color:var(--text,inherit);font-weight:600}

/* Hatay karşılaştırma tablosu + ilçeler (v17) */
.cmpwrap{overflow-x:auto;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:18px;margin-top:26px}
.cmptable{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.cmptable th,.cmptable td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.cmptable thead th{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.cmptable tbody th{font-weight:600;white-space:nowrap}
.cmptable td{color:var(--muted)}
.cmptable .us{color:var(--text,#fff);background:rgba(127,216,182,.07)}
.cmptable thead .us{color:var(--mint,#7FD8B6)}
.cmptable tr:last-child th,.cmptable tr:last-child td{border-bottom:0}
.cmpnote{margin-top:14px;font-size:14px;color:var(--muted);max-width:780px}
.ilceler{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ilceler li{border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px}
.ilceler .ilce{padding:14px 16px;display:flex;flex-direction:column;gap:4px;height:100%;text-decoration:none;color:inherit;border-radius:14px}
a.ilce:hover{background:rgba(127,216,182,.06)}
.ilceler i{font-style:normal;font-size:13px;color:var(--mint,#7FD8B6);margin-top:4px}
.ilceler b{font-size:16px}.ilceler span{font-size:14px;color:var(--muted)}

.pbadge.pbadge-sm{font-size:9.5px;letter-spacing:.08em;padding:4px 8px;margin-left:16px;flex:none}

/* Uygulamalarımız: Vergi Hesaplama grubu */
.sub li.grup{margin:2px 0 4px}
.sub .grup-b{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px 4px;font-size:15px;font-weight:600}
.sub .alt-l{list-style:none;margin:0 0 4px 12px;padding:0 0 0 10px;border-left:2px solid rgba(242,178,51,.35)}
.sub .alt-l a{min-height:38px;padding:8px 8px;font-size:14px;opacity:.9}
.sub .alt-l a:hover{opacity:1}
.sub .alt-l .soon{padding-top:8px;padding-bottom:8px;font-size:14px}
/* Uygulamalarımız mega menü */
@media(min-width:1021px){.dd #dd-uyg{min-height:300px}}
.sub-mega .catbtn b .pbadge{display:inline-block;margin-left:8px;vertical-align:2px;white-space:nowrap}
.sub-mega .catbtn b:has(.pbadge){white-space:nowrap}
@media(max-width:1020px){#dd-uyg .cat-items a .go{display:none}}
@media(min-width:1021px){.dd #dd-uyg{width:700px;min-width:700px;grid-template-columns:292px 1fr}#dd-uyg .cat-items a{display:flex;align-items:center;justify-content:space-between;gap:12px}#dd-uyg .cat-items a .go{flex:none;white-space:nowrap}}

/* v20261006a: mobilde başlık üstü boşluk azaltıldı */
@media(max-width:600px){.hero{padding-top:80px!important}.hero h1{margin-top:0!important}}

/* v20261007a: hero uygulama kartları net görünsün (animasyon ve bulanıklık filtresi kaldırıldı) */
.hero .cc .node{animation:none!important;translate:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(180deg,#18221f,#0e1412)!important;-webkit-font-smoothing:antialiased}
.cc .node b,.cc .node small{text-rendering:geometricPrecision}
.hero .cc .node{transform:translate(calc(-50% + var(--sx,0px)),calc(-50% + var(--sy,0px)))}

/* 44px dokunma alanı (WCAG 2.5.5) — 09.10.2026 */
footer li a{display:inline-flex;align-items:center;min-height:44px}

/* rehber: bu rehber nasıl hazırlandı (15.10.2026) */
.hzr{margin-top:24px;padding:18px 20px;border:1px solid var(--line2);border-radius:16px;background:var(--panel)}
.hzr h3{font-size:19px;margin:0}
.hzr dl{margin:12px 0 0;display:grid;gap:4px}
.hzr dt{font-weight:600;color:var(--text);font-size:15px;margin-top:8px}
.hzr dd{margin:0;color:var(--muted);font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.hzr a{color:var(--mint);text-decoration:underline;text-underline-offset:2px}