:root{
  --paper:#FAF8F3; --paper2:#F1EDE3; --ink:#131210; --ink2:#3E3B36; --muted:#6E6A61;
  --line:#E3DDD0; --accent:#C94A12; --accent-dark:#9E3608; --dark:#131210; --dark2:#1E1C19;
  --card:#FFFFFF; --green:#1B4D2E;
}
@media (prefers-color-scheme: dark){
  :root{ --paper:#121110; --paper2:#1A1815; --ink:#F5F1E8; --ink2:#D8D2C4; --muted:#A8A195; --line:#2C2924; --card:#1C1A17; --accent:#FF6B2B; }
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Archivo",system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit} img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.serif{font-family:inherit;font-style:italic;font-weight:500}

/* header */
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;flex-wrap:wrap}
.logo{font-weight:900;letter-spacing:-.03em;font-size:22px;line-height:1;text-decoration:none}
.logo span{color:var(--accent)}
.logo small{display:block;font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--muted);margin-top:3px}
.head nav{display:none;gap:20px;font-size:13px;font-weight:600;color:var(--ink2)}
@media(min-width:900px){.head nav{display:flex}}
.head nav a{text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;font-size:15px;padding:14px 22px;border-radius:999px;border:1px solid var(--accent);cursor:pointer;line-height:1;text-align:center}
.btn:hover{background:var(--accent-dark)}
.btn.small{padding:11px 18px;font-size:13px}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}

/* hero */
.hero{padding:36px 0 0}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 12px;font-size:11px;letter-spacing:.14em;font-weight:800}
.dot{width:8px;height:8px;border-radius:50%;background:#E4571d;flex:none}
.hero h1{font-size:clamp(38px,6.2vw,68px);line-height:.96;letter-spacing:-.04em;font-weight:900;margin:18px 0 16px;max-width:820px}
.hero h1 em{font-family:inherit;font-style:italic;font-weight:500;letter-spacing:-.02em}
.hero p.lead{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--ink2);max-width:640px;margin:0}
.hero-grid{display:grid;gap:28px}
@media(min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr;align-items:start}}
.hero-img{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#ddd}
.hero-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.caption{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}
.qual{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.qual span{font-size:12px;font-weight:700;border:1px solid var(--line);padding:8px 11px;border-radius:999px;background:var(--paper2)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}
.micro{font-size:12.5px;color:var(--muted)}
.scarcity{margin-top:22px;background:var(--dark);color:#F7F2E8;border-radius:14px;padding:16px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.scarcity b{font-size:15px} .scarcity p{margin:2px 0 0;font-size:13px;color:#CFC8B8}
.spots{display:flex;gap:6px} .spots i{width:34px;height:34px;border-radius:50%;border:1.5px solid #F7F2E8;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px}
.spots i.filled{background:var(--accent);border-color:var(--accent);color:#fff}

/* orchestration band */
.band{background:var(--dark);color:#F6F1E6;margin-top:44px}
.band .kicker{color:#FF8A4D}
.band h2{color:#fff}
.band .sub{color:#CFC8B8}
.band-grid{display:grid;gap:22px;margin-top:26px}
@media(min-width:860px){.band-grid{grid-template-columns:1fr 1fr 1fr}}
.band-col{border-top:2px solid #3A372F;padding-top:14px}
.band-col.hot{border-top-color:var(--accent)}
.band-col h3{margin:0 0 8px;font-size:16px}
.band-col p,.band-col li{color:#CFC8B8;font-size:14px}
.band-col ul{margin:0;padding-left:18px;display:grid;gap:6px}
.band-col p{margin:0;line-height:1.55}
.win{margin-top:28px;border:1px solid #3A372F;border-radius:14px;padding:18px 20px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.win b{font-size:19px;letter-spacing:-.01em}
.win p{margin:0;color:#CFC8B8;font-size:14px;max-width:560px}

/* sections */
section{padding:56px 0}
.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent);text-transform:uppercase}
h2{font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.03em;margin:10px 0 12px}
.sub{color:var(--ink2);max-width:640px;font-size:16.5px}

/* pain */
.pain-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:760px){.pain-grid{grid-template-columns:1fr 1fr}}
.pain{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.pain h3{margin:0 0 6px;font-size:17px;letter-spacing:-.01em}
.pain p{margin:0;color:var(--ink2);font-size:14.5px}
.pain .time{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent);margin-bottom:10px;display:block}
.promise{margin-top:18px;border-radius:14px;background:var(--paper2);border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--line));padding:20px 22px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.promise p{margin:0;font-size:18px;font-weight:700;max-width:560px;line-height:1.35}
.promise p span{color:var(--accent)}

/* commission math */
.math{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.math-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:860px){.math-grid{grid-template-columns:repeat(3,1fr)}}
.math-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.math-card .big{font-size:clamp(30px,3.4vw,40px);font-weight:900;letter-spacing:-.03em;line-height:1.05;color:var(--accent)}
.math-card h3{margin:10px 0 6px;font-size:16.5px}
.math-card p{margin:0;color:var(--ink2);font-size:14px;line-height:1.55}
.math-eq{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;font-size:15px;line-height:1.7}
.math-eq b{color:var(--accent)}
.math-eq .row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px dashed var(--line);padding:6px 0}
.math-eq .row:last-child{border-bottom:0}
.math-eq .row span:last-child{font-weight:800;white-space:nowrap}

/* steps / scheduling */
.steps{display:grid;gap:14px;margin-top:28px}
@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{border-top:3px solid var(--ink);padding-top:16px}
.step b.num{font-size:13px;letter-spacing:.12em;color:var(--muted)}
.step h3{margin:8px 0 6px;font-size:19px}
.step p{margin:0;color:var(--ink2);font-size:14.5px}
.step .when{margin-top:12px;font-size:12px;font-weight:800;background:var(--paper2);display:inline-block;padding:6px 9px;border-radius:999px}
.timeline{margin-top:26px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}
.timeline h3{margin:0;padding:18px 20px 4px;font-size:17px}
.timeline .tl-sub{padding:0 20px 12px;color:var(--muted);font-size:13px;margin:0}
.tl-row{display:grid;gap:4px;padding:14px 20px;border-top:1px solid var(--line)}
@media(min-width:760px){.tl-row{grid-template-columns:170px 1fr;gap:18px}}
.tl-row b{font-size:12px;letter-spacing:.1em;color:var(--accent)}
.tl-row p{margin:0;font-size:14.5px;color:var(--ink2)}
.tl-row p strong{color:var(--ink)}

/* packages */
.pkgs{background:var(--dark);color:#F6F1E6;margin:12px 0 0}
.pkgs .sub{color:#CFC8B8} .pkgs h2{color:#fff}
.modetabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.modetabs span{font-size:12px;font-weight:800;letter-spacing:.1em;border:1px solid #3A372F;border-radius:999px;padding:8px 13px;color:#F6F1E6}
.modetabs span i{font-style:normal;color:var(--accent);margin-right:6px}
.pkg-grid{display:grid;gap:16px;margin-top:30px}
@media(min-width:920px){.pkg-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.pkg{background:#1E1C19;border:1px solid #33302A;border-radius:18px;padding:24px;display:flex;flex-direction:column}
.pkg.featured{background:#fff;color:#131210;border-color:#fff;position:relative}
.badge{position:absolute;top:-11px;left:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:6px 10px;border-radius:999px}
.pkg label{font-size:11px;letter-spacing:.16em;font-weight:800;opacity:.7}
.pkg h3{font-size:22px;margin:8px 0 4px;letter-spacing:-.02em}
.price{font-size:36px;font-weight:900;letter-spacing:-.03em;line-height:1;margin:10px 0 2px}
.price small{font-size:14px;font-weight:600;opacity:.7;letter-spacing:0}
.upfront{font-size:13px;font-weight:700;color:var(--accent);margin:6px 0 16px}
.pkg ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px;font-size:14px;line-height:1.45}
.pkg li{padding-left:22px;position:relative}
.pkg li:before{content:"✓";position:absolute;left:0;font-weight:900;color:var(--accent)}
.pkg .btn{margin-top:auto;width:100%}
.pkg.featured .btn{background:var(--ink);border-color:var(--ink)}
.note{font-size:13px;color:#A99F8D;margin-top:16px;text-align:center}

/* use cases */
.case-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:760px){.case-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.case-grid{grid-template-columns:repeat(3,1fr)}}
.case{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.case .who{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--accent);display:block;margin-bottom:10px}
.case h3{margin:0 0 6px;font-size:16.5px;letter-spacing:-.01em}
.case p{margin:0;color:var(--ink2);font-size:14px;line-height:1.55}
.case .outcome{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;font-weight:700;color:var(--ink)}
.case .outcome span{color:var(--accent)}

/* carrot */
.carrot-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:760px){.carrot-grid{grid-template-columns:1fr 1fr}}
.carrot{ display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.carrot:last-child{border-bottom:0}
.carrot h3{margin:0 0 4px;font-size:16.5px}
.carrot p{margin:0;color:var(--ink2);font-size:14px}
.tag{flex:none;font-size:10px;font-weight:800;letter-spacing:.08em;padding:6px 8px;border-radius:999px;height:fit-content;white-space:nowrap}
.tag.live{background:#DDEEDD;color:#1B4D2E} .tag.beta{background:#FDE8C8;color:#7A4A00} .tag.next{background:var(--paper2);color:var(--ink2)}
@media(prefers-color-scheme:dark){.tag.live{background:#1E3A26;color:#BFE8C8}}

/* downloads */
.dl-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:860px){.dl-grid{grid-template-columns:repeat(3,1fr)}}
.dl-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column}
.dl-card .fmt{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--accent)}
.dl-card h3{margin:8px 0 6px;font-size:17.5px}
.dl-card p{margin:0 0 16px;color:var(--ink2);font-size:14px;line-height:1.55}
.dl-card .btn{margin-top:auto}

/* fit */
.fit{display:grid;gap:16px;margin-top:26px}
@media(min-width:760px){.fit{grid-template-columns:1fr 1fr}}
.fit-box{border-radius:14px;padding:22px;border:1px solid var(--line);background:var(--card)}
.fit-box.no{background:transparent}
.fit-box h3{margin:0 0 14px}
.fit-box ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--ink2);font-size:14.5px}

/* form */
.apply{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.form-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;max-width:720px}
.form-grid{display:grid;gap:12px}
@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}
.field label{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;margin-bottom:6px}
.field input,.field select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:15px}
.field.full{grid-column:1/-1}
.result{display:none;margin-top:16px;background:#EFF6EF;border:1px solid #BFD8BF;border-radius:12px;padding:18px;font-size:14px;line-height:1.6}
@media(prefers-color-scheme:dark){.result{background:#16241A;border-color:#2C4A33}}
.result.show{display:block}
.result h3{margin:0 0 8px;font-size:16px}
.result h4{margin:14px 0 6px;font-size:12px;letter-spacing:.1em;color:var(--accent)}
.result ul,.result ol{margin:0;padding-left:18px;display:grid;gap:5px}
.result .fineprint{margin-top:12px;font-size:12.5px;color:var(--muted)}
.autoresp{margin-top:26px;max-width:720px;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.autoresp-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.autoresp-head b{font-size:14px}
.autoresp-head span{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--accent)}
.autoresp-body{padding:18px 20px;font-size:14px;line-height:1.65;color:var(--ink2);white-space:pre-wrap;word-break:break-word}
.autoresp-body strong{color:var(--ink)}
.faq{display:grid;gap:0;margin-top:24px;max-width:720px}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{font-weight:700;cursor:pointer}
.faq p{color:var(--ink2);font-size:14.5px;margin:8px 0 0}

/* our model */
.model-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:860px){.model-grid{grid-template-columns:1fr 1fr}}
.model-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.model-card h3{margin:0 0 10px;font-size:17px}
.model-card ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--ink2);font-size:14.5px;line-height:1.5}
.model-card ul b{color:var(--ink)}
.model-line{margin-top:22px;text-align:center;font-size:clamp(22px,3.4vw,32px);font-weight:900;letter-spacing:-.02em}
.model-line span{color:var(--accent)}

/* what we're not */
.not-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:760px){.not-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.not-grid{grid-template-columns:repeat(3,1fr)}}
.not-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:transparent}
.not-card h3{margin:0 0 6px;font-size:16.5px}
.not-card h3 span{color:var(--accent);margin-right:6px}
.not-card p{margin:0;color:var(--ink2);font-size:14px;line-height:1.55}
.not-card.yes{background:var(--dark);color:#F6F1E6;border-color:var(--dark)}
.not-card.yes p{color:#CFC8B8}
.not-card.yes h3 span{color:#FF8A4D}

/* share kit modal */
.kit-overlay{display:none;position:fixed;inset:0;z-index:50;background:rgba(10,9,8,.62);padding:18px;overflow:auto}
.kit-overlay.open{display:block}
.kit-panel{background:var(--paper);color:var(--ink);border-radius:18px;max-width:680px;margin:4vh auto;padding:24px;border:1px solid var(--line)}
.kit-panel h3{margin:0 0 4px;font-size:21px;letter-spacing:-.02em}
.kit-panel .kit-sub{margin:0 0 14px;color:var(--muted);font-size:13.5px}
.kit-text{width:100%;min-height:300px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:16px;font:13.5px/1.6 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap}
.kit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.kit-close{float:right}
.tc-link{display:inline-flex}
.pkg .pkg-tc{background:transparent;border-color:#4A463E;color:#F6F1E6;margin-top:10px;width:100%}
.pkg .pkg-tc:hover{border-color:#F6F1E6;background:transparent}
.pkg.featured .pkg-tc{border-color:var(--line);color:var(--ink)}
.mod-soon{display:grid;gap:12px;margin-top:18px}
.mod-soon .case{border-style:dashed}

footer{padding:0;color:var(--muted);font-size:13.5px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;border-top:1px solid var(--line);padding:28px 0 36px}
.foot-left{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.4}
.foot-brand{font-weight:800;letter-spacing:-.02em;color:var(--ink);font-size:15px}
.foot-brand span{color:var(--accent)}
.foot-tag{color:var(--muted);font-weight:300}
.foot-right{color:var(--muted);font-size:12.5px;letter-spacing:.04em;white-space:nowrap}
@media(max-width:640px){.foot{flex-direction:column;align-items:flex-start;gap:4px;padding:24px 0 32px}.foot-right{white-space:normal}}

/* ===== FABRIC ELEVATION — dark editorial, champagne gold, woven thread ===== */
:root{
  --paper:#0E0D0B; --paper2:#161411; --ink:#F4EFE3; --ink2:#D8D1C0; --muted:#A29A89;
  --line:rgba(244,239,227,.13); --accent:#C8A96A; --accent-dark:#A88C52;
  --dark:#0B0A08; --dark2:#161411; --card:#171512; --green:#BFE8C8;
  color-scheme:dark;
}
html{background:var(--paper)}
body{background:var(--paper);color:var(--ink);font-weight:400;letter-spacing:.002em}
::selection{background:var(--accent);color:#14110A}
.wrap{max-width:1180px;padding:0 24px}
section{padding:88px 0}
@media(max-width:640px){section{padding:64px 0}.wrap{padding:0 18px}}
.kicker{color:var(--accent);letter-spacing:.24em;font-size:11px}
h2{font-weight:400;letter-spacing:-.035em;line-height:1.02}
.sub{color:var(--ink2);font-weight:300;font-size:17.5px;line-height:1.65}
.micro{color:var(--muted)}

/* header */
header{background:rgba(14,13,11,.86);border-bottom:1px solid var(--line)}
.logo{font-weight:800}
.logo span{color:var(--accent)}
.head nav a{position:relative;padding:4px 0;color:var(--ink2);transition:color .3s cubic-bezier(0.2,0,0,1)}
.head nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--accent);transition:width .35s cubic-bezier(.22,1,.36,1)}
.head nav a:hover{color:var(--ink)}
.head nav a:hover::after{width:100%}

/* buttons — micro-interactions */
.btn{background:var(--accent);border-color:var(--accent);color:#17130A;font-weight:700;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(0.2,0,0,1),background .3s cubic-bezier(0.2,0,0,1),border-color .3s cubic-bezier(0.2,0,0,1);will-change:transform}
.btn:hover{background:#D8BC82;border-color:#D8BC82;transform:translateY(-1px);box-shadow:0 10px 28px -12px rgba(200,169,106,.55)}
.btn:active{transform:translateY(0) scale(.985)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:#14120E}
.btn.dark:hover{background:#FFFDF6;border-color:#FFFDF6}
.btn.ghost{background:transparent;color:var(--ink);border-color:rgba(244,239,227,.28)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent);background:rgba(200,169,106,.06);box-shadow:none}

/* hero + woven thread field */
.hero{position:relative;padding:64px 0 8px;overflow:visible}
.thread-hero{position:absolute;inset:-30px -60px auto -60px;height:560px;pointer-events:none;z-index:0;opacity:.9}
.thread-hero svg{width:100%;height:100%}
.thread-hero .warp,.thread-hero .weft{fill:none;stroke:var(--accent);stroke-width:1}
.thread-hero .warp{opacity:.16}
.thread-hero .weft{opacity:.10}
.thread-hero .goldline{stroke:#E7CF9C;opacity:.28}
@keyframes threadDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,14px,0)}}
@keyframes threadFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-240}}
.thread-hero .flow{stroke-dasharray:3 9;animation:threadFlow 30s linear infinite}
.thread-hero svg{animation:threadDrift 14s cubic-bezier(0.2,0,0,1) infinite alternate}
.hero-grid{position:relative;z-index:1}
.hero h1{font-size:clamp(46px,7.4vw,86px);font-weight:300;line-height:.98;letter-spacing:-.045em;max-width:900px}
.hero h1 em{color:var(--accent)}
.hero p.lead{font-weight:300;font-size:clamp(17.5px,2vw,20.5px);color:var(--ink2)}
.hero p.lead b{color:var(--ink);font-weight:600}
.pill{background:rgba(23,21,18,.8);border-color:var(--line);color:var(--ink2)}
.dot{background:var(--accent)}
.qual span{background:rgba(23,21,18,.7);border-color:var(--line);color:var(--ink2);font-weight:500}
.hero-img{border-color:var(--line);border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.scarcity{background:#12100D;border:1px solid var(--line);border-radius:16px}
.scarcity p{color:var(--muted)}
.spots i.filled{background:var(--accent);border-color:var(--accent);color:#17130A}

/* thread divider between sections (inserted by script) */
.thread-rule{height:26px;max-width:1180px;margin:0 auto;padding:0 24px;position:relative;opacity:.55}
.thread-rule::before,.thread-rule::after{content:"";position:absolute;left:24px;right:24px;top:50%;height:1px}
.thread-rule::before{background:linear-gradient(90deg,transparent,var(--line) 18%,rgba(200,169,106,.45) 50%,var(--line) 82%,transparent)}
.thread-rule::after{top:calc(50% + 5px);background:linear-gradient(90deg,transparent,transparent 22%,rgba(200,169,106,.22) 50%,transparent 78%,transparent)}

/* dark bands */
.band{background:#0B0A08;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band .kicker{color:var(--accent)}
.band-col{border-top:1px solid #33302A}
.band-col.hot{border-top:2px solid var(--accent)}
.band-col p,.band-col li{color:var(--ink2)}
.win{border-color:#33302A;background:#12100D}
.win p{color:var(--ink2)}
.pkgs{background:#0B0A08;border-top:1px solid var(--line)}
.pkgs .kicker{color:var(--accent)!important}
.modetabs span{border-color:#33302A}
.modetabs span i{color:var(--accent)}
.pkg{background:#171512;border-color:#2C2924;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(0.2,0,0,1),border-color .3s cubic-bezier(0.2,0,0,1)}
.pkg:hover{transform:translateY(-4px);border-color:rgba(200,169,106,.45);box-shadow:0 24px 44px -24px rgba(0,0,0,.8)}
.pkg.featured{background:#F4EFE3;color:#14120E;border-color:#F4EFE3}
.pkg.featured .btn{background:#14120E;border-color:#14120E;color:#F4EFE3}
.pkg.featured .btn:hover{background:#000;border-color:#000;color:#F4EFE3}
.pkg .upfront{color:var(--accent-dark)}
.pkg.featured .upfront{color:#8A6D35}
.badge{background:var(--accent);color:#17130A}
.note{color:var(--muted)}
.pkg .pkg-tc{border-color:#3A372F;color:var(--ink)}
.pkg.featured .pkg-tc{border-color:rgba(20,18,14,.25);color:#14120E}

/* cards — soft lift + thread-line accent */
.pain,.math-card,.case,.dl-card,.model-card,.fit-box,.step,.not-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(0.2,0,0,1),border-color .3s cubic-bezier(0.2,0,0,1)}
.pain,.math-card,.case,.dl-card,.model-card,.fit-box{background:var(--card);border-color:var(--line)}
.pain:hover,.math-card:hover,.case:hover,.dl-card:hover,.model-card:hover{transform:translateY(-3px);border-color:rgba(200,169,106,.4);box-shadow:0 20px 38px -22px rgba(0,0,0,.85)}
.pain p,.math-card p,.case p,.model-card ul,.fit-box ul,.not-card p,.step p{color:var(--ink2)}
.pain .time,.case .who,.dl-card .fmt,.tl-row b{color:var(--accent)}
.case .outcome{border-top-color:var(--line);color:var(--ink)}
.case .outcome span{color:var(--accent)}
.math{background:var(--paper2);border-top-color:var(--line);border-bottom-color:var(--line)}
.math-card .big{color:var(--accent);font-weight:300;letter-spacing:-.04em}
.math-eq{background:var(--card);border-color:var(--line)}
.math-eq b{color:var(--accent)}
.math-eq .row{border-bottom-color:var(--line)}
.promise{background:var(--paper2);border-color:rgba(200,169,106,.4)}
.promise p span{color:var(--accent)}
.step{border-top:2px solid var(--ink)}
.step .when{background:var(--paper2);color:var(--ink2);border:1px solid var(--line)}
.timeline{background:var(--card);border-color:var(--line)}
.tl-row{border-top-color:var(--line)}
.tl-row p{color:var(--ink2)} .tl-row p strong{color:var(--ink)}
.model-line span{color:var(--accent)}
.not-card{border-color:var(--line)}
.not-card h3 span{color:var(--accent)}
.not-card.yes{background:#17130A;border-color:rgba(200,169,106,.5);color:var(--ink)}
.not-card.yes p{color:var(--ink2)}
.not-card.yes h3 span{color:var(--accent)}

/* modules / carrots */
.carrot{border-bottom-color:var(--line);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.carrot:hover{transform:translateX(4px)}
.carrot p{color:var(--ink2)}
.tag.live{background:rgba(200,169,106,.16);color:#E7CF9C}
.tag.next{background:var(--paper2);color:var(--ink2);border:1px solid var(--line)}
.mod-soon .case{border-style:dashed}

/* bolt-on shelf */
.bolton-shelf{margin-top:52px;border-top:1px solid var(--line);padding-top:40px;position:relative}
.bolton-shelf::before{content:"";position:absolute;top:-1px;left:0;width:120px;height:1px;background:var(--accent)}
.bolton-head{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
.bolton-head h3{font-size:clamp(26px,3.4vw,38px);font-weight:400;letter-spacing:-.03em;line-height:1.05;margin:10px 0 0}
.bolton-head p{margin:0;color:var(--ink2);font-weight:300;font-size:15.5px;line-height:1.65;max-width:520px}
.bolton-grid{display:grid;gap:14px;margin-top:28px}
@media(min-width:760px){.bolton-grid{grid-template-columns:1fr 1fr}}
.bolton-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(0.2,0,0,1),border-color .3s cubic-bezier(0.2,0,0,1)}
.bolton-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),rgba(200,169,106,0) 65%);opacity:.85}
.bolton-card:hover{transform:translateY(-4px);border-color:rgba(200,169,106,.45);box-shadow:0 24px 44px -24px rgba(0,0,0,.85)}
.bolton-card .b-name{font-size:21px;font-weight:800;letter-spacing:.06em;margin:12px 0 2px}
.bolton-card .b-role{font-family:inherit;font-style:italic;font-size:16.5px;color:var(--accent);margin:0 0 10px}
.bolton-card p.b-desc{margin:0;color:var(--ink2);font-size:14.5px;line-height:1.65;font-weight:300}
.bolton-card p.b-desc b{color:var(--ink);font-weight:600}
.bolton-note{margin-top:18px;font-size:13.5px;color:var(--muted);line-height:1.65;max-width:720px}
.bolton-note b{color:var(--ink2)}

/* downloads / form / autoresponse */
.dl-card .btn{margin-top:auto}
.apply{background:var(--paper2);border-top-color:var(--line);border-bottom-color:var(--line)}
.form-card{background:var(--card);border-color:var(--line);border-radius:20px;padding:28px;box-shadow:0 30px 60px -34px rgba(0,0,0,.8)}
.field input,.field select{background:#100F0D;border-color:var(--line);color:var(--ink);border-radius:12px;transition:border-color .25s cubic-bezier(0.2,0,0,1),box-shadow .25s cubic-bezier(0.2,0,0,1)}
.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,169,106,.18)}
.result{background:#14211A;border-color:#2C4A33;color:var(--ink)}
.autoresp{background:var(--card);border-color:var(--line)}
.autoresp-head{border-bottom-color:var(--line)}
.autoresp-head span{color:var(--accent)}
.autoresp-body{color:var(--ink2)} .autoresp-body strong{color:var(--ink)}
.faq details{border-bottom-color:var(--line)}
.faq p{color:var(--ink2)}

/* share kit */
.kit-overlay{background:rgba(5,4,3,.72);backdrop-filter:blur(6px)}
.kit-panel{background:#14120F;border-color:var(--line);border-radius:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.kit-text{background:#100F0D;border-color:var(--line);color:var(--ink2)}
footer{color:var(--muted)}
.foot{border-top-color:var(--line)}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(0.2,0,0,1),transform .9s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .thread-hero svg,.thread-hero .flow{animation:none!important}
  .btn,.pkg,.pain,.math-card,.case,.dl-card,.model-card,.bolton-card,.carrot{transition:none!important}
  .btn:hover,.pkg:hover,.pain:hover,.math-card:hover,.case:hover,.dl-card:hover,.model-card:hover,.bolton-card:hover{transform:none!important}
}