/* ---------- merged from inner-page sheets (was duplicated 8x in the static build) ---------- */
.hero h1{margin:26px 0 26px;font-size:clamp(2.3rem,6.4vw,5.8rem)}
.hero .lead{max-width:620px;margin-bottom:36px}
.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:48px;align-items:center}
.hero-visual{position:relative}
.cta-band .btn-primary,.cta-band .btn-lime{background:#fff;color:#0B0A10}
.cta-band .btn-primary:hover,.cta-band .btn-lime:hover{background:rgba(255,255,255,.88)}

@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/instrument-sans.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/dm-sans.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/jetbrains-mono.woff2') format('woff2')}
:root{
  --bg:#07060B; --bg2:#0C0A14; --bg3:#110F1A; --bg4:#171424;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.18);
  --lime:#A06BFF; --lime2:#B98FFF; --teal:#7C5CFF;
  --lime-rgb:160,107,255; --teal-rgb:124,92,255;
  --text:#F5F4FA; --muted:#A29DB8; --muted2:#D6D3E4;
  --grad-text:linear-gradient(115deg,#C4A5FF 0%,#A06BFF 45%,#7C5CFF 100%);
  --shadow:0 30px 70px -30px rgba(0,0,0,.78);
  --shadow-sm:0 12px 32px -16px rgba(0,0,0,.6);
  --glow:0 16px 48px -14px rgba(124,92,255,.4);
  --font-display:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Consolas,Menlo,monospace;
  --radius:20px; --radius-sm:12px;
  --maxw:1400px;
  --surface:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  --surface-flat:rgba(255,255,255,.03);
  --panel:#100E18;
  --input-bg:#100E18;
  --header-bg:#0C0A14;
  --header-bg2:#12101D;
  --menu-bg:#0A0912;
  --grid-line:rgba(255,255,255,.045);
  --marquee-ghost:#37344A;
  --chip-bg:rgba(12,10,20,.85);
  --mock:#100E18; --mock-panel:rgba(255,255,255,.045); --mock-line:#E0DDD6;
  --avatar-tile:linear-gradient(135deg,#141220,#1F1C30);
  --btn-ink:#F2F0FB; --btn-ink-text:#0B0A12; --btn-ink-hover:#FFFFFF;
  --select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="light"]{
  --bg:#FFFFFF; --bg2:#F5F3FB; --bg3:#FFFFFF; --bg4:#E9E4F6;
  --line:rgba(23,15,60,.08); --line2:rgba(23,15,60,.16);
  --lime:#6904F2; --lime2:#8B2CF6; --teal:#8B5CF6;
  --lime-rgb:105,4,242; --teal-rgb:139,92,246;
  --text:#0B0A10; --muted:#6E6A85; --muted2:#423E5C;
  --grad-text:linear-gradient(115deg,#8B5CF6 0%,#6904F2 55%,#4C1D95 100%);
  --shadow:0 30px 70px -34px rgba(23,15,60,.16);
  --shadow-sm:0 10px 28px -16px rgba(23,15,60,.1);
  --glow:0 14px 36px -12px rgba(105,4,242,.28);
  --surface:linear-gradient(165deg,#FFFFFF,rgba(245,243,251,.6));
  --surface-flat:rgba(255,255,255,.7);
  --panel:#FFFFFF;
  --input-bg:#FFFFFF;
  --header-bg:rgba(255,255,255,.92);
  --header-bg2:rgba(255,255,255,.97);
  --menu-bg:#FFFFFF;
  --grid-line:rgba(23,15,60,.05);
  --marquee-ghost:#DAD4EC;
  --chip-bg:rgba(255,255,255,.9);
  --mock:#FFFFFF; --mock-panel:#F2EFFA; --mock-line:#DCD7EA;
  --avatar-tile:linear-gradient(135deg,#EFEBFA,#E0DAF3);
  --btn-ink:#0B0A10; --btn-ink-text:#FFFFFF; --btn-ink-hover:#221A45;
  --select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2375708C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:
  radial-gradient(1100px 700px at 85% -10%,rgba(139,92,246,.08),transparent 60%),
  radial-gradient(900px 650px at 8% 5%,rgba(105,4,242,.045),transparent 55%),
  radial-gradient(1000px 700px at 12% 108%,rgba(105,4,242,.05),transparent 60%),
  radial-gradient(1200px 780px at 50% 118%,rgba(139,92,246,.05),transparent 62%),
  var(--bg);
  color:var(--text);font-family:var(--font);font-size:16.5px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .35s ease,color .35s ease}
[data-theme="light"] body{background:
  radial-gradient(1100px 700px at 85% -10%,rgba(126,34,250,.09),transparent 60%),
  radial-gradient(900px 650px at 8% 5%,rgba(105,4,242,.06),transparent 55%),
  radial-gradient(1000px 700px at 12% 108%,rgba(105,4,242,.08),transparent 60%),
  radial-gradient(1200px 780px at 50% 118%,rgba(126,34,250,.06),transparent 62%),
  var(--bg)}
body::after{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.032;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
[data-theme="light"] body::after{opacity:.022}
body.menu-open{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul,ol{list-style:none}
::selection{background:var(--lime);color:#fff}
[data-theme="light"] ::selection{color:#FFFFFF}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:rgba(140,136,128,.4);border:2px solid var(--bg2);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:rgba(140,136,128,.6)}
#spBar{position:fixed;top:0;left:0;height:2px;width:0;z-index:400;
  background:linear-gradient(90deg,var(--lime),var(--teal));box-shadow:0 0 12px rgba(var(--lime-rgb),.7)}

/* ---------- layout ---------- */
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.section{padding:96px 0;position:relative}
.section.tight{padding:72px 0}
.section.dim{background:#0B0B0B}
[data-theme="light"] .section.dim{background:var(--bg2)}
.wrap{max-width:780px;margin:0 auto}
.center{text-align:center}

/* ---------- typography ---------- */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.03em;line-height:1.05;color:var(--text)}
h1{font-size:clamp(2.8rem,5.8vw,5.2rem);letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
h2{font-size:clamp(2.15rem,4.4vw,3.3rem);letter-spacing:-.04em;line-height:1.06;text-wrap:balance}
h3{font-size:clamp(1.15rem,1.9vw,1.45rem);letter-spacing:-.02em}
h4{font-size:1.05rem;letter-spacing:-.01em}
.lead{font-size:clamp(1.06rem,1.6vw,1.28rem);color:var(--muted);max-width:660px}
.center .lead{margin-left:auto;margin-right:auto}
.eyebrow{font-family:var(--mono);font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--lime);display:inline-flex;align-items:center;gap:12px;font-weight:600}
.eyebrow .n{color:var(--muted);font-weight:500}
.eyebrow::before{content:"";width:36px;height:2px;background:linear-gradient(90deg,var(--lime),transparent)}
.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.mono{font-family:var(--mono)}
p+p{margin-top:12px}
strong{color:var(--text);font-weight:600}
.section-head{margin-bottom:56px;max-width:none}
.section-head.center{margin-left:0}
.section-head h2{margin:14px 0 0;padding:0 0 18px;position:relative;font-size:clamp(3.2rem,7.6vw,6.6rem);letter-spacing:-.015em;line-height:.98;text-transform:uppercase}
.section-head h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(var(--lime-rgb),.65),rgba(139,92,246,.25) 60%,transparent 95%)}
.section-head .lead{max-width:640px;margin-top:24px}
.center .section-head .lead{margin-left:auto;margin-right:auto}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;
  padding:14px 26px;border-radius:999px;transition:transform .22s,box-shadow .22s,background .22s,
  border-color .22s,color .22s;white-space:nowrap;border:1px solid transparent;letter-spacing:.01em}
.btn .ic{width:17px;height:17px}
.btn-primary{background:var(--btn-ink);color:var(--btn-ink-text);box-shadow:none}
.btn-primary:hover{background:var(--btn-ink-hover);transform:none;box-shadow:none}
.btn-lime{background:var(--btn-ink);color:var(--btn-ink-text);box-shadow:none}
.btn-lime:hover{background:var(--btn-ink-hover);transform:none;box-shadow:none}
.btn-ghost{background:transparent;border-color:var(--line2);color:var(--text)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--lime);color:var(--lime)}
.btn-light{background:#F4F1EA;color:#0B0B0B}
.btn-light:hover{transform:translateY(-2px)}
.btn-sm{padding:11px 20px;font-size:.85rem}
.btn-lg{padding:18px 36px;font-size:1.02rem}
.btn-block{width:100%;justify-content:center}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;
  color:var(--lime);transition:gap .2s}
.link-arrow:hover{gap:14px}
.link-arrow .ic{width:15px;height:15px}

/* ---------- theme toggle ---------- */
.theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);display:grid;place-items:center;
  background:var(--surface-flat);transition:.2s;flex-shrink:0;margin-left:4px}
.theme-toggle:hover{border-color:var(--lime);box-shadow:0 0 18px rgba(var(--lime-rgb),.28)}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle .ic-sun{display:none}
.theme-toggle .ic-moon{display:block;color:var(--lime)}
[data-theme="light"] .theme-toggle .ic-sun{display:block;color:var(--lime)}
[data-theme="light"] .theme-toggle .ic-moon{display:none}

/* ---------- top bar ---------- */
.topbar{background:linear-gradient(90deg,#0A0A0A,#101010 55%,#0A0A0A);color:#A8A8A4;font-size:.83rem;overflow:hidden;max-height:44px;
  transition:max-height .3s,opacity .3s;border-bottom:1px solid var(--line)}
[data-theme="light"] .topbar{background:linear-gradient(90deg,#F0EDE6,#FAF8F4 55%,#F0EDE6);color:#4A4036}
.site-header.scrolled .topbar{max-height:0;opacity:0}
.topbar-inner{display:flex;align-items:center;gap:24px;height:42px}
.topbar a{color:inherit;display:inline-flex;gap:7px;align-items:center;transition:color .2s}
.topbar a:hover{color:var(--lime)}
.topbar .ic{width:13px;height:13px;color:var(--lime)}
.topbar .spacer{margin-left:auto}
.topbar .star{color:var(--lime);letter-spacing:1px}
.topbar .cta{font-weight:700;color:#0B0B0B;background:var(--lime);padding:5px 15px;border-radius:999px;box-shadow:0 0 18px rgba(var(--lime-rgb),.25)}
.topbar .cta:hover{color:#0B0B0B;background:var(--lime2)}
.topbar .cta .ic{color:#0B0B0B}
@media(max-width:860px){.topbar{display:none}}

/* ---------- header ---------- */
.site-header{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(1340px,calc(100% - 24px));z-index:100;background:var(--header-bg);
  border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 30px -14px rgba(18,10,60,.35);
  backdrop-filter:blur(14px);transition:box-shadow .3s,background .3s}
.site-header.scrolled{background:var(--header-bg2);box-shadow:0 18px 44px -22px rgba(10,8,5,.45)}
.nav{display:flex;align-items:center;gap:20px;height:62px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#101010,#161616);
  border:1px solid var(--line2);display:grid;place-items:center;color:#6904F2;box-shadow:0 0 22px rgba(105,4,242,.18)}
.brand-mark svg{width:20px;height:20px}
.brand-text{font-family:var(--font-display);font-weight:600;font-size:1.08rem;letter-spacing:-.02em;display:flex;align-items:baseline;color:var(--text)}
.brand-text em{font-style:normal;color:var(--lime);margin-left:5px}
.main-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav-link{display:flex;align-items:center;gap:6px;padding:9px 14px;font-size:.78rem;
  font-weight:600;color:var(--muted2);transition:color .2s,background .2s;text-transform:uppercase;letter-spacing:.09em}
.nav-link:hover{color:var(--text);background:none}
.nav-link.active{color:var(--text);position:relative}
.nav-link.active::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--lime),var(--teal))}
.nav-link .ic{width:13px;height:13px;opacity:.7;transition:transform .25s}
.nav-item{position:relative}
.nav-item:hover .nav-link .ic{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,10px);
  width:min(760px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;
  opacity:0;visibility:hidden;transition:.25s cubic-bezier(.2,.8,.3,1);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.nav-item:hover .mega,.nav-item:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mega-link{display:flex;gap:13px;align-items:flex-start;padding:12px;border-radius:10px;transition:background .2s}
.mega-link:hover{background:rgba(var(--lime-rgb),.1)}
.mega-link .ic{width:20px;height:20px;color:var(--lime);flex-shrink:0;margin-top:2px}
.mega-link b{display:block;font-size:.92rem;font-weight:700;font-family:var(--font-display);color:var(--text)}
.mega-link span{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}
.mega-foot{display:block;margin-top:10px;padding:11px 14px;border-top:1px solid var(--line);
  font-size:.8rem;font-weight:700;color:var(--lime)}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-phone{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--text)}
.nav-phone:hover{color:var(--lime)}
.nav-phone .ic{width:16px;height:16px;color:var(--lime)}
@media(max-width:1120px){.nav-phone{display:none}}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line2);border-radius:10px;place-items:center}
.menu-toggle .ic{width:20px;height:20px}
.mobile-menu{position:fixed;inset:80px 0 auto 0;background:var(--menu-bg);border-bottom:1px solid var(--line);
  padding:20px 28px 34px;display:none;max-height:calc(100vh - 74px);overflow:auto;z-index:99;box-shadow:var(--shadow)}
.mobile-menu.open{display:block}
.mobile-menu a.mm-link{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;
  font-size:1.05rem;font-weight:700;border-bottom:1px solid var(--line);font-family:var(--font-display);color:var(--text)}
.mobile-menu a.mm-link:hover{color:var(--lime)}
.mobile-menu .mm-group{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);padding:18px 4px 8px}

/* ---------- hero ---------- */
.hero-bg{position:absolute;inset:-12% 0;z-index:0;will-change:transform}
.hero-bg .grid{position:absolute;inset:0;
  background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),
  linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 95% 75% at 50% 26%,#000 30%,transparent 100%);
  mask-image:radial-gradient(ellipse 95% 75% at 50% 26%,#000 30%,transparent 100%)}
.hero-bg .orb{position:absolute;border-radius:50%;opacity:.6}
.orb.a{width:760px;height:760px;background:radial-gradient(circle,rgba(139,92,246,.13),transparent 62%);top:-260px;left:-180px}
.orb.b{width:680px;height:680px;background:radial-gradient(circle,rgba(105,4,242,.10),transparent 62%);bottom:-220px;right:-160px}
[data-theme="light"] .orb.a{background:radial-gradient(circle,rgba(126,34,250,.12),transparent 62%)}
[data-theme="light"] .orb.b{background:radial-gradient(circle,rgba(105,4,242,.12),transparent 62%)}
.hero-bg .grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.05;pointer-events:none}
[data-theme="light"] .hero-bg .grain{opacity:.03}
.rotator{margin:34px 0 0;font-family:var(--mono);font-size:clamp(.9rem,1.4vw,1.05rem);
  color:var(--muted);letter-spacing:.04em;display:flex;align-items:center;gap:10px}
.rot-word-wrap{display:inline-block;overflow:hidden;vertical-align:bottom;height:1.5em}
.rot-word{display:block;color:var(--lime);font-weight:700;animation:rotIn .5s cubic-bezier(.2,.7,.3,1)}
@keyframes rotIn{from{transform:translateY(110%)}to{transform:translateY(0)}}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.trustline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;font-size:.92rem;color:var(--muted)}
.trustline .stars{color:var(--lime);letter-spacing:2px;font-size:.98rem}
.trustline b{color:var(--text)}
.trustline .sep{opacity:.4}
.chips{position:absolute;z-index:1;pointer-events:none}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;
  background:var(--chip-bg);border:1px solid var(--line2);backdrop-filter:blur(10px);font-family:var(--mono);font-size:.72rem;color:var(--muted2);box-shadow:var(--shadow-sm);border-radius:12px}
.chip .ic{width:14px;height:14px;color:var(--lime)}
.chips.c1{top:24%;right:6%}
.chips.c2{top:44%;right:2%}
.chips.c3{bottom:30%;right:8%}
.chips.c4{top:18%;right:30%}
.chips .chip:nth-child(2){animation-delay:1.6s}
.chips .chip:nth-child(3){animation-delay:3.2s}
.scroll-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.2em}
.scroll-hint .line{width:1px;height:40px;background:linear-gradient(var(--lime),transparent);animation:scrolly 1.8s ease-in-out infinite}
@keyframes scrolly{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- marquee ---------- */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(140,136,128,.06),rgba(140,136,128,.02));padding:24px 0}
.marquee-label{text-align:center;margin-bottom:14px}
.marquee-label span{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.marquee-track{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 52px;width:auto}
.marquee-track span{display:flex;align-items:center;gap:12px;font-family:var(--font-display);
  font-weight:600;font-size:1.55rem;letter-spacing:-.02em;color:var(--marquee-ghost);white-space:nowrap;transition:color .3s}
.marquee-track span:hover{color:var(--muted2)}
.marquee-track span .ic{width:20px;height:20px;color:var(--lime);opacity:.8}

/* ---------- stats ---------- */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-card{border-left:1px solid var(--line);padding:38px 26px 38px 34px;text-align:left;transition:border-color .25s}
.stat-card:hover{border-color:rgba(var(--lime-rgb),.5)}
.stat-card b{font-family:var(--font-display);font-size:clamp(2.2rem,3.8vw,3.1rem);font-weight:600;letter-spacing:-.03em;color:var(--lime);display:block}
.stat-card span{color:var(--muted);font-size:.78rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}

/* ---------- cards ---------- */
.grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.grid-cards.c3{grid-template-columns:repeat(3,1fr)}
.grid-cards.c2{grid-template-columns:repeat(2,1fr)}
.card{position:relative;background:var(--surface);
  border:1px solid var(--line);border-radius:18px;
  padding:38px 30px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:var(--shadow-sm)}
.card:hover{transform:translateY(-6px);border-color:rgba(var(--lime-rgb),.45);box-shadow:var(--shadow)}
.card::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--lime),var(--teal));transition:width .35s}
.card:hover::after{width:100%}
.card>*{position:relative;z-index:1}
.card-icon{width:50px;height:50px;border-radius:12px;border:1px solid var(--line2);background:var(--surface-flat);
  display:grid;place-items:center;margin-bottom:18px;transition:border-color .3s,background .3s}
.card:hover .card-icon{background:rgba(var(--lime-rgb),.14);border-color:rgba(var(--lime-rgb),.55)}
.card-icon .ic{width:23px;height:23px;color:var(--lime)}
.card h3{font-size:1.15rem;margin-bottom:10px}
.card p{color:var(--muted);font-size:.93rem}
.card .link-arrow{margin-top:18px}
.card-tag{position:absolute;top:18px;right:18px;z-index:2;font-family:var(--mono);font-size:.64rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border:1px solid rgba(var(--lime-rgb),.35);
  background:rgba(var(--lime-rgb),.09);padding:4px 10px;border-radius:999px}
.card .idx{font-family:var(--mono);font-size:.82rem;color:var(--muted);letter-spacing:.14em;display:block;margin-bottom:16px}
.card .idx b{color:var(--lime);font-weight:600}

/* ---------- split ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split .ic{width:20px;height:20px;color:var(--lime);flex-shrink:0;margin-top:4px}
.feature-row{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.feature-row:first-child{border-top:1px solid var(--line)}
.feature-row:last-child{border-bottom:none}
.feature-row b{display:block;font-size:1.04rem;margin-bottom:4px;font-family:var(--font-display);color:var(--text)}
.feature-row p{color:var(--muted);font-size:.93rem}

/* ---------- process ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{position:relative;padding:36px 28px;background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:100%;box-shadow:var(--shadow-sm);transition:border-color .25s,transform .25s}
.step:hover{border-color:rgba(var(--lime-rgb),.45);transform:translateY(-4px)}
.step .num{font-family:var(--mono);font-size:.8rem;color:var(--lime);letter-spacing:.14em;display:block;margin-bottom:14px}
.step h3{font-size:1.05rem;margin-bottom:10px}
.step p{color:var(--muted);font-size:.9rem}

/* ---------- testimonial ---------- */
.t-wrap{position:relative;max-width:880px;margin:0 auto}
.t-slide{display:none;text-align:center;padding:8px 8px 0}
.t-slide.active{display:block;animation:fadeUp .5s ease}
.t-stars{display:flex;justify-content:center;gap:4px;margin-bottom:22px}
.t-stars svg{width:20px;height:20px;color:var(--lime);fill:var(--lime);filter:drop-shadow(0 0 8px rgba(var(--lime-rgb),.45))}
.t-slide blockquote{font-family:var(--font-display);font-size:clamp(1.4rem,2.9vw,1.95rem);font-weight:600;line-height:1.38;letter-spacing:-.02em;max-width:800px;margin:0 auto 28px;color:var(--text)}
.t-slide figcaption .who{font-weight:700;color:var(--text)}
.t-slide figcaption .where{color:var(--muted);font-size:.86rem;display:block;margin-top:3px}
.t-avatar{width:54px;height:54px;border-radius:50%;background:var(--avatar-tile);border:1px solid rgba(var(--lime-rgb),.45);color:var(--lime);display:grid;place-items:center;
  font-weight:600;margin:0 auto 16px;font-size:1.05rem;font-family:var(--font-display);box-shadow:0 0 24px rgba(var(--lime-rgb),.18)}
[data-theme="light"] .t-avatar{color:#6904F2}
.t-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}
.t-dots button{width:10px;height:10px;border-radius:50%;background:var(--line2);transition:.25s}
.t-dots button.active{width:30px;border-radius:6px;background:var(--lime);box-shadow:0 0 12px rgba(var(--lime-rgb),.5)}

/* ---------- faq ---------- */
.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:19px 24px;cursor:pointer;font-weight:700;font-size:.98rem;font-family:var(--font-display);color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .ic{width:18px;height:18px;color:var(--lime);transition:transform .25s;flex-shrink:0}
.faq-item[open] summary .ic{transform:rotate(45deg)}
.faq-item[open]{border-color:rgba(var(--lime-rgb),.4)}
.faq-a{padding:0 24px 22px;color:var(--muted);font-size:.94rem}

/* ---------- cta band (stays cinematic-dark in both themes) ---------- */
.cta-band{position:relative;overflow:hidden;padding:96px 40px;text-align:center;
  background:url('../images/cta-deep.jpg') center/cover no-repeat,linear-gradient(150deg,rgba(7,6,15,.9) 0%,rgba(9,8,20,.86) 60%,rgba(7,6,15,.94) 100%);
  border:1px solid rgba(139,92,246,.3);border-radius:22px}
.cta-band .glow{position:absolute;inset:0;background:radial-gradient(700px 320px at 50% -20%,rgba(105,4,242,.16),transparent 60%),
  radial-gradient(500px 260px at 85% 120%,rgba(139,92,246,.14),transparent 60%);pointer-events:none}
.cta-band .inner{position:relative;z-index:1}
.cta-band .inner h2{font-size:clamp(2.05rem,4.2vw,3.2rem);margin:16px 0 14px;color:#fff}
.cta-band .inner p{color:rgba(255,255,255,.78);max-width:560px;margin:0 auto 30px}
.cta-band .note{margin-top:20px;font-size:.84rem;color:rgba(255,255,255,.55)}
.cta-band .eyebrow{color:#B48CFF}
.cta-band .eyebrow::before{background:#B48CFF}
.cta-bullets{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:0 0 30px}
.cta-band .cta-bullets li{display:flex;align-items:center;gap:9px;color:#fff;font-size:.92rem;font-weight:600}
.cta-band .cta-bullets .ic{width:17px;height:17px;color:#6904F2;flex-shrink:0}

/* ---------- footer (stays dark in both themes) ---------- */
.site-footer{background:#050505;color:#A8A8A4;padding:76px 0 0;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:56px}
.footer-brand .brand-text{color:#fff}
.footer-brand .brand-text em{color:#6904F2}
.footer-brand p{color:rgba(255,255,255,.55);font-size:.9rem;margin-top:18px;max-width:300px}
.footer-social{display:flex;gap:10px;margin-top:24px}
.footer-social a{width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);display:grid;place-items:center;transition:.2s}
.footer-social a:hover{border-color:#6904F2;background:rgba(105,4,242,.12);box-shadow:0 0 18px rgba(105,4,242,.2)}
.footer-social .ic{width:17px;height:17px;color:#C2BDB2}
.footer-col h4{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:#6904F2;margin-bottom:20px;font-weight:600}
.footer-col a{display:block;color:rgba(255,255,255,.68);font-size:.9rem;padding:6px 0;transition:.2s}
.footer-col a:hover{color:#6904F2}
.newsletter p{color:rgba(255,255,255,.6);font-size:.88rem;margin-bottom:14px}
.newsletter form{display:flex;gap:8px}
.newsletter input{flex:1;min-width:0;background:#0B0B0B;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:13px 15px;color:#fff;font-size:.9rem;font-family:inherit}
.newsletter input::placeholder{color:#756D62}
.newsletter input:focus{outline:none;box-shadow:0 0 0 3px rgba(105,4,242,.35);border-color:#6904F2}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;align-items:center;font-size:.84rem;color:rgba(255,255,255,.5)}
.footer-bottom a{color:rgba(255,255,255,.72)}
.footer-bottom a:hover{color:#6904F2}
.footer-bottom .fb-links{display:flex;gap:22px}

/* ---------- forms ---------- */
.field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:8px;font-family:var(--font-display);color:var(--text)}
.field{margin-bottom:18px}
.input,select.input,textarea.input{width:100%;background:var(--input-bg);border:1px solid var(--line2);
  border-radius:10px;padding:15px 16px;color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(var(--lime-rgb),.2);background:var(--input-bg)}
textarea.input{resize:vertical;min-height:120px}
.input::placeholder{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:var(--shadow-sm)}
.form-note{font-size:.82rem;color:var(--muted);margin-top:12px}
select.input{appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 16px center}
select.input option{background:var(--input-bg);color:var(--text)}

/* ---------- quote steps ---------- */
.q-steps{display:flex;gap:8px;margin-bottom:34px}
.q-steps li{flex:1;height:4px;border-radius:4px;background:var(--bg4);transition:background .4s;position:relative}
.q-steps li.done,.q-steps li.active{background:linear-gradient(90deg,var(--lime),var(--teal));box-shadow:0 0 10px rgba(var(--lime-rgb),.4)}
.q-step{display:none;animation:fadeUp .4s ease}
.q-step.active{display:block}
.q-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.q-opt{border:1.5px solid var(--line2);border-radius:12px;padding:20px;cursor:pointer;transition:.2s;background:var(--surface-flat);display:flex;gap:14px;align-items:center}
.q-opt:hover{border-color:var(--lime);box-shadow:var(--shadow-sm)}
.q-opt.selected{border-color:var(--lime);background:rgba(var(--lime-rgb),.1);box-shadow:0 0 24px rgba(var(--lime-rgb),.18)}
.q-opt .ic{width:20px;height:20px;color:var(--lime);flex-shrink:0}
.q-opt b{font-size:.95rem;display:block;font-family:var(--font-display);color:var(--text)}
.q-opt span{font-size:.8rem;color:var(--muted)}
.q-nav{display:flex;justify-content:space-between;gap:14px;margin-top:32px}
.q-success{display:none;text-align:center;padding:20px 0}
.q-success.done{display:block}
.q-success .big{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--lime2),var(--lime));color:#0B0B0B;display:grid;place-items:center;margin:0 auto 24px;box-shadow:var(--glow)}
[data-theme="light"] .q-success .big{color:#fff}
.q-success .big .ic{width:36px;height:36px}

/* ---------- breadcrumbs ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.8rem;color:var(--muted);
  font-family:var(--mono);margin-bottom:20px}
.crumbs a{color:var(--muted2)}
.crumbs a:hover{color:var(--lime)}
.crumbs .sep{opacity:.5}

/* ---------- page hero (subpages) ---------- */
.page-hero{position:relative;padding:188px 0 96px;overflow:hidden}
/* Spark decoration behind the hero copy. The static build painted this with
   z-index:-1, which put it behind the hero background itself, so it never
   showed up; it is layered above the background and below the text here. */
.page-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('../images/hero-spark.jpg') right center/cover no-repeat;opacity:.2;
  -webkit-mask-image:linear-gradient(90deg,transparent 45%,#000 90%);mask-image:linear-gradient(90deg,transparent 45%,#000 90%)}
.page-hero .container{position:relative;z-index:1}
[data-theme="light"] .page-hero::before{opacity:.1}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(var(--lime-rgb),.6),rgba(139,92,246,.18) 70%,transparent 98%)}
.page-hero .hero-bg::before{content:"";position:absolute;left:-12%;top:-25%;width:75%;height:130%;
  background:radial-gradient(closest-side,rgba(var(--lime-rgb),.07),transparent 72%);pointer-events:none}
.page-hero .hero-bg .grid{opacity:.85}
.page-hero .lead{margin-top:24px}
.page-hero .crumbs{margin-bottom:16px}
.page-hero h1{max-width:18ch;font-size:clamp(2.5rem,7vw,6.4rem);letter-spacing:-.02em;line-height:1.04;text-transform:uppercase}
.page-hero .hero-ctas{margin-top:30px}
.page-hero .hero-meta{margin-top:26px}

/* ---------- misc ---------- */
.pill-row{display:flex;flex-wrap:wrap;gap:10px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;
  border:1px solid var(--line2);background:var(--surface-flat);font-size:.83rem;color:var(--muted2);transition:.2s}
.pill:hover{border-color:var(--lime);color:var(--lime)}
.pill .ic{width:14px;height:14px;color:var(--lime)}
.list-check li{display:flex;gap:12px;padding:10px 0;color:var(--muted2)}
.list-check .ic{width:19px;height:19px;color:var(--lime);flex-shrink:0;margin-top:3px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip-tag{font-family:var(--mono);font-size:.74rem;padding:7px 13px;border-radius:8px;
  background:var(--surface-flat);border:1px solid var(--line);color:var(--muted2)}
.divider{border:none;border-top:1px solid var(--line);margin:0}

/* blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{display:flex;flex-direction:column}
.post-cover{height:180px;margin-bottom:22px;position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line)}
.post-cover .ic{position:absolute;right:16px;bottom:16px;width:24px;height:24px;color:rgba(255,255,255,.9)}
.post-meta{display:flex;gap:14px;font-family:var(--mono);font-size:.7rem;color:var(--muted);margin-bottom:12px;letter-spacing:.08em;text-transform:uppercase}
.post-card h3{font-size:1.15rem;line-height:1.28;margin-bottom:10px}
.post-card h3 a:hover{color:var(--lime)}
.post-card p{color:var(--muted);font-size:.9rem}
.post-card .link-arrow{margin-top:auto;padding-top:18px}
.post-feat{width:100%;max-height:440px;object-fit:cover;border:1px solid var(--line);border-radius:16px;margin-top:28px}
.post-body{max-width:760px}
.post-body h2{font-size:1.55rem;margin:46px 0 18px;color:var(--text)}
.post-body h3{font-size:1.18rem;margin:32px 0 14px;color:var(--text)}
.post-body p{color:var(--muted2);margin-bottom:16px}
.post-body ul{margin:0 0 20px 4px}
.post-body ul li{position:relative;padding:6px 0 6px 26px;color:var(--muted2)}
.post-body ul li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:2px;background:var(--lime)}
.post-body blockquote{border-left:3px solid var(--lime);padding:6px 0 6px 20px;margin:24px 0;color:var(--muted2);font-style:italic}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 28px;margin:8px 0 36px}
.toc h4{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--lime);margin-bottom:14px;font-weight:600}
.toc a{display:block;padding:5px 0;color:var(--muted2);font-size:.9rem}
.toc a:hover{color:var(--lime)}
.author-box{display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:24px;margin:42px 0;box-shadow:var(--shadow-sm)}
.author-box .t-avatar{margin:0;flex-shrink:0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}

/* case study */
.cs-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:52px;align-items:center}
.cs-visual{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--mock);box-shadow:var(--shadow-sm)}
.cs-visual .bar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--mock-panel)}
.cs-visual .bar i{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.cs-visual .bar i:nth-child(1){background:#ff5f57}.cs-visual .bar i:nth-child(2){background:#febc2e}.cs-visual .bar i:nth-child(3){background:#28c840}
.cs-visual .body{padding:0;min-height:0}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
@media(min-width:641px){.metric-grid:has(> .metric:nth-child(3)){grid-template-columns:repeat(3,1fr)}}
.metric{min-width:0}.metric b{overflow-wrap:anywhere}
.footer-grid > *{min-width:0}.sblk,.stat-card{min-width:0}
.metric{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 18px;text-align:center;box-shadow:var(--shadow-sm);transition:border-color .25s,transform .25s}
.metric:hover{border-color:rgba(var(--lime-rgb),.45);transform:translateY(-3px)}
.metric b{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:600;letter-spacing:-.02em;color:var(--lime)}
.metric span{font-size:.74rem;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}
.cs-section{padding:28px 0}

/* portfolio */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}
.filter-btn{padding:11px 20px;border-radius:999px;border:1px solid var(--line2);font-size:.84rem;
  color:var(--muted2);transition:.2s;background:var(--surface-flat);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}
.filter-btn:hover{color:var(--lime);border-color:var(--lime)}
.filter-btn.active{background:var(--lime);color:#0B0B0B;border-color:transparent;font-weight:700;box-shadow:var(--glow)}
[data-theme="light"] .filter-btn.active{color:#fff}
[data-theme="light"] .btn-primary,[data-theme="light"] .btn-lime,[data-theme="light"] .topbar .cta,[data-theme="light"] .topbar .cta .ic{color:#fff}
.project-card{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:var(--shadow-sm)}
.project-card:hover{transform:translateY(-6px);border-color:rgba(var(--lime-rgb),.5);box-shadow:var(--shadow)}
.project-cover{height:220px;position:relative;overflow:hidden}
.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.project-card:hover .project-cover img{transform:scale(1.05)}
.project-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,6,6,.75) 100%)}
.project-cover .mock{position:absolute;inset:26px;border:1px solid rgba(255,255,255,.18)}
.project-body{padding:24px 26px}
.project-body h3{font-size:1.12rem;margin-bottom:8px}
.project-body p{color:var(--muted);font-size:.88rem}
.project-result{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--mono);
  font-size:.78rem;color:var(--lime);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.hidden{display:none!important}

/* three ways */
.threeway .card-icon{width:58px;height:58px;background:rgba(var(--lime-rgb),.12);border-color:rgba(var(--lime-rgb),.45)}
.threeway .card-icon .ic{color:var(--lime)}
.threeway .card .sub{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--lime);margin:-4px 0 8px}
.threeway .list-check{margin:14px 0 8px}
.threeway .list-check li{padding:6px 0;font-size:.9rem;color:var(--muted2)}

/* results band (stays cinematic-dark) */
.results-band{background:linear-gradient(150deg,#0B0B0B 0%,#0B0B0B 60%,#0B0B0B 100%);border:1px solid rgba(105,4,242,.22);border-radius:22px;padding:54px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center;position:relative;overflow:hidden}
.results-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% -20%,rgba(105,4,242,.14),transparent 60%);pointer-events:none}
.results-band .rb{position:relative;padding:0 10px}
.results-band .rb b{display:block;font-family:var(--font-display);font-size:clamp(2rem,3.6vw,3.1rem);font-weight:600;color:#6904F2;letter-spacing:-.02em;line-height:1;text-shadow:0 0 34px rgba(105,4,242,.35)}
.results-band .rb span{color:rgba(255,255,255,.78);font-size:.85rem;display:block;margin-top:10px}

/* outcome chips */
.outcome-chip{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-flat);margin-bottom:10px;box-shadow:var(--shadow-sm)}
.outcome-chip .ic{width:20px;height:20px;color:var(--lime);flex-shrink:0;margin-top:2px}
.outcome-chip span{font-size:.94rem;color:var(--muted2)}

/* price cards (home) */
.price-card{align-items:flex-start}
.price-card .price{font-family:var(--font-display);font-size:1.8rem;font-weight:600;color:var(--lime);letter-spacing:-.02em;margin:4px 0 4px;line-height:1}
.price-card .price small{font-size:1rem;color:var(--muted);font-weight:600}

/* service page: deliverables + price panel (stays dark) */
.deliver-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:start}
.price-panel{background:linear-gradient(150deg,#0B0B0B,#0B0B0B);border:1px solid rgba(105,4,242,.25);color:#fff;border-radius:18px;padding:34px;position:sticky;top:110px;box-shadow:var(--shadow)}
.price-panel h3{color:#fff;font-size:1.2rem}
.price-panel .big{font-family:var(--font-display);font-size:2.4rem;font-weight:600;color:#6904F2;letter-spacing:-.02em;line-height:1;margin:14px 0 4px}
.price-panel .tl{color:rgba(255,255,255,.7);font-size:.9rem;margin-bottom:20px}
.price-panel ul{margin-bottom:22px}
.price-panel ul li{display:flex;gap:10px;align-items:center;padding:7px 0;color:rgba(255,255,255,.88);font-size:.92rem}
.price-panel ul li .ic{width:16px;height:16px;color:#6904F2;flex-shrink:0}
.price-panel .note{color:rgba(255,255,255,.5);font-size:.8rem;margin-top:14px}

/* promise band */
.promise{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center;background:var(--surface-flat);border:1px solid var(--line);border-radius:20px;padding:52px 46px}
.promise .plist{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.promise .pitem{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.promise .pitem .ic{width:22px;height:22px;color:var(--lime);flex-shrink:0;margin-top:2px}
.promise .pitem b{display:block;font-size:.98rem;font-family:var(--font-display)}
.promise .pitem p{color:var(--muted);font-size:.88rem;margin-top:2px}

/* hero meta (service pages) */
.hero-meta{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;font-size:.92rem;color:var(--muted)}
.hero-meta .tag{display:inline-flex;align-items:center;gap:7px;background:var(--surface-flat);border:1px solid var(--line2);border-radius:999px;padding:7px 15px;font-weight:600;color:var(--text);box-shadow:var(--shadow-sm)}
.hero-meta .tag .ic{width:15px;height:15px;color:var(--lime)}

/* ---------- hero visual (browser mockup) ---------- */
.browser{background:var(--mock);border:1px solid var(--line2);border-radius:18px;box-shadow:var(--shadow),0 0 60px -30px rgba(var(--lime-rgb),.25);overflow:hidden}
.browser-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--mock-panel)}
.browser-bar i{width:11px;height:11px;border-radius:50%}
.browser-bar i:nth-child(1){background:#ff5f57}.browser-bar i:nth-child(2){background:#febc2e}.browser-bar i:nth-child(3){background:#28c840}
.browser-bar .url{margin-left:12px;flex:1;max-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:4px 12px;font-family:var(--mono);font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden}
.browser-body{padding:20px;background:linear-gradient(180deg,var(--mock-panel),transparent)}
.mini-nav{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}
.mini-nav .md{width:9px;height:9px;border-radius:3px;background:var(--lime)}
.mini-nav .ml{width:56px;height:8px;border-radius:4px;background:var(--mock-line);margin-left:auto}
.mini-nav .ml2{width:40px;height:8px;border-radius:4px;background:var(--lime)}
.mini-hero{border-radius:12px;background:linear-gradient(135deg,#151210,#1C1815);border:1px solid rgba(105,4,242,.3);padding:22px;margin-bottom:16px;position:relative;overflow:hidden}
.mini-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(400px 160px at 80% -20%,rgba(105,4,242,.35),transparent 60%)}
.mini-hero .mh1{width:78%;height:15px;border-radius:5px;background:rgba(255,255,255,.9);margin-bottom:10px}
.mini-hero .mh2{width:52%;height:11px;border-radius:5px;background:rgba(255,255,255,.5);margin-bottom:16px}
.mini-hero .mbtn{display:inline-block;width:104px;height:30px;border-radius:8px;background:#6904F2}
.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mini-card{background:var(--mock-panel);border:1px solid var(--line);border-radius:11px;padding:13px;box-shadow:var(--shadow-sm)}
.mini-card .mi{width:30px;height:30px;border-radius:8px;background:var(--mock-line);margin-bottom:10px}
.mini-card .mln{width:80%;height:9px;border-radius:4px;background:var(--mock-line);margin-bottom:7px}
.mini-card .mval{width:45%;height:13px;border-radius:4px;background:var(--lime)}
.float-card{position:absolute;background:var(--chip-bg);border:1px solid var(--line2);backdrop-filter:blur(10px);border-radius:14px;padding:13px 16px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow)}
.float-card .fic{width:38px;height:38px;border-radius:10px;background:rgba(var(--lime-rgb),.14);border:1px solid rgba(var(--lime-rgb),.45);display:grid;place-items:center;flex-shrink:0}
.float-card .fic .ic{width:18px;height:18px;color:var(--lime)}
.float-card b{display:block;font-family:var(--font-display);font-size:1.02rem;line-height:1.1;color:var(--text)}
.float-card span{font-size:.74rem;color:var(--muted)}
.float-card.f1{top:-22px;right:-14px}
.float-card.f2{bottom:-20px;left:-16px}

/* ---------- sitemap ---------- */
.sitemap-group{margin-bottom:38px}
.sitemap-group h3{font-size:1.05rem;margin-bottom:16px;font-family:var(--font-display);letter-spacing:-.01em;padding-bottom:10px;border-bottom:1px solid var(--line)}
.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}
.sitemap-grid a{display:flex;align-items:center;gap:9px;color:var(--muted2);font-size:.9rem;padding:7px 0;border-bottom:1px solid var(--line);transition:color .15s,padding-left .15s}
.sitemap-grid a::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--lime);flex-shrink:0}
.sitemap-grid a:hover{color:var(--lime);padding-left:6px}
@media(max-width:860px){.sitemap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sitemap-grid{grid-template-columns:1fr}}

/* ---------- testimonial quote mark ---------- */
.t-quote{font-family:var(--font-display);font-size:5rem;line-height:0.6;color:var(--lime);margin-bottom:14px;font-weight:600;text-shadow:0 0 40px rgba(var(--lime-rgb),.4)}

/* ---------- micro-interactions ---------- */
.btn .ic{transition:transform .2s}
.btn:hover .ic{transform:translateX(3px)}
.card:hover .card-icon{background:rgba(var(--lime-rgb),.18);border-color:rgba(var(--lime-rgb),.55)}
.card:hover .card-icon .ic{color:var(--lime)}
.marquee{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.section-head h2{text-wrap:balance}

/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* mobile sticky cta */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;gap:10px;padding:12px 16px;
  background:var(--header-bg2);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(10,8,5,.4)}
.mobile-cta a{flex:1;justify-content:center}

/* responsive */
@media (max-width:1120px){
  .grid-cards{grid-template-columns:repeat(2,1fr)}
  .blog-grid,.related{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .chips{display:none}
}
@media (max-width:920px){
  .main-nav{display:none}
  .menu-toggle{display:grid}
  .nav{height:68px}
  .mobile-menu{inset:68px 0 auto 0}
  .split,.cs-hero{grid-template-columns:1fr;gap:44px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-card{border-left:none;border-top:1px solid var(--line);padding:26px 0}
  .stat-card:first-child{border-top:none;padding-top:0}
  .page-hero{padding:140px 0 64px}
  .form-grid{grid-template-columns:1fr}
  .results-band{grid-template-columns:repeat(2,1fr)}
  .promise{grid-template-columns:1fr;gap:34px}
  .deliver-wrap{grid-template-columns:1fr}
  .price-panel{position:static}
}
@media (max-width:640px){
  .section{padding:72px 0}
  .container{padding:0 20px}
  .grid-cards,.grid-cards.c3,.grid-cards.c2,.blog-grid,.related,.steps,.q-options{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .hero-ctas .btn{flex:1;justify-content:center}
  .metric-grid{grid-template-columns:1fr}
  .mobile-cta{display:flex}
  body{padding-bottom:64px}
  .q-steps{margin-bottom:24px}
  .results-band{grid-template-columns:1fr 1fr;padding:44px 26px}
  .promise{padding:36px 24px}
  .promise .plist{grid-template-columns:1fr}
}
/* cinematic hero enhancements */
.spark-ghost{position:absolute;right:-70px;top:50%;width:min(46vw,560px);opacity:.07;pointer-events:none;
  transform:translateY(-50%)}
[data-theme="light"] .spark-ghost{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M29 11C30.3 21.1 39.1 31.7 51 33C50.9 34.3 30.3 44.9 29 55C27.7 44.9 18.9 34.3 7 33C7.1 31.7 27.7 21.1 29 11Z' fill='%236904F2'/%3E%3Cpath d='M47.5 6.5C47.9 9.7 50.7 13.1 54.5 13.5C54.4 13.9 47.9 17.3 47.5 20.5C47.1 17.3 44.3 13.9 40.5 13.5C40.6 13.1 47.1 9.7 47.5 6.5Z' fill='%236904F2'/%3E%3C/svg%3E")}
.hero .grad-text,.page-hero h1 .grad-text{background-image:linear-gradient(115deg,#B48CFF 0%,#6904F2 25%,#8B5CF6 50%,#6904F2 75%,#B48CFF 100%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
[data-theme="light"] .hero .grad-text,[data-theme="light"] .page-hero h1 .grad-text{
  background-image:linear-gradient(115deg,#6904F2 0%,#6904F2 50%,#6904F2 100%)}
.page-hero .crumbs{animation:fadeUp .7s .04s cubic-bezier(.2,.7,.3,1) both}
.page-hero .eyebrow{animation:fadeUp .7s .1s cubic-bezier(.2,.7,.3,1) both}
.page-hero h1{animation:fadeUp .8s .18s cubic-bezier(.2,.7,.3,1) both}
.page-hero .lead{animation:fadeUp .7s .3s cubic-bezier(.2,.7,.3,1) both}
.page-hero .hero-ctas{animation:fadeUp .7s .38s cubic-bezier(.2,.7,.3,1) both}
@media(max-width:860px){.spark-ghost{right:-120px;opacity:.05}}

/* modern refresh v1 */
.card::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(var(--lime-rgb),.55),transparent);opacity:.4;transition:opacity .3s}
.card:hover::before{opacity:.95}
.stat-card:first-child{border-left:none;padding-left:0}


.hero{min-height:100vh;min-height:100svh;padding:150px 0 44px}
.h-rows{border-top:1px solid var(--line)}
.h-row{display:grid;grid-template-columns:96px 1fr 44% 56px;gap:32px;align-items:center;padding:42px 10px;border-bottom:1px solid var(--line);transition:background .35s,padding .35s}
.h-row:hover{background:linear-gradient(90deg,rgba(var(--lime-rgb),.06),transparent 75%);padding-left:24px}
.h-row .n{font-family:var(--mono);font-size:.85rem;color:var(--muted);letter-spacing:.16em}
.h-row h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:8px;transition:color .3s}
.h-row:hover h3{color:var(--lime)}
.h-row p{color:var(--muted);max-width:600px}
.h-row .arr{width:52px;height:52px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;transition:background .3s,border-color .3s,box-shadow .3s}
.h-row .arr .ic{width:20px;height:20px;color:var(--muted);transition:transform .3s,color .3s}
.h-row:hover .arr{background:var(--lime);border-color:var(--lime);box-shadow:var(--glow)}
.h-row:hover .arr .ic{color:#0B0B0B;transform:translateX(2px)}
[data-theme="light"] .h-row:hover .arr .ic{color:#fff}
.h-proof{position:relative;overflow:hidden;background:#0B0B0B;color:#fff;padding:104px 0;border-top:1px solid rgba(105,4,242,.25)}
.h-proof::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 82% -10%,rgba(105,4,242,.1),transparent 62%),radial-gradient(640px 400px at 8% 110%,rgba(139,92,246,.12),transparent 62%);pointer-events:none}
.h-proof .container{position:relative}
.h-proof .eyebrow{color:#8B5CF6}
.h-proof .eyebrow::before{background:#8B5CF6}
.h-proof .eyebrow .n{color:rgba(255,255,255,.4)}
.h-proof h2{color:#fff}
.h-grad{background:linear-gradient(115deg,#8B5CF6,#6904F2 60%,#B48CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-proof-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;margin-top:56px}
.h-proof-num{font-family:var(--font-display);font-weight:600;font-size:clamp(4rem,8.5vw,6.8rem);line-height:.95;letter-spacing:-.04em;background:linear-gradient(115deg,#8B5CF6,#6904F2 55%,#8B5CF6);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-proof-cap{font-family:var(--mono);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:14px}
.h-proof-p{color:rgba(255,255,255,.72);max-width:440px;margin:20px 0 30px}
.h-proof-metrics{display:flex;gap:44px;margin-bottom:34px}
.h-proof-metrics b{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:600;color:#8B5CF6;letter-spacing:-.02em}
.h-proof-metrics span{font-size:.72rem;color:rgba(255,255,255,.5);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}
.h-proof-img{border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:#0B0B0B;box-shadow:0 44px 100px -44px rgba(0,0,0,.75)}
.h-proof-img .bar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.h-proof-img .bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}
.h-proof-img .bar i:nth-child(1){background:#ff5f57}.h-proof-img .bar i:nth-child(2){background:#febc2e}.h-proof-img .bar i:nth-child(3){background:#28c840}
.h-proof-img img{width:100%;display:block}
.h-proof-more{display:flex;gap:14px 40px;flex-wrap:wrap;justify-content:center;margin-top:72px;padding-top:36px;border-top:1px solid rgba(255,255,255,.12);font-size:.9rem;color:rgba(255,255,255,.6)}
.h-proof-more a{transition:color .2s}
.h-proof-more a:hover{color:#8B5CF6}
.h-prices{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.h-price{padding:40px 32px 12px 0;border-right:1px solid var(--line)}
.h-price:last-child{border-right:none}
.h-price .idx{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:16px}
.h-price .price{font-family:var(--font-display);font-size:2.1rem;font-weight:600;letter-spacing:-.02em;color:var(--lime);line-height:1;display:block;margin-bottom:14px}
.h-price .price-tag{display:inline-block;vertical-align:middle;margin-left:12px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#0B0B0B;background:var(--lime);padding:4px 10px;border-radius:999px;font-weight:700}
.h-price .price small{font-size:1rem;color:var(--muted);font-weight:600}
.h-price p{color:var(--muted);font-size:.92rem;margin-bottom:20px;max-width:340px}
@media(max-width:920px){
  .hero{padding:132px 0 40px}
  .h-row{grid-template-columns:1fr;gap:14px;padding:32px 4px}.h-row .svc-img{display:none}
  .h-row .arr{display:none}
  .h-proof-grid{grid-template-columns:1fr;gap:48px}
  .h-prices{grid-template-columns:1fr}
  .h-price{border-right:none;border-bottom:1px solid var(--line);padding:32px 0}
  .h-price:last-child{border-bottom:none}
}
/* hero vignette */
.hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 120% 95% at 50% 38%,transparent 55%,rgba(6,6,6,.45) 100%)}
[data-theme="light"] .hero-bg::after{background:radial-gradient(ellipse 120% 95% at 50% 38%,transparent 62%,rgba(22,13,3,.14) 100%)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;filter:none}
  .hero-title .line span{transform:none;animation:none}
}

/* ================= HOMEPAGE HERO (v3) ================= */
.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;padding:140px 0 0;overflow:hidden}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,6,6,.94) 0%,rgba(6,6,6,.8) 42%,rgba(6,6,6,.38) 70%,rgba(6,6,6,.16) 100%),linear-gradient(180deg,rgba(6,6,6,.5) 0%,rgba(6,6,6,0) 24% 74%,rgba(6,6,6,.72) 100%)}
.hero .hero-inner{position:relative;z-index:2;width:100%;padding-bottom:48px}
.hero-copy{max-width:800px}
.hero-copy h1{font-family:var(--font-display);font-weight:500;font-size:clamp(3.4rem,8.8vw,7.8rem);line-height:.97;letter-spacing:-.04em;text-transform:uppercase;margin:20px 0 26px;text-wrap:balance}
.hp-what{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:#8B5CF6;font-weight:600}
.hp-lead{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.62;color:var(--muted2);max-width:620px}
.hp-lead strong{color:var(--text)}
.hero .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.hp-trust{margin-top:28px;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--muted2);display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.hp-trust .stars{color:var(--lime);letter-spacing:2px}
.hp-trust .sep{opacity:.35}
.hero-clients{position:relative;z-index:2;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(6,6,6,.55),rgba(6,6,6,.25) 58%,rgba(6,6,6,.08))}
.hero-clients .container{display:flex;align-items:center;flex-wrap:wrap;gap:12px 36px;padding-top:20px;padding-bottom:32px}
.hero-clients .lbl{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.hero-clients span:not(.lbl){font-family:var(--font-display);font-weight:700;font-size:1.06rem;letter-spacing:-.01em;color:var(--marquee-ghost);transition:color .2s}
.hero-clients span:not(.lbl):hover{color:var(--text)}
[data-theme="light"] .hero{background:#060606}
@media(max-width:900px){
  .hero{min-height:auto;padding:126px 0 0}
  .hero-scrim{background:linear-gradient(180deg,rgba(6,6,6,.55) 0%,rgba(6,6,6,.88) 64%)}
  .hero .hero-inner{padding-bottom:36px}
  .hero-copy h1{font-size:clamp(2.9rem,13.5vw,4.2rem);margin:16px 0 20px}
}
/* stat blocks */
.sblk-sec{padding:76px 0 0}
.sblk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sblk{position:relative;border-radius:14px;padding:28px 26px;min-height:264px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.sblk i{position:absolute;top:24px;left:24px;width:10px;height:10px;border-radius:50%}
.sblk b{font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,4.4vw,3.6rem);letter-spacing:-.03em;line-height:1}
.sblk span{margin-top:10px;font-size:.78rem;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;opacity:.85}
.sblk-a{background:var(--lime);color:#fff}
.sblk-a i{background:#fff}
.sblk-b{background:#3F3F3F;color:#F4F1EA}
.sblk-b i{background:#F4F1EA}
.sblk-c{background:#0F0F0F;border:1px solid var(--line);color:#F4F1EA}
.sblk-c i{background:var(--lime)}
.sblk-d{background:#C9C9C4;color:#141414}
.sblk-d i{background:#141414}
[data-theme="light"] .sblk-a{color:#fff}
[data-theme="light"] .sblk-a i{background:#fff}
[data-theme="light"] .sblk-d{background:#E4E4DE}
@media(max-width:900px){.sblk-grid{grid-template-columns:1fr 1fr}.sblk{min-height:180px}}
/* service row images */
.svc-img{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--bg3)}
.svc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.h-row:hover .svc-img img{transform:scale(1.04)}
/* who we are */
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.who-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:44px 40px}
.who-card .plus{font-family:var(--font-display);font-weight:600;font-size:2.2rem;color:var(--lime);line-height:1;display:block;margin-bottom:26px}
.who-card h3{font-size:clamp(1.5rem,2.6vw,2.1rem);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:16px}
.who-card p{color:var(--muted2);line-height:1.65}
.who-fact{margin-top:26px;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--muted);display:flex;align-items:center;gap:12px}
.who-fact::before{content:"";width:36px;height:1px;background:var(--lime)}
@media(max-width:900px){.who-grid{grid-template-columns:1fr}}
/* head link */
.section-head{position:relative}
.head-link{position:absolute;right:0;bottom:22px;font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .2s}
.head-link:hover{color:var(--lime)}
/* insights */
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ins-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none}
.ins-card .thumb{aspect-ratio:16/9;overflow:hidden;background:var(--bg3)}
.ins-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.ins-card:hover .thumb img{transform:scale(1.04)}
.ins-card .body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ins-card .meta{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ins-card h3{font-size:1.12rem;line-height:1.35;letter-spacing:-.01em}
.ins-card .rd{margin-top:auto;font-size:.85rem;font-weight:700;color:var(--lime)}
@media(max-width:900px){.ins-grid{grid-template-columns:1fr}}
/* cta band art */
.cta-art{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:min(44%,540px);object-fit:cover;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%)}
.cta-band .inner{position:relative;z-index:1;max-width:600px}
@media(max-width:1020px){.cta-art{display:none}}

/* darkyn v2: outline service titles + footer wordmark */
.h-row .txt h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,3.4vw,3rem);letter-spacing:0;text-transform:uppercase;color:var(--text);transition:color .3s}
.h-row:hover .txt h3{color:var(--lime)}
.footer-word{font-family:var(--font-display);font-weight:600;font-size:clamp(4rem,13vw,12rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;color:#151515;white-space:nowrap;user-select:none;pointer-events:none;overflow:hidden}
[data-theme="light"] .footer-word{color:#E8E4DC}
.site-footer{overflow:hidden}

/* darkyn v2: hero orb + work grid */
.hero-orb{position:absolute;right:-6%;top:-10%;width:72%;height:120%;
  background:url('../images/hero-orb.jpg') right center/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 22%)}
.hero-orb-glow{position:absolute;right:-6%;bottom:-24%;width:52%;height:78%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(105,4,242,.17),transparent 70%)}
@media(max-width:900px){.hero-orb{width:150%;height:auto;aspect-ratio:1376/768;top:auto;bottom:-42%;right:-30%}}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.work-card{display:block;text-decoration:none}
.work-img{aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#0F0F0F;border:1px solid var(--line)}
.work-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}
.work-card:hover .work-img img{transform:scale(1.04)}
.work-name{display:block;margin-top:18px;font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.02em;color:var(--text);transition:color .2s}
.work-card:hover .work-name{color:var(--lime)}
.work-metric{display:block;margin-top:6px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media(max-width:1020px){.work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.work-grid{grid-template-columns:1fr}}
/* full-bleed proof wall */
.band-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.bp-item{position:relative;overflow:hidden;display:block;height:clamp(320px,46vh,540px);background:#0B0B0B}
.bp-item img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.bp-item:hover img{transform:scale(1.045)}
.bp-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,.08) 35%,rgba(6,6,6,.82) 100%)}
.bp-item:hover::after{background:linear-gradient(180deg,rgba(6,6,6,.05) 35%,rgba(20,8,2,.85) 100%)}
.bp-cap{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.bp-cap b{font-family:var(--font-display);font-weight:600;font-size:clamp(1.35rem,2.3vw,2rem);letter-spacing:-.02em;color:#fff}
.bp-cap span{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8B5CF6;font-weight:600}
@media(max-width:900px){.band-proof{grid-template-columns:1fr}.bp-item{height:280px}}
/* giant ghost type band */
.ghost-band{overflow:hidden;padding:36px 0 8px;border-top:1px solid rgba(255,255,255,.06)}
.ghost-band span{display:block;font-family:var(--font-display);font-weight:600;font-size:clamp(4.2rem,13.5vw,14rem);line-height:.88;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.19);transform:translateX(-1.5%)}
[data-theme="light"] .ghost-band{border-color:rgba(26,18,8,.08)}
[data-theme="light"] .ghost-band span{-webkit-text-stroke:1px rgba(26,18,8,.16)}

/* r30 responsive & spacing polish */
@media(max-width:920px){
  .cta-band{padding:64px 30px}
  .who-card{padding:36px 30px}
  .float-card{display:none}
  .browser{box-shadow:var(--shadow-sm)}
}
@media(max-width:640px){
  .section{padding:68px 0}
  .container{padding:0 20px}
  .cta-band{padding:54px 22px}
  .sblk{min-height:190px;padding:22px 20px}
  .sblk b{font-size:2rem}
  .who-card{padding:28px 22px}
  .card{padding:26px 22px}
  .form-card{padding:24px 20px}
  .price-panel{padding:24px 20px}
  .step{padding:28px 22px}
  .faq-item summary{padding:16px 18px;flex-wrap:wrap}
  .bp-item{height:240px}
  .ins-card .body{padding:20px}
  .project-body{padding:20px 22px}
  .promise{padding:32px 20px}
  .ghost-band{padding:26px 0 2px}
  .h-price{padding:26px 0}
  .toc{padding:20px 22px}
  .author-box{padding:20px}
  .t-slide blockquote{max-width:100%}
}
@media(max-width:560px){
  .nav .btn{display:none}
  .brand-mark{width:34px;height:34px;border-radius:10px}
  .brand-text{font-size:1rem}
  .nav{gap:10px}
}
@media(max-width:400px){
  .sblk b{font-size:1.75rem}
  .sblk span{font-size:.68rem}
}

/* ---------- AIFUX overrides ---------- */
#spBar{display:none}
.cta-band .btn-primary{background:#fff;color:#0B0A10}
.cta-band .btn-primary:hover{background:rgba(255,255,255,.88)}
.site-header .container{padding-left:14px;padding-right:14px}
[data-theme="light"] .brand-mark{background:linear-gradient(135deg,#6904F2,#8B5CF6);border-color:transparent;color:#fff;box-shadow:0 8px 20px -8px rgba(105,4,242,.5)}
[data-theme="light"] .btn-ghost{background:#fff}
[data-theme="light"] .btn-light{background:#0B0A10;color:#fff}
.page-hero h1{text-transform:none;letter-spacing:-.028em}
h1,h2,h3{font-weight:500}
[data-theme="light"] .topbar{display:none}
/* ================= AIFUX HOMEPAGE ================= */
.xhero{position:relative;min-height:94svh;display:flex;align-items:center;overflow:hidden;background:#F5F3FB}
.xhero-bg{position:absolute;inset:0;background:url('../images/hero-pastel.jpg') center right/cover no-repeat}
.xhero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.6) 32%,rgba(255,255,255,0) 64%)}
.xhero-bg::before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg));z-index:1}
[data-theme="dark"] .xhero{background:#07060B}
[data-theme="dark"] .xhero-bg::after{background:linear-gradient(90deg,rgba(7,6,11,.94) 0%,rgba(7,6,11,.78) 38%,rgba(7,6,11,.35) 72%,rgba(7,6,11,.6) 100%)}
[data-theme="dark"] .xhero-bg::before{background:linear-gradient(180deg,rgba(7,6,11,0),var(--bg))}
.xhero .container{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:130px}
.xhero-copy{max-width:780px}
.xhero h1{font-size:clamp(2.8rem,6.2vw,5.3rem);letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
.xhero .lead{margin-top:24px;max-width:560px;font-size:clamp(1.05rem,1.5vw,1.22rem)}
.xhero-cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.xhero-micro{margin-top:30px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;flex-wrap:wrap}
.xhero-micro .dot{width:3px;height:3px;border-radius:50%;background:var(--muted);opacity:.6}
.xstars{color:var(--lime);letter-spacing:2px;font-size:.8rem}
.xspark{color:var(--lime);flex-shrink:0}

.xstrip{padding:36px 0 8px}
.xstrip-in{display:flex;align-items:center;justify-content:center;gap:18px 42px;flex-wrap:wrap}
.xstrip .lbl{font-family:var(--mono);font-size:.66rem;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.xstrip .logo{font-weight:600;font-size:1rem;color:var(--muted2);letter-spacing:-.01em;opacity:.8}

.xstats{padding:54px 0 26px}
.xstats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.xstat{padding:36px 28px;border-left:1px solid var(--line)}
.xstat:first-child{border-left:none;padding-left:0}
.xstat b{display:block;font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:-.03em;line-height:1;font-weight:600}
.xstat b i{font-style:normal;color:var(--lime)}
.xstat span{display:block;margin-top:10px;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

.xsec{padding:110px 0}
.xsec.tight{padding:70px 0}
.xsec-head{max-width:720px;margin-bottom:58px}
.xsec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.xsec-head h2{font-size:clamp(2.2rem,4.4vw,3.5rem);letter-spacing:-.03em;margin-top:16px;text-wrap:balance}
.xsec-head p{margin-top:16px}
.xsec-head .eyebrow{display:inline-flex}

.xcards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.xcard{position:relative;border:1px solid var(--line);border-radius:22px;padding:12px;background:var(--panel);transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column;min-height:352px}
.xcard:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.xcard .iconpanel{background:linear-gradient(160deg,#EFE9FD 0%,#FFFFFF 100%);border:1px solid var(--line);border-radius:15px;height:118px;display:grid;place-items:center;color:#6904F2}
[data-theme="dark"] .xcard .iconpanel{background:linear-gradient(160deg,rgba(124,92,255,.18),rgba(124,92,255,.04));color:#B98FFF}
.xcard h3{font-size:1.2rem;margin:22px 14px 0;letter-spacing:-.015em}
.xcard p{margin:10px 14px 0;font-size:.9rem;color:var(--muted);flex:1;line-height:1.55}
.xcard .go{position:absolute;left:26px;bottom:22px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--text);transition:background .2s,color .2s,border-color .2s}
.xcard:hover .go{background:#0B0A10;color:#fff;border-color:#0B0A10}
[data-theme="dark"] .xcard:hover .go{background:#F2F0FB;color:#0B0A12;border-color:#F2F0FB}
.xcard .xcard-link{position:absolute;inset:0;z-index:1}
.xcard .go{z-index:2}

.xproc{border:1px solid var(--line);border-radius:26px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);overflow:hidden}
.xstep{padding:40px 34px 46px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:310px}
.xstep:first-child{border-left:none}
.xstep .no{font-family:var(--mono);font-size:.66rem;letter-spacing:.26em;color:var(--muted);text-transform:uppercase;display:flex;align-items:center;gap:12px}
.xstep .no::after{content:"";flex:1;height:1px;background:var(--line)}
.xstep h3{margin-top:22px;font-size:1.22rem;letter-spacing:-.015em}
.xstep p{margin-top:auto;padding-top:20px;font-size:.9rem;color:var(--muted);line-height:1.55}
.xproc-note{margin-top:28px;text-align:center;font-size:.95rem;color:var(--muted)}
.xproc-note a{color:var(--lime);font-weight:600;text-decoration:none}
.xproc-note a:hover{text-decoration:underline}

.xcase-sec{background:var(--bg2);padding:110px 0}
.xdeck{display:flex;gap:0;align-items:stretch}
.xcase-card{flex:1;border-radius:26px;padding:34px 30px 30px;display:flex;flex-direction:column;position:relative;color:#0B0A10;min-width:0;box-shadow:0 24px 60px -30px rgba(20,10,60,.35)}
.xcase-card.c1{background:linear-gradient(180deg,#EFE5FD 0%,#E3D2FA 100%);z-index:1}
.xcase-card.c2{background:linear-gradient(180deg,#DEEBFD 0%,#C6DFFB 100%);z-index:2;margin-left:-34px}
.xcase-card.c3{background:linear-gradient(180deg,#DFFBE6 0%,#BDF2CD 100%);z-index:3;margin-left:-34px}
.xcase-top{display:flex;justify-content:space-between;align-items:center}
.xcase-num{font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;color:rgba(11,10,16,.55)}
.xcase-spark{color:rgba(11,10,16,.5)}
.xcase-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.xtag{border:1px solid rgba(11,10,16,.22);border-radius:999px;padding:6px 12px;font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(11,10,16,.72);background:rgba(255,255,255,.35)}
.xcase-card h3{font-size:1.45rem;margin-top:16px;letter-spacing:-.02em;line-height:1.15}
.xcase-client{margin-top:6px;font-size:.78rem;color:rgba(11,10,16,.6);font-family:var(--mono);letter-spacing:.05em}
.xstatpanel{margin-top:22px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);border-radius:18px;padding:20px 18px;text-align:center;backdrop-filter:blur(4px)}
.xstatpanel .up{display:block;font-size:1.5rem;line-height:1;margin-bottom:8px}
.xstatpanel b{font-size:1.9rem;letter-spacing:-.03em;line-height:1}
.xstatpanel b small{font-size:.85rem;font-weight:600;letter-spacing:-.01em;display:block;margin-top:6px;line-height:1.25}
.xstatpanel span{display:block;font-size:.76rem;color:rgba(11,10,16,.62);margin-top:6px}
.xcase-rows{margin-top:20px;display:flex;flex-direction:column;gap:13px;flex:1}
.xcrow{border-left:2px solid rgba(11,10,16,.18);padding-left:12px}
.xcrow .lbl{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(11,10,16,.55)}
.xcrow p{font-size:.82rem;color:rgba(11,10,16,.82);margin-top:3px;line-height:1.5}
.xcase-read{margin-top:24px;align-self:flex-start;background:#fff;border-radius:999px;padding:13px 22px;font-weight:600;font-size:.88rem;text-decoration:none;color:#0B0A10;display:inline-flex;gap:9px;align-items:center;box-shadow:0 8px 20px -10px rgba(11,10,16,.3);transition:transform .2s}
.xcase-read:hover{transform:translateX(3px)}
.xcase-all{margin-top:44px;text-align:center}

.xind{position:relative;background:#050509;color:#fff;padding:150px 0 120px;overflow:hidden}
.xwave{position:absolute;left:0;right:0;top:-1px;height:64px;overflow:hidden;line-height:0;z-index:1}
.xwave svg{width:100%;height:100%;display:block}
.xind .xwave{top:-1px}
.xind h2{color:#CDBAFF}
.xind .xsec-head p{color:rgba(255,255,255,.62)}
.xind-nav{display:flex;gap:10px}
.xind-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;color:#fff;text-decoration:none;transition:.2s}
.xind-arrow:hover{background:#fff;color:#0B0A10}
.xind-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px}
.xind-head .xsec-head{margin-bottom:0}
.xind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.xind-card{position:relative;border-radius:20px;overflow:hidden;display:block;aspect-ratio:3/3.9;background:#101018}
.xind-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.xind-card:hover img{transform:scale(1.05)}
.xind-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,9,.15),rgba(5,5,9,.05) 40%,rgba(5,5,9,.35))}
.xind-card .lbl{position:absolute;top:16px;left:16px;z-index:2;background:rgba(255,255,255,.94);color:#0B0A10;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:600}
.xind-foot{margin-top:24px;font-size:.8rem;color:rgba(255,255,255,.42)}

.xtest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xt-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:20px}
.xt-head{display:flex;align-items:center;gap:14px}
.xt-av{width:46px;height:46px;border-radius:50%;background:var(--avatar-tile);display:grid;place-items:center;font-weight:600;font-size:.95rem;color:var(--lime);flex-shrink:0}
.xt-name{font-weight:600;font-size:.98rem;letter-spacing:-.01em}
.xt-role{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.xt-card blockquote{margin:0;font-size:.94rem;color:var(--muted2);line-height:1.62;flex:1}

.xstack{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:24px 32px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.xstack .lbl{font-family:var(--mono);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.xstack .rule{width:1px;height:24px;background:var(--line2);flex-shrink:0}
.xstack .tm{font-weight:600;color:var(--muted2);font-size:.92rem;letter-spacing:-.01em;opacity:.85}
.xstack-wrap{padding:0 0 30px}

.xwho{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.xwho .xsec-head{margin-bottom:0}
.xwho-cards{display:grid;gap:14px}
.xwho-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px 28px}
.xwho-card .lbl{font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--lime)}
.xwho-card h3{margin-top:10px;font-size:1.08rem;letter-spacing:-.01em}
.xwho-card p{margin-top:8px;font-size:.9rem;color:var(--muted);line-height:1.55}

.xprice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xp-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:34px;display:flex;flex-direction:column;position:relative;min-height:330px}
.xp-card.hot{border-color:rgba(105,4,242,.5);box-shadow:var(--glow)}
.xp-badge{position:absolute;top:-13px;right:26px;background:var(--lime);color:#fff;border-radius:999px;padding:6px 14px;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}
.xp-no{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;color:var(--muted)}
.xp-card h3{margin-top:14px;font-size:1.3rem;letter-spacing:-.02em}
.xp-price{margin-top:10px;font-size:2.1rem;letter-spacing:-.03em;font-weight:600}
.xp-price small{font-size:.85rem;color:var(--muted);font-weight:500;letter-spacing:0}
.xp-card p{margin-top:12px;color:var(--muted);font-size:.9rem;line-height:1.55;flex:1}
.xp-card .btn{margin-top:24px;justify-content:center}

.xcta{position:relative;padding:170px 0;color:#fff;overflow:hidden;background:#07060F}
.xcta-bg{position:absolute;inset:0;background:url('../images/cta-deep.jpg') center/cover no-repeat}
.xcta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,4,13,.9) 0%,rgba(5,4,13,.66) 45%,rgba(5,4,13,.4) 100%)}
.xcta .xwave{z-index:2}
.xcta-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.xcta h2{color:#fff;font-size:clamp(2.2rem,4.4vw,3.4rem);letter-spacing:-.03em}
.xcta .lead{color:rgba(255,255,255,.72)}
.xcta-eyebrow{color:#BE9BFF}
.xcta-card{background:#fff;color:#0B0A10;border-radius:26px;padding:38px 36px;box-shadow:0 50px 100px -30px rgba(0,0,0,.55)}
.xcta-card .phoneic{width:48px;height:48px;border-radius:50%;background:linear-gradient(160deg,#EFE9FD,#E3D2FA);display:grid;place-items:center;color:#6904F2}
.xcta-card h3{font-size:1.4rem;letter-spacing:-.02em;margin-top:18px}
.xcta-card .sub{margin-top:8px;font-size:.9rem;color:var(--muted)}
.xcta-ch{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.xcta-pill{display:flex;align-items:center;gap:13px;border:1px solid rgba(11,10,16,.16);border-radius:999px;padding:14px 20px;text-decoration:none;color:#0B0A10;font-weight:600;font-size:.95rem;transition:background .2s,color .2s;border-color:rgba(11,10,16,.16)}
.xcta-pill:hover{background:#0B0A10;color:#fff}
.xcta-pill .ic{color:#6904F2;flex-shrink:0}
.xcta-note{margin-top:20px;font-size:.78rem;color:var(--muted);font-family:var(--mono);letter-spacing:.04em}

.xfaq-grid{display:grid;grid-template-columns:.85fr 1.35fr;gap:64px;align-items:start}
.xfaq-left{position:sticky;top:130px}
.xfaq-left .xsec-head{margin-bottom:0}
.xfaq-left .btn{margin-top:28px}
.xfaq-list{border-top:1px solid var(--line)}
.xfaq-list details{border-bottom:1px solid var(--line)}
.xfaq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;cursor:pointer;font-weight:600;font-size:1.02rem;letter-spacing:-.01em;color:var(--text)}
.xfaq-list summary::-webkit-details-marker{display:none}
.xfaq-list summary .chev{transition:transform .25s;flex-shrink:0;color:var(--muted)}
.xfaq-list details[open] summary .chev{transform:rotate(180deg)}
.xfaq-list .ans{padding:0 4px 26px;color:var(--muted);font-size:.95rem;line-height:1.65;max-width:660px}

.xblog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px}
.xblog-head .xsec-head{margin-bottom:0}
.xblog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xb-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.xb-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.xb-img{position:relative;aspect-ratio:16/9.2;overflow:hidden}
.xb-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.xb-card:hover .xb-img img{transform:scale(1.05)}
.xb-tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:#0B0A10;border-radius:999px;padding:7px 13px;font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase}
.xb-body{padding:22px 24px 26px}
.xb-body h3{font-size:1.08rem;letter-spacing:-.015em;line-height:1.35}
.xb-meta{margin-top:12px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.xfoot{background:#050509;color:#fff;padding:110px 0 0}
.xfoot-cols-nest{padding:0;grid-template-columns:repeat(3,1fr);align-content:start}
.xfoot-top{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.1)}
.xfoot h2{font-size:clamp(2rem,3.8vw,3rem);letter-spacing:-.03em;color:#fff;text-wrap:balance}
.xfoot .lead{color:rgba(255,255,255,.6);margin-top:18px}
.xfoot-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.xfoot-pill{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:14px 24px;font-weight:600;font-size:.92rem;text-decoration:none;transition:.2s}
.xfoot-pill.w{background:#fff;color:#0B0A10}
.xfoot-pill.w:hover{background:rgba(255,255,255,.85)}
.xfoot-pill.o{border:1px solid rgba(255,255,255,.28);color:#fff}
.xfoot-pill.o:hover{border-color:#fff}
.xfoot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:56px 0}
.xfoot-cols h4{font-family:var(--mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:500;margin-bottom:16px}
.xfoot-cols a{display:block;color:rgba(255,255,255,.72);text-decoration:none;padding:7px 0;font-size:.92rem}
.xfoot-cols a:hover{color:#fff}
.xfoot-social{display:flex;gap:10px;margin-top:18px}
.xfoot-social a{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:rgba(255,255,255,.75);transition:.2s}
.xfoot-social a:hover{background:#fff;color:#0B0A10}
.xfoot-bottom{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:28px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:rgba(255,255,255,.4)}
.xfoot-bottom a{color:rgba(255,255,255,.4);text-decoration:none}
.xfoot-bottom a:hover{color:#fff}
.xfoot-toparrow{margin-left:auto;width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:.2s}
.xfoot-toparrow:hover{background:#fff;color:#0B0A10}

@media(max-width:1020px){
.xcards{grid-template-columns:repeat(2,1fr)}
.xproc{grid-template-columns:repeat(2,1fr)}
.xstep{border-top:1px solid var(--line)}
.xstep:nth-child(-n+2){border-top:none}
.xstep:nth-child(odd){border-left:none}
.xdeck{flex-direction:column;gap:18px}
.xcase-card{margin-left:0 !important}
.xind-grid{grid-template-columns:repeat(2,1fr)}
.xind-head{flex-direction:column;align-items:flex-start;gap:24px}
.xtest-grid,.xprice-grid,.xblog-grid{grid-template-columns:1fr;max-width:640px}
.xtest-grid,.xprice-grid{margin:0 auto}
.xblog-grid{margin:0 auto}
.xwho,.xcta-grid,.xfaq-grid{grid-template-columns:1fr;gap:44px}
.xfaq-left{position:static}
.xstats-grid{grid-template-columns:repeat(2,1fr)}
.xstat{padding:28px 22px}
.xstat:nth-child(odd){border-left:none;padding-left:0}
.xstat:nth-child(-n+2){border-top:none}
.xstat:nth-child(n+3){border-top:1px solid var(--line)}
.xfoot-top{grid-template-columns:1fr;gap:44px}
.xblog-head{flex-direction:column;align-items:flex-start;gap:20px}
}
@media(max-width:640px){
.xsec{padding:80px 0}
.xcase-sec{padding:80px 0}
.xcards{grid-template-columns:1fr}
.xind-grid{grid-template-columns:1fr}
.xind{padding:120px 0 90px}
.xproc{grid-template-columns:1fr}
.xstep{border-left:none;border-top:1px solid var(--line);min-height:0}
.xstep:first-child{border-top:none}
.xcta{padding:130px 0}
.xcta-card{padding:30px 24px}
.xfoot{padding:80px 0 0}
.xfoot-cols-nest{grid-template-columns:1fr 1fr;gap:26px}
.xfoot-cols{grid-template-columns:1fr 1fr;gap:30px}
.xstats-grid{grid-template-columns:1fr 1fr}
.xstat b{font-size:1.6rem}
.xhero .container{padding-top:130px}
}


/* ==========================================================================
   WordPress integration layer
   Everything below is new: styles for markup WordPress generates (menus,
   block editor output, comments, pagination, widgets) plus fixes for the
   three classes the static build referenced but never defined.
   ========================================================================== */

/* --- footer + widget menus (WP wraps items in ul/li) --- */
.fc-links,.footer-col ul{list-style:none;margin:0;padding:0}
.fc-links li{margin:0}
.footer-sub-heading{margin-top:22px}
.footer-col-more{color:var(--lime)!important;font-weight:700}

/* --- quote form success: the static build added .done to the wrapper while
       the stylesheet only had ".q-success.done", so the panel never showed --- */
#quoteFormWrap.done .q-success{display:block}
#quoteFormWrap.done form,#quoteFormWrap.done .q-steps,#quoteFormWrap.done .q-nav,.q-bar{display:none}
.q-bar{height:4px}

/* --- classes used in the static markup but never styled --- */
.form-card-inner{padding:0}
.related-wrap{margin-top:8px}
.reveal.d0{transition-delay:0s}

/* --- forms: status line + honeypot --- */
.nis-hp{position:absolute!important;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.nis-status{margin-top:14px;font-size:.86rem;font-weight:600;min-height:1.2em;color:var(--lime)}
.nis-status.error{color:#ff6b6b}
.nis-contact,.nis-quote,.nis-newsletter{position:relative}
.nis-newsletter{display:flex;gap:8px;align-items:stretch}
.nis-newsletter input{flex:1;min-width:0}
.nis-newsletter .nis-status{flex-basis:100%;margin:6px 0 0}
.form-card-title{font-size:1.5rem;margin-bottom:8px}
.form-card-desc{color:var(--muted);margin-bottom:24px}
form.nis-form .btn[disabled]{opacity:.65;cursor:progress}

/* --- pagination --- */
.pagination{margin:44px 0 8px}
.pagination .pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 14px;
  border:1px solid var(--line2);border-radius:11px;background:var(--surface-flat);color:var(--muted2);
  font-size:.9rem;font-weight:600;transition:.2s;text-decoration:none}
.pagination .page-numbers:hover{border-color:var(--lime);color:var(--lime)}
.pagination .page-numbers.current{background:var(--lime);border-color:var(--lime);color:var(--btn-ink-text,#0B0B0B)}
.pagination .page-numbers.dots{border:none;background:none}

/* --- article + archive extras --- */
.post-meta{display:flex;flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.post-feat{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);margin-top:26px}
.post-body ol{margin:0 0 20px 4px;counter-reset:n}
.post-body ol li{position:relative;padding:6px 0 6px 30px;list-style:none;color:var(--muted2)}
.post-body ol li::before{counter-increment:n;content:counter(n);position:absolute;left:0;top:8px;width:20px;height:20px;
  border-radius:6px;background:rgba(var(--lime-rgb),.14);color:var(--lime);font-family:var(--mono);font-size:.7rem;display:grid;place-items:center}
.post-body img{max-width:100%;height:auto;border-radius:14px;margin:10px 0 22px}
.post-body a{text-decoration:underline;text-decoration-color:rgba(var(--lime-rgb),.5);text-underline-offset:3px}
.post-body a:hover{color:var(--lime)}
.post-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9rem}
.post-body th,.post-body td{border:1px solid var(--line);padding:11px 13px;text-align:left;color:var(--muted2)}
.post-body th{background:var(--surface-flat);font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}
.post-body code{font-family:var(--mono);font-size:.86em;background:var(--surface-flat);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.post-body pre{overflow:auto;background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:18px}
.post-body pre code{background:none;border:none;padding:0}
.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px}
.share-label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.share a{font-size:.84rem;font-weight:600;color:var(--muted2);border:1px solid var(--line2);border-radius:999px;padding:7px 14px;transition:.2s;text-decoration:none}
.share a:hover{color:var(--lime);border-color:var(--lime)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.post-nav a{display:block;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--surface);text-decoration:none;transition:.25s}
.post-nav a:hover{border-color:var(--lime)}
.post-nav span{display:block;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px}
.post-nav b{color:var(--text);font-size:1rem;line-height:1.35}
.post-nav .next{text-align:right}
@media (max-width:700px){.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}}
.more-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--muted2)}
.more-link:hover{color:var(--lime)}

/* --- comments --- */
.comments-area{margin-top:8px}
.comments-title{font-size:1.5rem;margin-bottom:22px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .comment{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px 22px;margin-bottom:14px}
.comment-list .children{list-style:none;margin:14px 0 0;padding-left:22px;border-left:1px solid var(--line)}
.comment-author{font-weight:700;color:var(--text)}
.comment-author .says{display:none}
.comment-meta{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-bottom:10px}
.comment-content{color:var(--muted2);font-size:.94rem}
.comment-content p{margin:0 0 10px}
.reply a{font-size:.8rem;font-weight:700;color:var(--lime);text-decoration:none}
.comment-respond{margin-top:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px}
.comment-form p{margin:0 0 14px}
.comment-form label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{
  width:100%;background:var(--input-bg);border:1px solid var(--line2);border-radius:11px;padding:13px 15px;color:var(--text);font:inherit}
.comment-form textarea{min-height:130px;resize:vertical}
.comment-notes,.form-allowed-tags,.logged-in-as{font-size:.82rem;color:var(--muted)}
.no-comments{font-size:.9rem;color:var(--muted)}

/* --- block editor output outside .post-body --- */
.entry-content{color:var(--muted2)}
.entry-content>ul,.entry-content>ol{margin:0 0 20px 20px}
.entry-content li{margin:6px 0}
.entry-content a{color:var(--lime)}
.entry-content h2,.entry-content h3,.entry-content h4{color:var(--text)}
.entry-content blockquote{border-left:3px solid var(--lime);padding:6px 0 6px 20px;margin:24px 0;font-style:italic;color:var(--muted2)}
.entry-content img{max-width:100%;height:auto}
.entry-content .alignwide{max-width:min(1180px,100%);margin-left:auto;margin-right:auto}
.entry-content .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
.entry-content .aligncenter{margin-left:auto;margin-right:auto;display:block}
.entry-content .wp-block-gallery{list-style:none;margin:0;padding:0}
.entry-content .wp-block-table{width:100%;border-collapse:collapse}
.entry-content .wp-block-separator{border:none;border-top:1px solid var(--line);margin:32px 0}
.entry-content .wp-block-code{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:16px}
.entry-content .wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.entry-content .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;
  font-size:.95rem;padding:13px 22px;border-radius:12px;background:var(--lime);color:#0B0A10;text-decoration:none}
.entry-content iframe{max-width:100%}
.entry-content .wp-block-quote.is-large p{font-size:1.3rem}
.entry-content .wp-block-latest-posts{list-style:none;margin:0;padding:0}
.entry-content .wp-block-latest-posts li{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--lime);color:#0B0A10;padding:10px 16px;border-radius:10px;font-weight:700;transition:top .2s}
.skip-link:focus{top:12px}

/* --- search --- */
.search-form{display:flex;gap:10px;flex-wrap:wrap}
.search-form input[type=search]{flex:1;min-width:180px;background:var(--input-bg);border:1px solid var(--line2);border-radius:11px;padding:13px 15px;color:var(--text);font:inherit}
.search-results .result-count{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}

/* --- 404 --- */
.error-404 .big{font-family:var(--font-display);font-size:clamp(4rem,16vw,11rem);line-height:.9;letter-spacing:-.04em;color:var(--marquee-ghost)}
.error-404-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.error-404-cols .card h3{margin-bottom:8px}
@media (max-width:820px){.error-404-cols{grid-template-columns:1fr}}