/* FirstCue — shared brand styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{
  --navy:#0E2A47; --navy2:#16395e; --teal1:#34E0C8; --teal2:#159BB3;
  --red:#E23B3B; --red-dk:#c32f2f; --slate:#5B6B7B; --bg:#F4F6F8; --line:#e5e9ed;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
h1,h2,h3{line-height:1.15;letter-spacing:-0.5px;}
a{color:inherit;text-decoration:none;}
.btn{display:inline-block;font-weight:700;font-size:16px;padding:15px 26px;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:transform .08s ease, box-shadow .15s ease;}
.btn:active{transform:translateY(1px);}
.btn-red{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(226,59,59,.28);}
.btn-red:hover{background:var(--red-dk);}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy);}
nav.main a.link[href^="get-started"]{color:var(--teal1);font-weight:700;}
.btn-ghost.on-navy{color:#fff;border-color:rgba(255,255,255,.6);}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal2);}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(14,42,71,.97);backdrop-filter:blur(6px);color:#fff;}
header .bar{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px;}
.logo{display:flex;align-items:center;gap:9px;}
.logo .word{font-size:23px;letter-spacing:.5px;}
.logo .l1{font-weight:500;} .logo .l2{font-weight:800;}
nav.main{display:flex;align-items:center;gap:26px;}
nav.main a.link{font-size:15px;font-weight:600;color:#c4d2e0;}
nav.main a.link:hover{color:#fff;}
header .btn{padding:10px 18px;font-size:14px;}
@media(max-width:680px){
  header .bar{flex-wrap:wrap;height:auto;padding:10px 0;row-gap:10px;}
  nav.main{width:100%;flex-wrap:wrap;justify-content:center;gap:12px 18px;}
  nav.main a.link{font-size:14px;}
  header .btn{padding:9px 16px;}
}

/* hero */
.hero{background:linear-gradient(160deg,#0E2A47 0%,#16395e 100%);color:#fff;padding:72px 0 84px;position:relative;overflow:hidden;}
.hero .aurora{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.hero .scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0E2A47 0%,rgba(14,42,71,.92) 32%,rgba(14,42,71,.2) 64%,rgba(14,42,71,0) 100%);}
.hero .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;mix-blend-mode:screen;}
.hero .blob.b1{width:520px;height:520px;background:radial-gradient(circle,#34E0C8,transparent 68%);top:-140px;right:0;animation:drift1 6s ease-in-out infinite;}
.hero .blob.b2{width:560px;height:560px;background:radial-gradient(circle,#159BB3,transparent 68%);top:40px;right:-150px;animation:drift2 7.5s ease-in-out infinite;}
.hero .blob.b3{width:440px;height:440px;background:radial-gradient(circle,#2EE6C8,transparent 68%);bottom:-160px;right:18%;animation:drift3 5s ease-in-out infinite;}
.hero .wrap{position:relative;z-index:2;}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-190px,120px) scale(1.35);}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(150px,-100px) scale(.8);}}
@keyframes drift3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-130px,-90px) scale(1.25);}}

/* product showcase */
.showcase{background:linear-gradient(180deg,#0E2A47,#16395e);color:#fff;}
.showcase .eyebrow{color:var(--teal1);}
.showcase .lead{color:#c4d2e0;}
.show-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:40px;align-items:start;}
.show-card{background:#fff;color:var(--navy);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.32);overflow:hidden;}
.callbar{background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px;padding:16px 18px;}
.callbar .av{width:40px;height:40px;border-radius:50%;background:#16395e;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.callbar .nm{font-weight:700;font-size:15px;} .callbar .sub{font-size:12px;color:#9fb0c4;}
.callbar .live{margin-left:auto;font-size:11px;font-weight:700;color:#1FAE6F;border:1px solid #1FAE6F;border-radius:20px;padding:3px 9px;}
.intake{padding:18px;}
.intake .row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;}
.intake .row:last-child{border-bottom:0;}
.intake .row .k{color:var(--slate);} .intake .row .v{font-weight:600;text-align:right;}
.intake .booked{margin-top:12px;background:#e9f9f1;color:#0c7a4e;border-radius:10px;padding:11px 14px;font-weight:700;font-size:14px;}
.side{display:flex;flex-direction:column;gap:18px;}
.sms{background:#fff;color:var(--navy);border-radius:16px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.32);}
.sms .label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--slate);margin-bottom:10px;}
.sms .bubble{background:#0E2A47;color:#fff;border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:14px;line-height:1.45;}
.digest{background:#fff;color:var(--navy);border-radius:16px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.32);}
.digest .label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--slate);}
.digest h4{font-size:16px;font-weight:700;margin:4px 0 14px;}
.digest .stats{display:flex;gap:18px;}
.digest .stat .n{font-size:26px;font-weight:800;color:var(--teal2);line-height:1;}
.digest .stat .l{font-size:12px;color:var(--slate);margin-top:4px;}
.show-note{font-size:12px;color:#9fb0c4;margin-top:18px;}
@media(max-width:760px){ .show-grid{grid-template-columns:1fr;} }

/* ===== Motion system (shared) ===== */
:root{ --ease:cubic-bezier(.22,.61,.36,1); }

/* Background wavy lines — behind content, move on scroll, faded on the left */
.bg-lines{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, transparent 32%, #000 66%, #000 100%);
  mask-image:linear-gradient(to right, transparent 0%, transparent 32%, #000 66%, #000 100%);}
.bg-lines svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.bg-lines path{fill:none;stroke:#34E0C8;stroke-width:1;vector-effect:non-scaling-stroke;will-change:transform;}
section, footer{position:relative;}
section:not(.hero) > .wrap, footer > .wrap{position:relative;z-index:1;}

/* Hero ambient glow */
.hero .sheen{position:absolute;inset:-25%;z-index:0;pointer-events:none;
  background:radial-gradient(55% 50% at 78% 28%, rgba(52,224,200,.20), transparent 62%),radial-gradient(48% 46% at 92% 82%, rgba(21,155,179,.22), transparent 62%);
  filter:blur(8px);animation:sheen 16s ease-in-out infinite alternate;will-change:transform;}
@keyframes sheen{ from{transform:translate3d(0,0,0) scale(1);} to{transform:translate3d(-3%,2.5%,0) scale(1.10);} }
.hero .scrim{z-index:1;}
.hero .wrap{position:relative;z-index:2;will-change:transform,opacity;}

/* Hero entrance */
.hero .eyebrow,.hero h1,.hero p.sub,.hero .cta-row,.hero .demoline,.hero .micro{opacity:0;transform:translateY(24px);animation:rise .9s var(--ease) forwards;}
.hero h1{animation-delay:.08s;} .hero p.sub{animation-delay:.18s;} .hero .cta-row{animation-delay:.30s;} .hero .demoline{animation-delay:.42s;} .hero .micro{animation-delay:.50s;}
@keyframes rise{ to{opacity:1;transform:none;} }

/* Header elevation on scroll */
header{transition:background .3s ease, box-shadow .35s ease;}
header.scrolled{box-shadow:0 8px 28px rgba(7,20,35,.28);background:rgba(14,42,71,.99);}

/* Scroll reveals (replay on enter/leave) */
.js .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease);will-change:opacity,transform;}
.js .reveal.in{opacity:1;transform:none;}

/* Hover micro-interactions */
.step,.tier,.why,.show-card,.digest,.sms,.receipt{transition:transform .35s var(--ease), box-shadow .35s var(--ease);}
.step:hover,.why:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(14,42,71,.14);}
.tier:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(21,155,179,.20);}
.show-card:hover,.digest:hover,.sms:hover,.receipt:hover{transform:translateY(-5px);}
.btn{transition:transform .12s var(--ease), box-shadow .25s ease, background .2s ease;}
.btn-red:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(226,59,59,.36);}
.btn-ghost:hover{transform:translateY(-2px);}
.btn-ghost.on-navy{background:#173a5e;border-color:rgba(255,255,255,.45);color:#fff;box-shadow:0 6px 18px rgba(5,16,30,.30);}
.btn-ghost.on-navy:hover{background:#1d4878;transform:translateY(-3px);box-shadow:0 16px 32px rgba(5,16,30,.42);}
.hero h1{font-size:clamp(32px,5vw,56px);font-weight:800;max-width:18ch;}
.hero p.sub{font-size:clamp(17px,2.2vw,21px);color:#c4d2e0;margin:22px 0 34px;max-width:56ch;font-weight:400;}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hero .demoline{margin-top:18px;font-size:15px;color:#c4d2e0;}
.hero .demoline b{color:#fff;font-size:18px;}
.hero .micro{margin-top:14px;font-size:13px;color:#9fb0c4;}
.hero .glow{position:absolute;right:-120px;top:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(52,224,200,.22),transparent 60%);}

section{padding:72px 0;}
h2.head{font-size:clamp(26px,3.4vw,38px);font-weight:800;max-width:20ch;}
.lead{font-size:18px;color:var(--slate);max-width:60ch;margin-top:14px;}

.problem{background:var(--bg);}
.problem .big{font-size:clamp(22px,3vw,30px);font-weight:700;max-width:24ch;}
.problem .big .red{color:var(--red);}
.problem .stack p{margin-top:16px;font-size:18px;color:var(--slate);max-width:56ch;}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;}
.step .num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--teal1),var(--teal2));margin-bottom:16px;}
.step h3{font-size:19px;font-weight:700;margin-bottom:8px;}
.step p{color:var(--slate);font-size:15.5px;}

.proof{background:var(--navy);color:#fff;}
.proof .lead{color:#c4d2e0;}
.receipt{margin:28px 0;background:#fff;color:var(--navy);border-left:5px solid var(--red);border-radius:10px;padding:18px 22px;max-width:480px;box-shadow:0 10px 30px rgba(0,0,0,.25);}
.receipt .label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--slate);margin-bottom:6px;}
.receipt .msg{font-size:18px;font-weight:600;}

.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;}
.why{border:1px solid var(--line);border-radius:16px;padding:26px;}
.why.them{background:var(--bg);}
.why.us{background:linear-gradient(160deg,#0E2A47,#16395e);color:#fff;}
.why h3{font-size:18px;font-weight:700;margin-bottom:10px;}
.why p{font-size:15px;color:var(--slate);}
.why.us p{color:#c4d2e0;}

/* pricing */
.pricing{background:var(--bg);}
.tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px;max-width:840px;}
.tier{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;position:relative;}
.tier.rec{border:2px solid var(--teal2);box-shadow:0 14px 40px rgba(21,155,179,.16);}
.tier .tag{position:absolute;top:-13px;left:32px;background:linear-gradient(135deg,var(--teal1),var(--teal2));color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 12px;border-radius:20px;}
.tier h3{font-size:20px;font-weight:700;}
.tier .price{font-size:40px;font-weight:800;margin:8px 0 2px;}
.tier .price span{font-size:16px;font-weight:500;color:var(--slate);}
.tier ul{list-style:none;margin:18px 0 24px;}
.tier li{padding:8px 0 8px 28px;position:relative;font-size:15px;color:#334;}
.tier li:before{content:"";position:absolute;left:0;top:13px;width:14px;height:8px;border-left:2.5px solid var(--teal2);border-bottom:2.5px solid var(--teal2);transform:rotate(-45deg);}
.tier .btn{width:100%;text-align:center;}
.allnote{margin-top:24px;font-size:14px;color:var(--slate);}
.center-cta{text-align:center;margin-top:40px;}

/* faq accordion */
details{border-bottom:1px solid var(--line);padding:20px 0;}
details summary{font-weight:700;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;}
details summary::-webkit-details-marker{display:none;}
details summary:after{content:"+";color:var(--teal2);font-size:24px;font-weight:600;}
details[open] summary:after{content:"–";}
details p{margin-top:12px;color:var(--slate);font-size:15.5px;max-width:70ch;}

footer{background:var(--navy);color:#fff;padding:54px 0 40px;}
footer .fline{font-size:20px;font-weight:700;max-width:30ch;}
footer .muted{color:#9fb0c4;font-size:14px;margin-top:14px;}
footer .muted a{color:#c4d2e0;text-decoration:underline;}
footer .fnav{margin-top:20px;display:flex;gap:20px;flex-wrap:wrap;font-size:14px;}
footer .fnav a{color:#c4d2e0;}

@media(max-width:760px){ .steps,.why-grid,.tiers{grid-template-columns:1fr;} section{padding:52px 0;} }