:root{
  --bg:#06080c;
  --bg-2:#0b0f15;
  --panel:#0d1219;
  --panel-2:#111823;
  --border:rgba(141,163,201,.18);
  --border-strong:rgba(164,191,255,.3);
  --text:#f4f7fb;
  --muted:#a6b1c3;
  --soft:#7f8aa1;
  --blue:#7ea1ff;
  --blue-2:#bcd1ff;
  --blue-deep:#1d2d54;
  --green:#80ff8b;
  --danger:#ff8d8d;
  --radius:0px;
  --shadow:0 30px 70px rgba(0,0,0,.35);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,Monaco,monospace;
  --sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);background:radial-gradient(1200px 600px at 80% -10%,rgba(126,161,255,.13),transparent 55%),radial-gradient(900px 400px at 15% 10%,rgba(84,109,169,.08),transparent 50%),var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-width:320px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,8,12,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.04)}
.time-strip{height:38px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;letter-spacing:.28em;color:var(--soft);text-transform:uppercase}
.time-strip b{color:var(--muted);font-weight:500}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{font-weight:700;font-size:1.15rem;letter-spacing:.02em;color:#fff}
.brand.footer-brand{font-size:1.25rem;display:inline-block;margin-bottom:8px}
.menu-button{appearance:none;background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.12);width:88px;height:88px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.menu-button:hover{border-color:var(--border-strong);background:rgba(255,255,255,.02)}
.menu-button span:last-child{font-family:var(--mono);font-size:12px;letter-spacing:.24em}
.menu-icon{position:relative;width:36px;height:28px;display:block}
.menu-icon b{position:absolute;left:0;right:0;height:2px;background:#f1f3f8;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s ease,top .22s cubic-bezier(.2,.8,.2,1)}
.menu-icon b:nth-child(1){top:4px}
.menu-icon b:nth-child(2){top:13px;width:65%;margin-left:auto}
.menu-icon b:nth-child(3){top:22px}
body.menu-open .menu-icon b:nth-child(1){top:13px;transform:rotate(46deg)}
body.menu-open .menu-icon b:nth-child(2){opacity:0;transform:translateX(10px)}
body.menu-open .menu-icon b:nth-child(3){top:13px;transform:rotate(-38deg)}
.menu-panel{position:fixed;right:16px;top:118px;width:min(420px,calc(100% - 32px));background:rgba(10,14,20,.96);border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease;z-index:60}
body.menu-open .menu-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.menu-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}
.menu-inner small,.eyebrow,.kicker,.section-head small,.plan-top span,.rate-box small,.included small,.footer small,.founder-head span{font-family:var(--mono);letter-spacing:.28em;font-size:11px;text-transform:uppercase;color:var(--soft)}
.menu-inner a{display:block;padding:8px 0;color:var(--text)}
.menu-inner a:hover{color:var(--blue-2)}
.menu-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}
.menu-note p{margin:8px 0 16px;color:var(--muted)}
.outline-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:1px solid var(--border-strong);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;font-weight:600;min-height:50px}
.btn.primary{background:#eef4ff;color:#0a1020;border-color:#eef4ff;box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 20px 40px rgba(126,161,255,.14)}
.btn.primary:hover,.outline-btn:hover{transform:translateY(-2px)}
.btn.ghost,.outline-btn{background:transparent;color:var(--text)}
.btn.ghost.light{border-color:rgba(255,255,255,.18)}
.btn.ghost:hover,.outline-btn:hover{border-color:var(--blue)}
.btn.full{width:100%}
.hero,.page-hero{position:relative;overflow:hidden}
.hero{min-height:calc(100vh - 110px);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}
.dark-page-hero{padding:86px 0 56px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 70%)}
.page-hero{padding:74px 0 30px}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(126,161,255,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(126,161,255,.05) 1px, transparent 1px);background-size:60px 60px,60px 60px;mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.5));opacity:.45}
.hero-grid::before,.hero-grid::after{content:"";position:absolute;border-radius:999px;filter:blur(50px)}
.hero-grid::before{width:260px;height:260px;background:rgba(126,161,255,.18);top:12%;right:8%}
.hero-grid::after{width:180px;height:180px;background:rgba(255,255,255,.08);bottom:12%;left:10%}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:36px;align-items:center;padding:72px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--blue-2)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(126,161,255,.12)}
.hero-copy h1,.page-hero h1{font-size:clamp(2.7rem,5.4vw,5.2rem);line-height:.98;letter-spacing:-.05em;margin:0 0 18px;max-width:10ch}
.hero-copy p,.page-hero p,.section-head p,.content-card p,.system-plan p,.founder-card p,blockquote,.footer p{color:var(--muted)}
.page-hero h1{max-width:12ch}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.visibility-card,.content-card,.system-plan,.proof-card,.service-card,.cta-panel,.founder-card,.channel,.qr-card,.contact-form,.mini-card{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.visibility-card{padding:26px;position:relative;overflow:hidden}
.visibility-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(126,161,255,.18),transparent 68%)}
.card-top,.rate-row,.signal-list div,.channel,.contact-lines a,.footer-grid a,.calc-fields label{display:flex;align-items:center;justify-content:space-between;gap:16px}
.card-top span{font-family:var(--mono);font-size:11px;letter-spacing:.25em;color:var(--soft);text-transform:uppercase}
.card-top b{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--blue-2);font-weight:500;text-transform:uppercase}
.score-orbit{display:grid;gap:10px;padding:28px 0 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.score-orbit strong{font-size:clamp(3rem,7vw,5rem);line-height:1;letter-spacing:-.06em}
.score-orbit span{color:var(--muted)}
.signal-list{display:grid;gap:10px}
.signal-list div{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.signal-list div:last-child{padding-bottom:0;border-bottom:0}
.signal-list b{font-weight:600;color:var(--blue-2)}
.section{padding:84px 0}
.dark-slab{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.005));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.section-head{margin-bottom:28px;max-width:760px}
.section-head h2,.content-card h2,.cta-panel h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.04;letter-spacing:-.04em;margin:10px 0 14px}
.proof-grid,.service-grid,.connect-grid,.footer-grid,.calc-layout{display:grid;gap:20px}
.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-card,.service-card{padding:26px;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.proof-card:hover,.service-card:hover,.system-plan:hover,.channel:hover{transform:translateY(-3px);border-color:var(--border-strong);background:linear-gradient(180deg,rgba(126,161,255,.06),rgba(255,255,255,.012))}
.proof-card span{display:inline-block;margin-bottom:10px;color:var(--blue-2);font-family:var(--mono);font-size:12px;letter-spacing:.2em}
.proof-card h3,.service-card h3,.system-plan h3,.diagnostic-result h3,.content-card h4,.founder-card h2{margin:0 0 10px;font-size:1.35rem;line-height:1.1;letter-spacing:-.03em}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-card small{font-family:var(--mono);letter-spacing:.24em;font-size:11px;color:var(--soft)}
.plans-depth .plan-stack, .dark-slab .plan-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.system-plan{position:relative;padding:24px}
.system-plan .inner-line{position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(126,161,255,.8),transparent)}
.plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.plan-top em{font-style:normal;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.plan-top em i{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px rgba(126,161,255,.45)}
.price{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.06em;font-weight:900;margin:10px 0 12px}
.price small{display:block;margin-top:10px;color:var(--muted);font-size:.35em;font-weight:600;letter-spacing:0}
.rate-box,.included{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.rate-box ul,.included ul,.contact-lines,.channel-stack,.calc-fields,.metrics-rail{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.rate-box li,.included li,.metrics-rail div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;color:var(--muted);font-size:.98rem}
.rate-box li b,.metrics-rail b{color:var(--text);font-weight:700}
.rate-row{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.rate-row.market b{color:var(--blue-2)}
.rate-row.elevate span{color:var(--green);font-family:var(--mono);letter-spacing:.18em;font-size:12px;text-transform:uppercase}
.rate-row.elevate b{font-weight:800}
.included li::before{content:"+";color:var(--blue);display:inline-block;margin-right:12px}
.included li{justify-content:flex-start}
.founder-card{display:grid;grid-template-columns:320px 1fr;gap:28px;padding:28px}
.founder-head p,.founder-quote,.founder-extra{margin:0}
blockquote{margin:0;padding:0 0 0 20px;border-left:2px solid rgba(126,161,255,.35);font-size:1.16rem;line-height:1.7}
.connect-grid{grid-template-columns:.95fr 1.05fr;align-items:start}
.channel-stack{gap:14px}
.channel{appearance:none;width:100%;padding:18px 20px;text-align:left;background:rgba(255,255,255,.01);cursor:pointer}
.channel span{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)}
.channel b{font-size:1rem}
.qr-glyph{position:relative;display:grid;grid-template-columns:repeat(2,14px);grid-template-rows:repeat(2,14px);gap:3px;min-width:31px;min-height:31px}
.qr-glyph b{display:block;width:14px;height:14px;border:2px solid rgba(255,255,255,.9);background:transparent}
.qr-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:80}
.qr-modal.active{opacity:1;pointer-events:auto}
.qr-card{width:min(620px,100%);padding:24px}
.qr-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.qr-head h3{margin:8px 0 0}
.qr-close{appearance:none;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text);font-size:1.6rem;width:44px;height:44px;cursor:pointer}
.qr-body{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}
#qrImage{width:180px;height:180px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#fff;padding:14px}
.final-cta .cta-panel{padding:32px}
.footer{padding:38px 0 88px;border-top:1px solid rgba(255,255,255,.06)}
.footer-grid{grid-template-columns:1.3fr .8fr .6fr}
.footer-grid a{justify-content:flex-start;color:var(--muted);padding:3px 0}
.footer-grid a:hover{color:var(--text)}
.mobile-wa{position:fixed;right:16px;bottom:16px;z-index:40}
.mobile-wa a{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f6f8fb;color:#0b0f15;border:1px solid rgba(0,0,0,.08);font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 18px 40px rgba(0,0,0,.26)}
.mobile-wa a i{width:10px;height:10px;border-radius:50%;background:#84ff71;box-shadow:0 0 14px rgba(132,255,113,.6)}
.content-card{padding:28px}
.contact-form label,.calc-fields label{display:grid;gap:8px;color:var(--text)}
.contact-form input,.contact-form textarea,.calc-fields input,.calc-fields select{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:var(--text);padding:14px 16px;outline:none}
.contact-form input:focus,.contact-form textarea:focus,.calc-fields input:focus,.calc-fields select:focus{border-color:var(--blue)}
.calc-layout{grid-template-columns:minmax(0,.95fr) minmax(340px,.95fr);align-items:start}
.calc-fields{gap:18px;margin-top:20px}
.calc-fields label small{color:var(--soft);font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:.92rem}
.input-with-suffix,.input-with-prefix{display:grid;grid-template-columns:1fr auto;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}
.input-with-prefix{grid-template-columns:auto 1fr}
.input-with-suffix b,.input-with-prefix b{padding:0 16px;color:var(--muted);font-weight:600}
.input-with-suffix input,.input-with-prefix input{border:0;background:transparent}
.diagnostic-result-card{display:grid;gap:18px}
.diagnostic-result{display:grid;gap:20px}
.diagnostic-result h3{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1;letter-spacing:-.07em;margin:0}
.metrics-rail{grid-template-columns:1fr;gap:12px}
.metrics-rail div{padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.mini-card{padding:20px}
.mini-score{display:flex;align-items:baseline;gap:6px;margin:8px 0 10px}
.mini-score strong{font-size:3rem;line-height:1}
.contact-lines a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.contact-form{display:grid;gap:16px}
.page-channels{margin-top:18px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1100px){
  .hero-inner,.connect-grid,.founder-card,.calc-layout,.footer-grid,.proof-grid,.service-grid,.plans-depth .plan-stack,.dark-slab .plan-stack{grid-template-columns:1fr 1fr}
  .hero-copy h1,.page-hero h1{max-width:12ch}
}
@media (max-width:820px){
  .menu-button{width:84px;height:84px}
  .hero{min-height:auto}
  .hero-inner,.connect-grid,.founder-card,.calc-layout,.footer-grid,.proof-grid,.service-grid,.plans-depth .plan-stack,.dark-slab .plan-stack,.menu-inner,.qr-body{grid-template-columns:1fr}
  .hero-inner{padding:44px 0 54px}
  .section{padding:64px 0}
  .wrap{width:min(100% - 20px,1160px)}
  .hero-copy h1,.page-hero h1{max-width:13ch}
  .page-hero{padding:56px 0 16px}
  .founder-card{padding:22px}
  .system-plan,.content-card,.visibility-card{padding:22px}
  .mobile-wa{left:12px;right:12px;bottom:12px}
  .mobile-wa a{width:100%;justify-content:center}
  .qr-body{grid-template-columns:1fr}
  #qrImage{width:160px;height:160px}
}
@media (max-width:560px){
  .nav-wrap{padding:14px 0}
  .menu-button{width:76px;height:76px}
  .menu-button span:last-child{font-size:11px}
  .time-strip{font-size:11px;letter-spacing:.22em}
  .actions,.channel,.card-top,.rate-row,.signal-list div{gap:12px}
  .price{font-size:2.4rem}
  .rate-box li,.included li{font-size:.93rem}
}


/* FINAL PRICE + DESKTOP PLAN SPACING PATCH */
@media (min-width:1101px){
  .plans-depth .wrap,
  .dark-slab .wrap{
    width:min(100% - 72px, 1480px);
  }

  .plans-depth .plan-stack,
  .dark-slab .plan-stack{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:30px;
    align-items:start;
  }

  .plans-depth .system-plan,
  .dark-slab .system-plan{
    padding:22px;
  }

  .plans-depth .system-plan h3,
  .dark-slab .system-plan h3{
    font-size:clamp(1.85rem, 2.05vw, 2.55rem);
    line-height:1;
    letter-spacing:-.045em;
  }

  .plans-depth .price,
  .dark-slab .price{
    font-size:clamp(2rem, 2.55vw, 3rem);
  }

  .plans-depth .system-plan p,
  .dark-slab .system-plan p,
  .plans-depth .rate-box li,
  .dark-slab .rate-box li,
  .plans-depth .included li,
  .dark-slab .included li{
    font-size:.88rem;
    line-height:1.45;
  }

  .plans-depth .rate-box,
  .dark-slab .rate-box{
    padding-top:14px;
    margin-top:18px;
  }

  .plans-depth .included,
  .dark-slab .included{
    padding-top:14px;
    margin-top:18px;
  }

  .plans-depth .rate-row,
  .dark-slab .rate-row{
    font-size:10px;
  }

  .plans-depth .rate-row.elevate b,
  .dark-slab .rate-row.elevate b{
    font-size:.92rem;
  }
}

/* Cancelled estimated market range styling */
.rate-row.market b{
  position:relative;
  color:rgba(214,224,245,.72) !important;
  text-decoration:none !important;
  font-weight:700;
}
.rate-row.market b::after{
  content:"";
  position:absolute;
  left:-4px;
  right:-4px;
  top:50%;
  height:2px;
  background:rgba(255,103,103,.9);
  transform:rotate(-2deg);
  transform-origin:center;
  box-shadow:0 0 14px rgba(255,103,103,.18);
}
.rate-row.market span::after{
  content:"  / CANCELLED";
  color:rgba(255,134,134,.88);
  margin-left:8px;
  font-family:var(--mono);
  letter-spacing:.14em;
}

/* Keep single plan detail pages readable on desktop */
@media (min-width:1101px){
  body:has(.plans-depth) .plans-depth .wrap > .system-plan{
    max-width:980px;
    margin-inline:auto;
  }
  body:has(.plans-depth) .plans-depth .wrap > .system-plan h3{
    font-size:clamp(2.4rem, 3.8vw, 4.2rem);
  }
}

/* Slightly reduce homepage plan wall heaviness */
@media (min-width:1101px){
  .hero-copy h1{
    font-size:clamp(3.1rem, 4.8vw, 5rem);
  }
}