:root{
  --bg:#0a0a0a;--bg2:#101010;--card:#111111;--line:rgba(255,255,255,.1);
  --text:#ffffff;--mute:#a3a3a3;
  --violet:#8b5cf6;--cyan:#22d3ee;--lime:#c7f34d;--amber:#fbbf24;--coral:#fb7185;--pink:#f472b6;
  --r:22px;--max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--bg);color:var(--text);font:400 1rem/1.6 'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
ul{list-style:none}
.container{width:min(var(--max),100% - 40px);margin-inline:auto}
h1,h2,h3{font-family:'Space Grotesk','Manrope',sans-serif;letter-spacing:-.02em;line-height:1.08}
.grad{background:linear-gradient(100deg,var(--violet),var(--cyan) 50%,var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}

/* accent classes */
.c-violet{--c:var(--violet)}.c-cyan{--c:var(--cyan)}.c-lime{--c:var(--lime)}.c-amber{--c:var(--amber)}.c-coral{--c:var(--coral)}.c-pink{--c:var(--pink)}

/* background glow */
.bg-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-glow i{position:absolute;border-radius:50%;filter:blur(110px);opacity:.28}
.g1{width:520px;height:520px;background:var(--violet);top:-160px;left:-120px}
.g2{width:460px;height:460px;background:var(--cyan);top:30%;right:-180px;opacity:.16!important}
.g3{width:420px;height:420px;background:var(--coral);bottom:-160px;left:20%;opacity:.14!important}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;border:0;cursor:pointer;font-weight:700;color:#0b0b16;background:linear-gradient(100deg,var(--violet),var(--cyan));background-size:160% 100%;transition:transform .25s,box-shadow .25s,background-position .4s;box-shadow:0 10px 30px -10px var(--violet)}
.btn:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 14px 34px -8px var(--cyan)}
.btn span{transition:transform .25s}.btn:hover span{transform:translate(2px,-2px)}
.btn-sm{padding:10px 18px;font-size:.9rem}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn-ghost:hover{background:rgba(255,255,255,.06);box-shadow:none;border-color:rgba(255,255,255,.25)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.rail:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* header */
.topbar{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}
.topbar.scrolled{background:rgba(11,11,22,.75);backdrop-filter:blur(16px);border-color:var(--line)}
.bar{display:flex;align-items:center;gap:28px;height:72px}
.brand img{height:30px;width:auto}
nav{display:flex;gap:6px;margin-left:auto}
nav a{padding:8px 14px;border-radius:999px;color:var(--mute);font-weight:600;font-size:.93rem;transition:.2s}
nav a:hover{color:var(--text);background:rgba(255,255,255,.07)}
.burger{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer;position:relative}
.burger i{position:absolute;left:11px;right:11px;height:2px;background:var(--text);border-radius:2px;transition:.25s}
.burger i:first-child{top:16px}.burger i:last-child{top:24px}
.burger[aria-expanded=true] i:first-child{top:20px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:last-child{top:20px;transform:rotate(-45deg)}

/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:150px 0 70px;min-height:100svh}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-size:.85rem;font-weight:600;color:var(--mute);margin-bottom:26px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 var(--lime);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
h1{font-size:clamp(2.3rem,5.4vw,4.4rem);font-weight:700}
.lead{color:var(--mute);font-size:1.12rem;max-width:560px;margin:24px 0 34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.stats{display:flex;gap:34px;margin-top:48px;flex-wrap:wrap}
.stats div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:2px}
.stats strong{font:700 2.6rem/1 'Space Grotesk','Manrope',sans-serif}
.stats em{font:700 1.6rem 'Space Grotesk','Manrope',sans-serif;font-style:normal;color:var(--cyan)}
.stats span{grid-column:1/-1;font-size:.78rem;color:var(--mute);line-height:1.35;margin-top:6px}
.stats div:nth-child(2) em{color:var(--lime)}.stats div:nth-child(3) em{color:var(--coral)}

.hero-visual{position:relative;height:520px}
.win{position:absolute;background:rgba(21,21,38,.85);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px #000}
.win-code{top:10px;left:0;width:78%;animation:float 7s ease-in-out infinite}
.win-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line)}
.win-bar i{width:10px;height:10px;border-radius:50%;background:var(--coral)}.win-bar i:nth-child(2){background:var(--amber)}.win-bar i:nth-child(3){background:var(--lime)}
.win-bar span{margin-left:8px;font:500 .75rem 'JetBrains Mono';color:var(--mute)}
pre{padding:16px 18px;font:500 .8rem/1.75 'JetBrains Mono',monospace;color:#cfd0e6;overflow:hidden}
.c-v{color:var(--violet);font-weight:500}.c-c{color:var(--cyan);font-weight:500}.c-l{color:var(--lime);font-weight:500}.c-a{color:var(--amber);font-weight:500}
.win-chat{right:0;top:170px;width:60%;padding:16px;animation:float 8s ease-in-out -2s infinite}
.chat-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.chat-head b{display:block;font-size:.9rem;line-height:1.1}.chat-head small{color:var(--lime);font-size:.72rem}
.ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0b0b16;background:linear-gradient(135deg,var(--cyan),var(--violet))}
.win-chat p{font-size:.82rem;padding:9px 13px;border-radius:14px;margin-top:8px;max-width:88%}
.win-chat .in{background:rgba(255,255,255,.08);border-bottom-left-radius:4px}
.win-chat .out{background:linear-gradient(100deg,var(--violet),var(--cyan));color:#0b0b16;font-weight:600;margin-left:auto;border-bottom-right-radius:4px}
.win-app{left:6%;bottom:0;width:150px;height:250px;border-radius:26px;padding:10px;animation:float 9s ease-in-out -4s infinite}
.phone{position:relative;height:100%;border-radius:18px;background:linear-gradient(160deg,rgba(139,92,246,.35),rgba(34,211,238,.18));overflow:hidden}
.phone>i{position:absolute;top:8px;left:50%;width:44px;height:6px;margin-left:-22px;border-radius:9px;background:rgba(0,0,0,.5)}
.pb{position:absolute;bottom:0;width:22%;border-radius:8px 8px 0 0;left:calc(var(--x)*1%)}
.phone .b1{--x:10;height:35%;background:var(--violet)}.phone .b2{--x:39;height:55%;background:var(--cyan)}.phone .b3{--x:68;height:78%;background:var(--lime)}
.chip{position:absolute;top:38px;left:12px;padding:4px 10px;border-radius:999px;background:rgba(163,230,53,.18);color:var(--lime);font:700 .8rem 'Space Grotesk','Manrope',sans-serif}
.tag{position:absolute;padding:7px 14px;border-radius:999px;font:600 .78rem 'JetBrains Mono';border:1px solid var(--line);background:rgba(11,11,22,.8);animation:float 6s ease-in-out infinite}
.t1{right:12%;top:0;color:var(--cyan)}.t2{right:0;bottom:40px;color:var(--lime);animation-delay:-1s}.t3{left:38%;bottom:30px;color:var(--amber);animation-delay:-3s}.t4{left:0;top:52%;color:var(--pink);animation-delay:-2s}
@keyframes float{50%{transform:translateY(-12px)}}

/* ticker */
.ticker{border-block:1px solid var(--line);background:rgba(255,255,255,.025);overflow:hidden;padding:18px 0}
.ticker-track{display:flex;gap:28px;width:max-content;animation:tick 40s linear infinite;font:600 1.15rem 'Space Grotesk','Manrope',sans-serif;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.ticker-track b{color:var(--violet)}.ticker-track b:nth-of-type(3n+2){color:var(--cyan)}.ticker-track b:nth-of-type(3n){color:var(--lime)}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
.section{padding:110px 0}
.head{max-width:760px;margin-bottom:56px}
.head.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.kicker{display:inline-block;font:700 .78rem 'Manrope';letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px;padding-left:34px;position:relative}
.kicker::before{content:"";position:absolute;left:0;top:50%;width:24px;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan))}
h2{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:700}
.head p{color:var(--mute);margin-top:18px;font-size:1.05rem}

/* service cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .3s,border-color .3s}
.card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--c)}
.card::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:var(--c);opacity:.12;filter:blur(30px);transition:opacity .3s}
.card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.card:hover::after{opacity:.3}
.ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);margin-bottom:22px}
.ico svg,.ic svg{width:26px;height:26px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:1.4rem;margin-bottom:10px}
.card p{color:var(--mute);font-size:.95rem}
.card ul{margin:18px 0 22px;display:grid;gap:8px;font-size:.92rem}
.card li{padding-left:24px;position:relative}
.card li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2px solid var(--c);border-bottom:2px solid var(--c);transform:rotate(-45deg) scale(.8)}
.price{margin-top:auto;padding-top:18px;border-top:1px dashed var(--line);color:var(--mute);font-size:.9rem}
.price b{font:700 1.5rem 'Space Grotesk','Manrope',sans-serif;color:var(--c)}
.note{margin-top:28px;text-align:center;color:var(--mute)}.note a{color:var(--cyan);font-weight:700}

/* partners */
.partners{padding-inline:0;background:linear-gradient(180deg,transparent,rgba(139,92,246,.06) 30%,rgba(34,211,238,.05) 70%,transparent)}
.ctrl{display:flex;gap:10px}
.ctrl button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:1.2rem;transition:.2s}
.ctrl button:hover{background:var(--violet);border-color:var(--violet);transform:scale(1.06)}
.rail-wrap{position:relative}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px;scroll-behavior:smooth}
.rail::-webkit-scrollbar{display:none}
.p{--a:#8b5cf6;flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:var(--r);background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .3s,border-color .3s}
.p:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--a) 60%,transparent)}
.logo{position:relative;height:190px;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--a) 38%,transparent),transparent 70%),#0f0f1d;border-bottom:1px solid var(--line)}
.logo img{max-height:120px;max-width:88%;width:auto;height:auto;object-fit:contain;transition:transform .4s}
.logo img.tile{border-radius:18px;max-height:130px}
.logo img.round{max-height:130px}
.p:hover .logo img{transform:scale(1.06)}
.body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.body h3{font-size:1.15rem}
.years{align-self:flex-start;margin:8px 0 12px;padding:3px 11px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--a);background:color-mix(in srgb,var(--a) 14%,transparent);border:1px solid color-mix(in srgb,var(--a) 30%,transparent)}
.body p{font-size:.9rem;color:var(--mute);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.body p.open{display:block;-webkit-line-clamp:unset}
.body .toggle{align-self:flex-start;margin-top:10px;background:none;border:0;padding:0;cursor:pointer;color:var(--a);font-weight:700;font-size:.85rem}
.body .toggle:hover{text-decoration:underline}
.more-row{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:16px}
#pcount{font:600 .9rem 'JetBrains Mono';color:var(--mute)}
.rail.all{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
.rail.all .p{flex:0 0 calc((100% - 60px)/4)}
.partners.expanded .ctrl{visibility:hidden}

/* why */
.why{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.why-list{display:grid;gap:14px}
.w{display:flex;gap:20px;padding:24px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:.3s}
.w:hover{transform:translateX(6px);border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.w b{font:700 1.7rem 'Space Grotesk','Manrope',sans-serif;color:var(--c);min-width:44px}
.w h3{font-size:1.15rem;margin-bottom:4px}.w p{color:var(--mute);font-size:.93rem}
.stack{padding:30px;border-radius:var(--r);background:linear-gradient(160deg,rgba(139,92,246,.16),rgba(34,211,238,.08));border:1px solid var(--line);display:flex;flex-direction:column;gap:22px}
.stack h3{font-size:1.4rem}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chips .k{width:100%;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:700}
.chips i{font:600 .82rem 'JetBrains Mono';font-style:normal;padding:7px 13px;border-radius:10px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 28%,transparent)}

/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.steps li{padding:28px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}
.steps li::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--c)}
.steps span{display:block;font:700 3.2rem/1 'Space Grotesk','Manrope',sans-serif;color:var(--c);opacity:.9;margin-bottom:26px}
.steps h3{font-size:1.2rem;margin-bottom:8px}.steps p{color:var(--mute);font-size:.93rem}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px;border-radius:32px;background:linear-gradient(140deg,rgba(139,92,246,.22),rgba(34,211,238,.1) 55%,rgba(163,230,53,.08)),var(--bg2);border:1px solid var(--line);position:relative;overflow:hidden}
.contact-info p{color:var(--mute);margin:18px 0 28px}
.line{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-weight:700;font-size:1.05rem;transition:.2s}
a.line:hover{color:var(--cyan);padding-left:6px}
.line small{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:600}
.ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.07);flex:none}
.line:nth-of-type(1) .ic svg{stroke:var(--violet)}.line:nth-of-type(2) .ic svg{stroke:var(--lime)}.line:nth-of-type(3) .ic svg{stroke:var(--coral)}
.form{display:grid;gap:16px;align-content:start;background:rgba(11,11,22,.6);padding:28px;border-radius:24px;border:1px solid var(--line)}
label{display:grid;gap:6px;font-size:.82rem;font-weight:700;color:var(--mute)}
input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font-weight:500;resize:vertical;transition:.2s}
select option{background:#151526}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.18)}
input.err{border-color:var(--coral)}
.opt{font-weight:500;opacity:.7}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.btn[disabled]{opacity:.6;cursor:wait;transform:none}
.form .btn{justify-content:center}
.hint{min-height:1.4em;font-size:.88rem;color:var(--lime);text-align:center}.hint.bad{color:var(--coral)}

footer{border-top:1px solid var(--line);padding:34px 0}
.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--mute);font-size:.88rem}
.foot img{height:26px;width:auto}.foot a:hover{color:var(--cyan)}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease,border-color .3s}
.reveal.visible{opacity:1;transform:none}
.cards .reveal:nth-child(3n+2),.steps .reveal:nth-child(2){transition-delay:.08s}
.cards .reveal:nth-child(3n),.steps .reveal:nth-child(3){transition-delay:.16s}
.steps .reveal:nth-child(4){transition-delay:.24s}

@media(max-width:1080px){
  .hero{grid-template-columns:1fr;padding-top:130px;min-height:0}
  .hero-visual{height:460px;max-width:560px;width:100%;margin:10px auto 0}
  .cards{grid-template-columns:repeat(2,1fr)}
  .p,.rail.all .p{flex-basis:calc((100% - 40px)/3)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .why,.contact{grid-template-columns:1fr}
}
@media(max-width:860px){
  .burger{display:block}
  .btn-sm{display:none}
  nav{position:fixed;inset:72px 0 auto;flex-direction:column;background:rgba(11,11,22,.97);backdrop-filter:blur(16px);padding:16px 20px 24px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .35s;margin:0}
  nav.open{transform:none}
  nav a{padding:14px;font-size:1.05rem}
}
@media(max-width:700px){
  .section{padding:76px 0}
  .cards,.steps{grid-template-columns:1fr}
  .p,.rail.all .p{flex-basis:calc((100% - 20px)/2)}
  .head.row{align-items:flex-end}
  .contact{padding:26px 20px;border-radius:26px}
  .form{padding:20px}
  .hero-visual{height:420px}
  .win-code{width:100%}.win-chat{width:80%;top:170px}.win-app,.t3,.t4{display:none}
  .stats{gap:22px}.stats strong{font-size:2.1rem}
  .more-row{flex-direction:column;align-items:stretch;text-align:center}
  .more-row .btn{justify-content:center}
}
@media(max-width:480px){
  .container{width:min(var(--max),100% - 32px)}
  .p,.rail.all .p{flex-basis:88%}
  .logo{height:170px}
  .ctrl button{width:44px;height:44px}
  .hero-actions .btn{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  html,.rail{scroll-behavior:auto}
  *{animation:none!important}
  .reveal{opacity:1;transform:none;transition:none}
}

/* bg fx */
#bgfx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.g1{animation:drift1 26s ease-in-out infinite alternate}
.g2{animation:drift2 32s ease-in-out infinite alternate}
.g3{animation:drift1 38s ease-in-out -12s infinite alternate-reverse}
@keyframes drift1{to{transform:translate(160px,120px) scale(1.15)}}
@keyframes drift2{to{transform:translate(-200px,160px) scale(.9)}}

/* rotating rings behind the hero mockups */
.hero-visual::before,.hero-visual::after{content:"";position:absolute;border-radius:50%;pointer-events:none;left:50%;top:50%;translate:-50% -50%}
.hero-visual::before{width:540px;height:540px;border:1px dashed rgba(139,92,246,.45);animation:spin 60s linear infinite}
.hero-visual::after{width:400px;height:400px;border:1px dashed rgba(34,211,238,.4);animation:spin 45s linear infinite reverse}
@keyframes spin{to{rotate:360deg}}

/* pixel clusters (echo of the YASA mark) floating in section corners */
.section{position:relative}
.section::after{content:"";position:absolute;right:0;top:70px;width:12px;height:12px;background:var(--dc,var(--violet));opacity:.55;pointer-events:none;
  box-shadow:24px 0 var(--dc,var(--violet)),24px 24px var(--dc,var(--violet)),48px 24px var(--dc,var(--violet)),48px 48px var(--dc,var(--violet)),72px 48px var(--dc,var(--violet)),0 24px transparent;
  animation:bob 9s ease-in-out infinite}
#services::after{--dc:var(--violet)}
#why::after{--dc:var(--cyan);right:auto;left:-40px;top:24px}
#process::after{--dc:var(--lime)}
.partners.section::after{display:none}
@keyframes bob{50%{transform:translateY(-18px)}}
@media(max-width:1080px){.section::after{display:none}.hero-visual::before{width:420px;height:420px}.hero-visual::after{width:300px;height:300px}}
@media(prefers-reduced-motion:reduce){#bgfx{display:none}}
html{overflow-x:clip}
@media(max-width:700px){.hero-visual::before{width:330px;height:330px}.hero-visual::after{width:230px;height:230px}}

/* social */
.ic.brand svg{width:24px;height:24px;stroke:none!important;fill:currentColor}
.line.tg .ic{color:#29b6f6;background:rgba(41,182,246,.14)}
.line.ig .ic{color:#ff5a8a;background:rgba(255,90,138,.14)}
.line:nth-of-type(n) .ic.brand svg{stroke:none}
.social{display:flex;gap:10px}
.social a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);color:var(--mute);transition:.25s}
.social svg{width:20px;height:20px;fill:currentColor}
.social a:hover{transform:translateY(-3px);color:#fff}
.social .tg:hover{background:#229ed9;border-color:#229ed9}
.social .ig:hover{background:linear-gradient(45deg,#f9a825,#e1306c 50%,#7b3fe4);border-color:transparent}
.hero-tg .tgi{display:inline-grid}
.hero-tg svg{width:18px;height:18px;fill:#29b6f6}
.hero-tg:hover{border-color:#29b6f6}

/* language switcher, FAQ, about, address */
ol{list-style:none}
.lang{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}
.lang a{padding:6px 11px;border-radius:999px;font:700 .76rem 'Manrope';letter-spacing:.06em;color:var(--mute);transition:.2s}
.lang a:hover{color:var(--text)}
.lang a.on{background:linear-gradient(100deg,var(--violet),var(--cyan));color:#0b0b16}
@media(max-width:860px){.lang{margin-left:auto}.burger{margin-left:0}}
.faq{display:grid;gap:12px;max-width:900px}
.faq details{border:1px solid var(--line);border-radius:18px;background:var(--card);transition:border-color .25s}
.faq details[open]{border-color:rgba(34,211,238,.45)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font:600 1.08rem/1.35 'Manrope',sans-serif;letter-spacing:0}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:var(--cyan);font-size:1.3rem;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;color:var(--mute);max-width:75ch}
.about{padding:0 0 90px;max-width:900px}
.about h2{font-size:1.4rem;margin-bottom:14px}
.about p{color:var(--mute);font-size:.95rem;margin-bottom:12px}
address{font-style:normal}
address a:hover{color:var(--cyan)}
.copy{padding-top:16px;color:var(--mute);font-size:.82rem;opacity:.75}

/* ===== neutral theme: black + white, one lime accent, no gradients or glows ===== */
:root{--accent:#c7f34d}
.bg-glow{display:none}
.grad{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--accent)}
.kicker{color:var(--accent)}
.kicker::before{background:var(--accent)}

/* buttons + language switcher: white */
.btn{background:#fff;color:#0a0a0a;box-shadow:none}
.btn:hover{background:#e6e6e6;box-shadow:none;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;box-shadow:none}
.lang{background:transparent;border-color:rgba(255,255,255,.3)}
.lang a{color:#fff}
.lang a:hover{background:rgba(255,255,255,.12)}
.lang a.on{background:#fff;color:#0a0a0a}
.ctrl button:hover{background:#fff;border-color:#fff;color:#0a0a0a}

/* surfaces */
.topbar.scrolled{background:rgba(10,10,10,.85)}
nav{background:#0a0a0a}
.win{backdrop-filter:none;background:#111;box-shadow:none}
.tag{background:#0a0a0a}
.ava{background:#fff;color:#0a0a0a}
.win-chat .out{background:#fff;color:#0a0a0a}
.phone{background:rgba(255,255,255,.06)}
.stack{background:var(--card)}
.contact{background:var(--bg2)}
.form{background:#0a0a0a}
.logo{background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--a) 16%,transparent),transparent 70%),#0d0d0d}
.card::after{opacity:.05}
.card:hover::after{opacity:.14}
.hero-visual::before{border-color:rgba(255,255,255,.14)}
.hero-visual::after{border-color:rgba(255,255,255,.1)}
.section::after{opacity:.35}

/* focus / hover accents */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.rail:focus-visible{outline-color:#fff}
input:focus,select:focus,textarea:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.faq details[open]{border-color:rgba(255,255,255,.35)}
.faq summary::after{color:#fff}
a.line:hover,.note a,.social a:hover{color:var(--accent)}
.social a:hover{color:#fff}

.partners{background:none}

/* ===== monochrome: black / white / grey + a single lime accent used sparingly ===== */
.c-violet,.c-cyan,.c-lime,.c-amber,.c-coral,.c-pink{--c:#fff}
.p{--a:#fff!important}

/* service cards */
.card::before{background:rgba(255,255,255,.14)}
.card::after{display:none}
.ico{background:rgba(255,255,255,.07)}
.card li::before{border-color:#d4d4d4}
.card:hover,.p:hover,.w:hover{border-color:rgba(255,255,255,.4)}
.price b{color:var(--accent)}

/* partners */
.logo{background:#0d0d0d}
.years{color:#d4d4d4;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.body .toggle{color:#fff}

/* why / stack / steps */
.w b{color:#fff}
.chips i{color:#d4d4d4;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.steps span{color:#fff}
.steps li::after{background:rgba(255,255,255,.16)}

/* hero mockups */
.c-v{color:#fff}.c-c{color:#a3a3a3}.c-l{color:var(--accent)}.c-a{color:#d4d4d4}
.win-bar i,.win-bar i:nth-child(2),.win-bar i:nth-child(3){background:#3a3a3a}
.phone .b1{background:#3a3a3a}.phone .b2{background:#8a8a8a}.phone .b3{background:var(--accent)}
.chip{background:rgba(199,243,77,.14);color:var(--accent)}
.tag,.t1,.t2,.t3,.t4{color:#d4d4d4}.t2{color:var(--accent)}
.stats em,.stats div:nth-child(2) em,.stats div:nth-child(3) em{color:var(--accent)}
.ticker-track b,.ticker-track b:nth-of-type(3n+2),.ticker-track b:nth-of-type(3n){color:var(--accent)}
#services::after,#why::after,#process::after{--dc:#fff}
.section::after{opacity:.22}

/* contact + socials: white icons */
.line:nth-of-type(n) .ic svg{stroke:#fff}
.line.tg .ic,.line.ig .ic{color:#fff;background:rgba(255,255,255,.08)}
.hero-tg svg{fill:#fff}
.hero-tg:hover{border-color:#fff}
.social a:hover,.social .tg:hover,.social .ig:hover{background:#fff;color:#0a0a0a;border-color:#fff}
.hero-tg{color:#fff}

.section{--dc:#fff}