/* ══════════════════════════════════════════════════════════════════════════
   Agent Storybook — marketing kit (Slate)
   Loaded AFTER each page's own <style>. Two halves:
     1. The Slate skin: html.lk-slate re-dresses the existing page markup.
        Same tokens as lib/themes.js Slate — deep navy-black, warm bone text,
        platinum rule work, Bodoni Moda display, Jost for everything under 18px,
        a fine film grain. The temperature contrast (bone on navy) is the point.
     2. Components (prefix lk-): the assessment, the plan-fit sheet, the sticky
        phone bar, the exit card and the book that opens as you scroll.
   Mobile first: every text size here is >= 13px on a phone.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  --lk-bg:#080B11; --lk-bg2:#0B1019; --lk-panel:#101724; --lk-panel2:#141C2B;
  --lk-bone:#E8E4DC; --lk-bone-2:#D6D0C5; --lk-text:#C9C4BA; --lk-mute:#A7A299;
  --lk-plat:#C8CDD4; --lk-sky:#AFC2DC; --lk-ink:#080B11;
  --lk-line:rgba(186,194,206,.16); --lk-line-2:rgba(186,194,206,.28);
  --lk-display:'Bodoni Moda','Didot','Playfair Display',serif;
  --lk-ui:'Jost','Futura','DM Sans','Helvetica Neue',sans-serif;
  --lk-ease:cubic-bezier(.16,1,.3,1);
}

/* ── 1. SKIN ───────────────────────────────────────────────────────────── */
html.lk-slate{
  --gold:#C8CDD4; --gold-light:#EFF2F6; --gold-dark:#AFC2DC;
  --parchment:#080B11; --parchment-mid:#0B1019; --parchment-dark:#141C2B;
  --cream:#E8E4DC; --cream-text:#E8E4DC; --ink:#E8E4DC; --ink-mid:#D6D0C5; --ink-light:#C9C4BA;
  --dark-bg:#06080D; --dark-mid:#0B1019; --dark-panel:#101724; --dark-2:#0B1019;
  --body-dark:#C9C4BA; --body-mid:#A7A299; --body-light:#C9C4BA;
  --border:rgba(186,194,206,.16);
  background:var(--lk-bg); color-scheme:dark;
}
html.lk-slate body{background:var(--lk-bg) !important;color:var(--lk-text);font-family:var(--lk-ui);font-weight:300;letter-spacing:.01em;}
/* Stock: a fine grain over everything. The detail that makes it read as print. */
html.lk-slate body::after{content:'';position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;}

/* Type: Didone for display only, Jost for everything else. */
html.lk-slate h1,html.lk-slate h2,html.lk-slate .hero-title,html.lk-slate .section-title,html.lk-slate .carousel-title,
html.lk-slate .hero-headline,html.lk-slate .form-headline,html.lk-slate .how-headline,html.lk-slate .social-proof-headline,
html.lk-slate .pricing-section-title,html.lk-slate .faq-section-title,html.lk-slate .pt-name,html.lk-slate .pt-amount,
html.lk-slate .testimonial-quote,html.lk-slate .price-anchor{font-family:var(--lk-display) !important;font-weight:500 !important;letter-spacing:-.005em;color:var(--lk-bone) !important;}
html.lk-slate h3{font-family:var(--lk-display) !important;font-weight:500 !important;color:var(--lk-bone) !important;}
html.lk-slate h1 em,html.lk-slate h2 em,html.lk-slate .hero-title em,html.lk-slate .section-title em,html.lk-slate .carousel-title em{
  font-style:italic;font-weight:400;color:transparent !important;
  background:linear-gradient(100deg,#DDE6F2 0%,#FFFFFF 18%,#C9D6E8 38%,#FFFFFF 58%,#D2DCEA 80%,#FFFFFF 100%);
  -webkit-background-clip:text;background-clip:text;}
html.lk-slate p,html.lk-slate li,html.lk-slate .faq-a,html.lk-slate .faq-q,html.lk-slate button,html.lk-slate input,
html.lk-slate textarea,html.lk-slate select,html.lk-slate label{font-family:var(--lk-ui) !important;}
html.lk-slate .proof-quote,html.lk-slate .testimonial-quote{font-style:italic;}

/* Eyebrows read engraved: small, wide-tracked, cool. */
html.lk-slate .hero-eyebrow,html.lk-slate .section-eyebrow,html.lk-slate .carousel-eyebrow,html.lk-slate .pt-eyebrow,
html.lk-slate .pt-group,html.lk-slate .eyebrow,html.lk-slate .kicker{font-family:var(--lk-ui) !important;font-weight:400 !important;color:var(--lk-sky) !important;letter-spacing:.32em;opacity:1;}

/* Chrome: frosted glass, not a solid bar. */
html.lk-slate nav:not(.rel-block):not(.crumbs),html.lk-slate .demo-nav{background:rgba(8,11,17,.72) !important;border-bottom:1px solid var(--lk-line) !important;
  -webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);}
html.lk-slate .nav-brand img,html.lk-slate .demo-footer-logo,html.lk-slate footer img[src*="logo"]{filter:grayscale(1) brightness(1.65) contrast(.9);mix-blend-mode:screen;}
html.lk-slate .nav-signin{color:var(--lk-bone-2) !important;}
html.lk-slate .crumbs,html.lk-slate .crumbs a{color:var(--lk-mute) !important;background:transparent !important;}

/* Controls: a bone block with near-black caps. No gold, no glow. */
html.lk-slate .btn-primary,html.lk-slate .nav-cta,html.lk-slate .pricing-cta-primary,html.lk-slate .cta-primary,html.lk-slate .btn-gold,
html.lk-slate .pt-tier.featured .pt-cta,html.lk-slate .final-cta a.btn,html.lk-slate .submit-btn,html.lk-slate button[type=submit]{
  background:var(--lk-bone) !important;color:var(--lk-ink) !important;border:1px solid var(--lk-bone) !important;border-radius:2px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.45) !important;font-family:var(--lk-ui) !important;font-weight:500 !important;letter-spacing:.18em !important;text-transform:uppercase;}
html.lk-slate .btn-primary:hover,html.lk-slate .nav-cta:hover,html.lk-slate .pt-tier.featured .pt-cta:hover,html.lk-slate button[type=submit]:hover{background:#FFFFFF !important;transform:translateY(-1px);}
html.lk-slate .btn-ghost,html.lk-slate .pt-cta,html.lk-slate .pricing-cta-ghost,html.lk-slate .btn-outline{
  background:transparent !important;color:var(--lk-bone) !important;border:1px solid var(--lk-line-2) !important;border-radius:2px !important;font-family:var(--lk-ui) !important;letter-spacing:.18em !important;}
html.lk-slate .btn-ghost:hover,html.lk-slate .pt-cta:hover{border-color:var(--lk-bone) !important;color:#fff !important;}

/* Surfaces: the white cards become navy panels with a letterpress edge. */
html.lk-slate .hero::before{background:radial-gradient(circle,rgba(175,194,220,.12) 0%,transparent 66%) !important;}
html.lk-slate .section.alt,html.lk-slate .faq-section,html.lk-slate .signin-section,html.lk-slate .proof,html.lk-slate .tint,
html.lk-slate .pricing-section,html.lk-slate .moments,html.lk-slate .testimonial,html.lk-slate .features-section,
html.lk-slate .how-section{background:transparent !important;}
html.lk-slate .proof{border-color:var(--lk-line) !important;}
html.lk-slate .proof-item{color:var(--lk-bone-2) !important;letter-spacing:.08em;}
html.lk-slate .proof-div{background:var(--lk-line-2) !important;}
html.lk-slate .step-card,html.lk-slate .feature-card,html.lk-slate .moment,html.lk-slate .proof-card,html.lk-slate .brand-ladder,
html.lk-slate .pricing-card,html.lk-slate .feature-item,html.lk-slate .how-step,html.lk-slate .form-card{
  background:linear-gradient(180deg,rgba(20,28,43,.72),rgba(12,17,26,.72)) !important;border:1px solid var(--lk-line) !important;
  border-radius:4px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.35) !important;}
html.lk-slate .step-num,html.lk-slate .feature-num{background:transparent !important;border:1px solid var(--lk-line-2) !important;color:var(--lk-sky) !important;font-family:var(--lk-ui) !important;font-size:14px !important;letter-spacing:.12em;}
html.lk-slate .proof-photo{border-color:var(--lk-line-2) !important;}
html.lk-slate .proof-name{color:var(--lk-bone) !important;}
html.lk-slate .proof-brokerage,html.lk-slate .testimonial-by{color:var(--lk-sky) !important;}
html.lk-slate .proof-author{border-top-color:var(--lk-line) !important;}

/* Carousel: the covers float in a shaft of light. */
html.lk-slate .carousel-section{background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(175,194,220,.10),transparent 70%),var(--lk-bg2) !important;}
html.lk-slate .carousel-section::before,html.lk-slate .carousel-section::after{background:linear-gradient(to right,transparent,rgba(200,205,212,.35),transparent) !important;height:1px !important;}
html.lk-slate .carousel-track-wrap::before{background:linear-gradient(to right,var(--lk-bg2),transparent) !important;}
html.lk-slate .carousel-track-wrap::after{background:linear-gradient(to left,var(--lk-bg2),transparent) !important;}
html.lk-slate .carousel-card{box-shadow:0 24px 60px rgba(0,0,0,.6) !important;}

/* Pricing table */
html.lk-slate .ptable{--pt-line:rgba(186,194,206,.18) !important;}
html.lk-slate .ptable-tabs{background:rgba(186,194,206,.08) !important;}
html.lk-slate .ptable-tabs button{color:var(--lk-mute) !important;font-family:var(--lk-ui) !important;}
html.lk-slate .ptable-tabs button[aria-selected="true"]{background:var(--lk-bone) !important;color:var(--lk-ink) !important;}
html.lk-slate .pt-tier.featured{background:linear-gradient(180deg,rgba(175,194,220,.10),rgba(175,194,220,.03)) !important;}
html.lk-slate .pt-tagline,html.lk-slate .pt-amount .p{color:var(--lk-mute) !important;}
html.lk-slate .pt-note{color:var(--lk-sky) !important;}
html.lk-slate .pt-group{background:rgba(186,194,206,.05) !important;}
html.lk-slate .pt-label,html.lk-slate .pt-cell.val{color:var(--lk-bone-2) !important;}
html.lk-slate .pt-label,html.lk-slate .pt-cell{border-top-color:rgba(186,194,206,.09) !important;}
html.lk-slate .pt-cell.on{color:var(--lk-sky) !important;}
html.lk-slate .pt-cell.off{color:rgba(232,228,220,.30) !important;}
html.lk-slate .billing-opt{color:var(--lk-mute) !important;font-family:var(--lk-ui) !important;}
html.lk-slate .billing-opt.active{color:var(--lk-bone) !important;}
html.lk-slate .billing-switch{background:var(--lk-panel2) !important;border-color:var(--lk-line-2) !important;}
html.lk-slate .billing-switch-knob{background:var(--lk-bone) !important;}
html.lk-slate .billing-save{background:transparent !important;border-color:var(--lk-line-2) !important;color:var(--lk-sky) !important;}
html.lk-slate .price-open,html.lk-slate .pricing-extra a,html.lk-slate .pricing-note a,html.lk-slate .faq-more a,html.lk-slate .hero-demo-link a{color:var(--lk-sky) !important;}
html.lk-slate .price-anchor{border-top-color:var(--lk-line) !important;}
html.lk-slate .ref-banner{background:rgba(175,194,220,.08) !important;border-color:var(--lk-line-2) !important;color:var(--lk-bone) !important;}

/* FAQ */
html.lk-slate .faq-item,html.lk-slate .faq-item:first-child{border-color:var(--lk-line) !important;}
html.lk-slate .faq-q{color:var(--lk-bone) !important;}
html.lk-slate .faq-q::after{border-color:var(--lk-sky) !important;}
html.lk-slate .faq-a{color:var(--lk-text) !important;}

/* Related + footer */
html.lk-slate .rel-block{border-top-color:var(--lk-line) !important;}
html.lk-slate .rel-h{color:var(--lk-sky) !important;opacity:1 !important;}
html.lk-slate .rel-list b{color:var(--lk-bone) !important;}
html.lk-slate .rel-list span{color:var(--lk-mute) !important;opacity:1 !important;}
html.lk-slate footer,html.lk-slate .demo-footer{background:#05070B !important;border-top:1px solid var(--lk-line) !important;}
html.lk-slate footer p,html.lk-slate footer,html.lk-slate .demo-footer{color:var(--lk-mute) !important;}
html.lk-slate footer a{color:var(--lk-bone-2) !important;}

/* Text that the page painted in its own warm tones */
html.lk-slate .hero-sub,html.lk-slate .section-body,html.lk-slate .hero-points li,html.lk-slate .step-card p,html.lk-slate .feature-card p,
html.lk-slate .moment p,html.lk-slate .proof-quote,html.lk-slate .brand-ladder p,html.lk-slate .signin-section p{color:var(--lk-text) !important;}
html.lk-slate .hero-points b,html.lk-slate .brand-ladder strong{color:var(--lk-bone) !important;}
html.lk-slate .hero-points li::before{background:var(--lk-sky) !important;}
html.lk-slate .hero-demo-link,html.lk-slate .pricing-note,html.lk-slate .pricing-extra p{color:var(--lk-mute) !important;}

@media (max-width:760px){
  html.lk-slate .proof-item{font-size:13px !important;}
  html.lk-slate .pt-eyebrow,html.lk-slate .pt-group,html.lk-slate .pt-note{font-size:13px !important;}
  html.lk-slate .hero-eyebrow,html.lk-slate .section-eyebrow,html.lk-slate .carousel-eyebrow{font-size:13px !important;letter-spacing:.22em;}
  html.lk-slate .hero-demo-link{font-size:13px !important;}
}

/* ── 2. COMPONENTS ─────────────────────────────────────────────────────── */
.lk-sec{position:relative;padding:84px 22px;}
.lk-wrap{max-width:1120px;margin:0 auto;}
.lk-eyebrow{font-family:var(--lk-ui);font-size:13px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--lk-sky);margin:0 0 14px;}
.lk-h2{font-family:var(--lk-display);font-weight:500;font-size:clamp(30px,4.6vw,48px);line-height:1.08;color:var(--lk-bone);margin:0;letter-spacing:-.01em;}
.lk-h2 em{font-style:italic;font-weight:400;color:transparent;background:linear-gradient(100deg,#DDE6F2,#FFFFFF 22%,#C9D6E8 44%,#FFFFFF 66%,#D2DCEA);-webkit-background-clip:text;background-clip:text;}
.lk-lede{font-family:var(--lk-ui);font-size:17px;line-height:1.7;color:var(--lk-text);margin:16px 0 0;max-width:560px;}
.lk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:2px;border:1px solid var(--lk-bone);
  background:var(--lk-bone);color:var(--lk-ink);font-family:var(--lk-ui);font-size:14px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.45);transition:background .2s,transform .2s var(--lk-ease);-webkit-tap-highlight-color:transparent;}
.lk-btn:hover{background:#fff;transform:translateY(-1px);}
.lk-btn.ghost{background:transparent;color:var(--lk-bone);border-color:var(--lk-line-2);box-shadow:none;}
.lk-btn.ghost:hover{border-color:var(--lk-bone);color:#fff;}
.lk-btn:focus-visible,.lk-opt:focus-visible,.lk-x:focus-visible{outline:2px solid var(--lk-sky);outline-offset:3px;}

/* Display type inside the kit wins over the skin's blanket Jost-for-paragraphs rule. */
html .lk-q-text,html .lk-score-h,html .lk-pg-t,html .lk-rec-name,html .lk-ring b,html .lk-h2,
html.lk-slate .lk-q-text,html.lk-slate .lk-score-h,html.lk-slate .lk-pg-t,html.lk-slate .lk-rec-name,html.lk-slate .lk-h2{font-family:var(--lk-display) !important;font-weight:500;}
.lk-sec,[data-lk-assess]{scroll-margin-top:84px;}

/* ── Assessment ── */
.lk-assess{background:radial-gradient(ellipse 70% 60% at 15% 0%,rgba(175,194,220,.09),transparent 70%),var(--lk-bg);}
.lk-assess-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start;}
.lk-assess-intro .lk-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-family:var(--lk-ui);font-size:14px;color:var(--lk-mute);}
.lk-assess-intro .lk-meta span::before{content:'';display:inline-block;width:5px;height:5px;margin:0 9px 2px 0;background:var(--lk-sky);transform:rotate(45deg);}
.lk-card{position:relative;background:linear-gradient(180deg,#121A28,#0D131E);border:1px solid var(--lk-line);border-radius:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 70px rgba(0,0,0,.5);padding:24px 20px 22px;overflow:hidden;min-height:420px;}
.lk-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(58deg,transparent 35%,rgba(198,218,246,.06) 48%,transparent 62%);}
.lk-prog{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-family:var(--lk-ui);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lk-mute);}
.lk-prog-bar{flex:1;height:2px;background:rgba(186,194,206,.14);position:relative;overflow:hidden;}
.lk-prog-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--lk-bone);transition:width .5s var(--lk-ease);}
.lk-back{background:none;border:0;padding:6px 0;color:var(--lk-mute);font-family:var(--lk-ui);font-size:13px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;}
.lk-back:hover{color:var(--lk-bone);}
.lk-back[hidden]{display:none;}
.lk-q{animation:lk-in .45s var(--lk-ease) both;}
.lk-q.out{animation:lk-out .22s ease-in both;}
@keyframes lk-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes lk-out{to{opacity:0;transform:translateX(-18px)}}
.lk-q-pillar{font-family:var(--lk-ui);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--lk-sky);margin:0 0 10px;}
.lk-q-text{font-family:var(--lk-display);font-weight:500;font-size:clamp(23px,3.2vw,29px);line-height:1.2;color:var(--lk-bone);margin:0 0 8px;}
.lk-q-hint{font-family:var(--lk-ui);font-size:14px;line-height:1.55;color:var(--lk-mute);margin:0 0 18px;}
.lk-opts{display:grid;gap:10px;margin-top:16px;}
.lk-opt{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 16px;text-align:left;cursor:pointer;
  background:rgba(232,228,220,.035);border:1px solid var(--lk-line);border-radius:4px;color:var(--lk-bone);
  font-family:var(--lk-ui);font-size:16px;line-height:1.35;font-weight:400;transition:border-color .15s,background .15s,transform .15s;-webkit-tap-highlight-color:transparent;}
.lk-opt:hover{border-color:var(--lk-line-2);background:rgba(232,228,220,.06);}
.lk-opt:active{transform:scale(.99);}
.lk-opt .lk-k{flex:0 0 26px;height:26px;border:1px solid var(--lk-line-2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--lk-mute);transition:all .15s;}
.lk-opt.multi .lk-k{border-radius:3px;}
.lk-opt[aria-pressed="true"]{border-color:var(--lk-bone);background:rgba(232,228,220,.09);}
.lk-opt[aria-pressed="true"] .lk-k{background:var(--lk-bone);border-color:var(--lk-bone);color:var(--lk-ink);}
.lk-opt small{display:block;font-size:13px;color:var(--lk-mute);margin-top:2px;}
.lk-next{margin-top:16px;width:100%;}
.lk-next[disabled]{opacity:.4;cursor:not-allowed;transform:none;}
.lk-insight{margin:16px 0 0;padding:12px 14px;border-left:2px solid var(--lk-sky);background:rgba(175,194,220,.06);font-family:var(--lk-ui);font-size:14.5px;line-height:1.55;color:var(--lk-bone-2);animation:lk-in .35s var(--lk-ease) both;}

/* Results */
.lk-res{animation:lk-in .5s var(--lk-ease) both;}
.lk-score{display:flex;align-items:center;gap:20px;margin-bottom:18px;}
.lk-ring{position:relative;flex:0 0 112px;height:112px;}
.lk-ring svg{width:112px;height:112px;transform:rotate(-90deg);}
.lk-ring circle{fill:none;stroke-width:6;}
.lk-ring .trk{stroke:rgba(186,194,206,.14);}
.lk-ring .val{stroke:var(--lk-bone);stroke-linecap:round;transition:stroke-dashoffset 1.4s var(--lk-ease);}
.lk-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:var(--lk-display);font-weight:500;font-size:38px;color:var(--lk-bone);line-height:1;}
.lk-ring b small{font-family:var(--lk-ui);font-size:13px;letter-spacing:.14em;color:var(--lk-mute);margin-top:4px;font-weight:400;}
.lk-score-h{font-family:var(--lk-display);font-weight:500;font-size:24px;line-height:1.2;color:var(--lk-bone);margin:0 0 6px;}
.lk-score-p{font-family:var(--lk-ui);font-size:14.5px;line-height:1.55;color:var(--lk-text);margin:0;}
.lk-bars{display:grid;gap:12px;margin:6px 0 20px;}
.lk-bar{font-family:var(--lk-ui);font-size:14px;color:var(--lk-bone-2);}
.lk-bar div{display:flex;justify-content:space-between;margin-bottom:6px;}
.lk-bar div span:last-child{color:var(--lk-mute);}
.lk-bar i{display:block;height:4px;background:rgba(186,194,206,.13);position:relative;overflow:hidden;border-radius:2px;}
.lk-bar i::after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);background:linear-gradient(90deg,#9FB4D2,#E8E4DC);transition:width 1.2s var(--lk-ease) .2s;}
.lk-gaps{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px;}
.lk-gaps li{padding:14px 14px 14px 16px;border:1px solid var(--lk-line);border-radius:4px;background:rgba(232,228,220,.03);}
.lk-gaps b{display:block;font-family:var(--lk-ui);font-weight:500;font-size:15px;color:var(--lk-bone);margin-bottom:4px;}
.lk-gaps span{font-family:var(--lk-ui);font-size:14px;line-height:1.55;color:var(--lk-text);}
.lk-rec{position:relative;padding:20px 18px;border:1px solid var(--lk-bone);border-radius:4px;background:linear-gradient(180deg,rgba(232,228,220,.07),rgba(232,228,220,.02));}
.lk-rec-tag{position:absolute;top:-11px;left:16px;background:var(--lk-bone);color:var(--lk-ink);font-family:var(--lk-ui);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:2px 10px;border-radius:2px;}
.lk-rec-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.lk-rec-name{font-family:var(--lk-display);font-size:28px;font-weight:500;color:var(--lk-bone);}
.lk-rec-price{font-family:var(--lk-ui);font-size:15px;color:var(--lk-bone-2);}
.lk-rec-price b{font-family:var(--lk-display);font-size:26px;font-weight:500;color:var(--lk-bone);}
.lk-rec ul{margin:10px 0 16px;padding:0;list-style:none;display:grid;gap:7px;}
.lk-rec li{position:relative;padding-left:20px;font-family:var(--lk-ui);font-size:14.5px;line-height:1.5;color:var(--lk-text);}
.lk-rec li::before{content:'';position:absolute;left:2px;top:.55em;width:6px;height:6px;background:var(--lk-sky);transform:rotate(45deg);}
.lk-rec-actions{display:grid;gap:10px;}
.lk-save{margin-top:18px;padding-top:18px;border-top:1px solid var(--lk-line);}
.lk-save p{font-family:var(--lk-ui);font-size:14px;color:var(--lk-mute);margin:0 0 10px;}
.lk-save form{display:flex;gap:8px;}
.lk-save input{flex:1;min-width:0;min-height:48px;padding:0 14px;background:rgba(232,228,220,.05);border:1px solid var(--lk-line-2);border-radius:2px;color:var(--lk-bone);font-family:var(--lk-ui);font-size:16px;}
.lk-save input::placeholder{color:var(--lk-mute);}
.lk-save .lk-btn{min-height:48px;padding:0 18px;font-size:13px;}
.lk-save .ok{color:var(--lk-bone-2);font-size:14.5px;}
.lk-redo{background:none;border:0;color:var(--lk-mute);font-family:var(--lk-ui);font-size:13px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-top:14px;padding:6px 0;}
.lk-redo:hover{color:var(--lk-bone);}

/* ── Book that opens as you scroll ──
   No pinning: the section scrolls like any other, and the book's progress is read
   from where it sits in the viewport, so it opens AS you scroll and closes as you
   scroll back. A hardcover: a cover board with real thickness that overhangs a page
   block, lit from above, casting a shadow on the page as it lifts. The inside of the
   cover carries the contents; the first page is the chapter they're in. */
.lk-book{position:relative;overflow:hidden;padding:88px 18px 96px;background:radial-gradient(ellipse 60% 50% at 50% 55%,rgba(175,194,220,.10),transparent 70%),var(--lk-bg);}
.lk-book::before{content:'';position:absolute;inset:-10%;pointer-events:none;
  background:linear-gradient(58deg,transparent 30%,rgba(198,218,246,.05) 42%,rgba(214,232,255,.10) 50%,rgba(198,218,246,.05) 58%,transparent 70%);}
.lk-book-pin{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;max-width:1180px;margin:0 auto;}
.lk-book-cap{position:relative;order:1;text-align:center;width:100%;max-width:520px;min-height:132px;}
.lk-cap{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .5s var(--lk-ease),transform .5s var(--lk-ease);}
.lk-cap.on{opacity:1;transform:none;}
.lk-cap h3{font-family:var(--lk-display) !important;font-weight:500;font-size:clamp(22px,3vw,32px);line-height:1.15;color:var(--lk-bone);margin:0 0 8px;}
.lk-cap p{font-family:var(--lk-ui);font-size:15px;line-height:1.55;color:var(--lk-text);margin:0;}
.lk-stage{position:relative;order:2;flex:0 0 auto;perspective:2200px;perspective-origin:50% 30%;
  --w:min(76vw,300px);--h:calc(var(--w) * 1.5);--t:7px;width:var(--w);height:calc(var(--h) + 14px);}
.lk-bk{position:absolute;top:7px;left:0;width:var(--w);height:var(--h);transform-style:preserve-3d;will-change:transform;
  transform:translateX(var(--pan,0px)) rotateX(calc((1 - var(--t1,0)) * 9deg)) rotateY(calc((1 - var(--t1,0)) * -16deg));}
/* the page block: inset from the boards, with visible page edges on the fore-edge and tail */
.lk-block{position:absolute;top:5px;bottom:5px;left:2px;right:6px;transform:translateZ(-2px);border-radius:1px 3px 3px 1px;
  background:linear-gradient(90deg,#0B111B,#131B28 6%,#131B28);}
.lk-block{box-shadow:1px 0 0 #D9D3C7,2px 1px 0 #B9B3A7,3px 1px 0 #D6D0C4,4px 2px 0 #ADA79B,5px 2px 0 #D2CCC0,6px 3px 0 #9F998E,0 1px 0 #CFC9BD,1px 2px 0 #B3ADA1,2px 3px 0 #A39D92,0 40px 70px rgba(0,0,0,.65);}
/* the back board, under everything */
.lk-board{position:absolute;inset:0;transform:translateZ(-6px);border-radius:2px 5px 5px 2px;background:linear-gradient(90deg,#060910,#0E1520 10%,#0C121C);box-shadow:0 46px 80px rgba(0,0,0,.7);}
/* the shadow the lifting cover throws across the page, and the darkness under a closed one */
.lk-cast{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:var(--cast,1);
  background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.55) 30%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.1));}
.lk-gutter{position:absolute;top:0;bottom:0;left:0;width:26px;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.18) 45%,transparent);}
/* the cover board: a slab that hinges on the spine */
.lk-cv{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;z-index:3;
  transform:rotateY(calc(var(--t1,0) * -178deg)) translateZ(calc(var(--lift,0) * 1px));}
.lk-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:2px 5px 5px 2px;overflow:hidden;}
.lk-cv > .lk-face.front{transform:translateZ(calc(var(--t) / 2));}
.lk-cv > .lk-face.back{transform:rotateY(180deg) translateZ(calc(var(--t) / 2));border-radius:5px 2px 2px 5px;}
.lk-cv-edge{position:absolute;top:0;bottom:0;right:calc(var(--t) / -2);width:var(--t);transform:rotateY(90deg);
  background:linear-gradient(90deg,#1A2433,#2B3749 50%,#1A2433);border-radius:1px;}
.lk-cv-top{position:absolute;left:0;right:0;top:calc(var(--t) / -2);height:var(--t);transform:rotateX(90deg);background:linear-gradient(180deg,#222D3E,#16202E);}
.lk-cv-bot{position:absolute;left:0;right:0;bottom:calc(var(--t) / -2);height:var(--t);transform:rotateX(-90deg);background:#0E1520;}
/* light falls off as the cover turns away, and comes up on the inside as it lands */
.lk-shade{position:absolute;inset:0;pointer-events:none;z-index:5;background:#000;opacity:var(--shade,0);}
.lk-paper{background:linear-gradient(90deg,#0C121C 0,#141D2B 7%,#131B28 100%);padding:22px 20px;color:var(--lk-text);}
.lk-face.back.lk-paper{background:linear-gradient(270deg,#0B1019 0,#121A27 9%,#121A27 100%);box-shadow:inset 0 0 0 1px rgba(186,194,206,.12),inset 10px 0 18px -8px rgba(0,0,0,.6);}
.lk-paper::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(186,194,206,.08);border-radius:inherit;}
/* the cover art */
.lk-cover{background:#0F1520;}
.lk-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.lk-cover::before{content:'';position:absolute;left:0;top:0;bottom:0;width:16px;z-index:3;background:linear-gradient(90deg,rgba(0,0,0,.75) 0 5px,rgba(0,0,0,.3) 6px,rgba(216,232,252,.4) 8px 9px,rgba(0,0,0,.12) 10px,transparent);}
.lk-cover::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset -3px 0 6px rgba(0,0,0,.35);border-radius:inherit;}
.lk-cover-top,.lk-cover-bot{position:absolute;left:0;right:0;z-index:2;text-align:center;padding:16px 16px;}
.lk-cover-top{top:0;background:linear-gradient(180deg,rgba(8,11,17,.94),rgba(8,11,17,.8) 60%,transparent);padding-bottom:34px;}
.lk-cover-bot{bottom:0;background:linear-gradient(0deg,rgba(8,11,17,.94),rgba(8,11,17,.75) 60%,transparent);padding-top:34px;}
.lk-cover small{display:block;font-family:var(--lk-ui);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--lk-bone-2);}
.lk-cover strong{display:block;margin-top:6px;font-family:var(--lk-display);font-weight:500;font-size:clamp(22px,6vw,28px);line-height:1.05;color:#fff;
  background:linear-gradient(100deg,#E6EDF6,#FFFFFF 20%,#D4DEEC 45%,#FFFFFF 70%,#DCE4F0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.lk-cover-bot span{display:block;font-family:var(--lk-ui);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--lk-bone-2);}
.lk-cover-shine{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.13) 45%,transparent 60%);transform:translateX(calc(var(--t1,0) * 140% - 70%));}
/* pages */
.lk-pg-h{font-family:var(--lk-ui);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--lk-sky);margin:0 0 4px;}
.lk-pg-t{font-family:var(--lk-display);font-weight:500;font-size:24px;line-height:1.1;color:var(--lk-bone);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(186,194,206,.12);}
.lk-toc{list-style:none;margin:0;padding:0;counter-reset:t;}
.lk-toc li{counter-increment:t;display:grid;grid-template-columns:26px 1fr auto;align-items:baseline;column-gap:6px;padding:4px 0 5px;font-family:var(--lk-ui);font-size:14px;line-height:1.25;color:var(--lk-text);border-top:1px solid rgba(186,194,206,.07);}
.lk-toc li b{font-weight:inherit;}
.lk-toc li span{grid-column:2 / 4;font-size:13px;color:var(--lk-mute);font-style:italic;}
.lk-toc li::before{content:counter(t,decimal-leading-zero);font-size:13px;letter-spacing:.08em;color:var(--lk-mute);}
.lk-toc li i{font-style:normal;font-size:13px;color:var(--lk-mute);}
.lk-toc li.done{color:var(--lk-mute);}
.lk-toc li.done i::before{content:'\2713';color:var(--lk-sky);}
.lk-toc li.cur{color:var(--lk-bone);font-weight:500;}
.lk-toc li.cur{box-shadow:inset 2px 0 0 var(--lk-bone);padding-left:6px;margin-left:-6px;}
.lk-toc li.cur i::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lk-bone);}
.lk-chip{display:inline-block;margin:0 0 12px;padding:5px 10px;border:1px solid var(--lk-line-2);border-radius:2px;font-family:var(--lk-ui);font-size:13px;letter-spacing:.06em;color:var(--lk-bone);}
.lk-sub{font-family:var(--lk-display);font-style:italic;font-size:17px;line-height:1.3;color:var(--lk-bone-2);margin:-6px 0 12px;}
.lk-list-h{font-family:var(--lk-ui);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--lk-sky);margin:4px 0 8px;}
.lk-check{position:relative;padding-left:18px;font-family:var(--lk-ui);font-size:14px;line-height:1.55;color:var(--lk-text);margin:0;}
.lk-check::before{content:'\2713';position:absolute;left:0;color:var(--lk-sky);}
.lk-chapter{overflow:hidden;}
.lk-hrs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:2px 0 8px;}
.lk-hrs span{display:block;padding:6px 0 5px;text-align:center;font-family:var(--lk-ui);font-size:13px;letter-spacing:.06em;color:var(--lk-mute);border:1px solid var(--lk-line-2);border-radius:2px;}
.lk-hrs span.on{background:var(--lk-bone);border-color:var(--lk-bone);color:var(--lk-ink);}
.lk-hrs-key{font-family:var(--lk-ui);font-size:13px;line-height:1.5;color:var(--lk-text);margin:0 0 12px;}
.lk-tl{position:relative;padding:0 0 10px 18px;border-left:1px solid var(--lk-line-2);margin-left:4px;}
.lk-tl::before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--lk-sky);}
.lk-tl-h{font-family:var(--lk-display);font-weight:500;font-size:18px;line-height:1.2;color:var(--lk-bone);margin:0 0 3px;}
.lk-tl-b{font-family:var(--lk-ui);font-size:14px;line-height:1.5;color:var(--lk-text);margin:0;}

.lk-fade{position:absolute;left:0;right:0;bottom:0;height:70px;pointer-events:none;background:linear-gradient(0deg,#131B28 20%,rgba(19,27,40,0));z-index:1;}
.lk-book-note{order:4;width:100%;text-align:center;margin:6px 0 0;font-family:var(--lk-ui);font-size:13px;color:var(--lk-mute);}
.lk-paper p.lk-body{font-family:var(--lk-ui);font-size:14px;line-height:1.6;color:var(--lk-text);margin:0 0 12px;}
.lk-who{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(186,194,206,.09);}
.lk-who em{flex:0 0 32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2A3546,#1A2230);border:1px solid var(--lk-line-2);display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--lk-ui);font-size:13px;color:var(--lk-bone);}
.lk-who div{font-family:var(--lk-ui);font-size:14px;line-height:1.3;color:var(--lk-bone);}
.lk-who div span{display:block;font-size:13px;color:var(--lk-mute);}
.lk-mail{margin-top:12px;display:flex;gap:8px;align-items:center;font-family:var(--lk-ui);font-size:13px;color:var(--lk-bone-2);padding:9px 10px;background:rgba(175,194,220,.07);border-radius:3px;
  opacity:var(--note,0);transform:translateY(calc((1 - var(--note,0)) * 8px));}
.lk-mail::before{content:'';flex:0 0 14px;height:10px;border:1px solid var(--lk-sky);border-radius:1px;background:linear-gradient(155deg,transparent 45%,var(--lk-sky) 46% 54%,transparent 55%),linear-gradient(25deg,transparent 45%,var(--lk-sky) 46% 54%,transparent 55%);}
.lk-book-cta{position:relative;order:3;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;}
.lk-book-cta.on{opacity:1;transform:none;}
@media (max-width:899px){.lk-book-side{display:contents;}.lk-cap h3{font-size:22px;}.lk-cap p{font-size:14.5px;}.lk-book-cta .lk-btn{min-height:46px;}}
@media (min-width:900px){
  .lk-book{padding:120px 40px;}
  .lk-book-pin{flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:64px;row-gap:18px;}
  .lk-book-side{display:flex;flex-direction:column;gap:22px;width:min(340px,28vw);}
  .lk-book-cap{text-align:left;width:100%;min-height:230px;align-self:center;}
  .lk-book-side .lk-book-cta{justify-content:flex-start;}
  .lk-stage{--w:min(24vw,330px);--t:8px;width:calc(var(--w) * 2);}
  .lk-bk{left:calc(var(--w) * .5);}
}
@media (prefers-reduced-motion:reduce){
  .lk-cap,.lk-book-cta{opacity:1;transform:none;position:relative;}
  .lk-cap:not(:last-child){display:none;}
  .lk-q,.lk-res,.lk-insight{animation:none;}
}

/* ── Plan-fit sheet (opens only when a visitor clicks Get Started) ── */
.lk-scrim{position:fixed;inset:0;z-index:2147483100;background:rgba(3,5,8,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s;}
.lk-scrim.on{opacity:1;}
.lk-sheet{position:fixed;z-index:2147483101;left:0;right:0;bottom:0;max-height:92vh;overflow:auto;background:linear-gradient(180deg,#131B29,#0C121C);
  border-top:1px solid var(--lk-line-2);border-radius:14px 14px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .38s var(--lk-ease);box-shadow:0 -30px 80px rgba(0,0,0,.6);}
.lk-sheet.on{transform:none;}
.lk-grab{width:44px;height:4px;border-radius:2px;background:rgba(232,228,220,.22);margin:4px auto 14px;}
.lk-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;background:none;color:var(--lk-mute);font-size:24px;line-height:1;cursor:pointer;border-radius:50%;}
.lk-x:hover{color:var(--lk-bone);background:rgba(232,228,220,.06);}
.lk-sheet h3{font-family:var(--lk-display) !important;font-weight:500;font-size:24px;line-height:1.2;color:var(--lk-bone);margin:4px 40px 6px 0;}
.lk-sheet > p{font-family:var(--lk-ui);font-size:15px;line-height:1.5;color:var(--lk-text);margin:0 0 16px;}
.lk-choices{display:grid;gap:10px;margin-bottom:16px;}
.lk-choice{position:relative;display:block;width:100%;text-align:left;cursor:pointer;padding:15px 16px 15px 48px;border:1px solid var(--lk-line);border-radius:5px;background:rgba(232,228,220,.03);color:var(--lk-bone);font-family:var(--lk-ui);transition:border-color .15s,background .15s;}
.lk-choice::before{content:'';position:absolute;left:16px;top:18px;width:18px;height:18px;border-radius:50%;border:1px solid var(--lk-line-2);}
.lk-choice[aria-checked="true"]{border-color:var(--lk-bone);background:rgba(232,228,220,.08);}
.lk-choice[aria-checked="true"]::before{border-color:var(--lk-bone);background:radial-gradient(circle,var(--lk-bone) 0 4px,transparent 5px);}
.lk-choice b{display:flex;justify-content:space-between;gap:10px;font-weight:500;font-size:16px;}
.lk-choice b span{font-weight:400;white-space:nowrap;}
.lk-choice small{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--lk-text);}
.lk-choice .lk-tag{display:inline-block;margin-top:8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--lk-ink);background:var(--lk-sky);padding:2px 8px;border-radius:2px;}
.lk-sheet .lk-btn{width:100%;}
.lk-fine{text-align:center;font-family:var(--lk-ui);font-size:13px;color:var(--lk-mute);margin:12px 0 0;}
@media (min-width:700px){
  .lk-sheet{left:50%;right:auto;bottom:auto;top:50%;width:520px;border-radius:8px;border:1px solid var(--lk-line-2);padding:26px 28px 26px;transform:translate(-50%,-46%) scale(.98);opacity:0;transition:transform .3s var(--lk-ease),opacity .25s;}
  .lk-sheet.on{transform:translate(-50%,-50%);opacity:1;}
  .lk-grab{display:none;}
}

/* ── Sticky phone bar ── */
.lk-sticky{position:fixed;left:0;right:0;bottom:0;z-index:2147482000;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(8,11,17,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--lk-line);transform:translateY(110%);transition:transform .35s var(--lk-ease);}
.lk-sticky.on{transform:none;}
.lk-sticky p{flex:1;margin:0;font-family:var(--lk-ui);font-size:13px;line-height:1.35;color:var(--lk-bone-2);}
.lk-sticky p b{display:block;font-weight:500;font-size:15px;color:var(--lk-bone);}
.lk-sticky .lk-btn{min-height:46px;padding:0 18px;font-size:13px;letter-spacing:.14em;white-space:nowrap;}
@media (min-width:761px){.lk-sticky{display:none;}}

/* ── Exit card (desktop pointer only, once a week, never on phones) ── */
.lk-exit{position:fixed;z-index:2147483101;top:50%;left:50%;width:min(480px,92vw);transform:translate(-50%,-46%);opacity:0;transition:opacity .25s,transform .3s var(--lk-ease);
  background:linear-gradient(180deg,#131B29,#0C121C);border:1px solid var(--lk-line-2);border-radius:8px;padding:30px 28px 26px;box-shadow:0 40px 100px rgba(0,0,0,.7);text-align:center;}
.lk-exit.on{opacity:1;transform:translate(-50%,-50%);}
.lk-exit img{width:96px;height:auto;margin:0 auto 14px;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.6));transform:rotate(-4deg);}
.lk-exit h3{font-family:var(--lk-display) !important;font-weight:500;font-size:26px;line-height:1.15;color:var(--lk-bone);margin:0 0 8px;}
.lk-exit p{font-family:var(--lk-ui);font-size:15px;line-height:1.55;color:var(--lk-text);margin:0 0 18px;}
.lk-exit .lk-btn{width:100%;}
.lk-exit .lk-no{display:block;margin:12px auto 0;background:none;border:0;color:var(--lk-mute);font-family:var(--lk-ui);font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:6px;}

/* ── Hero art (desktop only: on a phone the CTA must stay above the fold) ── */
.lk-hero-art{display:none;}
@media (min-width:1100px){
  html.lk-slate .hero-inner.lk-hero-split{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;text-align:left;}
  html.lk-slate .lk-hero-split .hero-actions{justify-content:flex-start;}
  html.lk-slate .lk-hero-split .hero-sub,html.lk-slate .lk-hero-split .hero-points{margin-left:0;}
  html.lk-slate .lk-hero-split .hero-demo-link{text-align:left;}
  .lk-hero-art{display:block;position:relative;height:520px;}
  .lk-hero-art img{position:absolute;width:250px;height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.65));animation:lk-float 7s ease-in-out infinite;}
  .lk-hero-art img:nth-child(1){left:2%;top:70px;transform:rotate(-9deg);animation-delay:-2s;}
  .lk-hero-art img:nth-child(2){left:30%;top:10px;width:290px;z-index:2;animation-delay:-4s;}
  .lk-hero-art img:nth-child(3){right:0;top:90px;transform:rotate(8deg);animation-delay:-1s;}
  html.lk-slate .lk-hero-split .hero-title{font-size:clamp(46px,4.4vw,62px);}
  html.lk-slate .hero:has(.lk-hero-split){padding-top:96px;padding-bottom:72px;}
}
@keyframes lk-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media (prefers-reduced-motion:reduce){.lk-hero-art img{animation:none;}}

@media (min-width:900px){
  .lk-sec{padding:110px 40px;}
  .lk-assess-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;}
  .lk-assess-intro{position:sticky;top:110px;}
  .lk-card{padding:32px 32px 28px;min-height:460px;}
  .lk-opts.two{grid-template-columns:1fr 1fr;}
}

/* The "ask your broker" card (public/nudge-widget.js) and its form */
html.lk-slate .nb-card{background:linear-gradient(180deg,rgba(20,28,43,.7),rgba(12,17,26,.7));border-color:var(--lk-line);border-radius:4px;}
html.lk-slate .nb-eyebrow{color:var(--lk-sky);font-weight:400;letter-spacing:.28em;}
html.lk-slate .nb-title{font-family:var(--lk-display);font-weight:500;color:var(--lk-bone);}
html.lk-slate .nb-sub{color:var(--lk-text);}
html.lk-slate .nb-btn,html.lk-slate .nb-send{background:var(--lk-bone);color:var(--lk-ink);border-radius:2px;font-family:var(--lk-ui);letter-spacing:.12em;text-transform:uppercase;font-weight:500;}
html.lk-slate .nb-box{background:#101724;color:var(--lk-text);border:1px solid var(--lk-line-2);}
html.lk-slate .nb-box h3,html.lk-slate .nb-box h2,html.lk-slate .nb-box label,html.lk-slate .nb-anon{color:var(--lk-bone-2);}
html.lk-slate .nb-box input,html.lk-slate .nb-box textarea,html.lk-slate .nb-box select{background:rgba(232,228,220,.05);color:var(--lk-bone);border:1px solid var(--lk-line-2);}
html.lk-slate .nb-head{border-bottom-color:var(--lk-line);}
html.lk-slate .nb-x{color:var(--lk-mute);}
html.lk-slate .nb-note{color:var(--lk-mute);}

/* ── Page-specific skin: /agents ── */
html.lk-slate .hero{background:transparent !important;}
html.lk-slate .hero-body,html.lk-slate .final-cta p{color:var(--lk-text) !important;}
html.lk-slate .hero-note,html.lk-slate .final-cta-note{color:var(--lk-mute) !important;}
html.lk-slate .hero-book{filter:drop-shadow(0 28px 50px rgba(0,0,0,.6));}
html.lk-slate .step-number{background:transparent !important;border:1px solid var(--lk-line-2) !important;color:var(--lk-sky) !important;font-family:var(--lk-ui) !important;}
html.lk-slate .step-title,html.lk-slate .feature-title{font-family:var(--lk-display) !important;font-weight:500 !important;color:var(--lk-bone) !important;}
html.lk-slate .step-text,html.lk-slate .feature-text{color:var(--lk-text) !important;}
html.lk-slate .feature-icon{filter:grayscale(1) brightness(1.4);}
html.lk-slate .quote-section,html.lk-slate .final-cta{background:var(--lk-bg2) !important;}
html.lk-slate .quote-section::before{background:linear-gradient(to right,transparent,rgba(200,205,212,.35),transparent) !important;height:1px !important;}
html.lk-slate .quote-text{font-family:var(--lk-display) !important;font-style:italic;color:var(--lk-bone) !important;}
html.lk-slate .quote-name{color:var(--lk-bone) !important;font-family:var(--lk-display) !important;}
html.lk-slate .quote-title{color:var(--lk-sky) !important;}
html.lk-slate .quote-mark{color:var(--lk-sky) !important;opacity:.6;}
html.lk-slate .quote-photo{border-color:var(--lk-line-2) !important;}
html.lk-slate .quote-photo-badge{background:var(--lk-bone) !important;color:var(--lk-ink) !important;}
html.lk-slate .pricing-section{background:transparent !important;}
html.lk-slate .pricing-card.featured,html.lk-slate .pricing-card.popular{border-color:var(--lk-bone) !important;}
html.lk-slate .pricing-plan{color:var(--lk-sky) !important;font-family:var(--lk-ui) !important;letter-spacing:.24em;}
html.lk-slate .pricing-price{font-family:var(--lk-display) !important;color:var(--lk-bone) !important;font-weight:500 !important;}
html.lk-slate .pricing-period,html.lk-slate .pricing-trial{color:var(--lk-mute) !important;}
html.lk-slate .pricing-features li{color:var(--lk-text) !important;}
html.lk-slate .pricing-features li::before{color:var(--lk-sky) !important;}
html.lk-slate .pricing-features li.muted{color:var(--lk-mute) !important;}
html.lk-slate .pricing-divider{background:var(--lk-line) !important;}
html.lk-slate .pricing-cta{background:transparent;color:var(--lk-bone) !important;border:1px solid var(--lk-line-2) !important;border-radius:2px !important;font-family:var(--lk-ui) !important;letter-spacing:.16em;}
html.lk-slate .pricing-card.featured .pricing-cta,html.lk-slate .pricing-card.popular .pricing-cta{background:var(--lk-bone) !important;color:var(--lk-ink) !important;}
@media (max-width:760px){html.lk-slate .hero-note,html.lk-slate .pricing-period,html.lk-slate .pricing-trial{font-size:13px !important;}}

/* ── Page-specific skin: /for-brokerages ── */
html.lk-slate .btn{background:var(--lk-bone) !important;color:var(--lk-ink) !important;border-radius:2px !important;box-shadow:0 10px 30px rgba(0,0,0,.45) !important;font-family:var(--lk-ui) !important;letter-spacing:.14em;text-transform:uppercase;font-weight:500 !important;}
html.lk-slate .btn.btn-ghost{background:transparent !important;color:var(--lk-bone) !important;border:1px solid var(--lk-line-2) !important;box-shadow:none !important;}
html.lk-slate .hero::after,html.lk-slate .pilot::after{background:radial-gradient(circle,rgba(175,194,220,.10) 0%,transparent 64%) !important;}
html.lk-slate .hero-fine,html.lk-slate .term-l,html.lk-slate .skip-pilot{color:var(--lk-mute) !important;}
html.lk-slate .terms,html.lk-slate section.gallery,html.lk-slate .pilot{background:var(--lk-bg2) !important;border-color:var(--lk-line) !important;}
html.lk-slate .term{border-color:var(--lk-line) !important;}
html.lk-slate .term-n{font-family:var(--lk-display) !important;font-weight:500 !important;color:var(--lk-bone) !important;}
html.lk-slate .lede,html.lk-slate .pilot-lede,html.lk-slate .row p{color:var(--lk-text) !important;}
html.lk-slate .rows,html.lk-slate .row{border-color:var(--lk-line) !important;}
html.lk-slate .row h3{font-family:var(--lk-ui) !important;font-weight:500 !important;}
html.lk-slate .terms-list li{color:var(--lk-text) !important;border-color:var(--lk-line) !important;}
html.lk-slate .terms-list li::before{background:var(--lk-sky) !important;}
html.lk-slate .terms-list strong,html.lk-slate .skip-pilot a{color:var(--lk-bone) !important;}
html.lk-slate .field label{color:var(--lk-sky) !important;}
html.lk-slate .field input,html.lk-slate .field textarea{background:rgba(232,228,220,.05) !important;color:var(--lk-bone) !important;border-color:var(--lk-line-2) !important;}
html.lk-slate .field input::placeholder,html.lk-slate .field textarea::placeholder{color:var(--lk-mute);}
html.lk-slate .flow{filter:saturate(.9);}
@media (max-width:760px){html.lk-slate .hero-fine,html.lk-slate .term-l,html.lk-slate .field label,html.lk-slate .eyebrow{font-size:13px !important;}}

/* ── Page-specific skin: /demo ── */
html.lk-slate .page{background:transparent !important;}
html.lk-slate .demo-hero::before{background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(175,194,220,.10),transparent 60%) !important;}
html.lk-slate .hero-tagline{color:var(--lk-sky) !important;font-family:var(--lk-display) !important;}
html.lk-slate .hero-cta-primary,html.lk-slate .btn-generate,html.lk-slate .btn-view,html.lk-slate .toggle-btn.active,html.lk-slate .how-step-num,html.lk-slate .pricing-badge,html.lk-slate .billing-save{
  background:var(--lk-bone) !important;color:var(--lk-ink) !important;box-shadow:0 10px 30px rgba(0,0,0,.4) !important;border-radius:2px;font-family:var(--lk-ui) !important;}
html.lk-slate .hero-cta-primary:hover,html.lk-slate .btn-generate:hover,html.lk-slate .btn-view:hover{background:#fff !important;}
html.lk-slate .how-step-num{border-radius:50% !important;box-shadow:none !important;background:transparent !important;border:1px solid var(--lk-line-2) !important;color:var(--lk-sky) !important;}
html.lk-slate .hero-checkmarks{background:rgba(20,28,43,.6) !important;border-color:var(--lk-line) !important;box-shadow:none !important;}
html.lk-slate .hero-check{color:var(--lk-text) !important;}
html.lk-slate .hero-check::before{color:var(--lk-sky) !important;}
html.lk-slate .social-proof,html.lk-slate .how-it-works,html.lk-slate .demo-pricing,html.lk-slate .demo-faq{background:transparent !important;border-color:var(--lk-line) !important;}
html.lk-slate .social-proof::before,html.lk-slate .demo-pricing::before{background:radial-gradient(ellipse 60% 40% at 50% 40%,rgba(175,194,220,.06),transparent 70%) !important;}
html.lk-slate .testimonial-card{background:linear-gradient(180deg,rgba(20,28,43,.72),rgba(12,17,26,.72)) !important;border-color:var(--lk-line) !important;box-shadow:0 18px 40px rgba(0,0,0,.35) !important;}
html.lk-slate .testimonial-card:hover{border-color:var(--lk-line-2) !important;}
html.lk-slate .testimonial-quote{color:var(--lk-text) !important;}
html.lk-slate .testimonial-name{color:var(--lk-bone) !important;}
html.lk-slate .testimonial-brokerage{color:var(--lk-sky) !important;}
html.lk-slate .testimonial-author{border-top-color:var(--lk-line) !important;}
html.lk-slate .testimonial-photo{filter:grayscale(.15);}
html.lk-slate .how-step-title{color:var(--lk-bone) !important;}
html.lk-slate .how-step-text{color:var(--lk-text) !important;}
html.lk-slate .form-section{background:var(--lk-bg2) !important;}
html.lk-slate .form-sub{color:var(--lk-text) !important;font-family:var(--lk-ui) !important;font-style:normal;}
html.lk-slate .demo-card{background:linear-gradient(180deg,#121A28,#0D131E) !important;border-color:var(--lk-line) !important;box-shadow:0 30px 70px rgba(0,0,0,.5) !important;}
html.lk-slate .field-label{color:var(--lk-sky) !important;}
html.lk-slate .field-tooltip-icon{background:transparent !important;border-color:var(--lk-line-2) !important;color:var(--lk-mute) !important;}
html.lk-slate .field-tooltip-popover{background:#1A2333 !important;border-color:var(--lk-line-2) !important;color:var(--lk-bone-2) !important;}
html.lk-slate .field input,html.lk-slate .field textarea,html.lk-slate .field select{background:rgba(232,228,220,.05) !important;color:var(--lk-bone) !important;border-color:var(--lk-line-2) !important;}
html.lk-slate .field input::placeholder{color:var(--lk-mute) !important;}
html.lk-slate .toggle-wrap{border-color:var(--lk-line-2) !important;background:transparent !important;}
html.lk-slate .toggle-btn{color:var(--lk-mute) !important;}
html.lk-slate .toggle-btn.active{color:var(--lk-ink) !important;}
html.lk-slate .upload-area,html.lk-slate .upload-optional-area{background:rgba(232,228,220,.03) !important;border-color:var(--lk-line-2) !important;}
html.lk-slate .upload-label,html.lk-slate .upload-optional-label{color:var(--lk-text) !important;}
html.lk-slate .upload-hint,html.lk-slate .upload-optional-hint,html.lk-slate .form-note,html.lk-slate .result-expire-footer{color:var(--lk-mute) !important;}
html.lk-slate .btn-copy{color:var(--lk-bone-2) !important;border-color:var(--lk-line-2) !important;}
html.lk-slate .demo-pricing .billing-opt{color:var(--lk-mute) !important;}
html.lk-slate .demo-pricing .billing-opt.active{color:var(--lk-bone) !important;}
html.lk-slate .demo-pricing .billing-switch{background:var(--lk-panel2) !important;border-color:var(--lk-line-2) !important;}
html.lk-slate .demo-pricing .billing-switch-knob{background:var(--lk-bone) !important;}
html.lk-slate .pricing-section-sub,html.lk-slate .pricing-enterprise,html.lk-slate .demo-pricing .pricing-note{color:var(--lk-mute) !important;}
html.lk-slate .pricing-enterprise a{color:var(--lk-bone) !important;}
html.lk-slate .faq-question,html.lk-slate .faq-question span{color:var(--lk-bone) !important;font-family:var(--lk-ui) !important;}
html.lk-slate .faq-answer-text{color:var(--lk-text) !important;}
html.lk-slate .faq-item{border-color:var(--lk-line) !important;}
html.lk-slate .faq-icon::before,html.lk-slate .faq-icon::after{background:var(--lk-sky) !important;}
html.lk-slate .demo-footer-text,html.lk-slate .demo-footer-by-text{color:var(--lk-mute) !important;}
@media (max-width:760px){html.lk-slate .field-label,html.lk-slate .upload-hint,html.lk-slate .upload-optional-hint,html.lk-slate .form-note,html.lk-slate .hero-check{font-size:13px !important;}}
html.lk-slate .reassurance-line{color:var(--lk-text) !important;}
html.lk-slate .reassurance-check{color:var(--lk-sky) !important;}
@media (max-width:760px){html.lk-slate .reassurance-line{font-size:13px !important;}}
html.lk-slate .demo-feature-note{background:rgba(232,228,220,.03) !important;border-color:var(--lk-line) !important;}
html.lk-slate .demo-feature-note li,html.lk-slate .demo-feature-note{color:var(--lk-text) !important;}
html.lk-slate .demo-footer-text a{color:var(--lk-bone-2) !important;}
html.lk-slate .hero-left .hero-sub{color:var(--lk-text) !important;}
html.lk-slate .nav-signin{border-color:var(--lk-line-2) !important;}
html.lk-slate .sv-label{color:var(--lk-sky) !important;}
html.lk-slate .sv-notfound,html.lk-slate .sv-prompt{background:rgba(232,228,220,.03) !important;color:var(--lk-text) !important;border-color:var(--lk-line-2) !important;}
html.lk-slate .faq-list{border-top-color:var(--lk-line) !important;}

/* ── Hero film (desktop only, behind the copy; phones keep the plain hero) ── */
.lk-film{display:none;}
@media (min-width:1100px){
  html.lk-slate .hero:has(> .lk-film){min-height:min(92vh,880px);display:flex;align-items:center;padding-top:110px;padding-bottom:80px;}
  html.lk-slate .hero:has(> .lk-film)::before{display:none;}
  html.lk-slate .hero:has(> .lk-film) .hero-inner{z-index:1;width:100%;}
  html.lk-slate .hero:has(> .lk-film) .lk-hero-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .hero > .lk-film{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:#080B11;}
  .lk-film img,.lk-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;}
  .lk-film video{opacity:0;transition:opacity .6s ease;}
  .lk-film.is-playing video{opacity:1;}
  .lk-film-scrim{position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(8,11,17,.94) 0%,rgba(8,11,17,.86) 28%,rgba(8,11,17,.5) 48%,rgba(8,11,17,0) 66%),
    linear-gradient(0deg,#080B11 0%,rgba(8,11,17,0) 20%),
    linear-gradient(180deg,rgba(8,11,17,.7) 0%,rgba(8,11,17,0) 16%);}
  .lk-film-replay{position:absolute;right:28px;bottom:28px;pointer-events:auto;background:rgba(8,11,17,.55);color:var(--lk-bone);border:1px solid rgba(232,228,220,.35);border-radius:999px;padding:9px 18px;font-family:var(--lk-ui);font-size:13px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;}
  .lk-film-replay:hover{background:rgba(8,11,17,.8);}
}