/* Public landing page (WI-640). Uses portal.css tokens; everything here is
   scoped to .lp so it never leaks into the app. */
.lp{--lp-max:1120px;font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);overflow-x:hidden}
.lp *{box-sizing:border-box}
.lp .wrap{max-width:var(--lp-max);margin:0 auto;padding:0 24px}
.lp h1,.lp h2,.lp h3{line-height:1.2;color:var(--teal-dark);margin:0}
.lp p{margin:0}
.lp a{text-decoration:none}

/* ---- nav ---- */
.lp-nav{position:sticky;top:0;z-index:50;background:rgba(244,241,236,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(35,50,46,.06)}
.lp-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.lp-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;color:var(--teal-dark)}
.lp-brand img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.lp-links{display:flex;gap:22px;font-size:.88rem;font-weight:600}
.lp-links a{color:var(--muted);transition:color .15s}
.lp-links a:hover{color:var(--teal-dark)}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;font-weight:800;font-size:.9rem;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer;border:1.5px solid transparent}
.lp-btn:hover{transform:translateY(-1px)}
.lp-btn.gold{background:var(--gold);color:var(--teal-dark);box-shadow:0 6px 18px rgba(201,151,90,.35)}
.lp-btn.gold:hover{background:var(--gold-deep)}
.lp-btn.teal{background:var(--teal);color:#fff}
.lp-btn.teal:hover{background:var(--teal-dark)}
.lp-btn.ghost{border-color:var(--teal);color:var(--teal);background:#fff}
.lp-btn.ghost:hover{background:var(--wash)}
.lp-btn.sm{min-height:38px;padding:7px 16px;font-size:.82rem}

/* ---- hero ---- */
.lp-hero{position:relative;padding:72px 0 56px;overflow:hidden}
.lp-hero::before{content:"";position:absolute;inset:-40% -20% auto -20%;height:120%;
  background:radial-gradient(60% 60% at 30% 30%,rgba(201,151,90,.22),transparent 60%),
             radial-gradient(50% 50% at 80% 20%,rgba(45,90,82,.18),transparent 60%);
  animation:lp-drift 18s ease-in-out infinite alternate;z-index:0}
.lp-hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.lp-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--gold-tint);color:var(--teal-dark);font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.lp-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:lp-pulse 1.6s infinite}
.lp-hero h1{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:800;margin-bottom:16px}
.lp-hero h1 .hl{background:linear-gradient(120deg,var(--gold),var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero .lead{font-size:1.08rem;color:var(--muted);line-height:1.65;max-width:560px;margin-bottom:26px}
.lp-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.lp-trust{display:flex;flex-wrap:wrap;gap:8px}
.lp-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(35,50,46,.08);border-radius:999px;padding:6px 12px;font-size:.78rem;color:var(--muted);box-shadow:0 1px 3px rgba(35,50,46,.06)}
.lp-chip b{color:var(--teal-dark)}

/* animated chart card */
.lp-chart{position:relative;background:var(--teal-dark);border-radius:20px;padding:20px 20px 16px;box-shadow:0 30px 60px rgba(30,63,57,.28);animation:lp-float 6s ease-in-out infinite}
.lp-chart .head{display:flex;justify-content:space-between;align-items:center;color:#c9d3d0;font-size:.8rem;margin-bottom:10px}
.lp-chart .head b{color:#fff;font-size:.95rem}
.lp-chart .tag{background:rgba(201,151,90,.2);color:var(--gold);padding:3px 10px;border-radius:999px;font-weight:700;font-size:.7rem;letter-spacing:.05em}
.lp-chart svg{width:100%;height:auto;display:block}
.lp-chart .signal-line{stroke-dasharray:600;stroke-dashoffset:600;animation:lp-draw 2.4s .4s ease-out forwards}
.lp-chart .ring{transform-origin:center;animation:lp-ring 2s 2.2s infinite}
.lp-chart .plan{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.lp-chart .plan div{background:rgba(255,255,255,.06);border-radius:10px;padding:8px 10px;font-size:.72rem;color:#9fb3ad}
.lp-chart .plan b{display:block;color:#fff;font-size:.88rem}
.lp-chart .plan .g b{color:#7fd9a0}.lp-chart .plan .r b{color:#f0909f}.lp-chart .plan .y b{color:var(--gold)}
.lp-toast{position:absolute;right:-14px;bottom:-18px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 12px 30px rgba(35,50,46,.2);font-size:.78rem;display:flex;gap:10px;align-items:center;animation:lp-pop .6s 2.6s both}
.lp-toast .ico{width:30px;height:30px;border-radius:50%;background:var(--gold-tint);display:grid;place-items:center}
.lp-toast b{display:block;color:var(--teal-dark)}

/* ---- ticker tape ---- */
.lp-tape{overflow:hidden;border-top:1px solid rgba(35,50,46,.06);border-bottom:1px solid rgba(35,50,46,.06);background:#fff;padding:12px 0}
.lp-tape .track{display:flex;gap:36px;width:max-content;animation:lp-marquee 40s linear infinite}
.lp-tape span{font-size:.8rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.lp-tape b{color:var(--teal-dark);margin-right:6px}
.lp-tape .up{color:#1e8a4c}.lp-tape .dn{color:#c0392b}

/* ---- sections ---- */
.lp-sec{padding:80px 0}
.lp-sec.alt{background:#fff}
.lp-sec-h{text-align:center;max-width:680px;margin:0 auto 44px}
.lp-sec-h .eyebrow{color:var(--gold-deep);font-weight:800;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.lp-sec-h h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:12px}
.lp-sec-h p{color:var(--muted);font-size:1rem;line-height:1.6}

/* steps */
.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.lp-steps::before{content:"";position:absolute;left:8%;right:8%;top:34px;height:2px;background:linear-gradient(90deg,var(--gold),var(--teal));opacity:.35}
.lp-step{background:#fff;border-radius:16px;padding:22px 20px;box-shadow:0 1px 3px rgba(35,50,46,.08);position:relative;transition:transform .2s,box-shadow .2s}
.lp-step:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(35,50,46,.12)}
.lp-step .n{width:44px;height:44px;border-radius:50%;background:var(--teal-dark);color:var(--gold);font-weight:800;display:grid;place-items:center;margin-bottom:14px;font-size:1rem;box-shadow:0 0 0 6px var(--page)}
.lp-step h3{font-size:1rem;margin-bottom:6px}
.lp-step p{font-size:.86rem;color:var(--muted);line-height:1.55}
.lp-step .t{font-size:.72rem;color:var(--gold-deep);font-weight:700;margin-top:10px}

/* signals */
.lp-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lp-card{background:#fff;border-radius:18px;padding:26px;box-shadow:0 1px 3px rgba(35,50,46,.08);border:1px solid rgba(35,50,46,.05)}
.lp-card .pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-right:6px}
.lp-card .pill.gold{background:var(--gold-tint);color:var(--gold-deep)}.lp-card .pill.teal{background:#e3ecea;color:var(--teal-dark)}
.lp-card h3{font-size:1.25rem;margin:12px 0 8px}
.lp-card p{color:var(--muted);font-size:.9rem;line-height:1.6}
.lp-card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.lp-card li{display:flex;gap:10px;font-size:.88rem;line-height:1.5}
.lp-card li .k{flex:0 0 74px;font-weight:800;color:var(--teal-dark);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}
.lp-mini{height:120px;border-radius:12px;background:var(--page);margin-top:16px;position:relative;overflow:hidden}
.lp-mini svg{width:100%;height:100%;display:block}
.lp-mini .dash{stroke-dasharray:400;stroke-dashoffset:400}
.is-in .lp-mini .dash{animation:lp-draw 1.8s ease-out forwards}
.lp-mini .blip{opacity:0}
.is-in .lp-mini .blip{animation:lp-blip .6s 1.6s forwards}

/* demo mock */
.lp-demo{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.lp-mock{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(35,50,46,.08);padding:18px;font-size:.8rem}
.lp-mock .mh{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-weight:700}
.lp-mock table{width:100%;border-collapse:collapse}
.lp-mock th{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:center;padding:6px 6px;border-bottom:1px solid var(--page)}
.lp-mock td{padding:10px 6px;text-align:center;border-bottom:1px solid var(--page)}
.lp-mock tr:last-child td{border-bottom:0}
.lp-mock .sym{font-weight:800;color:var(--blue)}
.lp-mock .row-hi{background:var(--wash)}
.lp-mock .pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.66rem;font-weight:700}
.lp-mock .pill.long{background:#e3f3e8;color:#1e8a4c}.lp-mock .pill.pb{background:#e6f0fa;color:var(--blue)}.lp-mock .pill.new{background:var(--gold);color:var(--teal-dark)}.lp-mock .pill.open{background:var(--gold-tint);color:var(--teal)}
.lp-mock .act b{color:var(--teal-dark)}
.lp-hc{background:var(--teal-dark);color:#e2e8e6;border-radius:14px;padding:16px 18px;font-size:.8rem;line-height:1.5;box-shadow:0 14px 40px rgba(30,63,57,.25);animation:lp-float 7s 1s ease-in-out infinite}
.lp-hc h4{margin:0 0 4px;color:#fff;font-size:.95rem}.lp-hc h4 span{color:#9fb3ad;font-weight:400;font-size:.76rem}
.lp-hc .sec{color:#9fb3ad;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;margin:10px 0 4px}
.lp-hc .st{background:rgba(127,217,160,.15);color:#fff;font-weight:700;border-radius:8px;padding:6px 10px;margin:2px 0 6px}
.lp-hc .kv{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.lp-hc .kv span:first-child{color:#9fb3ad}
.lp-hc .g{color:#7fd9a0}.lp-hc .r{color:#f0909f}
.lp-hc .note{color:#c9d3d0;font-size:.76rem;margin-top:4px}

/* stats */
.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lp-stat{background:var(--teal-dark);color:#fff;border-radius:18px;padding:26px 22px;text-align:center;position:relative;overflow:hidden}
.lp-stat::after{content:"";position:absolute;inset:auto -30% -60% auto;width:160px;height:160px;border-radius:50%;background:rgba(201,151,90,.18)}
.lp-stat .v{font-size:2.4rem;font-weight:800;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}
.lp-stat .l{font-size:.86rem;margin-top:8px;color:#c9d3d0}
.lp-fine{font-size:.76rem;color:var(--muted2);text-align:center;margin-top:16px;line-height:1.5}

/* alerts */
.lp-alerts{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}
.lp-mail{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(35,50,46,.12);font-size:.8rem}
.lp-mail .top{background:var(--teal);color:#fff;padding:12px 16px;font-weight:700;display:flex;align-items:center;gap:10px}
.lp-mail .top img{width:26px;height:26px;border-radius:6px}
.lp-mail .body{padding:14px 16px;line-height:1.55}
.lp-mail .line{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--page);font-variant-numeric:tabular-nums}
.lp-mail .btn{display:inline-block;margin-top:10px;background:var(--gold);color:var(--teal-dark);border-radius:999px;padding:7px 16px;font-weight:800;font-size:.76rem}
.lp-bell{position:relative;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(35,50,46,.12);font-size:1.6rem;animation:lp-swing 3s 1s ease-in-out infinite;transform-origin:top center}
.lp-bell i{position:absolute;top:8px;right:8px;background:#c0392b;color:#fff;font-style:normal;font-size:.62rem;font-weight:800;border-radius:999px;padding:2px 6px;animation:lp-pulse 1.6s infinite}
.lp-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.lp-list li{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;line-height:1.5;color:var(--muted)}
.lp-list li b{color:var(--teal-dark)}
.lp-list .ic{flex:0 0 30px;height:30px;border-radius:50%;background:var(--gold-tint);display:grid;place-items:center;font-size:.9rem}

/* who */
.lp-who{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lp-who .lp-card h3{font-size:1.05rem;margin-top:0}
.lp-who ul{margin:10px 0 0;padding-left:0;list-style:none;display:grid;gap:8px}
.lp-who li{display:flex;gap:10px;font-size:.9rem;color:var(--muted);line-height:1.5}
.lp-who .y{color:#1e8a4c;font-weight:800}.lp-who .n{color:#c0392b;font-weight:800}

/* faq */
.lp-faq{max-width:780px;margin:0 auto;display:grid;gap:10px}
.lp-faq details{background:#fff;border-radius:14px;padding:0 20px;box-shadow:0 1px 3px rgba(35,50,46,.08)}
.lp-faq summary{cursor:pointer;list-style:none;font-weight:700;color:var(--teal-dark);padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";font-size:1.3rem;color:var(--gold-deep);transition:transform .2s}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq details p{padding:0 0 16px;color:var(--muted);font-size:.92rem;line-height:1.6}

/* contact */
.lp-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
.lp-contact .blurb h2{font-size:1.8rem;margin-bottom:12px}
.lp-contact .blurb p{color:var(--muted);line-height:1.6;margin-bottom:14px}
.lp-form{background:#fff;border-radius:18px;padding:26px;box-shadow:0 1px 3px rgba(35,50,46,.08)}
.lp-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-form .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.lp-form label{font-size:.8rem;font-weight:700;color:var(--teal-dark)}
.lp-form input,.lp-form select,.lp-form textarea{font:inherit;font-size:.92rem;padding:11px 14px;border:1.5px solid rgba(35,50,46,.14);border-radius:10px;background:#fff;color:var(--ink);min-height:44px}
.lp-form textarea{min-height:130px;resize:vertical}
.lp-form input:focus,.lp-form select:focus,.lp-form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(45,90,82,.15)}
.lp-form .err{color:#c0392b;font-size:.78rem}
.lp-form .ok{background:#e3f3e8;color:#1e8a4c;border-radius:12px;padding:14px 16px;font-weight:600;margin-bottom:14px;animation:lp-pop .5s both}
.lp-form .recaptcha-field{margin-bottom:14px}
.lp-form .bad{background:#fbe9ea;color:#a12a35;border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:.88rem;animation:lp-pop .4s both}
.lp-form .bad ul{margin:6px 0 0;padding-left:18px}
.lp-form .recaptcha-note{margin:0 0 16px!important}
.lp-form .foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lp-form .foot small{color:var(--muted2);font-size:.74rem}
.lp-count{float:right;font-weight:600;font-size:.72rem;color:var(--muted2)}
.lp-count.warn{color:#b8854a}.lp-count.ok{color:#1e8a4c}

/* footer */
.lp-foot{background:var(--teal-dark);color:#c9d3d0;padding:48px 0 22px;font-size:.84rem}
.lp-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px}
.lp-foot .col{display:flex;flex-direction:column;gap:8px}
.lp-foot .col h4{margin:0 0 4px;color:#fff;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.lp-foot .col a{color:#c9d3d0;transition:color .15s}
.lp-foot .col a:hover{color:var(--gold)}
.lp-foot .brand .lp-brand{margin-bottom:10px}
.lp-foot .disc{max-width:420px;line-height:1.55;color:#9fb3ad;font-size:.76rem}
.lp-foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.76rem;color:#9fb3ad}

/* legal pages */
.lp-legal-h{max-width:780px;margin:0 auto 28px}
.lp-legal-h .eyebrow{color:var(--gold-deep);font-weight:800;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.lp-legal-h h1{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800;margin-bottom:10px}
.lp-legal-h .sub{color:var(--muted);font-size:.9rem;line-height:1.5}
.lp-legal-body{max-width:780px;margin:0 auto;background:#fff;border-radius:18px;padding:34px 36px;box-shadow:0 1px 3px rgba(35,50,46,.08);line-height:1.65;font-size:.95rem}
.lp-legal-body .lead{background:var(--gold-tint);border-radius:12px;padding:14px 18px;color:var(--teal-dark);font-weight:600;margin-bottom:22px}
.lp-legal-body h2{font-size:1.1rem;margin:26px 0 8px}
.lp-legal-body p{margin:0 0 10px;color:var(--ink)}
.lp-legal-body ul{margin:0 0 10px;padding-left:20px}
.lp-legal-body li{margin:4px 0;color:var(--ink)}
.lp-legal-body a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.lp-foot-grid{grid-template-columns:1fr 1fr}.lp-legal-body{padding:24px 20px}}
@media(max-width:560px){.lp-foot-grid{grid-template-columns:1fr}}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.rv.is-in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}

@keyframes lp-drift{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-4%,3%,0) rotate(3deg)}}
@keyframes lp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lp-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}
@keyframes lp-draw{to{stroke-dashoffset:0}}
@keyframes lp-ring{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@keyframes lp-pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes lp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes lp-blip{to{opacity:1}}
@keyframes lp-swing{0%,100%{transform:rotate(0)}10%{transform:rotate(12deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(0)}}

@media(prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  .lp-chart .signal-line,.lp-mini .dash{stroke-dashoffset:0}
  .lp-mini .blip{opacity:1}
}
@media(max-width:900px){
  .lp-hero .wrap,.lp-two,.lp-demo,.lp-alerts,.lp-who,.lp-contact{grid-template-columns:1fr}
  .lp-steps{grid-template-columns:1fr 1fr}.lp-steps::before{display:none}
  .lp-stats{grid-template-columns:1fr 1fr}
  .lp-links{display:none}
  .lp-sec{padding:56px 0}
  .lp-toast{right:6px}
}
@media(max-width:560px){
  .lp-steps,.lp-stats,.lp-form .grid{grid-template-columns:1fr}
  .lp-toast{position:static;margin-top:14px;justify-content:center}
  .lp-hero{padding:44px 0 40px}
}