/* ApexForm Life — homepage styles below the critical fold.
   The critical set (tokens, base, header, hero) stays inline in index.html;
   this file is everything after it, loaded render-blocking in the head so
   the cascade order is identical to the old single inline block. */
/* belief band */
.belief{border-block:1px solid var(--border-soft);background:rgba(11,16,32,.5)}
.belief .wrap{text-align:center}
.belief p{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);line-height:1.32;max-width:24ch;margin-inline:auto;letter-spacing:0;word-spacing:.03em}
.belief .hl{color:var(--accent)}
.belief .sub{font-family:var(--font-body);font-weight:400;font-size:var(--text-base);color:var(--text-muted);max-width:52ch;margin:var(--space-6) auto 0;letter-spacing:0}

/* section head */
.sec-head{max-width:64ch}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font-size:var(--text-2xl);margin-top:var(--space-4)}
.sec-head p{color:var(--text-muted);font-size:var(--text-lg);line-height:1.55;margin-top:var(--space-5);max-width:60ch}
.sec-head.center p{margin-inline:auto}

/* pillars */
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-12)}
@media (max-width:820px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.pillars-grid{grid-template-columns:1fr}}
.pillar{background:var(--glass);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition),border-color var(--transition),background var(--transition)}
.pillar:hover{transform:translateY(-4px);border-color:rgba(79,227,255,.35);background:rgba(79,227,255,.04)}
.pillar .pico{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--primary);background:rgba(79,227,255,.1);border:1px solid rgba(79,227,255,.2);margin-bottom:var(--space-4)}
.pillar h3{font-size:var(--text-lg);font-weight:600;font-family:var(--font-body)}
.pillar p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}

/* split */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(var(--space-10),6vw,var(--space-20));align-items:center}
.split.rev{direction:rtl}.split.rev>*{direction:ltr}
@media (max-width:880px){.split,.split.rev{grid-template-columns:1fr;direction:ltr}}
.media-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-soft);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.media-card.glow::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(79,227,255,.12);pointer-events:none}
/* founder portrait */
.portrait-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-soft);box-shadow:0 30px 80px -30px rgba(0,0,0,.8);max-width:420px;margin-inline:auto}
.portrait-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.portrait-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(6,7,11,.15) 65%,rgba(6,7,11,.85) 100%)}
.portrait-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 90px rgba(79,227,255,.14),inset 0 -2px 0 rgba(244,181,68,.25)}
.portrait-badge{position:absolute;left:var(--space-6);bottom:var(--space-6);z-index:2;display:flex;flex-direction:column}
.portrait-badge .pname{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--white)}
.portrait-badge .prole{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-top:2px}

.checklist{list-style:none;margin-top:var(--space-6);display:grid;gap:var(--space-4)}
.checklist li{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-base);color:var(--text-muted)}
.checklist svg{flex:none;margin-top:.25em;color:var(--primary)}
.checklist b{font-weight:600;color:var(--text)}

/* manifesto */
.manifesto{background:linear-gradient(180deg,transparent,rgba(11,16,32,.5),transparent)}
.manifesto blockquote{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,1rem + 2vw,2.5rem);line-height:1.3;letter-spacing:0;word-spacing:.03em;text-align:center;max-width:20ch;margin:var(--space-8) auto 0}
.manifesto blockquote .grad{background:linear-gradient(120deg,var(--cyan),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}

/* story timeline */
.timeline{margin-top:var(--space-12);display:grid;gap:var(--space-5)}
.stage{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--glass);transition:border-color var(--transition),transform var(--transition)}
.stage:hover{border-color:rgba(138,124,255,.4);transform:translateX(4px)}
.stage .n{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500;color:var(--violet);line-height:1}
.stage h3{font-size:var(--text-lg);font-weight:600;font-family:var(--font-body)}
.stage p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);max-width:60ch}
@media (max-width:560px){.stage{grid-template-columns:1fr;gap:var(--space-2)}}
/* the arc — data graphic */
.arc-block{margin-top:var(--space-10);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:radial-gradient(720px 460px at 76% 6%,rgba(20,26,43,.6),transparent 60%),var(--glass);padding:var(--space-8) var(--space-8) var(--space-6)}
.arc-block .eyebrow{color:var(--primary)}
.arc-head{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);letter-spacing:-.5px;line-height:1.1;margin-top:var(--space-3)}
.arc-head .n{background:linear-gradient(120deg,#4FE3FF,#8A7CFF 55%,#F4B544);-webkit-background-clip:text;background-clip:text;color:transparent}
.arc-sub{color:var(--text-muted);font-size:var(--text-base);line-height:1.55;margin-top:var(--space-3);max-width:64ch}
.arc-svg{width:100%;height:auto;margin-top:var(--space-6);overflow:visible}
.arc-legend{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-5);align-items:flex-start;justify-content:space-between}
.arc-keys{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.arc-key{display:flex;flex-direction:column;gap:4px}
.arc-key .k{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:var(--text-sm)}
.arc-key .k i{width:9px;height:9px;border-radius:50%}
.arc-key .q{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--text-faint);padding-left:17px;text-transform:uppercase}
.arc-src{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--text-faint);text-align:right;line-height:1.7}
@media (max-width:640px){.arc-legend{flex-direction:column}.arc-src{text-align:left}}

/* ecosystem layers */
.layers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-12)}
@media (max-width:880px){.layers{grid-template-columns:1fr}}
.layer{position:relative;border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:var(--space-8);background:var(--glass);overflow:hidden}
.layer.app{border-color:rgba(79,227,255,.25)}
.layer.coach{border-color:rgba(244,181,68,.25)}
.layer .tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase}
.layer.app .tag{color:var(--primary)}
.layer.coach .tag{color:var(--accent)}
.layer h3{font-size:var(--text-xl);margin-top:var(--space-3)}
.layer p{color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-3)}
.layer ul{list-style:none;margin-top:var(--space-5);display:grid;gap:var(--space-3)}
.layer li{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-sm);color:var(--text-muted)}
.layer li svg{flex:none;margin-top:.2em}
.layer.app li svg{color:var(--primary)} .layer.coach li svg{color:var(--accent)}
.bridge{margin-top:var(--space-8);text-align:center;font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);color:var(--text);max-width:40ch;margin-inline:auto;line-height:1.35}
.bridge .grad{background:linear-gradient(120deg,var(--cyan),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}

/* paradigm feature loop */
.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-top:var(--space-10)}
@media (max-width:1024px){.loop{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.loop{grid-template-columns:1fr}}
.loop-step{position:relative;display:flex;flex-direction:column;padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--glass);overflow:hidden;transition:transform var(--transition),border-color var(--transition)}
.loop-step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--step-c),transparent 85%);opacity:.85}
.loop-step:nth-child(1){--step-c:var(--cyan)}
.loop-step:nth-child(2){--step-c:#6f8cff}
.loop-step:nth-child(3){--step-c:var(--violet)}
.loop-step:nth-child(4){--step-c:var(--gold)}
.loop-step:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--step-c) 40%,transparent)}
.loop-step .ls{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--step-c);letter-spacing:.1em}
.loop-step h3{font-size:var(--text-base);font-weight:600;font-family:var(--font-body);margin-top:var(--space-3)}
.loop-step p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-3);line-height:1.7}
.loop-step .lq{margin-top:auto;padding-top:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.04em}
.loop-step .lq b{color:var(--step-c);font-weight:500}

/* offer ladder */
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-12)}
@media (max-width:980px){.ladder{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ladder{grid-template-columns:1fr}}
.tier{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--glass);transition:transform var(--transition),border-color var(--transition)}
.tier:hover{transform:translateY(-4px);border-color:var(--border-strong)}
.tier.feature{border-color:rgba(244,181,68,.4);background:rgba(244,181,68,.05);box-shadow:0 20px 60px -30px rgba(244,181,68,.4)}
.tier .step{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
.tier.feature .step{color:var(--accent)}
.tier h3{font-size:var(--text-lg);font-weight:600;font-family:var(--font-body);margin-top:var(--space-1)}
.tier .desc{font-size:var(--text-sm);color:var(--text-muted);flex:1}
.tier .price{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-soft)}

/* journal / blog */
.blog-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-5);margin-top:var(--space-10)}
@media (max-width:980px){.blog-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}
.post{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--glass);transition:transform var(--transition),border-color var(--transition)}
.post:hover{transform:translateY(-4px);border-color:rgba(79,227,255,.35)}
.post[aria-disabled="true"]{cursor:default}
.post[aria-disabled="true"]:hover{transform:none;border-color:var(--border-soft)}
.post.lead{grid-row:span 1}
.post .tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.post h3{font-size:var(--text-lg);font-weight:600;font-family:var(--font-body);line-height:1.25}
.post.lead h3{font-size:var(--text-xl);font-family:var(--font-display);font-weight:600}
.post .ex{font-size:var(--text-sm);color:var(--text-muted)}
.post .meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);margin-top:auto;padding-top:var(--space-3)}
.post .read{color:var(--primary);font-size:var(--text-sm);font-weight:500;display:inline-flex;align-items:center;gap:.4em}

/* post-countdown (inline essay countdown card) */
.post-countdown{position:relative;background:linear-gradient(180deg,rgba(79,227,255,.05),rgba(138,124,255,.04) 60%,rgba(244,181,68,.03));isolation:isolate}
.post-countdown::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(79,227,255,.4),rgba(138,124,255,.25) 50%,rgba(244,181,68,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none;z-index:-1}
.post-countdown .tag{color:var(--primary);display:inline-flex;align-items:center;gap:.5rem}
.post-countdown .ec-pulse{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 0 rgba(79,227,255,.6);animation:ecPulse 2s ease-out infinite;flex:0 0 auto}
@keyframes ecPulse{0%{box-shadow:0 0 0 0 rgba(79,227,255,.55)}70%{box-shadow:0 0 0 10px rgba(79,227,255,0)}100%{box-shadow:0 0 0 0 rgba(79,227,255,0)}}
.ec-clock{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:var(--space-2);font-variant-numeric:tabular-nums}
.ec-unit{padding:.5rem .3rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;gap:.25rem}
.ec-num{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,1rem + 1vw,1.6rem);line-height:1;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ec-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}
.post-countdown.ec-launched .ec-clock{display:none}
@media (prefers-reduced-motion:reduce){.ec-pulse{animation:none}}

/* topics */
.topics{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.topic{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;padding:.55rem 1.05rem;border-radius:var(--radius-full);background:var(--glass);border:1px solid var(--border-soft);color:var(--text)}
.topic:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}
.topic .dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--primary)}
.topic .dot.gold{background:var(--accent)}

/* big cta */
.cta{text-align:center}
.cta-box{position:relative;border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:clamp(var(--space-10),5vw,var(--space-20));background:radial-gradient(700px 400px at 50% 0%,rgba(79,227,255,.1),transparent 70%),var(--glass);overflow:hidden}
.cta-box h2{font-size:var(--text-2xl);max-width:20ch;margin-inline:auto}
.cta-box p{color:var(--text-muted);font-size:var(--text-lg);max-width:52ch;margin:var(--space-5) auto var(--space-8)}
.signup{display:flex;gap:var(--space-2);max-width:460px;margin-inline:auto;flex-wrap:wrap;justify-content:center}
.signup input{flex:1;min-width:240px;padding:.9rem 1.2rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.45);background:rgba(6,7,11,.5);color:var(--text);font-size:var(--text-sm);font-family:var(--font-body)}
.signup input::placeholder{color:var(--text-faint)}
.signup input:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}
.cta-alt{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-faint)}
.cta-alt a{color:var(--primary);font-weight:500}
.signup-msg{min-height:1.25rem;margin-top:var(--space-4);font-size:var(--text-sm);font-weight:500;transition:opacity var(--transition)}
.signup-msg.ok{color:var(--green)} .signup-msg.err{color:#FF8FA3}
.purpose-note{max-width:760px;margin:var(--space-10) auto 0;padding:var(--space-4) var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--glass);color:var(--text-faint);font-size:var(--text-xs);line-height:1.65;text-align:center}

/* footer */
.footer{border-top:1px solid var(--border-soft);padding-block:var(--space-16) var(--space-10)}
.foot-grid{display:flex;justify-content:space-between;gap:var(--space-10);flex-wrap:wrap;align-items:flex-start}
.foot-brand{max-width:32ch}
.foot-brand p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-3)}
.foot-cols{display:flex;gap:var(--space-12);flex-wrap:wrap}
.foot-col .foot-col-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:500;margin-bottom:var(--space-4)}
.foot-col a{display:block;font-size:var(--text-sm);color:var(--text-muted);padding-block:var(--space-1)}
.foot-col a:hover{color:var(--primary)}
.foot-bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border-soft);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-faint);font-family:var(--font-mono)}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
/* safety net: if JS/observer or paint stalls, never leave content invisible */
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}

/* ===== ELEVATION: motion & flow system ===== */
/* hero entrance: staggered rise on first paint */
@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero .hero-status,.hero .hero-bridge,.hero h1,.hero .lede,.hero .hero-cta,.hero .hero-mantra{opacity:0;animation:riseIn .9s cubic-bezier(.16,1,.3,1) forwards}
.hero .hero-status{animation-delay:.05s}
.hero .hero-bridge{animation-delay:.1s}
.hero h1{animation-delay:.16s}
.hero .lede{animation-delay:.3s}
.hero .hero-cta{animation-delay:.44s}
.hero .hero-mantra{animation-delay:.58s}
/* scroll progress hairline */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:100;background:linear-gradient(90deg,var(--cyan),var(--violet) 55%,var(--gold));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
/* method ticker band */
.tick{overflow:hidden;border-block:1px solid var(--border-soft);background:rgba(255,255,255,.02);padding-block:.85rem}
.tick-track{display:flex;gap:3.5rem;width:max-content;padding-left:3.5rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;animation:tickmove 42s linear infinite;will-change:transform}
.tick-track span{display:inline-flex;align-items:center;gap:3.5rem}
.tick-track span::after{content:"·";color:var(--slate-dim)}
.tick-track b{color:var(--cyan);font-weight:500}
@keyframes tickmove{to{transform:translateX(-50%)}}
/* button micro-interactions */
.btn svg{transition:transform var(--transition)}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:translateY(0) scale(.98)}
/* header depth once scrolled */
.header.scrolled{box-shadow:0 12px 32px -20px rgba(0,0,0,.65)}
@media (prefers-reduced-motion:reduce){
  .hero .hero-status,.hero .hero-bridge,.hero h1,.hero .lede,.hero .hero-cta,.hero .hero-mantra{opacity:1;animation:none}
  .tick-track{animation:none}
}

/* arc draw-in animation — the Apex mark wipes in from left to right (Doing → Self-awareness) */
.arc-svg .arc-mark-wipe{clip-path:inset(0 100% 0 0);transition:clip-path 2.2s cubic-bezier(.65,0,.35,1)}
.arc-block.in .arc-svg .arc-mark-wipe{clip-path:inset(0 0 0 0)}
/* baseline + year labels fade in alongside the mark */
.arc-svg .arc-chrome{opacity:0;transition:opacity .9s ease .4s}
.arc-block.in .arc-svg .arc-chrome{opacity:1}
/* waypoints + spark pop in sequentially after the mark passes through them */
.arc-svg .arc-waypoint{opacity:0;transform:scale(.5);transform-box:fill-box;transform-origin:center;transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}
.arc-block.in .arc-svg .arc-waypoint{opacity:1;transform:scale(1)}
.arc-block.in .arc-svg .arc-waypoint[data-stage="1"]{transition-delay:.35s}
.arc-block.in .arc-svg .arc-waypoint[data-stage="2"]{transition-delay:1.15s}
.arc-block.in .arc-svg .arc-waypoint[data-stage="3"]{transition-delay:1.95s}
.arc-svg .arc-spark{opacity:0;transition:opacity .6s ease 2.1s}
.arc-block.in .arc-svg .arc-spark{opacity:1}
@keyframes arcSparkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.arc-block.in .arc-svg .arc-spark-outer{transform-box:fill-box;transform-origin:center;animation:arcSparkPulse 2.4s ease-in-out 2.6s infinite}
/* reduced motion — no animation, content visible immediately */
@media (prefers-reduced-motion:reduce){
  .arc-svg .arc-mark-wipe{clip-path:none;transition:none}
  .arc-svg .arc-chrome,.arc-svg .arc-waypoint,.arc-svg .arc-spark{opacity:1;transform:none;transition:none}
  .arc-block.in .arc-svg .arc-spark-outer{animation:none}
}
/* ============ MOBILE FACELIFT PATCH — matches paradigm.html polish ============ */

/* 1 — HERO STATUS PILL (pulsing, like the app page) */
.hero-status{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);
  font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
  background:rgba(244,181,68,.1);border:1px solid rgba(244,181,68,.35);
  padding:.5em 1.1em;border-radius:var(--radius-full);margin-bottom:var(--space-6)}
.hero-status .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--gold);
  box-shadow:0 0 10px var(--gold);animation:pillpulse 2.4s ease-in-out infinite}
@keyframes pillpulse{0%,100%{opacity:1}50%{opacity:.4}}
@media(prefers-reduced-motion:reduce){.hero-status .dot{animation:none}}

/* 2 — PILLAR CARDS: tighter, horizontal on mobile, cyan accent rail */
@media(max-width:480px){
  .pillars-grid{gap:var(--space-3)}
  .pillar{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);
    padding:var(--space-5);border-left:2px solid rgba(79,227,255,.35)}
  .pillar .pico{margin-bottom:0;width:2.25rem;height:2.25rem;grid-row:span 2}
  .pillar h3{align-self:center}
  .pillar p{grid-column:2}
}

/* 3 — NAV CTA: ghost on mobile (the cyan fill was too heavy in-bar) */
@media(max-width:900px){
  .nav-right .btn-primary{background:none;color:var(--primary);
    border:1px solid var(--border-strong);box-shadow:none;
    padding:.6rem 1.1rem;font-size:var(--text-xs)}
  .nav-right .btn-primary:hover{border-color:var(--primary);transform:none}
}

/* 4 — LOOP STEPS: subtle step-label accent (flow-line removed — was glitching through cards) */
.loop-step .ls{display:inline-block}

/* 5 — PARADIGM LOOP DIAGRAM (replaces the removed phone concept graphic) */
.loop-diagram{position:relative;border:1px solid var(--border-soft);border-radius:var(--radius-xl);
  background:linear-gradient(160deg,rgba(79,227,255,.05),rgba(138,124,255,.04) 55%,rgba(244,181,68,.04));
  box-shadow:0 30px 80px -30px rgba(0,0,0,.8);padding:var(--space-8);overflow:hidden}
.loop-diagram::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(79,227,255,.10);
  pointer-events:none;border-radius:inherit}
.loop-diagram .ld-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;
  text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-6);display:block}
.ld-flow{position:relative;display:grid;gap:0}
.ld-node{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;z-index:1}
.ld-node .ld-dot{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--black);
  background:linear-gradient(145deg,var(--cyan),var(--violet));box-shadow:0 0 18px -2px rgba(79,227,255,.5);position:relative}
.ld-node .ld-text .t{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);color:var(--text);display:block;line-height:1.2}
.ld-node .ld-text .d{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;display:block}
/* gradient spine connecting the dots */
.ld-flow::before{content:"";position:absolute;left:calc(1.3rem - .5px);top:1.8rem;bottom:1.8rem;width:1px;z-index:0;
  background:linear-gradient(180deg,var(--cyan),var(--violet) 55%,var(--gold))}
/* loop-back arc: identity feeds the next trigger */
.ld-loopback{display:flex;align-items:center;gap:.5em;margin-top:var(--space-5);padding-top:var(--space-5);
  border-top:1px dashed var(--border-soft);font-family:var(--font-mono);font-size:var(--text-xs);
  letter-spacing:.06em;color:var(--gold)}
.ld-loopback svg{flex:none;color:var(--gold)}
/* stagger the dot colours toward gold at the end */
.ld-node:nth-child(4) .ld-dot{background:linear-gradient(145deg,var(--violet),var(--gold))}
.ld-node:nth-child(5) .ld-dot{background:linear-gradient(145deg,var(--gold),#ffce6e);box-shadow:0 0 18px -2px rgba(244,181,68,.55);color:#2a1a02}
@media(max-width:880px){.loop-diagram{margin-top:var(--space-10)}}

/* 6 — COMMUNITY PANEL (replaces the stock network-sphere graphic) */
.community-panel{position:relative;border:1px solid var(--border-soft);border-radius:var(--radius-xl);
  background:linear-gradient(160deg,rgba(138,124,255,.06),rgba(79,227,255,.04) 60%,rgba(244,181,68,.04));
  box-shadow:0 30px 80px -30px rgba(0,0,0,.8);padding:var(--space-8);overflow:hidden}
.community-panel::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(138,124,255,.10);
  pointer-events:none;border-radius:inherit}
.cp-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;
  padding-bottom:var(--space-5);border-bottom:1px solid var(--border-soft)}
.cp-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);white-space:nowrap}
.cp-live{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-mono);font-size:.72rem;
  letter-spacing:.04em;text-transform:uppercase;color:var(--green);white-space:nowrap;
  background:rgba(71,209,140,.1);border:1px solid rgba(71,209,140,.3);padding:.3em .7em;border-radius:var(--radius-full)}
.cp-live .lv{width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);
  animation:cppulse 2.4s ease-in-out infinite}
@keyframes cppulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.cp-live .lv{animation:none}}
.cp-members{display:grid;gap:var(--space-3);margin-top:var(--space-5)}
.cp-member{display:flex;align-items:center;gap:var(--space-4)}
.cp-ava{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--black);
  background:linear-gradient(145deg,var(--cyan),var(--violet))}
.cp-member:nth-child(2) .cp-ava{background:linear-gradient(145deg,var(--violet),var(--gold))}
.cp-member:nth-child(3) .cp-ava{background:linear-gradient(145deg,var(--gold),#ffce6e);color:#2a1a02}
.cp-info .cn{font-family:var(--font-body);font-weight:600;font-size:var(--text-base);color:var(--text);display:block;line-height:1.2}
.cp-info .cr{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-muted);margin-top:1px;display:block}
.cp-foot{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);
  border-top:1px dashed var(--border-soft)}
.cp-stack{display:flex}
.cp-stack span{width:1.7rem;height:1.7rem;border-radius:50%;border:2px solid var(--black);margin-left:-.55rem;
  background:linear-gradient(145deg,var(--cyan),var(--violet))}
.cp-stack span:first-child{margin-left:0}
.cp-stack span:nth-child(2){background:linear-gradient(145deg,var(--violet),var(--gold))}
.cp-stack span:nth-child(3){background:linear-gradient(145deg,var(--gold),#ffce6e)}
.cp-stack span:nth-child(4){background:var(--glass);border-color:var(--border-strong)}
.cp-foot .cf-text{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--gold)}
@media(max-width:880px){.community-panel{margin-top:var(--space-10)}}

/* ===== offer-card CTA button (Work With Me ladder) ===== */
.tier .tier-cta{margin-top:var(--space-4);width:100%;justify-content:center;padding:.7rem 1rem;font-size:var(--text-sm)}
.tier .btn-ghost.tier-cta:hover{background:rgba(79,227,255,.06)}
.tier.feature .tier-cta{background:linear-gradient(180deg,#6cebff,var(--cyan));color:#04121a;border-color:transparent}
.tier.feature .tier-cta:hover{transform:translateY(-2px)}

/* ===== connect / contact architecture ===== */
.connect-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-6);margin-top:var(--space-10);text-align:left;align-items:stretch}
@media(max-width:860px){.connect-grid{grid-template-columns:1fr}}
.connect-card{position:relative;border:1px solid var(--border-soft);border-radius:var(--radius-xl);padding:clamp(var(--space-6),3vw,var(--space-10));background:var(--glass);display:flex;flex-direction:column}
.connect-card.primary{border-color:rgba(79,227,255,.25);background:radial-gradient(500px 300px at 0% 0%,rgba(79,227,255,.08),transparent 70%),var(--glass)}
.connect-card .cc-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}
.connect-card.alt .cc-eyebrow{color:var(--accent)}
.connect-card h3{font-size:var(--text-xl);margin-top:var(--space-3)}
.connect-card .cc-sub{color:var(--text-muted);font-size:var(--text-base);margin-top:var(--space-3);line-height:1.55}
/* full contact form */
.contact-form{display:grid;gap:var(--space-4);margin-top:var(--space-6)}
.field{display:grid;gap:var(--space-2)}
.field label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.field input,.field select,.field textarea{width:100%;padding:.85rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:rgba(6,7,11,.5);color:var(--text);font-size:var(--text-sm);font-family:var(--font-body)}
.field textarea{min-height:120px;resize:vertical;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A869E' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.6rem}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
@media(max-width:520px){.field-row{grid-template-columns:1fr}}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-form .btn{justify-content:center;width:100%;padding:.95rem 1.5rem;margin-top:var(--space-1)}
.form-msg{min-height:1.25rem;font-size:var(--text-sm);font-weight:500;transition:opacity var(--transition)}
.form-msg.ok{color:var(--green)} .form-msg.err{color:#FF8FA3}
.cc-fine{font-size:var(--text-xs);color:var(--text-faint);margin-top:var(--space-3);line-height:1.5}
/* booking / call card */
.book-card{margin-top:var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6);background:rgba(6,7,11,.35)}
.book-card h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}
.book-card p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-2);line-height:1.5}
.book-card .btn{margin-top:var(--space-4);width:100%;justify-content:center}
.cc-direct{margin-top:auto;padding-top:var(--space-6)}
.cc-direct .cc-eyebrow{color:var(--text-muted)}
.cc-direct a{color:var(--primary);font-weight:500}
.cc-channels{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}
.cc-channels a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:.5rem .95rem;transition:border-color var(--transition),color var(--transition)}
.cc-channels a:hover{border-color:var(--primary);color:var(--primary)}
.cc-channels a svg{flex:none}
/* footer contact block */
.foot-contact{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.foot-contact a{color:var(--text-muted);font-size:var(--text-sm)}
.foot-contact a:hover{color:var(--primary)}
.foot-social{display:flex;gap:var(--space-3);margin-top:var(--space-4)}
.foot-social a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border-soft);border-radius:50%;color:var(--text-muted);transition:border-color var(--transition),color var(--transition),transform var(--transition)}
.foot-social a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}

/* ===== Launch countdown — scoped ===== */
.launch-countdown{
  position:relative;
  max-width:var(--content,1180px);
  margin:var(--space-12,3rem) auto var(--space-16,4rem);
  padding:var(--space-8,2rem) var(--space-6,1.5rem);
  border:1px solid var(--border-soft,rgba(255,255,255,.10));
  border-radius:var(--radius-xl,1.5rem);
  background:linear-gradient(180deg,rgba(79,227,255,.04),rgba(244,181,68,.03) 60%,rgba(255,255,255,.02));
  overflow:hidden;
  isolation:isolate;
}
.launch-countdown::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(79,227,255,.45),rgba(138,124,255,.25) 50%,rgba(244,181,68,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.55;pointer-events:none;z-index:-1;
}
.lc-inner{text-align:center;max-width:760px;margin:0 auto}
.lc-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cyan,#4FE3FF);
  margin:0 0 var(--space-4,1rem);
}
.lc-pulse{
  width:8px;height:8px;border-radius:50%;background:var(--cyan,#4FE3FF);
  box-shadow:0 0 0 0 rgba(79,227,255,.6);
  animation:lcPulse 2s ease-out infinite;
}
@keyframes lcPulse{
  0%{box-shadow:0 0 0 0 rgba(79,227,255,.55)}
  70%{box-shadow:0 0 0 12px rgba(79,227,255,0)}
  100%{box-shadow:0 0 0 0 rgba(79,227,255,0)}
}
.lc-headline{
  font-family:'Clash Display',ui-sans-serif,system-ui,sans-serif;
  font-weight:600;
  font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);
  line-height:1.15;
  margin:0 0 var(--space-6,1.5rem);
  color:var(--text,#F3F7FF);
}
.lc-target{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:.8125rem;color:var(--text-muted,#A9B4CC);
  margin:0 0 var(--space-6,1.5rem);
}
.lc-tz{color:var(--text-faint,#7A869E)}
.lc-form{
  display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;
  max-width:520px;margin:0 auto;
}
.lc-form input{
  flex:1 1 220px;min-width:0;
  padding:.85rem 1rem;
  border:1px solid var(--border-strong,rgba(255,255,255,.20));
  border-radius:var(--radius-md,.75rem);
  background:rgba(0,0,0,.35);
  color:var(--text,#F3F7FF);
  font:inherit;font-size:.95rem;
  transition:border-color var(--transition,240ms cubic-bezier(.16,1,.3,1));
}
.lc-form input::placeholder{color:var(--text-faint,#7A869E)}
.lc-form input:focus{border-color:var(--cyan,#4FE3FF);box-shadow:0 0 0 3px rgba(79,227,255,.18)}
.lc-form .btn{flex:0 0 auto}
.lc-msg{
  min-height:1.25rem;margin:.75rem 0 0;
  font-size:.875rem;color:var(--text-muted,#A9B4CC);
}
.lc-msg.ok{color:var(--green,#47D18C)}
.lc-msg.err{color:#ff8a8a}
.lc-fineprint{
  font-size:.78rem;color:var(--text-faint,#7A869E);
  margin:var(--space-4,1rem) 0 0;
}
/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .lc-pulse{animation:none}
}
/* a11y helper if not already global */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}