/* ===========================================================
   QTECO — WEBSITE  ·  stylesheet
   Built on the Qteco Brand System (Indigo + Signal Red)
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  --indigo-950:#100D29; --indigo-900:#17133F; --indigo-800:#1E1A54;
  --indigo-700:#262262; --indigo-600:#322C7F; --indigo-500:#423B9E;
  --indigo-400:#5C54C0; --indigo-300:#867FD7; --indigo-200:#B4AFE8;
  --indigo-100:#E0DEF5; --indigo-50:#F1F0FB;
  --red:#E11B2E; --red-dark:#B5121F; --red-tint:#FCE6E8;
  --ink:#1A1826; --text:#333333; --slate:#5A5870; --muted:#8C8AA0;
  --line:#E5E4EE; --mist:#F4F4F7; --paper:#FFFFFF;
  --fd:'Space Grotesk', Arial, sans-serif;
  --fs:'IBM Plex Sans', Calibri, Arial, sans-serif;
  --fm:'IBM Plex Mono', Consolas, monospace;
  --maxw:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* — semantic surface tokens (theme-aware) — */
  --surface:#FFFFFF; --surface-2:#F4F4F7;
  --card:#FFFFFF; --card-bd:#E5E4EE; --hairline:#E5E4EE;
  --heading:#262262; --heading-2:#322C7F;
  --text-body:#333333; --text-soft:#5A5870; --text-mute:#8C8AA0;
  --ic-bg:#F1F0FB; --ic-fg:#322C7F; --strong:#1A1826; --field:#FFFFFF;
}
:root[data-theme="dark"]{
  --surface:#100D29; --surface-2:#17133F;
  --card:#1E1A54; --card-bd:rgba(255,255,255,.10); --hairline:rgba(255,255,255,.10);
  --heading:#FFFFFF; --heading-2:#B4AFE8;
  --text-body:rgba(255,255,255,.80); --text-soft:rgba(255,255,255,.60); --text-mute:rgba(255,255,255,.42);
  --ic-bg:rgba(92,84,192,.20); --ic-fg:#B4AFE8; --strong:#FFFFFF; --field:#100D29;
}
html{transition:background .3s var(--ease);}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-padding-top:84px;}
body{font-family:var(--fs);color:var(--text-body);background:var(--surface);line-height:1.6;overflow-x:hidden;transition:background .3s var(--ease),color .3s var(--ease);}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
section{position:relative;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}

/* ---------- shared type ---------- */
.eyebrow{font-family:var(--fm);font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:11px;}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--red);display:inline-block;}
.eyebrow.light{color:var(--red);}
h1,h2,h3,h4{font-family:var(--fd);color:var(--heading);font-weight:600;letter-spacing:-.02em;line-height:1.06;}
.h-sec{font-size:clamp(32px,4.2vw,52px);letter-spacing:-.03em;}
.lead{font-size:clamp(16px,1.5vw,19px);line-height:1.62;color:var(--text-soft);max-width:62ch;}
.mono{font-family:var(--fm);}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:600;font-size:15px;border-radius:10px;padding:14px 24px;border:1.5px solid transparent;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s,border-color .18s,color .18s;white-space:nowrap;}
.btn .arr{transition:transform .2s var(--ease);}
.btn:hover .arr{transform:translateX(4px);}
.btn-cta{background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(225,27,46,.28);}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(225,27,46,.36);}
.btn-primary{background:var(--indigo-700);color:#fff;}
.btn-primary:hover{transform:translateY(-2px);background:var(--indigo-600);box-shadow:0 12px 30px rgba(38,34,98,.3);}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32);}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.btn-ghost-dark{background:transparent;color:var(--indigo-700);border-color:var(--indigo-200);}
.btn-ghost-dark:hover{border-color:var(--indigo-400);background:var(--indigo-50);}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;border-bottom:1px solid transparent;}
.nav-in{max-width:var(--maxw);margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;}
.nav .brand img{height:30px;}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{font-size:14.5px;font-weight:500;color:rgba(255,255,255,.82);transition:color .15s;letter-spacing:-.005em;white-space:nowrap;}
.nav-links a:hover{color:#fff;}
.nav .nav-cta{font-family:var(--fd);font-weight:600;font-size:14px;padding:10px 20px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .18s,border-color .18s,transform .18s;white-space:nowrap;}
.nav .nav-cta:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px);}
.nav.scrolled{background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom-color:var(--line);box-shadow:0 4px 24px rgba(16,13,41,.06);}
.nav.scrolled .nav-links a{color:var(--slate);}
.nav.scrolled .nav-links a:hover{color:var(--indigo-700);}
.nav.scrolled .nav-cta{background:var(--indigo-700);border-color:var(--indigo-700);}
.nav.scrolled .nav-cta:hover{background:var(--red);border-color:var(--red);}
.nav-toggle{display:none;}

/* ---------- motif primitives ---------- */
.dotgrid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.10) 1.3px,transparent 1.3px);background-size:30px 30px;pointer-events:none;}
.dotgrid.dark{background-image:radial-gradient(rgba(38,34,98,.10) 1.3px,transparent 1.3px);}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13);pointer-events:none;}
.ring.red{border-color:rgba(225,27,46,.55);}

/* ---------- HERO ---------- */
.hero{background:var(--indigo-700);color:#fff;overflow:hidden;padding:160px 0 96px;}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(92,84,192,.55),transparent 46%),linear-gradient(158deg,var(--indigo-800),var(--indigo-700) 56%,var(--indigo-900));z-index:0;}
.hero .wrap{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.hero-copy .eyebrow{margin-bottom:26px;}
.hero h1{color:#fff;font-size:clamp(40px,5.6vw,72px);letter-spacing:-.035em;line-height:.98;}
.hero h1 .br{color:var(--indigo-200);}
.hero .pos{font-family:var(--fd);font-weight:500;font-size:clamp(18px,2vw,23px);color:rgba(255,255,255,.82);margin-top:26px;letter-spacing:-.01em;}
.hero .pos .a{color:var(--red);}
.hero .actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;}
.hero .trust{display:flex;gap:30px;margin-top:46px;flex-wrap:wrap;}
.hero .trust .ti{display:flex;flex-direction:column;gap:4px;}
.hero .trust .tk{font-family:var(--fd);font-weight:600;font-size:26px;color:#fff;letter-spacing:-.02em;}
.hero .trust .tl{font-family:var(--fm);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);}

/* hero visual */
.hero-visual{position:relative;}
.hero-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(16,13,41,.5);aspect-ratio:4/5;}
.hero-frame image-slot{width:100%;height:100%;}
.hero-frame .duo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,34,98,.15),rgba(38,34,98,.55));mix-blend-mode:multiply;pointer-events:none;z-index:2;}
.float-card{position:absolute;background:rgba(255,255,255,.97);border-radius:14px;padding:16px 18px;box-shadow:0 18px 44px rgba(16,13,41,.34);z-index:5;display:flex;align-items:center;gap:13px;backdrop-filter:blur(6px);}
.float-card .pulse{width:11px;height:11px;border-radius:50%;background:#1F8A5B;position:relative;flex-shrink:0;}
.float-card .pulse::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(31,138,91,.4);animation:pulse 2s var(--ease) infinite;}
@keyframes pulse{0%{transform:scale(.7);opacity:.9;}100%{transform:scale(1.6);opacity:0;}}
.float-card .fc-k{font-family:var(--fd);font-weight:600;font-size:15px;color:var(--indigo-700);line-height:1.1;}
.float-card .fc-l{font-family:var(--fm);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:3px;}
.float-card.tl{top:24px;left:-28px;}
.float-card.br{bottom:24px;right:-28px;}

/* ---------- section heading block ---------- */
.sec{padding:108px 0;}
.sec-head{max-width:760px;margin-bottom:54px;}
.sec-head .eyebrow{margin-bottom:20px;}
.sec-head .lead{margin-top:18px;}
.sec.mist{background:var(--surface-2);}

/* ---------- services ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.svc{background:var(--card);border:1px solid var(--card-bd);border-radius:16px;padding:30px 28px 28px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s;position:relative;overflow:hidden;}
.svc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .25s var(--ease);}
.svc:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(16,13,41,.13);border-color:var(--indigo-100);}
.svc:hover::before{transform:scaleY(1);}
.svc .ic{width:50px;height:50px;border-radius:13px;background:var(--ic-bg);display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:var(--ic-fg);}
.svc h3{font-size:20px;color:var(--heading);margin-bottom:11px;letter-spacing:-.01em;}
.svc p{font-size:14px;color:var(--text-soft);line-height:1.6;margin-bottom:18px;}
.svc .feats{display:flex;flex-direction:column;gap:8px;}
.svc .feats span{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-body);}
.svc .feats span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0;}

/* ---------- AI band (dark) ---------- */
.ai{background:var(--indigo-800);color:#fff;overflow:hidden;padding:110px 0;}
.ai::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 80%,rgba(92,84,192,.5),transparent 44%),linear-gradient(140deg,var(--indigo-900),var(--indigo-800) 60%,var(--indigo-950));z-index:0;}
.ai .wrap{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.ai h2{color:#fff;font-size:clamp(30px,3.6vw,46px);}
.ai .lead{color:rgba(255,255,255,.74);margin-top:20px;}
.ai-points{display:flex;flex-direction:column;gap:2px;margin-top:8px;}
.ai-point{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.ai-point:last-child{border-bottom:0;}
.ai-point .n{font-family:var(--fm);font-size:12px;color:var(--red);letter-spacing:.1em;padding-top:4px;flex-shrink:0;}
.ai-point h4{color:#fff;font-size:18px;margin-bottom:6px;}
.ai-point p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.55;}

/* ---------- approach / steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step;}
.step{position:relative;padding-top:30px;}
.step .bar{height:3px;background:var(--hairline);border-radius:2px;position:relative;margin-bottom:24px;overflow:hidden;}
.step .bar::after{content:"";position:absolute;inset:0;width:36px;background:var(--red);border-radius:2px;}
.step .num{font-family:var(--fm);font-size:12px;letter-spacing:.16em;color:var(--red);margin-bottom:14px;}
.step h4{font-size:19px;color:var(--heading);margin-bottom:10px;}
.step p{font-size:13.5px;color:var(--text-soft);line-height:1.58;}

/* ---------- values ---------- */
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.val{background:var(--card);border:1px solid var(--card-bd);border-radius:16px;padding:28px 26px;transition:transform .2s var(--ease),box-shadow .2s var(--ease);}
.val:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(16,13,41,.1);}
.val .ic{width:44px;height:44px;border-radius:12px;background:var(--ic-bg);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.val h4{font-size:18px;color:var(--heading);margin-bottom:9px;}
.val p{font-size:13.5px;color:var(--text-soft);line-height:1.55;}

/* ---------- region split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.split-visual{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--card-bd);box-shadow:0 26px 60px rgba(16,13,41,.16);aspect-ratio:5/4;}
.split-visual image-slot{width:100%;height:100%;}
.split-visual .duo{position:absolute;inset:0;background:linear-gradient(160deg,rgba(38,34,98,.28),rgba(38,34,98,.06));mix-blend-mode:multiply;pointer-events:none;z-index:2;}
.split-visual .tagchip{position:absolute;left:20px;bottom:20px;z-index:4;background:rgba(255,255,255,.96);border-radius:10px;padding:11px 16px;font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--indigo-700);display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px rgba(16,13,41,.2);}
.split-visual .tagchip .d{width:7px;height:7px;border-radius:50%;background:var(--red);}
.feat-list{display:flex;flex-direction:column;gap:18px;margin-top:30px;}
.feat-list li{display:flex;gap:15px;list-style:none;}
.feat-list .ck{width:26px;height:26px;border-radius:8px;background:var(--ic-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.feat-list .ck svg{width:14px;height:14px;stroke:var(--ic-fg);}
.feat-list h5{font-family:var(--fd);font-weight:600;font-size:16px;color:var(--heading);margin-bottom:3px;}
.feat-list p{font-size:13.5px;color:var(--text-soft);}

/* ---------- quote ---------- */
.quote{background:var(--surface-2);text-align:center;padding:112px 0;}
.quote blockquote{max-width:920px;margin:0 auto;font-family:var(--fd);font-weight:600;font-size:clamp(26px,3.4vw,42px);line-height:1.18;letter-spacing:-.025em;color:var(--heading);}
.quote blockquote .a{color:var(--red);}
.quote .src{margin-top:30px;font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);}

/* ---------- CTA band ---------- */
.cta{background:var(--indigo-700);color:#fff;overflow:hidden;padding:104px 0;}
.cta::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(225,27,46,.3),transparent 40%),radial-gradient(circle at 15% 90%,rgba(92,84,192,.5),transparent 46%),linear-gradient(150deg,var(--indigo-800),var(--indigo-900));z-index:0;}
.cta .wrap{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.cta h2{color:#fff;font-size:clamp(30px,4vw,50px);}
.cta p{color:rgba(255,255,255,.78);margin-top:16px;font-size:17px;max-width:46ch;}
.cta .actions{display:flex;gap:14px;flex-wrap:wrap;}

/* ---------- contact ---------- */
.contact{padding:104px 0;}
.contact .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start;}
.contact-info .row{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--hairline);}
.contact-info .row:first-of-type{border-top:1px solid var(--hairline);}
.contact-info .ic{width:40px;height:40px;border-radius:11px;background:var(--ic-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ic-fg);}
.contact-info .ck{font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);margin-bottom:5px;}
.contact-info .cv{font-size:16px;color:var(--strong);font-weight:500;}
.contact-info .cv a:hover{color:var(--red);}
form.qf{background:var(--surface-2);border:1px solid var(--card-bd);border-radius:18px;padding:34px;}
.qf .fld{margin-bottom:18px;}
.qf label{display:block;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-bottom:8px;}
.qf input,.qf textarea{width:100%;border:1.5px solid var(--card-bd);border-radius:10px;padding:13px 15px;font-family:var(--fs);font-size:15px;color:var(--strong);background:var(--field);transition:border-color .16s,box-shadow .16s;}
.qf input::placeholder,.qf textarea::placeholder{color:var(--text-mute);}
.qf input:focus,.qf textarea:focus{outline:none;border-color:var(--indigo-400);box-shadow:0 0 0 3px var(--indigo-50);}
.qf textarea{resize:vertical;min-height:104px;}
.qf .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.qf .btn{width:100%;justify-content:center;margin-top:6px;}

/* ---------- footer ---------- */
.foot{background:var(--indigo-950);color:rgba(255,255,255,.62);padding:64px 0 30px;}
.foot .top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:36px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1);}
.foot .brand img{height:28px;margin-bottom:18px;}
.foot .brand p{font-size:13.5px;line-height:1.6;max-width:34ch;color:rgba(255,255,255,.6);}
.foot .brand .pos{font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:18px;}
.foot .col h5{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:16px;font-weight:500;}
.foot .col a{display:block;font-size:14px;color:rgba(255,255,255,.72);margin-bottom:11px;transition:color .15s;}
.foot .col a:hover{color:#fff;}
.foot .bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-family:var(--fm);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.42);flex-wrap:wrap;gap:14px;}
.foot .legal-links{display:flex;gap:18px;flex-wrap:wrap;}
.foot .legal-links a{color:rgba(255,255,255,.55);transition:color .15s;}
.foot .legal-links a:hover{color:#fff;}
.foot .bottom .dot{width:6px;height:6px;border-radius:50%;background:var(--red);display:inline-block;margin-right:9px;vertical-align:middle;}

/* ---------- reveal animation ---------- */
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
  .reveal.in{opacity:1;transform:none;}
}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .hero .wrap{grid-template-columns:1fr;gap:48px;}
  .hero-visual{max-width:420px;}
  .ai .wrap,.mcp .wrap,.split,.contact .grid{grid-template-columns:1fr;gap:40px;}
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .steps,.val-grid{grid-template-columns:repeat(2,1fr);}
  .foot .top{grid-template-columns:1fr 1fr 1fr;gap:32px;}
}
@media(max-width:680px){
  .wrap{padding:0 22px;}
  .nav-in{padding:14px 22px;}
  .nav-links{display:none;}
  .sec,.contact{padding:72px 0;}
  .hero{padding:130px 0 76px;}
  .svc-grid,.steps,.val-grid,.qf .row2{grid-template-columns:1fr;}
  .float-card.tl{left:-8px;}
  .float-card.br{right:-8px;}
  .cta .wrap{flex-direction:column;align-items:flex-start;}
}

/* ---------- theme toggle ---------- */
.nav-actions{display:flex;align-items:center;gap:12px;}
.nav-support{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-weight:600;font-size:14px;padding:10px 16px;border-radius:9px;background:transparent;border:1px solid rgba(255,255,255,.26);color:#fff;transition:background .18s,border-color .18s,color .18s,transform .18s;white-space:nowrap;flex-shrink:0;}
.nav-support svg{width:16px;height:16px;flex-shrink:0;}
.nav-support:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);transform:translateY(-1px);}
.nav.scrolled .nav-support{border-color:var(--card-bd);color:var(--heading);}
.nav.scrolled .nav-support:hover{background:var(--ic-bg);border-color:var(--ic-fg);}
:root[data-theme="dark"] .nav.scrolled .nav-support{border-color:rgba(255,255,255,.22);color:#fff;}
:root[data-theme="dark"] .nav.scrolled .nav-support:hover{background:rgba(255,255,255,.1);}
@media(max-width:680px){ .nav-support .ns-label{display:none;} .nav-support{padding:10px;} }
.lang-switch{display:flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;overflow:hidden;height:40px;flex-shrink:0;}
.lang-switch button{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.6);font-family:var(--fd);font-weight:600;font-size:13px;letter-spacing:.02em;padding:0 12px;height:100%;cursor:pointer;transition:background .16s,color .16s;}
.lang-switch button.active{background:rgba(255,255,255,.16);color:#fff;}
.lang-switch button:not(.active):hover{color:#fff;}
.nav.scrolled .lang-switch{border-color:var(--card-bd);}
.nav.scrolled .lang-switch button{color:var(--text-mute);}
.nav.scrolled .lang-switch button.active{background:var(--ic-bg);color:var(--heading);}
:root[data-theme="dark"] .nav.scrolled .lang-switch{border-color:rgba(255,255,255,.16);}
:root[data-theme="dark"] .nav.scrolled .lang-switch button{color:rgba(255,255,255,.55);}
:root[data-theme="dark"] .nav.scrolled .lang-switch button.active{background:rgba(255,255,255,.12);color:#fff;}
.theme-toggle{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;transition:background .18s,border-color .18s,color .18s;flex-shrink:0;}
.theme-toggle:hover{background:rgba(255,255,255,.18);}
.theme-toggle svg{width:18px;height:18px;}
.theme-toggle .moon{display:none;}
.nav.scrolled .theme-toggle{background:var(--ic-bg);border-color:var(--card-bd);color:var(--heading);}
:root[data-theme="dark"] .theme-toggle .sun{display:none;}
:root[data-theme="dark"] .theme-toggle .moon{display:block;}
:root[data-theme="dark"] .nav.scrolled{background:rgba(16,13,41,.82);border-bottom-color:rgba(255,255,255,.10);box-shadow:0 4px 24px rgba(0,0,0,.34);}
:root[data-theme="dark"] .nav.scrolled .nav-links a{color:rgba(255,255,255,.78);}
:root[data-theme="dark"] .nav.scrolled .nav-links a:hover{color:#fff;}
:root[data-theme="dark"] .nav.scrolled .nav-cta{background:var(--indigo-500);border-color:var(--indigo-500);}
:root[data-theme="dark"] .nav.scrolled .nav-cta:hover{background:var(--red);border-color:var(--red);}

/* ---------- MCP section ---------- */
.mcp{padding:108px 0;background:var(--surface-2);overflow:hidden;}
.mcp .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;}
.mcp .eyebrow{margin-bottom:20px;}
.mcp h2{margin-bottom:18px;}
.mcp .feat-list{margin-top:26px;}
.codecard{background:#0C0A22;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(16,13,41,.34);}
.codecard .bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);}
.codecard .bar i{width:11px;height:11px;border-radius:50%;display:block;}
.codecard .bar .t{margin-left:12px;font-family:var(--fm);font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.08em;}
.codecard pre{margin:0;padding:22px 22px 26px;font-family:var(--fm);font-size:13.5px;line-height:1.95;color:rgba(255,255,255,.8);overflow-x:auto;}
.codecard .pr{color:var(--indigo-300);}
.codecard .cmd{color:#fff;}
.codecard .url{color:#9089DC;}
.codecard .ok{color:#3DBB7E;}
.codecard .tl2{color:rgba(255,255,255,.64);}
.codecard .mut{color:rgba(255,255,255,.4);}