:root{
  --ink:#0A0A0B;
  --ink-2:#131316;
  --paper:#FAFAF9;
  --paper-2:#F1F1EF;
  --white:#FFFFFF;
  --bronze:#B67A43;
  --bronze-text:#8A5A34;
  --bronze-light:#D79A63;
  --graphite:#6B6B6F;
  --graphite-2:#9A9A9E;
  --hairline:#E7E7E4;
  --hairline-dark:#232326;
  --max:1240px;
  --display:'Space Grotesk', 'Inter', sans-serif;
  --sans:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono:'JetBrains Mono', monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--sans);
  background:var(--paper);
  color:var(--ink);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,select,textarea{font-family:inherit;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px;}
@media(max-width:640px){.wrap{padding:0 20px;}}

/* ---------- reveal / motion ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal-scale{opacity:0;transform:scale(.96);transition:opacity .7s var(--ease), transform .7s var(--ease);}
.reveal-scale.in{opacity:1;transform:scale(1);}
@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-scale{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
  .marquee-track,.grain-drift{animation:none !important;}
  .onboard-step.active,.stage-overlay.active,.processing-stage.active,.final-stage.active{animation:none !important;}
  .final-checklist li,.score-tier li,.preview-list li,.next-timeline li,.preview-card{animation:none !important;opacity:1 !important;transform:none !important;}
  .final-check{animation:none !important;}
  .fd-node,.fd-label,.flow-node,.example-card,.service-card,.industry-card,.pillar-card,.opt-card,.choice-card,.portal-card{transition:none !important;}
  .try-ai-output.typing::after{animation:none !important;}
  .ring-wrap .ring-glow{animation:none !important;}
  .roi-bar-fill{transition:none !important;}
  .compare-card.ilvern{transition:none !important;}
}

/* ---------- dot-grid texture ---------- */
.dot-grid{
  background-image:radial-gradient(circle, rgba(10,10,11,0.08) 1px, transparent 1px);
  background-size:22px 22px;
}
.dot-grid-dark{
  background-image:radial-gradient(circle, rgba(250,250,249,0.09) 1px, transparent 1px);
  background-size:22px 22px;
}

/* ---------- labels / eyebrow ---------- */
.eyebrow{
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bronze-text);
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
}
.eyebrow::before{content:"";width:20px;height:1px;background:var(--bronze-text);}
.on-dark .eyebrow, .eyebrow.on-dark{color:var(--bronze-light);}
.on-dark .eyebrow::before, .eyebrow.on-dark::before{background:var(--bronze-light);}

.pill{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  padding:8px 16px;border:1px solid var(--hairline);border-radius:100px;color:var(--graphite);
  background:var(--white);
}
.on-dark .pill{border-color:rgba(250,250,249,.15);color:rgba(250,250,249,.7);background:rgba(250,250,249,.04);}

h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.02em;line-height:1.05;}
.section-title{font-size:clamp(2.1rem,4.2vw,3.2rem);line-height:1.06;margin-bottom:22px;letter-spacing:-.02em;}
.section-sub{font-size:18px;color:var(--graphite);max-width:580px;line-height:1.65;}
.section-head{margin-bottom:68px;}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
.section-head.center .section-sub{margin-left:auto;margin-right:auto;}
section{padding:130px 0;}
@media(max-width:768px){section{padding:80px 0;} .section-head{margin-bottom:44px;}}

/* ---------- prose (legal pages) ---------- */
.prose{padding:180px 0 120px;}
@media(max-width:768px){.prose{padding:130px 0 64px;}}
.prose .wrap{max-width:760px;}
.prose h1{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.08;margin-bottom:18px;}
.prose .updated{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);margin-bottom:48px;}
.prose h2{font-size:23px;margin:46px 0 14px;font-family:var(--display);}
.prose h3{font-size:17px;font-family:var(--sans);font-weight:700;margin:26px 0 10px;}
.prose p{font-size:16px;color:var(--graphite);line-height:1.75;margin-bottom:16px;}
.prose ul{margin:0 0 16px 0;}
.prose li{font-size:16px;color:var(--graphite);line-height:1.75;padding:6px 0 6px 22px;position:relative;}
.prose li::before{content:"—";position:absolute;left:0;color:var(--bronze-text);}
.prose a{color:var(--bronze-text);text-decoration:underline;text-underline-offset:2px;}

/* ---------- buttons ---------- */
.btn{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 30px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;
  border-radius:8px;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s ease, border-color .3s ease;
  white-space:nowrap;
  font-family:var(--sans);
}
.btn-bronze{background:var(--ink);color:var(--white);overflow:hidden;}
.btn-bronze::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--bronze-text),var(--bronze));opacity:0;transition:opacity .35s ease;}
.btn-bronze span{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;}
.btn-bronze:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(182,122,67,.5);}
.btn-bronze:hover::before{opacity:1;}
.btn-ink{background:var(--ink);color:var(--white);}
.btn-ink:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(10,10,11,.4);}
.btn-ghost{border:1px solid var(--hairline-dark);color:var(--ink);background:transparent;}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px);}
.on-dark .btn-ghost, .btn-ghost.on-dark{border-color:rgba(250,250,249,.25);color:var(--white);}
.on-dark .btn-ghost:hover, .btn-ghost.on-dark:hover{border-color:var(--white);}
.btn-outline-bone{border:1px solid rgba(250,250,249,.3);color:var(--white);}
.btn-outline-bone:hover{border-color:var(--white);transform:translateY(-2px);}
.btn-sm{padding:11px 22px;font-size:13.5px;border-radius:7px;}
.btn-lg{padding:18px 36px;font-size:16px;border-radius:9px;}
.btn-block{width:100%;}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none !important;box-shadow:none !important;}
.btn:active:not(:disabled){transform:scale(.97);}

.hamburger{display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:44px;height:44px;padding:0;margin-right:-10px;transition:opacity .2s ease;}
.hamburger span{height:1.5px;background:var(--ink);width:26px;transition:all .3s var(--ease);}
.hamburger:hover span:nth-child(1){width:20px;}
.hamburger:active{opacity:.6;}

/* ---------- nav ---------- */
header.site{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:22px 0;
  transition:background .4s ease, padding .4s ease, border-color .4s ease, backdrop-filter .4s ease;
  border-bottom:1px solid transparent;
}
header.site.solid{
  background:rgba(250,250,249,0.82);
  backdrop-filter:blur(16px) saturate(1.4);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
  border-bottom:1px solid var(--hairline);
  padding:15px 0;
}
.nav-row{display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.01em;transition:opacity .25s ease;}
a.logo:hover{opacity:.72;}
.nav-links{display:flex;gap:36px;align-items:center;}
.nav-links a{font-size:14px;font-weight:500;position:relative;padding:4px 0;color:var(--ink);}
.nav-links a:not(.btn)::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--ink);
  transition:width .3s var(--ease);
}
.nav-links a:not(.btn):hover::after{width:100%;}
.nav-right{display:flex;align-items:center;gap:28px;}

/* ---------- mobile nav overlay ---------- */
.mobile-overlay{
  position:fixed;inset:0;background:var(--paper);z-index:200;
  display:flex;flex-direction:column;justify-content:center;
  padding:40px;transform:translateY(-100%);transition:transform .5s var(--ease);
}
.mobile-overlay.open{transform:translateY(0);}
.mobile-overlay .close-x{position:absolute;top:16px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;}
.mobile-overlay a{font-family:var(--display);font-size:34px;font-weight:600;padding:12px 0;border-bottom:1px solid var(--hairline);}
.mobile-overlay .btn{margin-top:26px;width:fit-content;}

/* ---------- hero ---------- */
.hero{
  padding:190px 0 110px;
  position:relative;
  overflow:hidden;
  background:var(--paper);
}
.hero::before{
  content:"";position:absolute;top:-30%;right:-10%;width:900px;height:900px;
  background:radial-gradient(circle, rgba(182,122,67,0.14), transparent 65%);
  filter:blur(10px);
}
.hero::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle, rgba(10,10,11,0.06) 1px, transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);
  mask-image:linear-gradient(180deg,#000,transparent 70%);
}
@media(max-width:768px){.hero{padding:130px 0 64px;}}
.hero-inner{position:relative;max-width:920px;}
.hero h1{font-size:clamp(2.6rem,7vw,5.6rem);line-height:1;letter-spacing:-.03em;}
.hero h1 .accent{background:linear-gradient(100deg,var(--bronze-text),var(--bronze) 60%,var(--bronze-light));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-sub{margin-top:30px;font-size:19px;color:var(--graphite);max-width:600px;line-height:1.65;position:relative;}
.hero-ctas{margin-top:42px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;position:relative;}
.hero-note{margin-top:28px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--graphite-2);display:flex;align-items:center;gap:10px;position:relative;}
.dot-live{width:6px;height:6px;border-radius:50%;background:var(--bronze-text);}

/* ---------- trust bar ---------- */
.trust-bar{padding:52px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);}
.trust-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);text-align:center;margin-bottom:32px;}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.marquee-track{display:flex;gap:72px;width:max-content;animation:scroll 34s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.marquee-track span{font-family:var(--display);font-size:20px;font-weight:600;color:var(--graphite);opacity:.55;white-space:nowrap;}

/* ---------- dark section ---------- */
.dark{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;}
.dark .section-sub{color:rgba(250,250,249,.6);}
.dark h2,.dark h3{color:var(--paper);}
.dark .glow{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(182,122,67,.28), transparent 70%);filter:blur(20px);pointer-events:none;}

/* ---------- problem stats ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline-dark);border:1px solid var(--hairline-dark);margin-top:8px;}
@media(max-width:768px){.stat-grid{grid-template-columns:1fr;}}
.stat-box{background:var(--ink);padding:44px 36px;transition:background .35s ease;}
.stat-box:hover{background:var(--ink-2);}
.stat-box .num{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);color:var(--bronze-light);display:block;letter-spacing:-.02em;}
.stat-box .lbl{font-size:14.5px;color:rgba(250,250,249,.68);margin-top:12px;line-height:1.55;}
.citation{font-size:12px;color:rgba(250,250,249,.4);margin-top:24px;line-height:1.6;}

/* ---------- service cards ---------- */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:16px;}
@media(max-width:900px){.service-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.service-grid{grid-template-columns:1fr;}}
.service-card{background:var(--white);padding:44px 34px;transition:background .35s ease, transform .4s var(--ease), box-shadow .4s var(--ease);position:relative;}
.service-card:hover{background:var(--paper);transform:translateY(-5px);box-shadow:0 24px 48px -28px rgba(10,10,11,.16);}
.service-card.featured:hover{box-shadow:0 24px 48px -28px rgba(0,0,0,.5);}
.service-card .s-icon{width:38px;height:38px;color:var(--ink);margin-bottom:26px;}
.service-card h3{font-size:21px;margin-bottom:10px;}
.service-card .s-price{font-family:var(--mono);font-size:12.5px;letter-spacing:.03em;color:var(--bronze-text);margin-bottom:16px;text-transform:uppercase;}
.service-card p{font-size:14.5px;color:var(--graphite);line-height:1.65;margin-bottom:22px;}
.service-card .s-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;position:relative;}
.service-card .s-link::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--ink);transition:width .3s ease;}
.service-card:hover .s-link::after{width:100%;}
.service-card.featured{background:var(--ink);color:var(--paper);}
.service-card.featured p{color:rgba(250,250,249,.6);}
.service-card.featured h3{color:var(--paper);}
.service-card.featured .s-icon{color:var(--bronze-light);}

/* ---------- outcomes strip ---------- */
.outcomes{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);}
@media(max-width:900px){.outcomes{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.outcomes{grid-template-columns:repeat(2,1fr);}}
.outcome{background:var(--white);padding:26px 18px;text-align:center;}
.outcome span{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.01em;}

/* ---------- process timeline ---------- */
.timeline{position:relative;margin-top:40px;}
.timeline::before{
  content:"";position:absolute;left:27px;top:8px;bottom:8px;width:1px;
  background:linear-gradient(180deg, var(--bronze), var(--hairline-dark) 90%);
}
@media(max-width:640px){.timeline::before{left:19px;}}
.t-step{position:relative;padding:0 0 56px 76px;}
@media(max-width:640px){.t-step{padding:0 0 44px 56px;}}
.t-step:last-child{padding-bottom:0;}
.t-num{
  position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;
  background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-size:18px;font-weight:700;
  border:1px solid var(--hairline-dark);
}
@media(max-width:640px){.t-num{width:40px;height:40px;font-size:14px;}}
.t-step.on-dark .t-num, .dark .t-num{background:var(--bronze-text);color:var(--paper);border-color:var(--bronze);}
.t-step h3{font-size:22px;margin-bottom:10px;}
.t-step p{color:var(--graphite);font-size:15.5px;line-height:1.65;max-width:520px;}
.dark .t-step p{color:rgba(250,250,249,.62);}

/* ---------- FAQ ---------- */
.faq-list{max-width:800px;}
.faq-item{border-bottom:1px solid var(--hairline);}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;text-align:left;font-size:17px;font-weight:600;font-family:var(--display);}
.faq-q .plus{width:18px;height:18px;position:relative;flex-shrink:0;}
.faq-q .plus::before,.faq-q .plus::after{content:"";position:absolute;background:var(--ink);top:50%;left:50%;transform:translate(-50%,-50%);}
.faq-q .plus::before{width:14px;height:1.4px;}
.faq-q .plus::after{width:1.4px;height:14px;transition:transform .3s ease;}
.faq-item.open .plus::after{transform:translate(-50%,-50%) rotate(90deg) scaleY(0);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
.faq-a p{padding-bottom:28px;font-size:15.5px;color:var(--graphite);line-height:1.7;max-width:660px;}

/* ---------- pricing ---------- */
.pricing-note{
  margin-top:36px;padding:26px 30px;border:1px solid var(--hairline);border-radius:10px;
  background:var(--white);font-size:14.5px;color:var(--graphite);line-height:1.7;max-width:640px;
}
.pricing-note strong{color:var(--ink);}

/* ---------- security list ---------- */
.security-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;}
@media(max-width:860px){.security-grid{grid-template-columns:1fr;gap:40px;}}
.sec-list{display:flex;flex-direction:column;}
.sec-item{display:flex;gap:20px;padding:26px 0;border-top:1px solid var(--hairline);}
.sec-item:last-child{border-bottom:1px solid var(--hairline);}
.sec-icon{width:22px;height:22px;flex-shrink:0;color:var(--bronze-text);margin-top:2px;}
.sec-item h4{font-size:16px;font-weight:700;margin-bottom:6px;font-family:var(--display);}
.sec-item p{font-size:14px;color:var(--graphite);line-height:1.6;}

/* ---------- trust pillar cards ---------- */
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);}
@media(max-width:900px){.pillar-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.pillar-grid{grid-template-columns:1fr;}}
.pillar-card{background:var(--white);padding:36px 28px;transition:transform .4s var(--ease), box-shadow .4s var(--ease);}
.pillar-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px -28px rgba(10,10,11,.16);}
.pillar-card .p-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);}
.pillar-card h3{font-size:19px;margin:16px 0 10px;}
.pillar-card p{font-size:14px;color:var(--graphite);line-height:1.6;}

/* ---------- industries grid ---------- */
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);}
@media(max-width:900px){.industry-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.industry-grid{grid-template-columns:1fr;}}
.industry-card{background:var(--white);padding:38px 30px;transition:background .3s ease, transform .4s var(--ease), box-shadow .4s var(--ease);}
.industry-card:hover{background:var(--paper);transform:translateY(-5px);box-shadow:0 24px 48px -28px rgba(10,10,11,.16);}
.industry-card h3{font-size:19px;margin-bottom:10px;}
.industry-card p{font-size:14px;color:var(--graphite);line-height:1.6;}

/* ---------- multi-step form ---------- */
.form-shell{max-width:680px;margin:0 auto;position:relative;}
.form-progress{display:flex;gap:6px;margin-bottom:48px;}
.form-progress .bar{flex:1;height:3px;background:var(--hairline);border-radius:3px;overflow:hidden;}
.form-progress .bar .fill{height:100%;width:0%;background:var(--ink);transition:width .5s var(--ease);}
.form-progress .bar.done .fill{width:100%;}
.form-progress .bar.active .fill{width:50%;}
.form-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;}
.form-meta .step-label{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);}
.form-step{display:none;}
.form-step.active{display:block;animation:stepIn .5s var(--ease);}
@keyframes stepIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.form-step h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:10px;}
.form-step .step-sub{color:var(--graphite);font-size:15px;margin-bottom:36px;}
.field{margin-bottom:26px;}
.field label{display:block;font-size:13.5px;font-weight:600;margin-bottom:9px;color:var(--ink);}
.field .hint{font-size:12.5px;color:var(--graphite-2);margin-top:6px;}
.field input[type="text"],.field input[type="email"],.field select,.field textarea{
  width:100%;padding:14px 16px;border:1px solid var(--hairline);border-radius:8px;font-size:15px;
  background:var(--white);color:var(--ink);transition:border-color .2s ease, box-shadow .2s ease;
}
.field textarea{resize:vertical;min-height:100px;font-family:inherit;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--bronze-text);box-shadow:0 0 0 3px rgba(182,122,67,.12);}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:640px){.field-row{grid-template-columns:1fr;}}

.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:640px){.check-grid{grid-template-columns:1fr;}}
.check-option{
  display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--hairline);border-radius:8px;
  cursor:pointer;transition:border-color .2s ease, background .2s ease;font-size:14.5px;
}
.check-option:hover{border-color:var(--graphite-2);}
.check-option input{accent-color:var(--ink);width:16px;height:16px;flex-shrink:0;}
.check-option.checked{border-color:var(--ink);background:var(--paper-2);}

.radio-stack{display:flex;flex-direction:column;gap:10px;}
.radio-option{
  display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--hairline);border-radius:8px;
  cursor:pointer;transition:border-color .2s ease, background .2s ease;
}
.radio-option:hover{border-color:var(--graphite-2);}
.radio-option input{accent-color:var(--ink);width:16px;height:16px;flex-shrink:0;}
.radio-option.checked{border-color:var(--ink);background:var(--paper-2);}
.radio-option .r-label{font-weight:600;font-size:15px;}

.industry-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:640px){.industry-select-grid{grid-template-columns:1fr 1fr;}}
.chip-option{
  padding:12px 14px;border:1px solid var(--hairline);border-radius:8px;text-align:center;font-size:13.5px;font-weight:500;
  cursor:pointer;transition:all .2s ease;
}
.chip-option:hover{border-color:var(--graphite-2);}
.chip-option.checked{border-color:var(--ink);background:var(--ink);color:var(--white);}

.form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px;}
.form-summary{background:var(--white);border:1px solid var(--hairline);border-radius:12px;padding:32px;margin-bottom:30px;}
.form-summary .sum-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--hairline);font-size:14px;}
.form-summary .sum-row:first-child{border-top:none;}
.form-summary .sum-row .k{color:var(--graphite);}
.form-summary .sum-row .v{font-weight:600;text-align:right;max-width:60%;}

.success-panel{text-align:center;padding:40px 0;}
.success-panel .check-circle{
  width:72px;height:72px;border-radius:50%;background:var(--ink);color:var(--white);
  display:flex;align-items:center;justify-content:center;margin:0 auto 28px;
}
.success-panel h2{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:14px;}
.success-panel p{color:var(--graphite);font-size:16px;max-width:480px;margin:0 auto 28px;line-height:1.65;}

/* ---------- final cta ---------- */
.final-cta{
  background:var(--ink);
  color:var(--white);text-align:center;padding:150px 0;position:relative;overflow:hidden;
}
.final-cta::before{content:"";position:absolute;top:-25%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(182,122,67,.24),transparent 65%);}
.final-cta h2{font-size:clamp(2.4rem,5.5vw,4.4rem);position:relative;max-width:820px;margin:0 auto;color:var(--white);}
.final-cta .section-sub{margin:24px auto 0;color:rgba(250,250,249,.6);text-align:center;position:relative;}
.final-cta-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;margin-top:42px;}
.final-cta-note{margin-top:22px;font-size:12.5px;color:rgba(250,250,249,.4);position:relative;}

/* ---------- footer ---------- */
footer{background:var(--paper-2);padding-top:90px;}
.footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr .8fr;gap:36px;padding-bottom:70px;border-bottom:1px solid var(--hairline);}
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;row-gap:44px;}}
@media(max-width:560px){.footer-top{grid-template-columns:1fr;}}
.footer-brand .logo{margin-bottom:16px;}
.footer-brand p{font-size:14px;color:var(--graphite);max-width:260px;line-height:1.6;}
.footer-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);margin-bottom:20px;}
.footer-col a{display:block;font-size:14.5px;padding:6px 0;color:var(--ink);opacity:.75;transition:opacity .2s ease;}
.footer-col a:hover{opacity:1;color:var(--bronze-text);}
.footer-news p{font-size:13px;color:var(--graphite);margin-top:14px;line-height:1.6;}
.footer-news p a{color:var(--bronze-text);text-decoration:underline;text-underline-offset:2px;}
.footer-news .s-link{font-size:14px;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-size:12.5px;color:var(--graphite);flex-wrap:wrap;gap:14px;}
.footer-bottom .socials{display:flex;gap:20px;}

/* ---------- example automations ---------- */
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:16px;}
@media(max-width:860px){.example-grid{grid-template-columns:1fr;}}
.example-card{background:var(--white);padding:38px 34px;transition:background .3s ease, transform .4s var(--ease), box-shadow .4s var(--ease);}
.example-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(10,10,11,.14);z-index:1;position:relative;}
.example-card .ex-num{font-family:var(--mono);font-size:12px;color:var(--bronze-text);letter-spacing:.08em;}
.example-card h3{font-size:21px;margin:14px 0 10px;}
.example-card .ex-problem{font-size:14.5px;color:var(--graphite);line-height:1.6;margin-bottom:20px;}
.example-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink);position:relative;}
.example-toggle::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--ink);transition:width .3s ease;}
.example-toggle:hover::after{width:100%;}
.example-toggle .arrow{transition:transform .35s var(--ease);}
.example-card.open .example-toggle .arrow{transform:rotate(180deg);}
.example-detail{max-height:0;overflow:hidden;transition:max-height .5s var(--ease);}
.example-card.open .example-detail{max-height:900px;}
.example-detail-inner{padding-top:26px;}
.ex-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite-2);margin:20px 0 9px;}
.ex-label:first-child{margin-top:0;}
.flow-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.flow-node{padding:8px 14px;border:1px solid var(--hairline);border-radius:100px;font-size:12.5px;font-weight:500;background:var(--paper-2);white-space:nowrap;}
.flow-arrow{color:var(--graphite-2);font-size:14px;}
.ex-text{font-size:14.5px;color:var(--graphite);line-height:1.65;}
.example-note{margin-top:32px;padding:20px 24px;border:1px solid var(--hairline);border-radius:10px;background:var(--paper-2);font-size:13.5px;color:var(--graphite);line-height:1.6;max-width:680px;}

/* ================================================================
   ONBOARDING EXPERIENCE (Start Your Project — full-screen takeover)
   ================================================================ */
html:has(.onboard-body){scroll-behavior:auto;}
.onboard-body{background:var(--ink);height:100vh;height:100dvh;overflow:hidden;}
.onboard{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;color:var(--paper);overflow:hidden;}

.onboard-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.onboard-bg .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.32;animation:orbDrift 26s ease-in-out infinite;}
.onboard-bg .orb-1{width:560px;height:560px;background:radial-gradient(circle,var(--bronze),transparent 70%);top:-16%;left:-10%;}
.onboard-bg .orb-2{width:480px;height:480px;background:radial-gradient(circle,var(--bronze-light),transparent 70%);bottom:-18%;right:-8%;animation-duration:32s;animation-delay:-8s;}
.onboard-bg .onboard-dots{position:absolute;inset:0;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 35%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 35%,#000,transparent 72%);}
@keyframes orbDrift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,32px) scale(1.08);}}
@media (prefers-reduced-motion: reduce){.onboard-bg .orb{animation:none;}}

.onboard-progress{position:relative;z-index:5;height:2px;background:rgba(250,250,249,.08);flex-shrink:0;}
.onboard-progress .fill{height:100%;width:0%;background:linear-gradient(90deg,var(--bronze-text),var(--bronze-light));transition:width .6s var(--ease);}

.onboard-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;flex-shrink:0;}
.onboard-nav .logo{font-family:var(--display);font-size:19px;font-weight:700;color:var(--paper);}
.onboard-step-count{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,249,.45);}
.onboard-exit{font-size:13.5px;color:rgba(250,250,249,.55);transition:color .2s ease;}
.onboard-exit:hover{color:var(--paper);}

.onboard-stage{position:relative;z-index:2;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:20px 32px;overflow-y:auto;}
.onboard-step{display:none;width:100%;max-width:640px;margin:auto 0;}
.onboard-step.active{display:block;animation:onStepIn .6s var(--ease);}
@keyframes onStepIn{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.onboard-step.welcome{max-width:620px;text-align:center;margin:0 auto;}
.onboard-step.welcome h1{font-size:clamp(2.2rem,5.6vw,3.8rem);margin:20px 0 18px;color:var(--paper);}
.onboard-lead{font-size:17.5px;color:rgba(250,250,249,.6);line-height:1.65;max-width:480px;}
.onboard-step.welcome .onboard-lead{margin:0 auto 40px;}
.onboard-meta{margin-top:22px;font-family:var(--mono);font-size:12px;color:rgba(250,250,249,.4);}
.onboard-step h2{font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--paper);margin-bottom:10px;}
.onboard-step .step-sub{color:rgba(250,250,249,.55);font-size:15px;margin-bottom:32px;}

.hint-list{margin:0 0 28px;padding:18px 20px;border:1px solid rgba(250,250,249,.12);border-radius:10px;background:rgba(250,250,249,.02);}
.hint-list li{font-size:13.5px;color:rgba(250,250,249,.5);line-height:1.6;padding:3px 0;}

.f-field{position:relative;margin-bottom:18px;}
.f-field input,.f-field textarea{
  width:100%;padding:22px 18px 10px;border:1px solid rgba(250,250,249,.14);border-radius:10px;
  background:rgba(250,250,249,.03);color:var(--paper);font-size:15.5px;font-family:inherit;
  transition:border-color .2s ease, background .2s ease;
}
.f-field textarea{min-height:130px;resize:vertical;padding-top:26px;}
.f-field label{
  position:absolute;left:18px;top:20px;font-size:15.5px;color:rgba(250,250,249,.4);
  pointer-events:none;transition:all .2s var(--ease);
}
.f-field input:focus,.f-field textarea:focus{outline:none;border-color:var(--bronze-light);background:rgba(250,250,249,.05);box-shadow:0 0 0 3px rgba(182,122,67,.14);}
.f-field input:focus + label,.f-field input:not(:placeholder-shown) + label,
.f-field textarea:focus + label,.f-field textarea:not(:placeholder-shown) + label{
  top:9px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-family:var(--mono);color:var(--bronze-light);
}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:640px){.f-row{grid-template-columns:1fr;}}

.field-group-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,249,.45);margin:30px 0 14px;}
.field-group-label:first-child{margin-top:0;}

.opt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:640px){.opt-grid{grid-template-columns:1fr 1fr;}}
.opt-card{
  padding:16px 14px;border:1px solid rgba(250,250,249,.14);border-radius:10px;text-align:center;
  font-size:13.5px;font-weight:500;cursor:pointer;transition:all .25s var(--ease);background:rgba(250,250,249,.02);
  color:rgba(250,250,249,.78);
}
.opt-card:hover{border-color:rgba(250,250,249,.32);transform:translateY(-2px);}
.opt-card:active{transform:translateY(-1px) scale(.98);}
.opt-card:focus-visible,.choice-card:focus-visible{outline:2px solid var(--bronze-light);outline-offset:2px;}
.opt-card.checked{border-color:var(--bronze-light);background:rgba(182,122,67,.16);color:var(--paper);box-shadow:0 0 0 1px var(--bronze-light) inset;}

.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:560px){.choice-grid{grid-template-columns:1fr;}}
.choice-card{padding:18px 20px;border:1px solid rgba(250,250,249,.14);border-radius:10px;cursor:pointer;transition:all .25s var(--ease);background:rgba(250,250,249,.02);}
.choice-card:hover{border-color:rgba(250,250,249,.32);transform:translateY(-2px);}
.choice-card:active{transform:translateY(-1px) scale(.98);}
.choice-card.checked{border-color:var(--bronze-light);background:rgba(182,122,67,.16);box-shadow:0 0 0 1px var(--bronze-light) inset;}
.choice-card .c-label{font-weight:600;font-size:15px;color:var(--paper);}

.onboard-actions{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px 26px;max-width:640px;margin:0 auto;width:100%;flex-shrink:0;}
.onboard-actions[hidden]{display:none;}
.onboard-privacy-note{position:relative;z-index:5;text-align:center;padding-bottom:20px;font-size:11.5px;color:rgba(250,250,249,.32);flex-shrink:0;}
.onboard-privacy-note a{text-decoration:underline;text-underline-offset:2px;color:rgba(250,250,249,.45);}

.processing-stage{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;flex-direction:column;background:var(--ink);}
.processing-stage.active{display:flex;animation:onStepIn .5s var(--ease);}
.ring-wrap{position:relative;width:120px;height:120px;margin-bottom:36px;animation:ringPulse 2.6s ease-in-out infinite;}
@keyframes ringPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.035);}}
@media (prefers-reduced-motion: reduce){.ring-wrap{animation:none;}}
.ring-wrap .ring-glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(182,122,67,.32),transparent 70%);filter:blur(18px);animation:glowPulse 2.6s ease-in-out infinite;pointer-events:none;}
@keyframes glowPulse{0%,100%{opacity:.5;}50%{opacity:.95;}}
@media (prefers-reduced-motion: reduce){.ring-wrap .ring-glow{animation:none;opacity:.7;}}
.processing-progress{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--bronze-light);margin-top:14px;min-height:16px;}
.progress-ring{width:120px;height:120px;transform:rotate(-90deg);}
.progress-ring circle{fill:none;stroke-width:2;}
.progress-ring .track{stroke:rgba(250,250,249,.1);}
.progress-ring .bar{stroke:var(--bronze-light);stroke-linecap:round;stroke-dasharray:326;stroke-dashoffset:326;transition:stroke-dashoffset .7s var(--ease);}
.processing-text{font-family:var(--mono);font-size:13.5px;letter-spacing:.04em;color:rgba(250,250,249,.65);text-align:center;min-height:20px;transition:opacity .25s ease;}

.final-stage{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:var(--ink);padding:32px;}
.final-stage.active{display:flex;}
.final-check{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--bronze-text),var(--bronze-light));display:flex;align-items:center;justify-content:center;margin-bottom:30px;animation:checkPop .5s var(--ease);color:var(--ink);}
@keyframes checkPop{from{opacity:0;transform:scale(.6);}to{opacity:1;transform:scale(1);}}
.final-stage h2{font-size:clamp(1.9rem,4vw,2.8rem);color:var(--paper);max-width:600px;margin-bottom:12px;}
.final-checklist{margin:28px 0 40px;text-align:left;max-width:440px;}
.final-checklist li{display:flex;gap:14px;padding:11px 0;font-size:15px;color:rgba(250,250,249,.75);opacity:0;transform:translateY(10px);animation:checklistIn .5s var(--ease) forwards;}
@keyframes checklistIn{to{opacity:1;transform:translateY(0);}}
.final-checklist li svg{flex-shrink:0;color:var(--bronze-light);margin-top:2px;}
.final-fallback{margin-top:6px;font-size:12px;color:rgba(250,250,249,.35);}
.final-fallback a{color:rgba(250,250,249,.55);text-decoration:underline;text-underline-offset:2px;}

/* ---------- typing effect (onboard welcome) ---------- */
.type-caret{display:inline-block;width:2px;height:.85em;background:var(--bronze-light);margin-left:4px;vertical-align:-.1em;animation:caretBlink 1s step-end infinite;}
@keyframes caretBlink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
@media (prefers-reduced-motion: reduce){.type-caret{animation:none;opacity:0;}}

/* ---------- button shimmer sweep (bronze CTAs) ---------- */
.btn-bronze{isolation:isolate;}
.btn-bronze::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:34%;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.32),transparent);
  transform:skewX(-18deg);transition:left .75s var(--ease);
}
.btn-bronze:hover::after{left:130%;}
@media (prefers-reduced-motion: reduce){.btn-bronze::after{transition:none;left:-60%;}}

/* ---------- generic onboarding stage (score / summary / preview) ---------- */
.stage-overlay{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--ink);padding:32px;overflow-y:auto;}
.stage-overlay.active{display:flex;animation:onStepIn .55s var(--ease);}
.stage-overlay .stage-inner{max-width:560px;width:100%;}
.stage-overlay .btn{margin-top:34px;}

/* score */
.score-ring-wrap{position:relative;width:200px;height:200px;margin:0 auto 30px;}
.score-ring{width:200px;height:200px;transform:rotate(-90deg);}
.score-ring circle{fill:none;stroke-width:6;}
.score-ring .track{stroke:rgba(250,250,249,.08);}
.score-ring .bar{stroke:var(--bronze-light);stroke-linecap:round;stroke-dasharray:552;stroke-dashoffset:552;transition:stroke-dashoffset 1.3s var(--ease);}
.score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.score-num .num{font-family:var(--display);font-size:clamp(2.6rem,6vw,3.6rem);font-weight:700;color:var(--paper);letter-spacing:-.02em;}
.score-num .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,249,.4);margin-top:4px;}
.score-title{font-size:clamp(1.7rem,3.4vw,2.3rem);color:var(--paper);margin-bottom:8px;}
.score-disclaimer{font-size:12px;color:rgba(250,250,249,.4);margin-top:8px;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.6;}
.score-tiers{text-align:left;margin-top:34px;display:flex;flex-direction:column;gap:22px;}
.score-tier .tier-label{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px;}
.score-tier .tier-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.score-tier.high .tier-dot{background:var(--bronze-light);}
.score-tier.medium .tier-dot{background:rgba(250,250,249,.5);}
.score-tier.low .tier-dot{background:rgba(250,250,249,.25);}
.score-tier.high .tier-label{color:var(--bronze-light);}
.score-tier.medium .tier-label{color:rgba(250,250,249,.65);}
.score-tier.low .tier-label{color:rgba(250,250,249,.4);}
.score-tier ul{display:flex;flex-wrap:wrap;gap:8px;}
.score-tier li{padding:8px 14px;border:1px solid rgba(250,250,249,.14);border-radius:100px;font-size:13px;color:rgba(250,250,249,.75);opacity:0;transform:translateY(8px);animation:checklistIn .45s var(--ease) forwards;}

/* summary */
.summary-eyebrow{margin:0 auto 20px;}
.summary-text{font-size:18px;line-height:1.7;color:rgba(250,250,249,.75);text-align:left;}
.summary-text strong{color:var(--paper);font-weight:600;}
.summary-text + .summary-text{margin-top:16px;}

/* proposal preview */
.preview-list{text-align:left;margin:30px 0 0;display:flex;flex-direction:column;gap:2px;}
.preview-list li{display:flex;align-items:center;gap:14px;padding:15px 4px;border-top:1px solid rgba(250,250,249,.1);font-size:15.5px;color:rgba(250,250,249,.8);opacity:0;transform:translateY(8px);animation:checklistIn .45s var(--ease) forwards;}
.preview-list li:last-child{border-bottom:1px solid rgba(250,250,249,.1);}
.preview-list li svg{flex-shrink:0;color:var(--bronze-light);}

/* proposal preview — icon cards */
.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;text-align:left;}
.preview-cards .preview-card:last-child:nth-child(odd){grid-column:1 / -1;}
@media(max-width:560px){.preview-cards{grid-template-columns:1fr;} .preview-cards .preview-card:last-child:nth-child(odd){grid-column:auto;}}
.preview-card{padding:24px 22px;border:1px solid rgba(250,250,249,.12);border-radius:12px;background:rgba(250,250,249,.03);opacity:0;transform:translateY(10px);animation:checklistIn .5s var(--ease) forwards;transition:border-color .3s ease,background .3s ease;}
.preview-card:hover{border-color:rgba(182,122,67,.4);background:rgba(182,122,67,.06);}
.preview-card .pc-icon{width:30px;height:30px;color:var(--bronze-light);margin-bottom:16px;}
.preview-card h4{font-size:14.5px;font-weight:600;color:var(--paper);letter-spacing:-.005em;}

/* what happens next — timeline + trust card */
.next-timeline{text-align:left;margin:30px auto 0;max-width:440px;display:flex;flex-direction:column;}
.next-timeline li{display:flex;gap:16px;padding:9px 0;font-size:15px;color:rgba(250,250,249,.78);opacity:0;transform:translateY(8px);animation:checklistIn .5s var(--ease) forwards;position:relative;}
.next-timeline li .nt-icon{width:26px;height:26px;border-radius:50%;background:rgba(182,122,67,.16);color:var(--bronze-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;position:relative;z-index:1;}
.next-timeline li .nt-icon svg{width:14px;height:14px;}
.next-timeline li:not(:last-child) .nt-icon::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:1.5px;height:26px;background:linear-gradient(rgba(182,122,67,.5),rgba(182,122,67,.12));}
.next-timeline li span.nt-text{padding-top:3px;}

.trust-card{margin-top:34px;padding:26px 28px;border:1px solid rgba(182,122,67,.3);border-radius:14px;background:rgba(182,122,67,.08);text-align:left;display:flex;gap:18px;align-items:flex-start;max-width:440px;margin-left:auto;margin-right:auto;}
.trust-card .trust-icon{width:42px;height:42px;border-radius:50%;background:rgba(182,122,67,.18);display:flex;align-items:center;justify-content:center;color:var(--bronze-light);flex-shrink:0;}
.trust-card h3{font-size:16px;color:var(--paper);margin-bottom:6px;font-family:var(--display);}
.trust-card p{font-size:13.5px;color:rgba(250,250,249,.6);line-height:1.65;}

.final-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px;}

/* ---------- workflow diagrams (Example Automations) ---------- */
.flagship-flow{background:var(--ink);border-radius:20px;padding:56px 40px;position:relative;overflow:hidden;margin-bottom:56px;}
.flagship-flow .glow{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(182,122,67,.28),transparent 70%);filter:blur(20px);pointer-events:none;}
.flagship-flow-head{position:relative;text-align:center;margin-bottom:44px;}
.flagship-flow-head h2{color:var(--paper);font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:10px;}
.flagship-flow-head p{color:rgba(250,250,249,.55);font-size:15px;max-width:480px;margin:0 auto 26px;}
.run-flow-btn{position:relative;display:inline-flex;align-items:center;gap:10px;}
.flow-diagram{position:relative;max-width:340px;margin:0 auto;}
.flow-diagram .fd-line{position:absolute;left:23px;top:8px;bottom:8px;width:1px;background:rgba(250,250,249,.12);}
.flow-diagram .fd-line-fill{position:absolute;left:0;top:0;width:100%;height:0%;background:linear-gradient(180deg,var(--bronze-text),var(--bronze-light));transition:height .5s var(--ease);}
.fd-step{position:relative;display:flex;align-items:center;gap:20px;padding-bottom:34px;}
.fd-step:last-child{padding-bottom:0;}
.fd-node{
  width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--ink-2);border:1px solid rgba(250,250,249,.16);color:rgba(250,250,249,.4);
  font-family:var(--mono);font-size:13px;font-weight:600;transition:all .4s var(--ease);position:relative;z-index:1;
}
.fd-step.active .fd-node{border-color:var(--bronze-light);color:var(--bronze-light);background:rgba(182,122,67,.16);box-shadow:0 0 0 4px rgba(182,122,67,.14);transform:scale(1.08);}
.fd-step.done .fd-node{border-color:var(--bronze-light);color:var(--ink);background:var(--bronze-light);}
.fd-label{font-size:15px;font-weight:500;color:rgba(250,250,249,.45);transition:color .4s ease;}
.fd-step.active .fd-label, .fd-step.done .fd-label{color:var(--paper);}

/* mini runnable flow inside example cards */
.flow-row.runnable{position:relative;}
.flow-node{transition:all .35s var(--ease);}
.flow-node.active{border-color:var(--bronze-text);background:var(--ink);color:var(--paper);box-shadow:0 0 0 3px rgba(182,122,67,.14);}
.flow-node.done{border-color:var(--bronze-text);background:var(--paper-2);color:var(--bronze-text);}
.run-mini-btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--bronze-text);margin-bottom:14px;}
.run-mini-btn svg{transition:transform .3s ease;}
.run-mini-btn.running svg{animation:spinIcon 1s linear infinite;}
@keyframes spinIcon{to{transform:rotate(360deg);}}

/* ---------- ROI calculator ---------- */
.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:24px;}
@media(max-width:860px){.roi-grid{grid-template-columns:1fr;gap:36px;}}
.roi-inputs{display:flex;flex-direction:column;gap:32px;background:var(--white);border:1px solid var(--hairline);border-radius:14px;padding:34px;}
.roi-field label{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;font-weight:600;margin-bottom:12px;color:var(--ink);}
.roi-field label .roi-val{font-family:var(--mono);color:var(--bronze-text);font-weight:600;}
.roi-field input[type="range"]{width:100%;accent-color:var(--bronze-text);height:4px;cursor:pointer;}
.roi-field input[type="range"]:focus-visible{outline:2px solid var(--bronze-text);outline-offset:4px;}
.try-ai-chip:focus-visible{outline:2px solid var(--bronze-light);outline-offset:2px;}
.roi-outputs{background:var(--ink);border-radius:14px;padding:36px 34px;color:var(--paper);}
.roi-stat{padding:18px 0;border-top:1px solid rgba(250,250,249,.1);}
.roi-stat:first-child{border-top:none;padding-top:0;}
.roi-stat .roi-num{font-family:var(--display);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;color:var(--bronze-light);letter-spacing:-.01em;}
.roi-stat .roi-lbl{font-size:13px;color:rgba(250,250,249,.55);margin-top:4px;}
.roi-bar-track{height:6px;border-radius:4px;background:rgba(250,250,249,.09);margin-top:14px;overflow:hidden;}
.roi-bar-fill{height:100%;border-radius:4px;width:0%;background:linear-gradient(90deg,var(--bronze-text),var(--bronze-light));transition:width .7s var(--ease);}
.roi-disclaimer{margin-top:22px;font-size:11.5px;color:rgba(250,250,249,.35);line-height:1.6;}

/* ---------- comparison cards (Why Ilvern) ---------- */
.compare-cards{max-width:840px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media(max-width:700px){.compare-cards{grid-template-columns:1fr;}}
.compare-card{padding:36px 32px;border-radius:16px;text-align:left;}
.compare-card.trad{border:1px solid rgba(250,250,249,.12);background:rgba(250,250,249,.02);}
.compare-card.ilvern{border:1px solid rgba(182,122,67,.35);background:rgba(182,122,67,.07);position:relative;overflow:hidden;}
.compare-card .cc-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(250,250,249,.4);margin-bottom:8px;}
.compare-card.ilvern .cc-tag{color:var(--bronze-light);}
.compare-card h3{font-family:var(--display);font-size:20px;color:var(--paper);margin-bottom:22px;letter-spacing:-.01em;}
.compare-card ul{display:flex;flex-direction:column;gap:2px;}
.compare-card li{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid rgba(250,250,249,.08);font-size:14.5px;color:rgba(250,250,249,.65);}
.compare-card li:first-of-type{border-top:none;}
.compare-card.ilvern li{color:rgba(250,250,249,.88);}
.compare-card li .cc-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.compare-card.trad li .cc-icon{background:rgba(250,250,249,.08);color:rgba(250,250,249,.4);}
.compare-card.ilvern li .cc-icon{background:rgba(182,122,67,.18);color:var(--bronze-light);}
.compare-card li .cc-icon svg{width:11px;height:11px;}
.compare-card.ilvern:hover{transform:translateY(-3px);border-color:rgba(182,122,67,.55);transition:transform .35s var(--ease),border-color .35s ease;}

/* ---------- client portal preview ---------- */
.portal-mock{border:1px solid var(--hairline);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -32px rgba(10,10,11,.18);}
.portal-mock-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--paper-2);border-bottom:1px solid var(--hairline);}
.portal-dot{width:9px;height:9px;border-radius:50%;background:var(--hairline-dark);opacity:.25;}
.portal-mock-title{margin-left:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--graphite);}
.portal-mock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);}
@media(max-width:900px){.portal-mock-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.portal-mock-grid{grid-template-columns:1fr;}}
.portal-card{background:var(--white);padding:28px 24px;transition:background .3s ease;}
.portal-card:hover{background:var(--paper);}
.portal-card h3{font-size:18px;margin:12px 0 6px;}
.portal-card p{font-size:13px;color:var(--graphite);line-height:1.55;}

/* ---------- Try AI Live ---------- */
.try-ai-box{max-width:680px;margin:0 auto;background:rgba(250,250,249,.03);border:1px solid rgba(250,250,249,.14);border-radius:14px;padding:28px;}
.try-ai-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.try-ai-chip{padding:8px 14px;border:1px solid rgba(250,250,249,.14);border-radius:100px;font-size:12.5px;color:rgba(250,250,249,.6);transition:all .2s ease;background:transparent;}
.try-ai-chip:hover{border-color:var(--bronze-light);color:var(--paper);transform:translateY(-1px);}
.try-ai-box textarea{width:100%;min-height:120px;padding:16px;border:1px solid rgba(250,250,249,.14);border-radius:10px;background:rgba(250,250,249,.03);color:var(--paper);font-size:15px;font-family:inherit;resize:vertical;margin-bottom:16px;transition:border-color .2s ease;}
.try-ai-box textarea:focus{outline:none;border-color:var(--bronze-light);box-shadow:0 0 0 3px rgba(182,122,67,.14);}
.try-ai-box .btn.running{opacity:.7;}
.try-ai-response{max-width:680px;margin:0 auto;background:rgba(182,122,67,.08);border:1px solid rgba(182,122,67,.25);border-radius:14px;max-height:0;overflow:hidden;opacity:0;transition:all .5s var(--ease);}
.try-ai-response.active{padding:26px 28px;max-height:400px;opacity:1;margin-top:24px;}
.try-ai-output{font-size:15px;line-height:1.7;color:rgba(250,250,249,.85);margin-top:8px;}
.try-ai-output.typing::after{content:"▍";animation:caretBlink 1s step-end infinite;margin-left:2px;color:var(--bronze-light);}

/* ---------- mobile sticky cta ---------- */
.mobile-sticky{
  position:fixed;bottom:0;left:0;right:0;z-index:90;
  background:rgba(250,250,249,.94);backdrop-filter:blur(12px);
  border-top:1px solid var(--hairline);padding:14px 20px;
  display:none;justify-content:center;
  transform:translateY(100%);transition:transform .4s ease;
}
.mobile-sticky.show{transform:translateY(0);}
.mobile-sticky .btn{width:100%;}
@media(max-width:768px){.mobile-sticky{display:flex;}.hamburger{display:flex;}.nav-links{display:none;}}