:root{
  --ink-black: #0b0e16;
  --ink-navy: #131826;
  --ink-navy-2: #1c2235;
  --ink-cream: #f7f3ea;
  --ink-cream-2: #efe9dc;
  --ink-paper: #fbf8f1;
  --ink-paper-2: #f4eee0;

  --ink-orange: #f47b20;
  --ink-orange-bright: #ff8a3d;
  --ink-magenta: #c73175;
  --ink-pink: #d94289;
  --ink-blue: #1e4fb8;
  --ink-blue-deep: #0f2d6e;
  --ink-blue-bright: #5b9bff;
  --ink-success: #2fa86b;
  --ink-warn: #d97706;

  --ink-text: #1a1f2e;
  --ink-text-mute: #5b6478;
  --ink-text-faint: #8993a8;
  --ink-text-light: rgba(247, 243, 234, 0.72);
  --ink-text-light-2: rgba(247, 243, 234, 0.5);
  --ink-border: rgba(11, 14, 22, 0.08);
  --ink-border-strong: rgba(11, 14, 22, 0.14);
  --ink-border-dark: rgba(247, 243, 234, 0.10);
  --ink-border-dark-strong: rgba(247, 243, 234, 0.22);

  --flame: linear-gradient(135deg, #f47b20 0%, #c73175 55%, #1e4fb8 100%);
  --flame-r: linear-gradient(45deg, #1e4fb8 0%, #c73175 50%, #f47b20 100%);
  --flame-soft: linear-gradient(135deg, rgba(244,123,32,.18) 0%, rgba(199,49,117,.18) 55%, rgba(30,79,184,.18) 100%);

  --shadow-card: 0 1px 0 rgba(11,14,22,.04), 0 20px 40px -24px rgba(11,14,22,.18);
  --shadow-card-hover: 0 1px 0 rgba(11,14,22,.04), 0 30px 60px -24px rgba(11,14,22,.24);
  --shadow-dark: 0 30px 80px -30px rgba(0,0,0,.6);

  --r-sm: 6px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;

  --maxw: 1280px;
  --pad: clamp(20px, 4vw, 56px);

  --f-display: 'Fraunces', 'Times New Roman', serif;
  --f-body: 'Plus Jakarta Sans', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--f-body);
  background:var(--ink-paper);
  color:var(--ink-text);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
button{font-family:inherit; cursor:pointer; border:0; background:none; color:inherit}
input,textarea,select{font-family:inherit; font-size:inherit; color:inherit}

::selection{background:var(--ink-orange); color:#fff}

/* Noise overlay for premium feel */
.noise{position:fixed; inset:0; pointer-events:none; opacity:.025; z-index:1000; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .8 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* ============== NAV ============== */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:16px var(--pad);
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(11,14,22,.75);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  border-bottom:1px solid rgba(247,243,234,.06);
  transition:background .35s ease, border-color .35s ease;
}
.nav.is-light{
  background:rgba(251,248,241,.85);
  border-bottom-color:rgba(11,14,22,.06);
}
.nav-brand{display:flex; align-items:center; gap:10px}
.nav-brand-mark{width:32px; height:32px}
.nav-brand-name{
  font-family:'Cormorant Garamond', var(--f-display);
  font-weight:500;
  font-size:26px;
  line-height:.92;
  letter-spacing:-.03em;
  text-rendering:optimizeLegibility;
  color:var(--ink-cream);
}
.nav.is-light .nav-brand-name{color:var(--ink-text)}
.nav-links{display:flex; align-items:center; gap:26px}
.nav-links a:not(.nav-cta){
  font-size:13.5px;
  font-weight:500;
  color:var(--ink-text-light);
  letter-spacing:.005em;
  transition:color .2s;
  position:relative;
}
.nav-links a:not(.nav-cta)::after{
  content:""; position:absolute; left:0; right:0; bottom:-4px;
  height:1px; background:var(--ink-orange-bright);
  transform:scaleX(0); transform-origin:left;
  transition:transform .25s ease;
}
.nav-links a:not(.nav-cta):hover::after{transform:scaleX(1)}
.nav.is-light .nav-links a:not(.nav-cta){color:var(--ink-text-mute)}
.nav-links a:not(.nav-cta):hover{color:var(--ink-orange-bright)}
.nav-cta{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 18px;
  background:var(--ink-cream);
  color:var(--ink-black);
  border-radius:999px;
  font-weight:600;
  font-size:13.5px;
  transition:transform .2s, box-shadow .2s;
}
.nav.is-light .nav-cta{ background:var(--ink-black); color:var(--ink-cream)}
.nav-cta:hover{transform:translateY(-1px); box-shadow:0 8px 24px -8px rgba(255,138,61,.55)}
.nav-cta svg{width:14px; height:14px}
.nav-burger{display:none; padding:6px; color:inherit}
@media (max-width: 980px){
  .nav-links{
    position:fixed; inset:60px 0 auto 0;
    flex-direction:column; gap:0;
    background:rgba(11,14,22,.98);
    backdrop-filter:blur(20px);
    padding:20px var(--pad) 28px;
    border-bottom:1px solid rgba(247,243,234,.08);
    transform:translateY(-110%);
    transition:transform .35s ease;
  }
  .nav.is-light .nav-links{background:rgba(251,248,241,.98)}
  .nav-links.is-open{transform:translateY(0)}
  .nav-links a:not(.nav-cta){padding:14px 0; font-size:15px; border-bottom:1px solid rgba(247,243,234,.06); width:100%}
  .nav.is-light .nav-links a:not(.nav-cta){border-bottom-color:rgba(11,14,22,.06)}
  .nav-links a:not(.nav-cta)::after{display:none}
  .nav-cta{margin-top:14px; width:max-content}
  .nav-burger{display:flex}
}

/* ============== UTILITY ============== */
.container{max-width:var(--maxw); margin:0 auto; padding:0 var(--pad)}

.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--f-mono);
  font-size:11.5px; letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink-orange);
  font-weight:500;
}
.eyebrow::before{content:""; width:24px; height:1px; background:currentColor}
.eyebrow.is-light{color:var(--ink-orange-bright)}

.h-display{
  font-family:var(--f-display);
  font-weight:400;
  font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;
  letter-spacing:-.025em;
  line-height:.98;
  color:var(--ink-text);
}
.h-display.is-light{color:var(--ink-cream)}
.h-display em{
  font-style:italic;
  font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1;
  font-weight:300;
}
.h1{font-size:clamp(46px, 8.2vw, 112px)}
.h2{font-size:clamp(38px, 5.6vw, 76px)}
.h3{font-size:clamp(28px, 3.4vw, 44px)}
.h4{font-size:clamp(22px, 2.4vw, 30px)}
.lead{
  font-size:clamp(16px, 1.4vw, 19px);
  line-height:1.55;
  color:var(--ink-text-mute);
  max-width:64ch;
}
.lead.is-light{color:var(--ink-text-light)}

.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:15px 26px;
  border-radius:999px;
  font-weight:600;
  font-size:14.5px;
  letter-spacing:.005em;
  border:1px solid transparent;
  transition:transform .2s, box-shadow .25s, background .2s, color .2s, border-color .2s;
}
.btn svg{width:16px; height:16px; transition:transform .25s}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{
  background:var(--flame);
  background-size:200% 200%;
  background-position:0% 50%;
  color:#fff;
  box-shadow:0 12px 30px -12px rgba(244,123,32,.55);
}
.btn-primary:hover{
  background-position:100% 50%;
  transform:translateY(-1px);
  box-shadow:0 16px 36px -10px rgba(199,49,117,.5);
}
.btn-ghost-light{
  background:transparent; color:var(--ink-cream);
  border-color:rgba(247,243,234,.22);
}
.btn-ghost-light:hover{background:rgba(247,243,234,.06); border-color:rgba(247,243,234,.45)}
.btn-ghost-dark{
  background:transparent; color:var(--ink-text);
  border-color:rgba(11,14,22,.18);
}
.btn-ghost-dark:hover{background:rgba(11,14,22,.04); border-color:rgba(11,14,22,.45)}
.btn-sm{padding:10px 18px; font-size:13px}

/* ============== HERO ============== */
.hero{
  position:relative;
  min-height:100vh;
  padding:130px var(--pad) 80px;
  background:var(--ink-black);
  color:var(--ink-cream);
  overflow:hidden;
  isolation:isolate;
}
.hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 85% 20%, rgba(244,123,32,.24), transparent 60%),
    radial-gradient(ellipse 70% 50% at 15% 80%, rgba(30,79,184,.22), transparent 60%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(199,49,117,.12), transparent 60%);
  z-index:-2;
}
.hero::after{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(247,243,234,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247,243,234,.025) 1px, transparent 1px);
  background-size:64px 64px;
  z-index:-1;
  mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at center, black 30%, transparent 75%);
}
.hero-inner{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns: 1.25fr .85fr; gap:60px; align-items:end;
  min-height:calc(100vh - 210px);
}
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr; gap:48px}
}
.hero-tagline{
  font-family:var(--f-mono);
  font-size:11.5px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--ink-orange-bright);
  margin-bottom:36px;
  display:flex; align-items:center; gap:14px;
}
.hero-tagline::before{content:""; width:32px; height:1px; background:currentColor}
.hero-tagline .pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 10px;
  background:rgba(244,123,32,.12);
  border:1px solid rgba(244,123,32,.3);
  border-radius:999px;
  color:var(--ink-orange-bright);
  font-size:10.5px; letter-spacing:.14em;
}
.hero-tagline .pill::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:var(--ink-orange-bright);
  box-shadow:0 0 8px var(--ink-orange-bright);
  animation:pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot{
  50%{opacity:.4}
}
.hero-headline{
  margin:0 0 32px;
  font-size:clamp(46px, 8.4vw, 118px);
  line-height:.94;
}
.hero-headline .accent{
  background:var(--flame);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-sub{
  font-size:clamp(16px, 1.4vw, 19px);
  line-height:1.55;
  color:var(--ink-text-light);
  max-width:56ch;
  margin:0 0 40px;
}
.hero-ctas{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:48px}
.hero-meta{
  display:flex; gap:32px; flex-wrap:wrap;
  font-family:var(--f-mono);
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-text-light);
  padding-top:32px;
  border-top:1px solid rgba(247,243,234,.10);
}
.hero-meta strong{color:var(--ink-cream); font-weight:600}

.hero-stats{display:flex; flex-direction:column; gap:14px}
.hero-stat{
  position:relative;
  padding:26px 28px;
  background:rgba(247,243,234,.04);
  border:1px solid rgba(247,243,234,.08);
  border-radius:var(--r-md);
  backdrop-filter:blur(8px);
  overflow:hidden;
  transition:transform .3s ease, border-color .3s ease, background .3s ease;
}
.hero-stat:hover{
  transform:translateY(-2px);
  border-color:rgba(247,243,234,.20);
  background:rgba(247,243,234,.06);
}
.hero-stat::before{
  content:""; position:absolute; left:0; top:18%; bottom:18%;
  width:3px; border-radius:0 3px 3px 0;
}
.hero-stat:nth-child(1)::before{background:var(--ink-orange)}
.hero-stat:nth-child(2)::before{background:var(--ink-magenta)}
.hero-stat:nth-child(3)::before{background:var(--ink-blue)}
.hero-stat-num{
  font-family:var(--f-display);
  font-weight:400;
  font-size:clamp(38px, 4.6vw, 56px);
  line-height:1;
  letter-spacing:-.03em;
  color:var(--ink-cream);
  font-variation-settings:"opsz" 144;
}
.hero-stat-num em{
  font-style:italic;
  font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1;
  font-weight:300;
}
.hero-stat-label{margin-top:6px; font-size:13px; color:var(--ink-text-light); line-height:1.4}

/* ============== TICKER ============== */
.ticker{
  background:var(--ink-black);
  color:var(--ink-cream);
  padding:22px 0;
  border-top:1px solid rgba(247,243,234,.08);
  border-bottom:1px solid rgba(247,243,234,.08);
  overflow:hidden;
  white-space:nowrap;
  position:relative;
}
.ticker::before,.ticker::after{
  content:""; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;
}
.ticker::before{left:0; background:linear-gradient(to right, var(--ink-black), transparent)}
.ticker::after{right:0; background:linear-gradient(to left, var(--ink-black), transparent)}
.ticker-track{
  display:inline-flex; gap:48px;
  animation:tickerScroll 42s linear infinite;
  padding-left:48px;
}
.ticker-item{
  display:inline-flex; align-items:center; gap:14px;
  font-family:var(--f-mono);
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(247,243,234,.55);
}
.ticker-item .dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--ink-orange);
}
.ticker-item:nth-child(2n) .dot{background:var(--ink-magenta)}
.ticker-item:nth-child(3n) .dot{background:var(--ink-blue)}
@keyframes tickerScroll{ to{transform:translateX(-50%)} }

/* ============== SECTIONS ============== */
section{padding:clamp(80px, 10vw, 140px) 0; position:relative}
.section-head{
  display:grid; grid-template-columns:auto 1fr; gap:48px; align-items:end;
  margin-bottom:64px;
}
@media (max-width: 760px){
  .section-head{grid-template-columns:1fr; gap:24px}
}
.section-head .num{
  font-family:var(--f-mono);
  font-size:13px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ink-text-mute);
  display:flex; flex-direction:column; gap:6px;
}
.section-head .num strong{color:var(--ink-orange); font-weight:600; font-size:48px; line-height:1;
  font-family:var(--f-display); font-style:italic; letter-spacing:-.03em;
  font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1}
.section-head.is-light .num{color:rgba(247,243,234,.5)}
.section-head.is-light .num strong{color:var(--ink-orange-bright)}
.section-head h2{margin:0}
.section-head .lead{margin:18px 0 0; max-width:56ch}

/* ============== PROBLEM ============== */
.problem{background:var(--ink-paper)}
.problem-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:0;
  border-top:1px solid var(--ink-border);
}
@media (max-width: 900px){.problem-grid{grid-template-columns:1fr}}
.problem-card{
  padding:48px 36px 56px;
  border-bottom:1px solid var(--ink-border);
  border-right:1px solid var(--ink-border);
  position:relative;
  transition:background .3s ease;
}
.problem-grid > .problem-card:last-child{border-right:0}
@media (max-width: 900px){.problem-card{border-right:0}}
.problem-card:hover{background:rgba(244,123,32,.03)}
.problem-num{
  font-family:var(--f-display); font-style:italic; font-size:64px;
  font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1;
  line-height:1; letter-spacing:-.03em; margin-bottom:32px;
  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.problem-card h3{
  font-family:var(--f-display); font-weight:500;
  font-size:26px; letter-spacing:-.015em;
  margin:0 0 16px; line-height:1.15;
}
.problem-card p{margin:0; font-size:15.5px; line-height:1.6; color:var(--ink-text-mute)}
.problem-cost{
  margin-top:24px; padding-top:20px;
  border-top:1px dashed var(--ink-border-strong);
  font-family:var(--f-mono); font-size:11.5px;
  letter-spacing:.06em; color:var(--ink-text);
  display:flex; align-items:center; gap:8px;
}
.problem-cost strong{color:var(--ink-magenta); font-weight:600; font-size:13px}

/* ============== PILLARS ============== */
.pillars{background:var(--ink-cream); position:relative}
.pillars-grid{
  display:grid; grid-template-columns:repeat(12, 1fr); gap:20px;
}
@media (max-width: 1024px){.pillars-grid{grid-template-columns:repeat(6, 1fr)}}
@media (max-width: 640px){.pillars-grid{grid-template-columns:1fr; gap:16px}}
.pillar{
  position:relative; background:#fff;
  border-radius:var(--r-md); padding:34px 28px 30px;
  border:1px solid var(--ink-border);
  box-shadow:var(--shadow-card);
  transition:transform .3s ease, box-shadow .3s ease;
  overflow:hidden;
}
.pillar:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover)}
.pillar::before{content:""; position:absolute; top:0; left:0; right:0; height:3px}
.pillar-1::before{background:var(--ink-orange)}
.pillar-2::before{background:var(--ink-magenta)}
.pillar-3::before{background:var(--ink-blue)}
.pillar-4::before{background:var(--ink-blue-deep)}
.pillar-5::before{background:linear-gradient(90deg, var(--ink-orange), var(--ink-magenta))}
.pillar-6::before{background:linear-gradient(90deg, var(--ink-magenta), var(--ink-blue))}

.pillar.col-4{grid-column:span 4}
.pillar.col-6{grid-column:span 6}
.pillar.col-12{grid-column:span 12}
@media (max-width: 1024px){
  .pillar.col-4, .pillar.col-6{grid-column:span 6}
  .pillar.col-12{grid-column:span 6}
}
@media (max-width: 640px){
  .pillar.col-4, .pillar.col-6, .pillar.col-12{grid-column:span 1}
}

.pillar-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:10px;
  background:rgba(11,14,22,.04);
  font-family:var(--f-display); font-weight:500;
  font-size:18px; letter-spacing:-.01em;
  margin-bottom:20px;
}
.pillar-1 .pillar-badge{background:rgba(244,123,32,.10); color:var(--ink-orange)}
.pillar-2 .pillar-badge{background:rgba(199,49,117,.10); color:var(--ink-magenta)}
.pillar-3 .pillar-badge{background:rgba(30,79,184,.10); color:var(--ink-blue)}
.pillar-4 .pillar-badge{background:rgba(15,45,110,.10); color:var(--ink-blue-deep)}
.pillar-5 .pillar-badge,.pillar-6 .pillar-badge{
  background:linear-gradient(135deg, rgba(244,123,32,.12), rgba(199,49,117,.12)); color:var(--ink-orange);
}
.pillar h3{
  font-family:var(--f-display); font-weight:500;
  font-size:23px; letter-spacing:-.015em; line-height:1.15;
  margin:0 0 10px;
}
.pillar h3 em{font-style:italic; font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1; font-weight:300}
.pillar-tasks{font-size:14.5px; color:var(--ink-text-mute); margin:0 0 22px; line-height:1.5}
.pillar-metric{
  margin-top:20px; padding-top:18px;
  border-top:1px solid var(--ink-border);
  display:flex; align-items:center; gap:10px;
  font-family:var(--f-mono); font-size:12.5px;
  letter-spacing:.03em; color:var(--ink-text); font-weight:500;
}
.pillar-1 .pillar-metric{color:var(--ink-orange)}
.pillar-2 .pillar-metric{color:var(--ink-magenta)}
.pillar-3 .pillar-metric{color:var(--ink-blue)}
.pillar-4 .pillar-metric{color:var(--ink-blue-deep)}
.pillar-metric svg{width:14px; height:14px; flex-shrink:0}

/* ============== AI ============== */
.ai{
  background:var(--ink-black); color:var(--ink-cream);
  position:relative; overflow:hidden;
}
.ai::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 0% 100%, rgba(244,123,32,.14), transparent 40%),
    radial-gradient(circle at 100% 0%, rgba(30,79,184,.20), transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(199,49,117,.08), transparent 50%);
  pointer-events:none;
}
.ai .section-head h2{color:var(--ink-cream)}
.ai .section-head .lead{color:var(--ink-text-light)}

.ai-tabs{
  display:flex; gap:8px; flex-wrap:wrap;
  margin-bottom:32px; padding-bottom:24px;
  border-bottom:1px solid rgba(247,243,234,.10);
}
.ai-tab{
  padding:10px 18px;
  background:rgba(247,243,234,.04);
  border:1px solid rgba(247,243,234,.10);
  border-radius:999px;
  color:var(--ink-text-light);
  font-size:13px; font-weight:500;
  transition:background .25s, color .25s, border-color .25s, transform .15s;
  cursor:pointer;
}
.ai-tab:hover{background:rgba(247,243,234,.08); color:var(--ink-cream)}
.ai-tab.is-active{
  background:linear-gradient(135deg, rgba(244,123,32,.22), rgba(199,49,117,.22));
  border-color:rgba(255,138,61,.4);
  color:var(--ink-cream);
}

.ai-content{display:grid; grid-template-columns:1fr 1.15fr; gap:64px; align-items:center}
@media (max-width: 960px){.ai-content{grid-template-columns:1fr; gap:48px}}

.orchestrator{
  position:relative; aspect-ratio:1/1;
  max-width:540px; width:100%; margin:0 auto;
  display:grid; place-items:center;
}
.orch-core{
  position:absolute; width:36%; aspect-ratio:1/1;
  border-radius:50%; background:var(--flame);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#fff; text-align:center;
  font-family:var(--f-display); font-weight:500;
  font-size:clamp(20px, 2.4vw, 28px);
  letter-spacing:-.02em;
  box-shadow:0 0 60px rgba(244,123,32,.4), 0 0 120px rgba(199,49,117,.25);
  z-index:5;
  animation:pulse 3.5s ease-in-out infinite;
}
@keyframes pulse{
  50%{box-shadow:0 0 80px rgba(244,123,32,.55), 0 0 160px rgba(199,49,117,.4)}
}
.orch-core small{
  display:block;
  font-family:var(--f-mono); font-style:normal;
  font-size:9.5px; letter-spacing:.18em; text-transform:uppercase;
  opacity:.85; margin-top:4px; font-weight:400;
}
.orch-ring{
  position:absolute; width:80%; aspect-ratio:1/1;
  border:1px dashed rgba(247,243,234,.20);
  border-radius:50%;
  animation:spin 60s linear infinite;
}
.orch-ring-outer{
  width:100%;
  border:1px dashed rgba(247,243,234,.10);
  animation:spin 90s linear infinite reverse;
}
@keyframes spin{to{transform:rotate(360deg)}}
.orch-node{
  position:absolute;
  display:flex; align-items:center; gap:8px;
  padding:8px 14px;
  background:rgba(11,14,22,.85);
  border:1px solid rgba(247,243,234,.18);
  border-radius:999px;
  font-family:var(--f-mono); font-size:11px; letter-spacing:.03em;
  color:var(--ink-cream);
  backdrop-filter:blur(8px);
  z-index:4;
  transition:transform .3s, border-color .3s, background .3s;
}
.orch-node:hover{transform:scale(1.08); border-color:var(--ink-orange-bright); z-index:6}
.orch-node .dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--ink-orange-bright);
  box-shadow:0 0 8px var(--ink-orange-bright);
}
.orch-node:nth-child(odd) .dot{background:var(--ink-pink); box-shadow:0 0 8px var(--ink-pink)}
.orch-node:nth-child(4n) .dot{background:var(--ink-blue-bright); box-shadow:0 0 8px var(--ink-blue-bright)}
.orch-node.n1{ top:6%; left:50%; transform:translateX(-50%) }
.orch-node.n2{ top:22%; right:4% }
.orch-node.n3{ top:48%; right:-2% }
.orch-node.n4{ top:72%; right:6% }
.orch-node.n5{ bottom:4%; left:50%; transform:translateX(-50%) }
.orch-node.n6{ top:72%; left:6% }
.orch-node.n7{ top:48%; left:-2% }
.orch-node.n8{ top:22%; left:4% }

.ai-panels{position:relative; min-height:430px}
.ai-panel{
  position:absolute; inset:0;
  display:flex; flex-direction:column; gap:16px;
  opacity:0; pointer-events:none;
  transition:opacity .35s ease;
}
.ai-panel.is-active{opacity:1; pointer-events:auto; position:relative}
.ai-feat{
  display:grid; grid-template-columns:auto 1fr; gap:18px;
  padding:22px 24px;
  background:rgba(247,243,234,.04);
  border:1px solid rgba(247,243,234,.10);
  border-radius:var(--r-md);
  transition:background .3s, border-color .3s;
}
.ai-feat:hover{background:rgba(247,243,234,.07); border-color:rgba(247,243,234,.22)}
.ai-feat-num{
  font-family:var(--f-mono); font-size:12px; letter-spacing:.12em;
  color:var(--ink-orange-bright); font-weight:600;
  padding-top:3px;
}
.ai-feat h4{
  margin:0 0 6px;
  font-family:var(--f-display); font-weight:500;
  font-size:20px; letter-spacing:-.01em; color:var(--ink-cream);
}
.ai-feat p{margin:0; font-size:14px; color:var(--ink-text-light); line-height:1.5}
.ai-feat .tag{
  display:inline-block; margin-top:10px;
  font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.1em; padding:3px 8px;
  background:rgba(255,138,61,.1); border:1px solid rgba(255,138,61,.25);
  border-radius:4px; color:var(--ink-orange-bright);
}

/* ============== WEB DEV ============== */
.webdev{background:var(--ink-paper)}
.webdev-grid{
  display:grid; grid-template-columns:1fr; gap:0; align-items:start;
}
@media (max-width: 900px){.webdev-grid{grid-template-columns:1fr; gap:48px}}

.webdev-features{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; margin-top:36px}
@media (max-width: 900px){.webdev-features{grid-template-columns:1fr}}
.webdev-feat{
  display:grid; grid-template-columns:48px 1fr; gap:18px;
  padding:24px; background:#fff;
  border:1px solid var(--ink-border); border-radius:var(--r-md);
  transition:transform .25s, box-shadow .25s;
}
.webdev-feat:hover{transform:translateX(4px); box-shadow:var(--shadow-card)}
.webdev-feat > div:last-child{display:contents}
.webdev-feat-icon{
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center;
  background:var(--flame-soft);
  border-radius:10px; color:var(--ink-orange);
}
.webdev-feat-icon svg{width:22px; height:22px}
.webdev-feat h4{grid-column:2; margin:0; align-self:center; font-family:var(--f-display); font-weight:500; font-size:20px; letter-spacing:-.01em}
.webdev-feat p{grid-column:1 / -1; margin:4px 0 0; font-size:14.5px; color:var(--ink-text-mute); line-height:1.5}

/* Pricing card */
.price-card{
  background:var(--ink-black); color:var(--ink-cream);
  border-radius:var(--r-lg); padding:40px;
  position:sticky; top:90px;
  box-shadow:var(--shadow-dark);
  overflow:hidden; isolation:isolate;
}
.price-card::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(244,123,32,.20), transparent 50%);
  z-index:-1;
}
.price-card h3{
  font-family:var(--f-display); font-weight:400;
  font-size:30px; letter-spacing:-.02em; line-height:1.1;
  margin:0 0 28px; color:var(--ink-cream);
}
.price-card h3 em{font-style:italic; font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1}
.price-row{
  display:flex; justify-content:space-between; align-items:baseline;
  padding:18px 0;
  border-bottom:1px solid rgba(247,243,234,.10);
}
.price-row:last-child{border-bottom:0}
.price-label{font-size:14px; color:var(--ink-text-light)}
.price-label .meta{display:block; font-family:var(--f-mono); font-size:10.5px; letter-spacing:.08em; color:var(--ink-text-light-2); margin-top:2px}
.price-amount{font-family:var(--f-display); font-weight:500; font-size:22px; letter-spacing:-.01em}
.price-row.is-us .price-amount{color:var(--ink-orange-bright)}
.price-row.is-best{
  margin:18px -40px -40px;
  padding:28px 40px;
  background:linear-gradient(135deg, rgba(47,168,107,.15), rgba(47,168,107,.05));
  border-top:1px solid rgba(47,168,107,.3);
  border-bottom:0; position:relative;
}
.price-row.is-best::before{
  content:"RECOMMENDED";
  position:absolute; top:8px; right:40px;
  font-family:var(--f-mono);
  font-size:10px; letter-spacing:.2em;
  color:var(--ink-success); font-weight:600;
}
.price-row.is-best .price-label{font-weight:600; color:var(--ink-cream); font-size:14.5px}
.price-row.is-best .price-amount{color:var(--ink-success); font-size:30px}

/* ============== INKSOFT FEATURES (InkSoft Conversion Stack) ============== */
.inksoft{background:var(--ink-cream-2); border-top:1px solid var(--ink-border)}
.feat-grid{
  display:flex; flex-wrap:wrap; gap:14px; justify-content:center;
  margin-top:24px;
}
.feat{
  flex:0 1 calc((100% - 42px) / 4);
  padding:22px 22px 24px; background:#fff;
  border:1px solid var(--ink-border); border-radius:var(--r-md);
  transition:transform .25s, border-color .25s, box-shadow .25s;
}
@media (max-width: 1024px){.feat{flex-basis:calc((100% - 28px) / 3)}}
@media (max-width: 720px){.feat{flex-basis:calc((100% - 14px) / 2)}}
@media (max-width: 480px){.feat{flex-basis:100%}}
.feat:hover{transform:translateY(-3px); border-color:var(--ink-orange); box-shadow:var(--shadow-card)}
.feat-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:8px;
  background:var(--flame-soft); color:var(--ink-orange);
  margin-bottom:14px;
}
.feat-ico svg{width:18px; height:18px}
.feat h4{
  margin:0 0 6px; font-size:15px; font-weight:600;
  letter-spacing:-.005em; line-height:1.2;
}
.feat p{margin:0; font-size:13px; line-height:1.45; color:var(--ink-text-mute)}

.build-note{
  margin-top:48px;
  padding:32px 36px;
  background:#fff;
  border:1px solid var(--ink-border);
  border-radius:var(--r-md);
  display:grid; grid-template-columns:auto 1fr auto; gap:32px; align-items:center;
}
@media (max-width: 800px){.build-note{grid-template-columns:1fr; gap:18px; text-align:left}}
.build-note .label{
  font-family:var(--f-mono); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--ink-magenta); font-weight:600;
  white-space:nowrap;
}
.build-note p{margin:0; font-size:15px; color:var(--ink-text-mute); line-height:1.55}
.build-note p strong{color:var(--ink-text); font-weight:600}

/* ============== ACADEMY ============== */
.academy{
  background:var(--ink-black); color:var(--ink-cream);
  position:relative; overflow:hidden;
}
.academy::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 80% 30%, rgba(244,123,32,.10), transparent 50%),
    radial-gradient(circle at 20% 80%, rgba(30,79,184,.10), transparent 50%);
  pointer-events:none;
}
.academy .section-head h2{color:var(--ink-cream)}
.academy .section-head .lead{color:var(--ink-text-light)}

.tracks{display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; position:relative}
@media (max-width: 960px){.tracks{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 540px){.tracks{grid-template-columns:1fr}}
.track{
  background:rgba(247,243,234,.04);
  border:1px solid rgba(247,243,234,.10);
  border-radius:var(--r-md);
  padding:32px 26px;
  transition:transform .3s ease, background .3s ease, border-color .3s ease;
  position:relative; overflow:hidden;
}
.track:hover{transform:translateY(-3px); background:rgba(247,243,234,.07); border-color:rgba(247,243,234,.22)}
.track::before{content:""; position:absolute; top:0; left:0; right:0; height:2px}
.track-1::before{background:var(--ink-orange-bright)}
.track-2::before{background:var(--ink-pink)}
.track-3::before{background:var(--ink-blue-bright)}
.track-4::before{background:#7faaff}
.track-id{
  display:inline-block;
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-orange-bright); margin-bottom:14px;
}
.track-2 .track-id{color:var(--ink-pink)}
.track-3 .track-id{color:var(--ink-blue-bright)}
.track-4 .track-id{color:#7faaff}
.track h3{
  font-family:var(--f-display); font-weight:500;
  font-size:23px; letter-spacing:-.015em; margin:0 0 18px;
  color:var(--ink-cream);
}
.track ul{list-style:none; margin:0; padding:0}
.track li{
  font-size:13.5px; color:var(--ink-text-light);
  padding:9px 0; border-bottom:1px solid rgba(247,243,234,.06);
  line-height:1.4;
}
.track li:last-child{border-bottom:0}
.academy-rule{
  margin-top:48px;
  display:flex; align-items:center; gap:18px;
  padding:20px 28px;
  background:rgba(244,123,32,.08);
  border-left:3px solid var(--ink-orange);
  border-radius:8px;
}
.academy-rule .label{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.2em; text-transform:uppercase;
  color:var(--ink-orange-bright); font-weight:600;
}
.academy-rule .text{font-size:14.5px; color:var(--ink-text-light); margin:0}
@media (max-width: 640px){.academy-rule{flex-direction:column; align-items:flex-start; gap:8px}}

/* ============== POOL ============== */
.pool{background:var(--ink-cream); position:relative}
.pool-content{display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:start}
@media (max-width: 900px){.pool-content{grid-template-columns:1fr; gap:40px}}
.pool-stats{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:0;
  margin:36px 0 0;
  border-top:1px solid var(--ink-border);
  border-bottom:1px solid var(--ink-border);
}
.pool-stat{padding:32px 24px 32px 0; border-right:1px solid var(--ink-border)}
.pool-stat:last-child{border-right:0; padding-right:0}
.pool-stat-num{
  font-family:var(--f-display); font-weight:300; font-style:italic;
  font-size:clamp(46px, 5.4vw, 72px);
  font-variation-settings:"opsz" 144, "SOFT" 80, "WONK" 1;
  line-height:1; letter-spacing:-.04em; margin-bottom:10px;
}
.pool-stat:nth-child(1) .pool-stat-num{color:var(--ink-orange)}
.pool-stat:nth-child(2) .pool-stat-num{color:var(--ink-magenta)}
.pool-stat:nth-child(3) .pool-stat-num{color:var(--ink-blue)}
.pool-stat-label{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-text-mute);
}
.pool-covers{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  background:#fff; border:1px solid var(--ink-border);
  border-radius:var(--r-md); overflow:hidden;
}
@media (max-width: 520px){.pool-covers{grid-template-columns:1fr}}
.cover{
  padding:22px 24px;
  border-right:1px solid var(--ink-border);
  border-bottom:1px solid var(--ink-border);
  display:flex; flex-direction:column; gap:6px;
}
.cover:nth-child(2n){border-right:0}
@media (max-width: 520px){.cover{border-right:0}}
.cover-title{
  display:flex; align-items:center; gap:10px;
  font-weight:600; font-size:14.5px; letter-spacing:-.005em;
}
.cover-title::before{
  content:""; width:8px; height:8px; border-radius:50%;
  background:var(--ink-orange); flex-shrink:0;
}
.cover:nth-child(2) .cover-title::before{background:var(--ink-magenta)}
.cover:nth-child(3) .cover-title::before{background:var(--ink-blue)}
.cover:nth-child(4) .cover-title::before{background:var(--ink-blue-deep)}
.cover:nth-child(5) .cover-title::before{background:var(--ink-pink)}
.cover:nth-child(6) .cover-title::before{background:var(--ink-orange-bright)}
.cover-text{font-size:13px; color:var(--ink-text-mute); padding-left:18px; line-height:1.4; margin:0}

/* ============== ENGAGEMENT ============== */
.engagement{background:var(--ink-paper)}
.timeline{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;
  position:relative; margin-top:24px;
}
@media (max-width: 900px){.timeline{grid-template-columns:1fr}}
.phase{
  position:relative; padding:36px 24px 36px;
  border-right:1px solid var(--ink-border);
}
.timeline > .phase:last-child{border-right:0}
@media (max-width: 900px){
  .phase{border-right:0; border-bottom:1px solid var(--ink-border)}
  .timeline > .phase:last-child{border-bottom:0}
}
.phase-marker{display:flex; align-items:center; gap:16px; margin-bottom:20px}
.phase-circle{
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--f-display); font-weight:500; font-size:18px;
  color:#fff; flex-shrink:0;
}
.phase-1 .phase-circle{background:var(--ink-orange)}
.phase-2 .phase-circle{background:var(--ink-magenta)}
.phase-3 .phase-circle{background:var(--ink-blue)}
.phase-4 .phase-circle{background:var(--ink-blue-deep)}
.phase-time{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-text-mute);
}
.phase h3{
  font-family:var(--f-display); font-weight:500;
  font-size:22px; letter-spacing:-.015em;
  line-height:1.15; margin:0 0 12px;
}
.phase p{margin:0; font-size:14.5px; color:var(--ink-text-mute); line-height:1.55}

/* ============== GUARANTEE ============== */
.guarantee{
  background:var(--ink-black); color:var(--ink-cream);
  position:relative; overflow:hidden;
}
.guarantee::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(244,123,32,.18), transparent 60%);
  pointer-events:none;
}
.guarantee .section-head h2{color:var(--ink-cream)}
.guarantee .section-head .lead{color:var(--ink-text-light)}

.guarantee-big{
  font-family:var(--f-display); font-weight:300; font-style:italic;
  font-variation-settings:"opsz" 144, "SOFT" 80, "WONK" 1;
  font-size:clamp(80px, 12vw, 180px);
  line-height:.9; letter-spacing:-.05em;
  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.tiers{display:flex; flex-direction:column; gap:14px; margin-top:48px}
.tier{
  display:grid; grid-template-columns:120px 220px 1fr auto; gap:32px; align-items:center;
  padding:26px 32px;
  background:rgba(247,243,234,.04);
  border:1px solid rgba(247,243,234,.10);
  border-radius:var(--r-md);
  transition:background .3s, border-color .3s, transform .3s;
}
.tier:hover{background:rgba(247,243,234,.07); border-color:rgba(247,243,234,.2); transform:translateX(6px)}
@media (max-width: 900px){.tier{grid-template-columns:1fr; gap:14px; padding:24px}}
.tier-id{
  font-family:var(--f-mono); font-size:12px;
  letter-spacing:.18em; text-transform:uppercase;
  color:rgba(247,243,234,.5); font-weight:600;
}
.tier-name{
  font-family:var(--f-display); font-weight:500;
  font-size:22px; letter-spacing:-.01em; color:var(--ink-cream);
}
.tier-1 .tier-name{color:var(--ink-orange-bright)}
.tier-2 .tier-name{color:var(--ink-pink)}
.tier-3 .tier-name{color:var(--ink-blue-bright)}
.tier-desc{font-size:14.5px; color:var(--ink-text-light); line-height:1.5}
.tier-when{
  font-family:var(--f-mono); font-size:11.5px;
  letter-spacing:.12em; text-transform:uppercase;
  color:rgba(247,243,234,.5); white-space:nowrap;
}
.guarantee-fineprint{
  margin-top:32px;
  padding:22px 28px;
  background:rgba(244,123,32,.06);
  border-left:3px solid var(--ink-orange);
  border-radius:6px;
  display:flex; gap:16px;
  font-size:13.5px; color:var(--ink-text-light); line-height:1.55;
}
.guarantee-fineprint strong{color:var(--ink-orange-bright); letter-spacing:.05em; font-weight:600}

/* ============== NUMBERS ============== */
.numbers{background:var(--ink-cream)}
.numbers .container{
  display:grid; grid-template-columns:minmax(0, 1.45fr) minmax(280px, .8fr);
  gap:32px; align-items:start;
}
@media (max-width: 900px){.numbers .container{grid-template-columns:1fr}}
.numbers .section-head{margin-bottom:0}
.numbers-grid{
  display:grid; grid-template-columns:1fr; gap:0;
  border-top:1px solid var(--ink-border);
  border-bottom:1px solid var(--ink-border);
  margin-top:0;
}
.number{
  padding:48px 30px;
  position:relative;
}
.number-big{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(50px, 6.5vw, 86px); line-height:1;
  letter-spacing:-.04em; margin-bottom:14px;
}
.number-big em{font-style:italic; font-weight:300; font-variation-settings:"opsz" 144, "SOFT" 80, "WONK" 1}
.number:nth-child(1) .number-big{color:var(--ink-orange)}
.number:nth-child(2) .number-big{color:var(--ink-magenta)}
.number:nth-child(3) .number-big{color:var(--ink-blue)}
.number:nth-child(4) .number-big{color:var(--ink-blue-deep)}
.number-context{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-text-mute); margin-bottom:14px;
}
.number-text{font-size:14.5px; color:var(--ink-text); line-height:1.5}
.numbers-fineprint{
  font-size:12.5px; color:var(--ink-text-mute);
  font-style:italic; margin-top:24px;
  max-width:80ch; line-height:1.5;
}

/* ============== COMPARE ============== */
.compare{background:var(--ink-paper-2)}
.compare-table{
  margin-top:24px;
  background:#fff;
  border:1px solid var(--ink-border);
  border-radius:var(--r-md);
  overflow:hidden;
}
.compare-row{
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr;
  border-bottom:1px solid var(--ink-border);
}
.compare-row:last-child{border-bottom:0}
.compare-row > div{
  padding:18px 24px;
  border-right:1px solid var(--ink-border);
  font-size:14px; line-height:1.4;
}
.compare-row > div:last-child{border-right:0}
.compare-row.is-head > div{
  background:var(--ink-cream-2);
  font-family:var(--f-mono);
  font-size:11.5px; letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-text); font-weight:600;
}
.compare-row.is-head > div:nth-child(2){background:rgba(244,123,32,.08); color:var(--ink-orange)}
.compare-row > div:first-child{
  font-weight:600; color:var(--ink-text);
}
.compare-row > div:nth-child(2){background:rgba(244,123,32,.04)}
.compare-row .yes{color:var(--ink-success); font-weight:600}
.compare-row .no{color:#c54040}
.compare-row .partial{color:var(--ink-warn)}
@media (max-width: 800px){
  .compare-row{grid-template-columns:1fr; }
  .compare-row > div{border-right:0; border-bottom:1px dashed var(--ink-border); padding:12px 20px}
  .compare-row > div:last-child{border-bottom:0}
  .compare-row.is-head{display:none}
  .compare-row > div::before{
    content:attr(data-label);
    display:block; font-family:var(--f-mono); font-size:10px;
    letter-spacing:.12em; text-transform:uppercase;
    color:var(--ink-text-mute); margin-bottom:4px;
  }
  .compare-row > div:first-child::before{display:none}
  .compare-row > div:first-child{
    background:var(--ink-cream-2); font-size:15px;
    padding-top:18px;
  }
}

/* ============== WHO ============== */
.who{background:var(--ink-cream)}
.who-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
  margin-top:24px;
}
@media (max-width: 800px){.who-grid{grid-template-columns:1fr}}
.who-card{
  padding:36px 36px 40px;
  background:#fff; border-radius:var(--r-md);
  border:1px solid var(--ink-border);
  box-shadow:var(--shadow-card);
}
.who-card.is-yes{border-left:4px solid var(--ink-success)}
.who-card.is-no{border-left:4px solid #c54040}
.who-card h3{
  font-family:var(--f-display); font-weight:500;
  font-size:24px; letter-spacing:-.015em;
  margin:0 0 22px;
  display:flex; align-items:center; gap:12px;
}
.who-card.is-yes h3 .mark{color:var(--ink-success)}
.who-card.is-no h3 .mark{color:#c54040}
.who-card ul{list-style:none; margin:0; padding:0}
.who-card li{
  padding:12px 0;
  border-bottom:1px solid var(--ink-border);
  font-size:15px; color:var(--ink-text);
  display:flex; gap:12px; align-items:flex-start;
}
.who-card li:last-child{border-bottom:0}
.who-card li svg{width:18px; height:18px; flex-shrink:0; margin-top:2px}
.who-card.is-yes svg{color:var(--ink-success)}
.who-card.is-no svg{color:#c54040}

/* ============== WHY ============== */
.why{background:var(--ink-paper)}
.why-grid{
  display:grid; grid-template-columns:repeat(2, 1fr); gap:0;
  border-top:1px solid var(--ink-border);
  margin-top:24px;
}
@media (max-width: 720px){.why-grid{grid-template-columns:1fr}}
.why-item{
  display:grid; grid-template-columns:80px 1fr; gap:24px;
  padding:40px 32px;
  border-bottom:1px solid var(--ink-border);
  border-right:1px solid var(--ink-border);
  transition:background .3s;
}
.why-grid > .why-item:nth-child(2n){border-right:0}
@media (max-width: 720px){.why-item{border-right:0}}
.why-item:hover{background:rgba(244,123,32,.03)}
.why-num{
  font-family:var(--f-display); font-style:italic; font-weight:300;
  font-size:48px; line-height:1; letter-spacing:-.03em;
  font-variation-settings:"opsz" 144, "SOFT" 80, "WONK" 1;
  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.why-item h3{
  font-family:var(--f-display); font-weight:500;
  font-size:24px; letter-spacing:-.015em;
  margin:0 0 10px; line-height:1.15;
}
.why-item p{margin:0; font-size:15px; color:var(--ink-text-mute); line-height:1.55}

/* ============== TESTIMONIALS ============== */
.testimonials{background:var(--ink-cream-2)}
.testi-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;
  margin-top:48px;
}
@media (max-width: 900px){.testi-grid{grid-template-columns:1fr}}
.testi{
  background:#fff;
  border:1px solid var(--ink-border);
  border-radius:var(--r-md);
  padding:32px 30px 28px;
  display:flex; flex-direction:column;
  box-shadow:var(--shadow-card);
  position:relative;
  transition:transform .3s;
}
.testi:hover{transform:translateY(-4px)}
.testi-quote{
  font-family:var(--f-display); font-weight:400;
  font-size:19px; line-height:1.35;
  letter-spacing:-.005em; color:var(--ink-text);
  margin:0 0 24px; flex:1;
}
.testi-mark{
  font-family:var(--f-display); font-style:italic;
  font-size:48px; line-height:.6;
  color:var(--ink-orange); margin-bottom:12px;
  font-variation-settings:"opsz" 144, "SOFT" 80, "WONK" 1;
}
.testi-author{
  display:flex; align-items:center; gap:12px;
  padding-top:18px;
  border-top:1px solid var(--ink-border);
}
.testi-avatar{
  width:40px; height:40px; border-radius:50%;
  background:var(--flame);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--f-display); font-weight:500;
  font-size:14px; color:#fff; letter-spacing:-.01em;
}
.testi-name{font-weight:600; font-size:14px; letter-spacing:-.005em}
.testi-role{font-size:12.5px; color:var(--ink-text-mute)}

/* ============== FAQ ============== */
.faq{background:var(--ink-paper)}
.faq-list{
  margin-top:24px;
  border-top:1px solid var(--ink-border);
}
.faq-item{
  border-bottom:1px solid var(--ink-border);
  transition:background .3s;
}
.faq-item:hover{background:rgba(244,123,32,.02)}
.faq-q{
  width:100%; padding:24px 0;
  display:grid; grid-template-columns:auto 1fr auto; gap:24px;
  align-items:center;
  font-family:var(--f-display); font-weight:500;
  font-size:clamp(18px, 1.8vw, 22px);
  letter-spacing:-.01em; text-align:left;
  cursor:pointer;
  color:var(--ink-text);
}
.faq-q-num{
  font-family:var(--f-mono); font-size:11.5px;
  letter-spacing:.14em; color:var(--ink-orange);
  font-weight:600;
}
.faq-q-icon{
  width:28px; height:28px; border-radius:50%;
  border:1px solid var(--ink-border-strong);
  display:flex; align-items:center; justify-content:center;
  transition:background .25s, transform .35s, border-color .25s;
  color:var(--ink-text);
}
.faq-q-icon svg{width:14px; height:14px; transition:transform .35s}
.faq-item.is-open .faq-q-icon{
  background:var(--ink-orange); border-color:var(--ink-orange); color:#fff;
}
.faq-item.is-open .faq-q-icon svg{transform:rotate(45deg)}
.faq-a{
  max-height:0; overflow:hidden;
  transition:max-height .4s ease, padding .4s ease;
  font-size:15.5px; line-height:1.6;
  color:var(--ink-text-mute);
  padding-left:60px;
  padding-right:60px;
}
.faq-item.is-open .faq-a{
  max-height:480px;
  padding-bottom:24px;
  padding-top:0;
}
@media (max-width: 600px){
  .faq-q{grid-template-columns:1fr auto; gap:14px}
  .faq-q-num{display:none}
  .faq-a{padding-left:0; padding-right:0}
}

/* ============== CONTACT ============== */
.contact{
  background:var(--ink-black); color:var(--ink-cream);
  position:relative; overflow:hidden;
  padding:clamp(80px, 12vw, 160px) 0;
}
.contact::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 50% 50% at 80% 30%, rgba(244,123,32,.22), transparent 60%),
    radial-gradient(ellipse 40% 40% at 20% 70%, rgba(30,79,184,.20), transparent 60%);
  pointer-events:none;
}
.contact-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:start;
}
@media (max-width: 960px){.contact-grid{grid-template-columns:1fr; gap:48px}}
.contact-left h2{margin:0 0 24px; color:var(--ink-cream)}
.contact-left .lead{color:var(--ink-text-light); margin-bottom:40px}
.contact-meta{
  display:flex; flex-direction:column; gap:22px;
  padding-top:32px;
  border-top:1px solid rgba(247,243,234,.10);
}
.contact-meta-row{display:grid; grid-template-columns:120px 1fr; gap:20px; align-items:start}
.contact-meta-label{
  font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.18em; text-transform:uppercase;
  color:rgba(247,243,234,.4); font-weight:600;
  padding-top:2px;
}
.contact-meta-val{font-size:15px; color:var(--ink-cream); line-height:1.55}
.contact-meta-val a:hover{color:var(--ink-orange-bright)}
.contact-meta-val .small{display:block; font-size:13px; color:var(--ink-text-light); margin-top:2px}

.contact-form{
  background:rgba(247,243,234,.04);
  border:1px solid rgba(247,243,234,.10);
  border-radius:var(--r-lg);
  padding:36px;
  backdrop-filter:blur(10px);
}
.contact-form h3{
  font-family:var(--f-display); font-weight:500;
  font-size:24px; letter-spacing:-.01em; margin:0 0 8px;
  color:var(--ink-cream);
}
.contact-form .sub{font-size:14px; color:var(--ink-text-light); margin:0 0 24px}
.field{margin-bottom:18px}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media (max-width: 560px){.field-row{grid-template-columns:1fr}}
.field label{
  display:block;
  font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase;
  color:rgba(247,243,234,.55); font-weight:600;
  margin-bottom:8px;
}
.field input, .field select, .field textarea{
  width:100%; padding:12px 14px;
  background:rgba(11,14,22,.5);
  border:1px solid rgba(247,243,234,.12);
  border-radius:8px;
  color:var(--ink-cream);
  font-size:14.5px;
  transition:border-color .25s, background .25s;
  outline:none;
}
.field input:focus, .field select:focus, .field textarea:focus{
  border-color:var(--ink-orange-bright);
  background:rgba(11,14,22,.7);
}
.field input::placeholder, .field textarea::placeholder{color:rgba(247,243,234,.3)}
.field textarea{resize:vertical; min-height:100px}
.field select{appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f7f3ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px;
}
.form-submit{
  display:flex; align-items:center; gap:14px;
  margin-top:8px;
}
.form-note{
  font-size:12px; color:var(--ink-text-light); margin:14px 0 0;
  display:flex; align-items:center; gap:8px;
}
.form-note svg{width:14px; height:14px; flex-shrink:0; color:var(--ink-orange-bright)}
.form-success{
  display:none;
  padding:20px;
  background:rgba(47,168,107,.12);
  border:1px solid rgba(47,168,107,.35);
  border-radius:10px;
  color:#7ddca8;
  font-size:14px; line-height:1.5;
}
.form-success.is-shown{display:block}

/* ============== FOOTER ============== */
.footer{
  background:var(--ink-black); color:var(--ink-text-light);
  padding:60px var(--pad) 36px;
  border-top:1px solid rgba(247,243,234,.08);
}
.footer-inner{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:48px;
}
@media (max-width: 800px){.footer-inner{grid-template-columns:1fr 1fr; gap:40px}}
@media (max-width: 480px){.footer-inner{grid-template-columns:1fr; gap:32px}}
.footer-brand .nav-brand-name{color:var(--ink-cream)}
.footer-tag{margin-top:14px; font-size:14px; line-height:1.55; max-width:32ch}
.footer-social{
  display:flex; gap:10px; margin-top:20px;
}
.footer-social a{
  width:36px; height:36px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(247,243,234,.04);
  border:1px solid rgba(247,243,234,.10);
  color:var(--ink-text-light);
  transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.footer-social a:hover{
  background:rgba(244,123,32,.12); color:var(--ink-orange-bright);
  border-color:rgba(244,123,32,.3); transform:translateY(-2px);
}
.footer-social svg{width:16px; height:16px}
.footer-col h5{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-orange-bright); font-weight:600;
  margin:0 0 18px;
}
.footer-col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px}
.footer-col li a{font-size:13.5px; transition:color .2s}
.footer-col li a:hover{color:var(--ink-orange-bright)}
.footer-col .addr{font-size:13.5px; line-height:1.55; color:var(--ink-text-light)}
.footer-col .addr strong{color:var(--ink-cream); font-weight:600; display:block; margin-bottom:4px}
.footer-bottom{
  max-width:var(--maxw); margin:48px auto 0;
  padding-top:24px;
  border-top:1px solid rgba(247,243,234,.08);
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  font-family:var(--f-mono); font-size:11.5px;
  letter-spacing:.06em; color:rgba(247,243,234,.4);
}
.footer-bottom .links{display:flex; gap:18px}
.footer-bottom .links a:hover{color:var(--ink-orange-bright)}

/* ============== LIVE AGENT FEED ============== */
.ai-feed{
  margin-top:64px;
  padding:32px;
  background:rgba(11,14,22,.6);
  border:1px solid rgba(247,243,234,.10);
  border-radius:var(--r-md);
  position:relative; overflow:hidden;
}
.ai-feed::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, var(--ink-orange-bright), transparent);
}
.ai-feed-head{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:20px; flex-wrap:wrap; gap:14px;
}
.ai-feed-title{
  display:flex; align-items:center; gap:10px;
  font-family:var(--f-mono); font-size:12px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-cream); font-weight:600;
}
.ai-feed-title .live-dot{
  width:8px; height:8px; border-radius:50%;
  background:#4ade80; box-shadow:0 0 10px #4ade80;
  animation:pulse-dot 2s ease-in-out infinite;
}
.ai-feed-meta{
  font-family:var(--f-mono); font-size:11px; letter-spacing:.08em;
  color:rgba(247,243,234,.4);
}
.ai-feed-list{
  display:flex; flex-direction:column; gap:4px;
  max-height:340px; overflow:hidden;
  position:relative;
  mask-image:linear-gradient(to bottom, black 70%, transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom, black 70%, transparent 100%);
}
.ai-feed-item{
  display:grid; grid-template-columns:78px auto 1fr auto; gap:16px;
  padding:12px 16px;
  background:rgba(247,243,234,.02);
  border-left:2px solid rgba(247,243,234,.15);
  border-radius:0 6px 6px 0;
  font-family:var(--f-mono); font-size:12.5px; line-height:1.4;
  color:var(--ink-text-light);
  align-items:center;
  opacity:0; transform:translateY(8px);
  animation:feedItem .5s ease forwards;
}
.ai-feed-item.is-success{border-left-color:#4ade80}
.ai-feed-item.is-success .badge{background:rgba(74,222,128,.12); color:#4ade80; border-color:rgba(74,222,128,.3)}
.ai-feed-item.is-warn{border-left-color:#fbbf24}
.ai-feed-item.is-warn .badge{background:rgba(251,191,36,.12); color:#fbbf24; border-color:rgba(251,191,36,.3)}
.ai-feed-item.is-flag{border-left-color:var(--ink-magenta)}
.ai-feed-item.is-flag .badge{background:rgba(199,49,117,.15); color:var(--ink-pink); border-color:rgba(199,49,117,.35)}
.ai-feed-item.is-info{border-left-color:var(--ink-blue-bright)}
.ai-feed-item.is-info .badge{background:rgba(91,155,255,.12); color:var(--ink-blue-bright); border-color:rgba(91,155,255,.3)}
.ai-feed-item .time{color:rgba(247,243,234,.4)}
.ai-feed-item .badge{
  padding:3px 8px; border-radius:4px; font-size:9.5px;
  letter-spacing:.12em; font-weight:600;
  border:1px solid; text-transform:uppercase;
  white-space:nowrap;
}
.ai-feed-item .agent{color:var(--ink-cream); font-weight:500}
.ai-feed-item .value{color:#4ade80; font-weight:600}
@keyframes feedItem{
  to{opacity:1; transform:translateY(0)}
}
@media (max-width: 700px){
  .ai-feed-item{grid-template-columns:1fr; gap:4px; padding:14px 16px}
  .ai-feed-item .badge{justify-self:start}
}

/* ============== ROI CALCULATOR ============== */
.roi{background:var(--ink-cream-2); position:relative; overflow:hidden}
.roi::before{
  content:""; position:absolute; top:-20%; right:-10%;
  width:50%; aspect-ratio:1/1;
  background:radial-gradient(circle, rgba(244,123,32,.10), transparent 70%);
  pointer-events:none;
}
.roi-grid{
  display:grid; grid-template-columns:.85fr 1.15fr; gap:48px;
  margin-top:24px; align-items:start;
  position:relative; z-index:1;
}
@media (max-width: 900px){.roi-grid{grid-template-columns:1fr; gap:32px}}
.roi-inputs{
  background:#fff; border:1px solid var(--ink-border);
  border-radius:var(--r-lg); padding:36px;
  box-shadow:var(--shadow-card);
}
.roi-inputs h3{
  font-family:var(--f-display); font-weight:500;
  font-size:22px; letter-spacing:-.01em;
  margin:0 0 6px;
}
.roi-inputs .sub{font-size:13.5px; color:var(--ink-text-mute); margin:0 0 28px}
.roi-field{margin-bottom:24px}
.roi-field-label{
  display:flex; justify-content:space-between; align-items:baseline;
  margin-bottom:12px;
}
.roi-field-label .name{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink-text-mute); font-weight:600;
}
.roi-field-label .value{
  font-family:var(--f-display); font-weight:500;
  font-size:22px; letter-spacing:-.01em; color:var(--ink-orange);
}
.roi-range{
  width:100%; -webkit-appearance:none; appearance:none;
  height:6px; background:var(--ink-cream); border-radius:999px;
  outline:none;
}
.roi-range::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px; border-radius:50%;
  background:var(--ink-orange);
  border:3px solid #fff;
  box-shadow:0 4px 12px rgba(244,123,32,.5);
  cursor:pointer; transition:transform .15s;
}
.roi-range::-webkit-slider-thumb:hover{transform:scale(1.1)}
.roi-range::-moz-range-thumb{
  width:22px; height:22px; border-radius:50%;
  background:var(--ink-orange); border:3px solid #fff;
  box-shadow:0 4px 12px rgba(244,123,32,.5); cursor:pointer;
}
.roi-range-marks{
  display:flex; justify-content:space-between; margin-top:8px;
  font-family:var(--f-mono); font-size:10px;
  letter-spacing:.06em; color:var(--ink-text-faint);
}
.roi-segments{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;
  background:var(--ink-cream); padding:4px;
  border-radius:10px;
}
.roi-seg{
  padding:10px 12px; border-radius:7px;
  text-align:center; font-size:13.5px; font-weight:600;
  cursor:pointer; transition:background .2s, color .2s;
  color:var(--ink-text-mute);
}
.roi-seg.is-active{background:#fff; color:var(--ink-text); box-shadow:0 1px 4px rgba(0,0,0,.06)}

.roi-output{
  background:var(--ink-black); color:var(--ink-cream);
  border-radius:var(--r-lg); padding:40px;
  position:relative; overflow:hidden; isolation:isolate;
}
.roi-output::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(244,123,32,.22), transparent 50%),
             radial-gradient(circle at 0% 100%, rgba(30,79,184,.18), transparent 50%);
  z-index:-1;
}
.roi-output-head{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--ink-orange-bright); font-weight:600;
  margin-bottom:14px;
}
.roi-output h3{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(30px, 3.6vw, 44px); letter-spacing:-.02em;
  line-height:1.1; margin:0 0 32px; color:var(--ink-cream);
}
.roi-output h3 em{font-style:italic; font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1; font-weight:300}
.roi-result{
  display:flex; flex-direction:column; gap:16px;
}
.roi-bar-row{
  display:grid; grid-template-columns:170px 1fr 130px; gap:16px;
  align-items:center;
}
@media (max-width: 700px){
  .roi-bar-row{grid-template-columns:1fr; gap:6px}
}
.roi-bar-label{
  font-size:13px; color:var(--ink-text-light); line-height:1.3;
}
.roi-bar-label .meta{display:block; font-family:var(--f-mono); font-size:10px; letter-spacing:.08em; opacity:.6; margin-top:2px}
.roi-bar-track{
  height:36px; background:rgba(247,243,234,.06);
  border-radius:8px; overflow:hidden; position:relative;
}
.roi-bar-fill{
  height:100%; border-radius:8px;
  transition:width .8s cubic-bezier(.22,1,.36,1);
  position:relative;
}
.roi-bar-fill.is-cost{background:linear-gradient(90deg, rgba(247,243,234,.18), rgba(247,243,234,.10))}
.roi-bar-fill.is-value{background:var(--flame)}
.roi-bar-value{
  font-family:var(--f-display); font-weight:500;
  font-size:20px; letter-spacing:-.01em;
  text-align:right; color:var(--ink-cream);
}
.roi-bar-fill.is-value + .roi-bar-value{color:var(--ink-orange-bright)}
.roi-multiple{
  margin-top:28px; padding-top:24px;
  border-top:1px solid rgba(247,243,234,.10);
  display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  flex-wrap:wrap;
}
.roi-multiple .label{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.14em; text-transform:uppercase;
  color:rgba(247,243,234,.5); font-weight:600;
}
.roi-multiple .multiple{
  font-family:var(--f-display); font-weight:300; font-style:italic;
  font-variation-settings:"opsz" 144, "SOFT" 80, "WONK" 1;
  font-size:clamp(48px, 5vw, 72px);
  line-height:1; letter-spacing:-.04em;
  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.roi-disclaimer{
  margin-top:24px; font-size:12px; color:var(--ink-text-light-2);
  line-height:1.5;
}

/* ============== PRICING TIERS ============== */
.pricing{background:var(--ink-paper)}
.tiers-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
  margin-top:24px;
}
@media (max-width: 900px){.tiers-grid{grid-template-columns:1fr; gap:14px}}
.tier-card{
  position:relative;
  background:#fff;
  border:1px solid var(--ink-border);
  border-radius:var(--r-lg);
  padding:36px 32px 32px;
  display:flex; flex-direction:column;
  transition:transform .3s, box-shadow .3s, border-color .3s;
  box-shadow:var(--shadow-card);
}
.tier-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover)}
.tier-card.is-featured{
  background:var(--ink-black); color:var(--ink-cream);
  border-color:transparent;
  transform:translateY(-6px);
  box-shadow:0 30px 60px -20px rgba(11,14,22,.35);
}
.tier-card.is-featured:hover{transform:translateY(-10px)}
.tier-card.is-featured::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 100% 0%, rgba(244,123,32,.18), transparent 60%);
  border-radius:var(--r-lg);
  pointer-events:none;
}
.tier-badge{
  position:absolute; top:-12px; left:32px;
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 12px; border-radius:999px;
  background:var(--flame); color:#fff;
  font-family:var(--f-mono); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase;
  font-weight:600;
}
.tier-name{
  font-family:var(--f-display); font-weight:500;
  font-size:24px; letter-spacing:-.015em;
  margin:0 0 6px;
}
.tier-card.is-featured .tier-name{color:var(--ink-cream)}
.tier-card:not(.is-featured) .tier-name .accent{color:var(--ink-orange)}
.tier-card.is-featured .tier-name .accent{
  background:var(--flame); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.tier-desc{
  font-size:13.5px; color:var(--ink-text-mute);
  margin:0 0 24px; line-height:1.5; min-height:42px;
}
.tier-card.is-featured .tier-desc{color:var(--ink-text-light)}
.tier-price{
  display:flex; align-items:baseline; gap:6px;
  margin-bottom:8px;
}
.tier-price .currency{
  font-family:var(--f-display); font-weight:400;
  font-size:24px; opacity:.6;
}
.tier-price .amount{
  font-family:var(--f-display); font-weight:400;
  font-size:48px; letter-spacing:-.03em; line-height:1;
}
.tier-card:not(.is-featured) .tier-price .amount{color:var(--ink-text)}
.tier-price .period{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-text-mute); margin-left:4px;
}
.tier-card.is-featured .tier-price .period{color:rgba(247,243,234,.5)}
.tier-note{
  font-size:12px; color:var(--ink-text-mute);
  margin-bottom:24px; font-style:italic;
}
.tier-card.is-featured .tier-note{color:var(--ink-text-light)}
.tier-features{
  list-style:none; margin:0 0 28px; padding:24px 0 0;
  border-top:1px solid var(--ink-border);
  display:flex; flex-direction:column; gap:11px;
  flex:1;
}
.tier-card.is-featured .tier-features{border-top-color:rgba(247,243,234,.10)}
.tier-features li{
  display:flex; gap:10px; align-items:flex-start;
  font-size:13.5px; line-height:1.45;
}
.tier-features li svg{
  width:16px; height:16px; flex-shrink:0; margin-top:2px;
  color:var(--ink-success);
}
.tier-card.is-featured .tier-features li svg{color:var(--ink-orange-bright)}
.tier-features li.is-muted{color:var(--ink-text-mute)}
.tier-card.is-featured .tier-features li.is-muted{color:var(--ink-text-light-2)}
.tier-features li.is-muted svg{color:var(--ink-text-mute); opacity:.5}
.tier-cta{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 24px;
  border-radius:999px;
  font-weight:600; font-size:14px;
  background:var(--ink-cream); color:var(--ink-black);
  border:1px solid transparent;
  transition:transform .2s, background .2s, color .2s, border-color .2s;
}
.tier-cta:hover{transform:translateY(-1px); background:var(--ink-text); color:#fff}
.tier-card.is-featured .tier-cta{
  background:var(--flame); color:#fff;
  background-size:200% 200%;
  background-position:0% 50%;
}
.tier-card.is-featured .tier-cta:hover{background-position:100% 50%}
.tier-card:not(.is-featured):not(:first-child) .tier-cta{
  background:transparent; color:var(--ink-text);
  border-color:var(--ink-border-strong);
}
.tier-card:not(.is-featured):not(:first-child) .tier-cta:hover{
  background:var(--ink-text); color:#fff; border-color:transparent;
}
.tier-cta svg{width:14px; height:14px}

.pricing-note{
  margin-top:32px; padding:20px 28px;
  background:rgba(244,123,32,.04);
  border:1px solid rgba(244,123,32,.18);
  border-radius:10px;
  display:flex; gap:14px; align-items:center;
  font-size:13.5px; color:var(--ink-text-mute); line-height:1.55;
}
.pricing-note svg{width:18px; height:18px; flex-shrink:0; color:var(--ink-orange)}
.pricing-note strong{color:var(--ink-text); font-weight:600}

/* ============== RESOURCES ============== */
.resources{background:var(--ink-cream-2)}
.res-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
  margin-top:24px;
}
@media (max-width: 900px){.res-grid{grid-template-columns:1fr}}
.res-card{
  background:#fff; border:1px solid var(--ink-border);
  border-radius:var(--r-md); overflow:hidden;
  display:flex; flex-direction:column;
  transition:transform .3s, box-shadow .3s, border-color .3s;
  box-shadow:var(--shadow-card);
}
.res-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover); border-color:var(--ink-orange)}
.res-img{
  aspect-ratio:16/10; position:relative; overflow:hidden;
}
.res-img-1{background:linear-gradient(135deg, #f47b20, #c73175)}
.res-img-2{background:linear-gradient(135deg, #1e4fb8, #c73175)}
.res-img-3{background:linear-gradient(135deg, #0f2d6e, #1e4fb8)}
.res-img::before{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at center, black 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(circle at center, black 30%, transparent 75%);
}
.res-img-mark{
  position:absolute; bottom:18px; left:22px;
  font-family:var(--f-mono); font-size:10px;
  letter-spacing:.18em; text-transform:uppercase;
  color:rgba(255,255,255,.8); font-weight:600;
}
.res-img-num{
  position:absolute; top:18px; right:22px;
  font-family:var(--f-display); font-weight:300; font-style:italic;
  font-variation-settings:"opsz" 144, "SOFT" 80, "WONK" 1;
  font-size:48px; line-height:1; letter-spacing:-.03em;
  color:rgba(255,255,255,.4);
}
.res-body{padding:24px 26px 26px; flex:1; display:flex; flex-direction:column}
.res-cat{
  font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-orange); font-weight:600;
  margin-bottom:10px;
}
.res-card h4{
  font-family:var(--f-display); font-weight:500;
  font-size:21px; letter-spacing:-.01em; line-height:1.2;
  margin:0 0 10px;
}
.res-card p{margin:0 0 18px; font-size:14px; line-height:1.5; color:var(--ink-text-mute); flex:1}
.res-link{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--f-mono); font-size:12px;
  letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink-text); font-weight:600;
}
.res-link svg{width:14px; height:14px; transition:transform .25s}
.res-link:hover{color:var(--ink-orange)}
.res-link:hover svg{transform:translateX(4px)}

/* ============== STICKY BAR ============== */
.sticky-bar{
  position:fixed; left:0; right:0; bottom:-100px; z-index:90;
  padding:14px var(--pad);
  background:rgba(11,14,22,.96);
  backdrop-filter:blur(20px);
  border-top:1px solid rgba(247,243,234,.12);
  transition:bottom .4s cubic-bezier(.22,1,.36,1);
}
.sticky-bar.is-shown{bottom:0}
.sticky-bar-inner{
  max-width:var(--maxw); margin:0 auto;
  display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center;
}
.sticky-bar-mark{display:flex; align-items:center; gap:10px}
.sticky-bar-mark svg{width:24px; height:24px}
.sticky-bar-mark span{
  font-family:var(--f-display); font-weight:500;
  font-size:16px; letter-spacing:-.01em; color:var(--ink-cream);
}
.sticky-bar-msg{
  font-size:13.5px; color:var(--ink-text-light); line-height:1.4;
}
.sticky-bar-msg strong{color:var(--ink-cream); font-weight:600}
.sticky-bar-msg .pulse{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-orange-bright); font-weight:600;
  margin-right:8px;
}
.sticky-bar-msg .pulse::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:var(--ink-orange-bright); box-shadow:0 0 8px var(--ink-orange-bright);
  animation:pulse-dot 2s ease-in-out infinite;
}
.sticky-bar-cta{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 20px; border-radius:999px;
  background:var(--flame); color:#fff;
  font-weight:600; font-size:13.5px;
  background-size:200% 200%;
  background-position:0% 50%;
  transition:background-position .35s, transform .15s, box-shadow .25s;
  white-space:nowrap;
}
.sticky-bar-cta:hover{
  background-position:100% 50%;
  transform:translateY(-1px);
  box-shadow:0 10px 24px -8px rgba(244,123,32,.6);
}
.sticky-bar-cta svg{width:14px; height:14px}
.sticky-bar-close{
  position:absolute; top:8px; right:14px;
  width:24px; height:24px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(247,243,234,.08); color:var(--ink-text-light);
  font-size:14px;
  transition:background .2s, color .2s;
}
.sticky-bar-close:hover{background:rgba(247,243,234,.15); color:var(--ink-cream)}
@media (max-width: 760px){
  .sticky-bar-inner{grid-template-columns:1fr; gap:10px; text-align:center}
  .sticky-bar-mark{display:none}
  .sticky-bar-msg .pulse{display:inline-flex; margin-bottom:4px}
  .sticky-bar-cta{justify-self:stretch; justify-content:center}
}

/* ============== INDUSTRIES ============== */
.industries{background:var(--ink-paper-2); border-top:1px solid var(--ink-border)}
.industries-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;
  margin-top:24px;
}
@media (max-width: 1024px){.industries-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 540px){.industries-grid{grid-template-columns:1fr}}
.industry-card{
  position:relative;
  padding:32px 28px 30px;
  background:#fff;
  border:1px solid var(--ink-border);
  border-radius:var(--r-md);
  transition:transform .3s, box-shadow .3s, border-color .3s;
  overflow:hidden;
}
.industry-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-card-hover);
  border-color:var(--ink-orange);
}
.industry-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
}
.industry-1::before{background:var(--ink-orange)}
.industry-2::before{background:var(--ink-magenta)}
.industry-3::before{background:var(--ink-blue)}
.industry-4::before{background:var(--ink-blue-deep)}
.industry-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:12px;
  margin-bottom:18px;
}
.industry-1 .industry-icon{background:rgba(244,123,32,.10); color:var(--ink-orange)}
.industry-2 .industry-icon{background:rgba(199,49,117,.10); color:var(--ink-magenta)}
.industry-3 .industry-icon{background:rgba(30,79,184,.10); color:var(--ink-blue)}
.industry-4 .industry-icon{background:rgba(15,45,110,.10); color:var(--ink-blue-deep)}
.industry-icon svg{width:22px; height:22px}
.industry-card h3{
  font-family:var(--f-display); font-weight:500;
  font-size:21px; letter-spacing:-.015em; line-height:1.2;
  margin:0 0 10px;
}
.industry-card h3 em{font-style:italic; font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1; font-weight:300}
.industry-card .desc{
  margin:0 0 18px;
  font-size:13.5px; color:var(--ink-text-mute); line-height:1.5;
}
.industry-tags{
  display:flex; flex-wrap:wrap; gap:6px;
  padding-top:16px;
  border-top:1px solid var(--ink-border);
}
.industry-tag{
  font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.06em;
  padding:4px 9px; border-radius:4px;
  background:var(--ink-cream); color:var(--ink-text);
}
.industry-1 .industry-tag{background:rgba(244,123,32,.08); color:var(--ink-orange)}
.industry-2 .industry-tag{background:rgba(199,49,117,.08); color:var(--ink-magenta)}
.industry-3 .industry-tag{background:rgba(30,79,184,.08); color:var(--ink-blue)}
.industry-4 .industry-tag{background:rgba(15,45,110,.08); color:var(--ink-blue-deep)}

/* ============== METHODOLOGY ============== */
.methodology{background:var(--ink-cream-2); position:relative; overflow:hidden}
.methodology::before{
  content:""; position:absolute; top:0; bottom:0; left:-200px;
  width:600px;
  background:radial-gradient(circle, rgba(30,79,184,.06), transparent 60%);
  pointer-events:none;
}
.meth-tabs{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;
  margin:32px 0 0;
  border:1px solid var(--ink-border);
  border-radius:var(--r-md);
  overflow:hidden;
  background:#fff;
  box-shadow:var(--shadow-card);
}
@media (max-width: 900px){.meth-tabs{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 540px){.meth-tabs{grid-template-columns:1fr}}
.meth-tab{
  padding:24px 22px 26px;
  border-right:1px solid var(--ink-border);
  text-align:left;
  cursor:pointer;
  transition:background .25s;
  position:relative;
}
.meth-tab:last-child{border-right:0}
@media (max-width: 900px){
  .meth-tab{border-right:0; border-bottom:1px solid var(--ink-border)}
  .meth-tab:nth-child(2n){border-right:0}
  .meth-tab:nth-child(odd){border-right:1px solid var(--ink-border)}
}
@media (max-width: 540px){
  .meth-tab{border-right:0}
}
.meth-tab::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background:transparent; transition:background .25s;
}
.meth-tab:hover{background:var(--ink-paper)}
.meth-tab.is-active{background:var(--ink-paper)}
.meth-tab.is-active.is-1::before{background:var(--ink-orange)}
.meth-tab.is-active.is-2::before{background:var(--ink-magenta)}
.meth-tab.is-active.is-3::before{background:var(--ink-blue)}
.meth-tab.is-active.is-4::before{background:var(--ink-blue-deep)}
.meth-tab-num{
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-text-mute); font-weight:600;
  margin-bottom:6px;
}
.meth-tab.is-active.is-1 .meth-tab-num{color:var(--ink-orange)}
.meth-tab.is-active.is-2 .meth-tab-num{color:var(--ink-magenta)}
.meth-tab.is-active.is-3 .meth-tab-num{color:var(--ink-blue)}
.meth-tab.is-active.is-4 .meth-tab-num{color:var(--ink-blue-deep)}
.meth-tab h3{
  font-family:var(--f-display); font-weight:500;
  font-size:22px; letter-spacing:-.015em; line-height:1.1;
  margin:0 0 6px; color:var(--ink-text);
}
.meth-tab h3 em{font-style:italic; font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1; font-weight:300}
.meth-tab .meth-tab-sub{
  font-size:12.5px; color:var(--ink-text-mute);
  line-height:1.4; margin:0;
}

.meth-panels{
  position:relative;
  background:#fff;
  border:1px solid var(--ink-border);
  border-top:0;
  border-radius:0 0 var(--r-md) var(--r-md);
  padding:40px;
  min-height:280px;
  box-shadow:var(--shadow-card);
}
.meth-panel{
  display:none;
  grid-template-columns:1.1fr 1fr; gap:48px;
}
.meth-panel.is-active{display:grid}
@media (max-width: 800px){.meth-panel{grid-template-columns:1fr; gap:32px}}
.meth-panel-text h4{
  font-family:var(--f-display); font-weight:500;
  font-size:26px; letter-spacing:-.015em; line-height:1.15;
  margin:0 0 16px;
}
.meth-panel-text h4 em{font-style:italic; font-variation-settings:"opsz" 144, "SOFT" 60, "WONK" 1; font-weight:300}
.meth-panel-text p{
  font-size:15px; line-height:1.6;
  color:var(--ink-text-mute);
  margin:0 0 14px;
}
.meth-panel-text p:last-child{margin-bottom:0}
.meth-checks{
  display:grid; grid-template-columns:1fr 1fr; gap:10px 18px;
  list-style:none; margin:0; padding:0;
}
@media (max-width: 480px){.meth-checks{grid-template-columns:1fr}}
.meth-checks li{
  display:flex; gap:10px; align-items:flex-start;
  font-size:14px; line-height:1.4; color:var(--ink-text);
}
.meth-checks li svg{
  width:16px; height:16px; flex-shrink:0; margin-top:2px;
  color:var(--ink-orange);
}
.meth-panel.is-2 .meth-checks li svg{color:var(--ink-magenta)}
.meth-panel.is-3 .meth-checks li svg{color:var(--ink-blue)}
.meth-panel.is-4 .meth-checks li svg{color:var(--ink-blue-deep)}

/* ============== PORTFOLIO ============== */
.portfolio{background:var(--ink-paper)}
.portfolio-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;
  margin-top:24px;
}
@media (max-width: 900px){.portfolio-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 600px){.portfolio-grid{grid-template-columns:1fr}}
.portfolio-card{
  background:#fff;
  border:1px solid var(--ink-border);
  border-radius:var(--r-md);
  overflow:hidden;
  display:flex; flex-direction:column;
  transition:transform .3s, box-shadow .3s, border-color .3s;
  box-shadow:var(--shadow-card);
}
.portfolio-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-card-hover);
  border-color:var(--ink-orange);
}
.portfolio-thumb{
  aspect-ratio:5/3;
  position:relative; overflow:hidden;
}
.portfolio-thumb-1{background:linear-gradient(135deg, #f47b20, #c73175)}
.portfolio-thumb-2{background:linear-gradient(135deg, #c73175, #1e4fb8)}
.portfolio-thumb-3{background:linear-gradient(135deg, #1e4fb8, #0f2d6e)}
.portfolio-thumb-4{background:linear-gradient(135deg, #0f2d6e, #c73175)}
.portfolio-thumb-5{background:linear-gradient(135deg, #c73175, #f47b20)}
.portfolio-thumb-6{background:linear-gradient(135deg, #1e4fb8, #f47b20)}
.portfolio-thumb::before{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.10) 1px, transparent 1px);
  background-size:24px 24px;
}
.portfolio-thumb::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse at center, transparent 30%, rgba(0,0,0,.20) 100%);
}
.portfolio-thumb-icon{
  position:absolute; top:50%; left:50%;
  transform:translate(-50%, -50%);
  width:64px; height:64px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.20);
  border-radius:16px;
  color:#fff;
  z-index:1;
}
.portfolio-thumb-icon svg{width:28px; height:28px}
.portfolio-thumb-cat{
  position:absolute; top:14px; left:14px;
  font-family:var(--f-mono); font-size:10px;
  letter-spacing:.18em; text-transform:uppercase;
  color:#fff; font-weight:600;
  padding:5px 10px; border-radius:4px;
  background:rgba(0,0,0,.32);
  backdrop-filter:blur(8px);
  z-index:2;
}
.portfolio-body{padding:22px 24px 24px; flex:1; display:flex; flex-direction:column}
.portfolio-card h4{
  font-family:var(--f-display); font-weight:500;
  font-size:20px; letter-spacing:-.01em; line-height:1.2;
  margin:0 0 8px;
}
.portfolio-card p{
  margin:0 0 16px;
  font-size:13.5px; color:var(--ink-text-mute); line-height:1.5;
  flex:1;
}
.portfolio-meta{
  display:flex; justify-content:space-between; align-items:center;
  padding-top:14px;
  border-top:1px solid var(--ink-border);
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.06em; color:var(--ink-text-mute);
}
.portfolio-meta strong{color:var(--ink-text); font-weight:600}

.portfolio-note{
  margin-top:32px;
  padding:24px 28px;
  background:#fff;
  border:1px dashed var(--ink-border-strong);
  border-radius:var(--r-md);
  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;
}
@media (max-width: 600px){.portfolio-note{grid-template-columns:1fr}}
.portfolio-note p{
  margin:0; font-size:14.5px; color:var(--ink-text-mute); line-height:1.5;
}
.portfolio-note strong{color:var(--ink-text); font-weight:600}

/* ============== TEAM ============== */
.team{background:var(--ink-cream)}
.team-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;
  margin-top:24px;
}
@media (max-width: 1024px){.team-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 540px){.team-grid{grid-template-columns:1fr}}
.team-card{
  background:#fff;
  border:1px solid var(--ink-border);
  border-radius:var(--r-md);
  overflow:hidden;
  transition:transform .3s, box-shadow .3s;
  box-shadow:var(--shadow-card);
}
.team-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card-hover)}
.team-photo{
  aspect-ratio:1/1;
  position:relative; overflow:hidden;
  background:var(--ink-cream-2);
}
.team-photo-1{background:linear-gradient(135deg, #f47b20 0%, #c73175 100%)}
.team-photo-2{background:linear-gradient(135deg, #c73175 0%, #1e4fb8 100%)}
.team-photo-3{background:linear-gradient(135deg, #1e4fb8 0%, #0f2d6e 100%)}
.team-photo-4{background:linear-gradient(135deg, #0f2d6e 0%, #f47b20 100%)}
.team-photo-mono{
  position:absolute; top:50%; left:50%;
  transform:translate(-50%, -50%);
  font-family:var(--f-display); font-weight:400;
  font-size:80px; line-height:1; letter-spacing:-.03em;
  color:rgba(255,255,255,.85);
}
.team-photo::before{
  content:""; position:absolute; inset:0;
  background-image:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.2), transparent 50%),
    radial-gradient(circle at 70% 80%, rgba(0,0,0,.2), transparent 50%);
}
.team-photo .placeholder-pill{
  position:absolute; bottom:14px; left:50%;
  transform:translateX(-50%);
  padding:4px 10px;
  background:rgba(0,0,0,.36);
  backdrop-filter:blur(6px);
  border-radius:999px;
  color:rgba(255,255,255,.88);
  font-family:var(--f-mono); font-size:9.5px;
  letter-spacing:.18em; text-transform:uppercase;
  font-weight:600;
}
.team-info{padding:22px 22px 22px}
.team-role{
  font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--ink-orange); font-weight:600;
  margin-bottom:8px;
}
.team-card h4{
  font-family:var(--f-display); font-weight:500;
  font-size:19px; letter-spacing:-.01em; line-height:1.2;
  margin:0 0 8px;
}
.team-card p{
  margin:0;
  font-size:13px; color:var(--ink-text-mute); line-height:1.5;
}
.team-link{
  display:inline-flex; align-items:center; gap:6px;
  margin-top:12px;
  font-family:var(--f-mono); font-size:11px;
  letter-spacing:.08em; color:var(--ink-text);
  font-weight:600;
}
.team-link:hover{color:var(--ink-orange)}
.team-link svg{width:13px; height:13px}

.team-note{
  margin-top:36px;
  padding:24px 28px;
  background:rgba(244,123,32,.04);
  border-left:3px solid var(--ink-orange);
  border-radius:6px;
  font-size:14px; color:var(--ink-text-mute); line-height:1.55;
}
.team-note strong{color:var(--ink-text); font-weight:600}

/* ============== ANIMATIONS ============== */
.reveal{opacity:0; transform:translateY(20px); transition:opacity .8s ease, transform .8s ease}
.reveal.is-visible{opacity:1; transform:translateY(0)}
.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.16s}
.reveal-delay-3{transition-delay:.24s}
.reveal-delay-4{transition-delay:.32s}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important; transition-duration:.01ms !important}
}