/* ===== concept-v2-dark: full dark theme layer over v1 styles ===== */
:root{
  --bg:#0A0E1A;--bg2:#0D1324;--surf:#0E1B3A;--surf-navy:#082658;
  --tx:#F5F1E8;--tx2:rgba(245,241,232,.78);--tx3:rgba(245,241,232,.66);
  --hair:rgba(245,241,232,.10);--hair2:rgba(245,241,232,.16);
  --glow:radial-gradient(closest-side,rgba(79,107,254,.22),rgba(134,34,255,.10) 55%,transparent);
}
html{background:var(--bg);color-scheme:dark}
body{background:var(--bg);color:var(--tx)}
h1,h2,h3{color:var(--tx)}
a{color:var(--tx)}
.eyebrow{color:var(--tx3)}
.lede{color:var(--tx2)}
.grad{background:linear-gradient(120deg,#A35BFF 0%,#6F86FF 45%,#3FE0FF 100%);-webkit-background-clip:text;background-clip:text}
.hair-grad{height:1px;background:linear-gradient(90deg,transparent,rgba(134,34,255,.55),rgba(79,107,254,.6),rgba(16,214,255,.55),transparent)}

/* buttons */
.btn-primary{background:var(--tx);color:var(--bg);border-color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.4),0 0 0 1px rgba(245,241,232,.2) inset}
.btn-primary:hover{background:#fff;color:var(--bg)}
.btn-secondary,.nav .btn{background:transparent;color:var(--tx);border:1px solid rgba(245,241,232,.32);box-shadow:none}
.btn-secondary:hover,.nav .btn:hover{background:rgba(245,241,232,.06);border-color:rgba(245,241,232,.6);color:#fff}
.link{color:var(--tx);border-bottom-color:rgba(245,241,232,.3)}
.link:hover{border-color:var(--tx)}

/* header */
.site-head{background:rgba(10,14,26,.78)}
.site-head.scrolled{border-bottom-color:var(--hair)}
.nav a{color:var(--tx2)}
.nav a:hover{color:#fff}

/* hero */
.hero{overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:900px;height:900px;background:var(--glow);pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(134,34,255,.45),rgba(79,107,254,.5),rgba(16,214,255,.45),transparent)}
.hero .wrap{position:relative;z-index:1}
.hero .sub{color:var(--tx)}
.hero .body{color:var(--tx2)}
.hero .note{color:var(--tx3)}
.hero .note svg{stroke:#6F86FF}

/* memo */
.memo{background:linear-gradient(180deg,#111A33,#0D1428);border:1px solid var(--hair2);box-shadow:0 0 0 1px rgba(79,107,254,.08),0 30px 80px -20px rgba(0,0,0,.7),0 0 60px -10px rgba(79,107,254,.25)}
.memo-head{border-bottom-color:var(--hair)}
.memo-head .k{color:var(--tx3)}
.memo-row{border-bottom-color:var(--hair)}
.memo-row .t span:first-child{color:var(--tx)}
.memo-row .t span:last-child{color:var(--tx2)}
.bar{background:rgba(245,241,232,.08)}
.bar i{background:var(--slice)}
.memo-foot{background:rgba(245,241,232,.03);border-top-color:var(--hair)}
.memo-foot b{color:var(--tx)}
.memo-foot .num{color:var(--tx2)}
.odo-wrap{color:#fff}
.memo .fine{background:rgba(245,241,232,.03);color:var(--tx3)}

/* cost */
.cost{padding-top:96px}
.calc{background:var(--bg2);border-color:var(--hair2);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.field>span{color:var(--tx2)}
.input input{background:#0A0F1E;color:var(--tx);border-color:rgba(245,241,232,.22);box-shadow:none}
.input input:focus{border-color:#6F86FF;box-shadow:0 0 0 4px rgba(79,107,254,.25)}
.calc-r{background:linear-gradient(160deg,#0B2C66,#082658 60%,#071D45)}
.calc-r::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--slice);opacity:.8}
.calc-r .lbl,#tg-cost-line{color:rgba(245,241,232,.8)}

/* fixes */
.fixes{background:var(--bg);border-color:var(--hair)}
.fix-table{border-top-color:rgba(245,241,232,.4)}
.fix{border-bottom-color:var(--hair)}
.fix .ic{background:rgba(245,241,232,.04);border-color:var(--hair2);box-shadow:none}
.fix .ic svg{stroke:#9DB0FF}
.fix .prob{color:var(--tx2)}
.fix .tg-fix{color:var(--tx)}
.fix .tg-fix strong{color:#9DB0FF}
.fixes .after{color:var(--tx2)}

/* about */
.about{background:var(--bg2);position:relative;overflow:hidden}
.about::before{content:"";position:absolute;left:-200px;top:10%;width:700px;height:700px;background:var(--glow);opacity:.6;pointer-events:none}
.about .wrap{position:relative}
.founder-photo img{box-shadow:0 30px 70px -20px rgba(0,0,0,.8),0 0 0 1px var(--hair2)}
.about .tag{color:var(--tx)}
.about blockquote{color:var(--tx);border-top-color:var(--hair2)}
.about .who{color:var(--tx)}

/* assessment (free) */
.assess{background:var(--bg)}
.checks li{color:var(--tx)}
.checks svg{stroke:#6F86FF}
.steps{background:transparent;border:1px solid rgba(245,241,232,.22);box-shadow:none}
.step+.step{border-top-color:var(--hair)}
.step .n{background:transparent;border-color:rgba(245,241,232,.3);color:var(--tx)}
.step:first-child .n{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.step p{color:var(--tx2)}

/* tags */
.tag-pill{background:transparent;border-color:rgba(245,241,232,.3);color:var(--tx)}
.tag-pill.free,.tier.first .tag-pill{background:transparent;border-color:rgba(245,241,232,.55);color:var(--tx)}
.tag-pill.paid,.tier.paid .tag-pill{background:linear-gradient(120deg,rgba(134,34,255,.25),rgba(16,214,255,.18));border-color:rgba(111,134,255,.6);color:#fff}

/* how */
.how{background:var(--bg2);border-top-color:var(--hair)}
.tiers{background:transparent;border-color:var(--hair2);overflow:visible;border-radius:20px}
.tier{border-radius:0}
.tier+.tier{border-left-color:var(--hair2)}
.tier.first{background:transparent;border-radius:20px 0 0 20px}
.tier.first:hover{background:rgba(245,241,232,.03)}
.tier p{color:var(--tx2)}
.tier .num{color:var(--tx3)}
.tier.paid{background:linear-gradient(180deg,#0B2C66,#082658);box-shadow:0 0 0 1px rgba(111,134,255,.45),0 24px 60px -18px rgba(79,107,254,.45);z-index:1;transform:translateY(-8px);border-radius:16px}
.tier.paid:hover{background:linear-gradient(180deg,#0D3274,#0A2B63)}
.tier.paid::before{border-radius:16px 16px 0 0}
.tier.paid p{color:rgba(245,241,232,.82)}
.tier:last-child{border-radius:0 20px 20px 0}
.tier:last-child:hover{background:rgba(245,241,232,.03)}
.tier.paid+.tier{border-left:0}

/* plan (paid) */
.plan{background:var(--bg);position:relative;overflow:hidden}
.plan::before{content:"";position:absolute;right:-180px;top:0;width:900px;height:900px;background:var(--glow);pointer-events:none}
.plan .wrap{position:relative}
.plan .em{color:var(--tx)}
.sheet.paid{background:linear-gradient(180deg,#0B2C66,#082658 40%,#071F4B);border-color:rgba(111,134,255,.4);box-shadow:0 0 0 1px rgba(111,134,255,.25),0 40px 90px -30px rgba(0,0,0,.8),0 0 80px -20px rgba(79,107,254,.4)}
.sheet.paid .guarantee{background:rgba(10,14,26,.35)}
.sheet.paid .act p a{color:#fff}

/* industries */
.inds{background:var(--bg2)}
.inds p{color:var(--tx2)}

/* faq */
.faq{background:var(--bg)}
.qa{border-top-color:rgba(245,241,232,.4)}
.qa details{border-bottom-color:var(--hair)}
.qa summary{color:var(--tx)}
.qa summary .pm{border-color:rgba(245,241,232,.3)}
.qa summary .pm path{stroke:var(--tx)}
.qa details[open] summary .pm{background:var(--tx);border-color:var(--tx)}
.qa details[open] summary .pm path{stroke:var(--bg)}
.qa details p{color:var(--tx2)}

/* book */
.book{background:var(--bg2);border-top:1px solid var(--hair)}
.book .lede{color:var(--tx2)}
#tg-book-form{background:linear-gradient(180deg,#111A33,#0D1428);color:var(--tx);border:1px solid var(--hair2);box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 60px -20px rgba(79,107,254,.3)}
.bf label{color:var(--tx2)}
.bf label small{color:var(--tx3)}
.bf input{background:#0A0F1E;color:var(--tx);border-color:rgba(245,241,232,.22);box-shadow:none}
.bf input::placeholder{color:rgba(245,241,232,.5)}
.bf input:focus{border-color:#6F86FF;box-shadow:0 0 0 4px rgba(79,107,254,.25)}
#tg-book-form .fine{color:var(--tx3)}

/* footer */
.foot{background:var(--bg);border-top-color:var(--hair)}
.foot .wrap{color:var(--tx3)}

@media (max-width:1080px){
  .tier.paid{transform:none;border-radius:0}
  .tier.first{border-radius:20px 20px 0 0}.tier:last-child{border-radius:0 0 20px 20px}
  .tier.paid+.tier{border-top:1px solid var(--hair2)}
}
