/* Public website (landing page and info pages): larger,darker type and the marketing sections.
   Loaded last on every public page; body.site scopes it so the dashboard dialog keeps its own styles. */
.site main,.site .nav,.site .rich-footer{--muted:#5c4a3f;--ink-soft:#4a3a31;--card:#fffaf2;--forest:var(--espresso);--sage:var(--terracotta-dark)}
.site main em{font-style:normal}
.site main p,.site main li{font-size:17px;line-height:1.7}
.site main a{color:var(--terracotta-dark)}
.site :is(main,.nav) .button{font-size:15px;padding:16px 24px;color:#fff;text-decoration:none}
.site :is(main,.nav) .button-small{font-size:14px;padding:11px 18px}
.site :is(main,.nav) .button.pale{color:var(--espresso)}
.site main .eyebrow{font-size:12.5px;letter-spacing:.16em}
.site main h1{font-size:clamp(50px,6.4vw,86px);line-height:.98;letter-spacing:-.04em}
.site main h2{font-size:clamp(40px,4.6vw,62px);line-height:1;letter-spacing:-.035em}
.site main .lede{font-size:clamp(18px,1.6vw,20px);line-height:1.65;color:var(--muted)}
.site main .section-heading>p:last-child{font-size:18px;color:var(--muted)}
.site main .section{padding:104px 0}

/* Header */
.site .nav{height:auto;min-height:84px;padding:14px 0;gap:20px}
.site .nav nav{gap:30px}
.site .nav nav a{font:700 15px var(--sans);color:var(--ink-soft)}
.site .nav nav a:hover,.site .nav nav a.active{color:var(--terracotta-dark)}
.site .nav-actions{gap:18px}
.site .nav-signin,.site main .workspace-link{font:700 15px var(--sans);color:var(--ink-soft);background:none;border:0;cursor:pointer;text-decoration:none;padding:8px 2px}
.site .nav-signin span:empty{display:none}

/* Footer */
.site .rich-footer .footer-intro h3{font-size:clamp(28px,3vw,38px)}
.site .rich-footer .footer-intro p,.site .footer-grid p{font-size:16px;line-height:1.7;color:#d9c9bd}
.site .footer-grid b{font-size:12px;letter-spacing:.14em}
.site .footer-grid a{font-size:15px;color:#f1e6dc}
.site .footer-grid a:hover{color:#fff;text-decoration:underline}
.site .footer-grid input,.site .footer-grid textarea{font-size:15px}
.site .footer-grid button{font-size:15px}
.site .footer-grid small,.site .footer-bottom{font-size:13.5px;color:#cbb8aa}

/* Shared pieces */
.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:34px 0 22px}
.lp-actions.center{justify-content:center}
.lp-link{font:800 15px var(--sans);color:var(--terracotta-dark);text-decoration:none}
.lp-link:hover{text-decoration:underline}
.lp-link.light{color:#f6d7bd}
.lp-small{font-size:14.5px!important;color:var(--muted);line-height:1.65;text-align:center;max-width:820px;margin:26px auto 0}
.lp-small.light{color:#d6c3b5}
.lp-center{text-align:center;margin-top:30px}
.lp-ticks{list-style:none;padding:0;margin:18px 0;display:grid;gap:11px}
.lp-ticks li{position:relative;padding-left:30px;color:var(--ink-soft)}
.lp-ticks li:before{content:"";position:absolute;left:2px;top:.5em;width:16px;height:9px;border-left:2.5px solid var(--terracotta);border-bottom:2.5px solid var(--terracotta);transform:rotate(-45deg)}
.lp-outline{background:transparent!important;color:var(--terracotta-dark)!important;box-shadow:none!important}
.lp-outline:hover{background:#f6e6d4!important}
.lp-assure{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:0}
.lp-assure li{font-size:15px!important;font-weight:700;color:var(--ink-soft);display:flex;align-items:center;gap:8px}
.lp-assure li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--terracotta)}

/* Product "screens" (HTML previews of the real app) */
.screen{background:var(--card);border:1px solid #c9ad8f;border-radius:16px;box-shadow:0 30px 70px rgba(65,39,25,.14);overflow:hidden}
.screen-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:#f3e4d0;border-bottom:1px solid #dcc4a8;font:800 14px var(--sans);color:var(--espresso)}
.screen-bar small{font:700 12.5px var(--sans);color:var(--terracotta-dark);background:#fff6ea;border:1px solid #e4cdb3;border-radius:99px;padding:4px 10px}

/* Hero */
.lp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding:72px 0 92px}
.site main h2,.site main h3{text-wrap:balance}
.site main .lp-hero h1{margin:20px 0 22px;font-size:clamp(40px,5.2vw,76px);text-wrap:balance}
.lp-h1-line{display:block;text-wrap:balance}
.nw{white-space:nowrap}
.lp-hero h1 em{display:block;color:var(--terracotta-dark)}
.lp-hero-visual{position:relative;padding:0 0 40px 30px}
.lp-report{transform:rotate(.6deg)}
.lp-overall{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}
.lp-overall small{display:block;font:700 13px var(--sans);color:var(--muted)}
.lp-overall b{font:700 64px/1 var(--serif);color:var(--espresso)}
.lp-overall p{margin:0;max-width:170px;font-size:14.5px!important;line-height:1.45!important;color:var(--terracotta-dark);font-weight:700;text-align:right}
.lp-skills{padding:16px 24px;display:grid;gap:12px}
.lp-skills div{display:grid;grid-template-columns:96px 1fr 40px;align-items:center;gap:12px}
.lp-skills span{font:700 14.5px var(--sans);color:var(--ink-soft)}
.lp-skills b{order:3;font:800 16px var(--sans);text-align:right}
.lp-skills i{order:2;height:9px;border-radius:9px;background:#ead9c4;position:relative;overflow:hidden}
.lp-skills i:after{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,#c98557,var(--terracotta-dark));border-radius:9px}
.lp-next{margin:6px 16px 18px;padding:16px 18px;border-radius:12px;background:var(--espresso);color:#fff3e6;display:grid;gap:4px}
.lp-next small{font:800 11.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#f0bf98}
.lp-next b{font:700 16px/1.4 var(--sans)}
.lp-next span{font-size:13.5px;color:#dccbbd}
.lp-chip{position:absolute;left:-6px;bottom:0;display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:14px;transform:rotate(-1.5deg)}
.lp-chip b{display:block;font:800 15px var(--sans)}
.lp-chip small{font:600 13.5px var(--sans);color:var(--muted)}
.lp-live{width:14px;height:14px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 6px #ba704833;animation:lp-pulse 1.8s infinite}
@keyframes lp-pulse{50%{box-shadow:0 0 0 11px #ba704811}}

/* Proof strip */
.lp-proof{padding:6px 0 30px;position:relative;z-index:1}
.lp-proof-card{position:relative;overflow:hidden;border-radius:28px;padding:34px 38px 38px;color:#fff4e8;border:1px solid rgba(243,195,155,.2);
  background:radial-gradient(circle at 10% -10%,rgba(214,140,94,.34),transparent 42%),radial-gradient(circle at 95% 120%,rgba(243,195,155,.16),transparent 45%),linear-gradient(135deg,#3b271d 0%,#22150f 100%);
  box-shadow:0 34px 80px -30px rgba(46,31,23,.55),inset 0 1px 0 rgba(255,230,205,.12)}
.site main .lp-proof-title{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 30px;font:800 12.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#e9b892}
.lp-proof-title:before,.lp-proof-title:after{content:"";height:1px;width:56px;background:linear-gradient(90deg,transparent,rgba(233,184,146,.7))}
.lp-proof-title:after{transform:scaleX(-1)}
.lp-proof-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}
.lp-proof-list li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 24px}
.lp-proof-list li+li:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:linear-gradient(180deg,transparent,rgba(243,195,155,.32),transparent)}
.lp-proof-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(243,195,155,.1);border:1px solid rgba(243,195,155,.24);margin-bottom:6px}
.lp-proof-ico svg{width:21px;height:21px;fill:none;stroke:#f3c39b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lp-proof-list b{display:flex;align-items:center;gap:10px;font:700 46px/1 var(--serif);background:linear-gradient(180deg,#ffe6cc 0%,#eaa678 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-proof-list li>span:last-child{font-size:15px;line-height:1.45;color:#ecdccf;font-weight:500}
.lp-pulse{position:relative;width:10px;height:10px;border-radius:50%;background:#f08a5d;flex:none}
.lp-pulse:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(240,138,93,.55);animation:lp-pulse 1.8s ease-out infinite}
@keyframes lp-pulse{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.lp-pulse:after{animation:none}}

/* Problem */
.lp-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lp-pains article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:6px}
.lp-pains article>span{font:700 22px var(--serif);color:var(--terracotta)}
.lp-pains h3{font:700 27px/1.15 var(--serif);margin:4px 0 6px}
.lp-pains p{margin:0;color:var(--muted)}
.lp-pains b{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:16px;line-height:1.55;color:var(--terracotta-dark)}

/* Features */
.lp-features{background:linear-gradient(#f4e7d6,#fbf3e7);padding:104px 0}
.lp-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:46px 0}
.lp-feature+.lp-feature{border-top:1px solid #dcc6ab}
.lp-feature.flip .lp-feature-copy{order:2}
.lp-kicker{margin:0;font:800 13px var(--sans)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta-dark)}
.lp-feature h3{font:700 clamp(32px,3.2vw,44px)/1.05 var(--serif);letter-spacing:-.02em;margin:10px 0 14px}
.lp-feature-copy>p{color:var(--muted);margin:0}
.lp-shot{font-size:15px}
.lp-track{display:flex;gap:8px;padding:18px 20px 0}
.lp-track span{flex:1;text-align:center;padding:8px;border-radius:9px;background:#efe1cf;font:700 13.5px var(--sans);color:var(--muted)}
.lp-track .done{background:#f3d9c4;color:var(--terracotta-dark)}
.lp-track .on{background:var(--espresso);color:#fff}
.lp-cue{margin:16px 20px;padding:18px;border:1px dashed #c4a586;border-radius:12px;background:#fffdf8}
.lp-cue small{font:800 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta-dark)}
.lp-cue b{display:block;font:700 22px/1.2 var(--serif);margin:4px 0 8px}
.lp-cue p{margin:0;font-size:14.5px!important;line-height:1.55!important;color:var(--muted)}
.lp-speaking{display:flex;align-items:center;gap:14px;margin:0 20px;padding:12px 16px;border-radius:12px;background:#f6eadb}
.lp-speaking span{font:700 14px var(--sans);color:var(--ink-soft)}
.lp-wave{display:flex;align-items:center;gap:3px;height:28px}
.lp-wave i{width:4px;border-radius:4px;background:var(--terracotta);height:30%;animation:lp-wave 1.1s ease-in-out infinite}
.lp-wave i:nth-child(2n){animation-delay:.15s}.lp-wave i:nth-child(3n){animation-delay:.3s}.lp-wave i:nth-child(4n){animation-delay:.45s}
@keyframes lp-wave{50%{height:100%}}
.lp-criteria{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 20px 20px}
.lp-criteria div,.lp-bands div,.lp-tiles div,.lp-score div{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.lp-criteria span,.lp-bands small,.lp-tiles small,.lp-score small{font:700 12.5px var(--sans);color:var(--muted)}
.lp-criteria b,.lp-bands b,.lp-tiles b,.lp-score b{font:700 26px/1.1 var(--serif);color:var(--espresso)}
.lp-bands{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 20px 6px}
.lp-fix,.lp-para{margin:12px 20px;padding:14px 16px;border-radius:12px;background:#fffdf8;border:1px solid var(--line)}
.lp-fix small,.lp-para small{font:800 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta-dark)}
.lp-fix p{margin:6px 0;font-size:16px!important}
.lp-fix s{color:#a0614a;text-decoration-thickness:2px}
.lp-fix p b{background:#f8e0cc;padding:1px 5px;border-radius:5px}
.lp-fix span{font-size:14px;color:var(--muted)}
.lp-para p{margin:8px 0 0;display:grid;gap:7px}
.lp-para b{font:600 14.5px/1.45 var(--sans);padding-left:24px;position:relative}
.lp-para b:before{position:absolute;left:0;top:0;font-weight:900}
.lp-para .ok:before{content:"✓";color:var(--terracotta-dark)}
.lp-para .warn:before{content:"!";left:5px;color:#a0614a}
.lp-para{margin-bottom:20px}
.lp-score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 20px 8px}
.lp-types{padding:8px 20px;display:grid;gap:12px}
.lp-types div{display:grid;grid-template-columns:1fr 110px 44px;gap:12px;align-items:center}
.lp-types span{font:700 14.5px var(--sans);color:var(--ink-soft)}
.lp-types i{height:9px;border-radius:9px;background:#ead9c4;position:relative;overflow:hidden}
.lp-types i:after{content:"";position:absolute;inset:0;width:var(--w);background:var(--terracotta);border-radius:9px}
.lp-types i.low:after{background:#d9a27c}
.lp-types b{font:800 14.5px var(--sans);text-align:right}
.lp-note{margin:14px 20px 20px;padding:14px 16px;border-radius:12px;background:var(--espresso);color:#f6e9dc;font-size:15px;line-height:1.55}
.lp-note b{color:#f3c39b}
.lp-timer{display:flex;justify-content:space-between;align-items:center;margin:18px 20px 6px;padding:12px 16px;border-radius:12px;background:var(--espresso);color:#fff}
.lp-timer span{font:700 14.5px var(--sans)}
.lp-timer b{font:800 22px var(--sans);font-variant-numeric:tabular-nums;color:#f3c39b}
.lp-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 20px 0}
.lp-tiles .all{background:var(--terracotta);border-color:var(--terracotta-dark)}
.lp-tiles .all small,.lp-tiles .all b{color:#fff}
.lp-tasks{padding:16px 20px 4px;display:grid;gap:9px}
.lp-tasks div{display:flex;align-items:center;gap:13px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#fffdf8;font:700 15px/1.35 var(--sans)}
.lp-tasks small{display:block;font:700 12.5px var(--sans);color:var(--muted)}
.lp-tasks i{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #b89a7e}
.lp-tasks .done i{background:var(--terracotta);border-color:var(--terracotta);box-shadow:inset 0 0 0 4px #fffdf8}
.lp-tasks .done span{color:var(--muted)}
.lp-trend{margin:12px 20px 20px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;color:var(--terracotta)}
.lp-trend small{grid-column:1/-1;font:700 12.5px var(--sans);color:var(--muted)}
.lp-trend svg{width:100%;height:56px}
.lp-trend span{font:700 20px var(--serif);color:var(--espresso)}

/* Steps */
.lp-step-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:none}
.lp-step-list li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;position:relative}
.lp-step-list li>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta);color:#fff;font:700 24px var(--serif)}
.lp-step-list h3{font:700 26px/1.15 var(--serif);margin:18px 0 8px}
.lp-step-list p{margin:0;color:var(--muted);font-size:16px!important}

/* Value */
.lp-value{background:var(--espresso);color:#fff;padding:96px 0}
.lp-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.lp-value h2{margin:18px 0 0}
.lp-value h2 em{color:#f3c39b}
.lp-value p:not(.eyebrow){color:#e8d9cd}

/* Pricing */
.lp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.lp-plan{position:relative;background:var(--card);border:1px solid #c9ad8f;border-radius:18px;padding:30px 26px;display:flex;flex-direction:column}
.lp-plan.trial{background:#fffdf9;border-style:dashed}
.lp-plan.featured{background:var(--sand);border:2px solid var(--terracotta);box-shadow:0 26px 60px rgba(148,83,53,.2)}
.lp-plan .tag{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.lp-plan h3{font:700 31px/1.05 var(--serif);margin:10px 0 6px}
.lp-plan-for{margin:0;font-size:15px!important;line-height:1.5!important;color:var(--muted);min-height:46px}
.lp-price{margin:18px 0 6px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lp-price b{display:block;font:700 44px/1 var(--serif);color:var(--espresso)}
.lp-price small{display:block;margin-top:8px;font-size:14px;color:var(--muted)}
.lp-plan .lp-ticks{margin:16px 0 24px;flex:1}
.lp-plan .lp-ticks li{font-size:15.5px}
.lp-plan .button{width:100%;margin-top:auto}
.lp-badge{position:absolute;top:-14px;left:24px;background:var(--terracotta);color:#fff;font:800 12.5px var(--sans);letter-spacing:.06em;padding:6px 12px;border-radius:99px}
.lp-badge.alt{background:var(--espresso)}
.lp-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.lp-extras div{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:grid;gap:5px}
.lp-extras b{font:700 22px var(--serif)}
.lp-extras span{font-size:15.5px;line-height:1.6;color:var(--muted)}
.lp-pricing .fx-box{margin-top:22px}

/* Exams */
.lp-exams{background:radial-gradient(circle at 85% 0%,rgba(214,140,94,.18),transparent 40%),#2e1f17;color:#fff;padding:100px 0}
.site main .lp-exams .section-heading{max-width:820px}
.site main .lp-exams .section-heading .lp-exams-lede{color:#eadbcf;font-size:18.5px;line-height:1.65}
.lp-exams h2 em{color:#f3c39b}
.lp-exam-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.lp-exam-grid article{grid-column:span 2}
.lp-exam-grid article.live{grid-column:span 3;padding:30px 30px 28px}
.lp-exam-grid article.live h3{font-size:30px}
.lp-exam-grid article{display:flex;flex-direction:column;background:#fff8ee;color:var(--espresso);border:1px solid #fff8ee;border-radius:20px;padding:24px 22px;box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
.lp-exam-grid article:not(.live){background:#f6e7d6;border-color:#f6e7d6}
.lp-exam-grid h3{font:700 24px/1.15 var(--serif);margin:16px 0 10px;color:var(--espresso)}
.site main .lp-exam-grid p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--muted)}
.lp-exam-grid ul{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none}
.lp-exam-grid li{font:700 12.5px var(--sans);padding:5px 10px;border-radius:99px;background:#efdcc8;color:var(--terracotta-dark)}
.lp-exam-grid li.soon{background:transparent;border:1px dashed #d4ae90;color:var(--muted)}
.lp-status{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font:800 12.5px var(--sans);letter-spacing:.04em;padding:6px 12px;border-radius:99px;background:transparent;border:1px solid #c98a62;color:var(--terracotta-dark)}
.live .lp-status{background:var(--terracotta);border-color:var(--terracotta);color:#fff}
.live .lp-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.site main .lp-exams-note{margin:34px 0 0;text-align:center;font-size:16.5px;color:#eadbcf}

/* Testimonials */
.lp-quotes{columns:3;column-gap:20px}
.lp-quotes>.lp-quote{break-inside:avoid;margin:0 0 20px}
.lp-quote[hidden]{display:none}
.lp-quote-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lp-quote-top:empty{display:none}
.lp-stars{display:inline-flex;gap:2px}
.lp-stars svg{width:17px;height:17px;fill:#d9894f}
.site main .lp-rating{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:-18px 0 34px;font-size:16px;color:var(--muted)}
.lp-rating b{color:var(--espresso)}
.lp-quotes-more{text-align:center;margin-top:16px}
.lp-quotes-more .button{background:transparent;color:var(--espresso);border:1.5px solid var(--espresso);box-shadow:none}
.lp-quotes-more .button:hover{background:var(--espresso);color:#fff}
.lp-quote{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:16px;position:relative}
.lp-quote:before{content:"“";font:700 80px/.6 var(--serif);color:var(--terracotta);height:30px}
.lp-quote blockquote{margin:0;font:600 21px/1.45 var(--serif);color:var(--espresso)}
.lp-quote footer{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);background:none;color:inherit}
.lp-quote footer span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sand);font:700 20px var(--serif);color:var(--terracotta-dark);flex:none}
.lp-quote footer b{display:block;font-size:15.5px}
.lp-quote footer small{font-size:14px;color:var(--muted)}
.lp-result{display:inline-flex;align-self:flex-start;font:800 13px var(--sans);background:#f6e2d0;color:var(--terracotta-dark);border-radius:99px;padding:5px 11px}
.lp-sample{position:absolute;top:14px;right:14px;font:800 11px var(--sans);letter-spacing:.1em;background:var(--espresso);color:#fff;border-radius:6px;padding:4px 8px}
.lp-sample-note{margin:10px 0 0;text-align:center;font-size:14.5px!important;color:var(--terracotta-dark);font-weight:700}

/* FAQ */
.faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}
.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 24px}
.faq-list summary{cursor:pointer;list-style:none;padding:20px 34px 20px 0;font:700 18px/1.4 var(--sans);color:var(--espresso);position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:15px;font:500 28px var(--sans);color:var(--terracotta)}
.faq-list details[open] summary:after{content:"–"}
.faq-list details p{margin:0 0 20px;color:var(--muted)}
.faq-group{max-width:860px;margin:0 auto 46px}
.faq-group h2{font-size:clamp(30px,3vw,40px);margin:0 0 18px}

/* Final call to action */
.lp-final{background:var(--terracotta-dark);color:#fff;padding:96px 0;text-align:center}
.lp-final h2{max-width:900px;margin:0 auto 18px}
.lp-final h2 em{color:#ffe0c6}
.lp-final p{max-width:640px;margin:0 auto;color:#fde9da}
.lp-final .button.pale{background:#fff4e8;border-color:#fff4e8;color:var(--espresso)}

/* Info pages */
.site .page-hero{padding:96px 0 56px}
.site main .page-hero h1{max-width:980px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-grid.two{grid-template-columns:repeat(2,1fr)}
.info-grid.four{grid-template-columns:repeat(4,1fr)}
.info-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}
.info-card h3{font:700 26px/1.15 var(--serif);margin:0 0 10px}
.info-card p{margin:0;color:var(--muted)}
.info-card .lp-kicker{margin-bottom:10px}
.info-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.info-split h2{margin-top:14px}
.info-prose p{color:var(--ink-soft)}
.info-prose p:first-child{margin-top:0}
.info-band{background:#f3e5d3;padding:96px 0}
.info-dark{background:var(--espresso);color:#fff;padding:96px 0}
.info-dark h2 em{color:#f3c39b}
.info-dark p{color:#e3d4c8}
.info-dark .info-card{background:#3f2c22;border-color:#5e463a}
.info-dark .info-card h3{color:#fff}
.info-dark .info-card p{color:#dccbbd}
.site main .big-quote{max-width:900px;margin:0 auto;text-align:center;font:600 clamp(28px,3vw,40px)/1.3 var(--serif);color:var(--espresso)}
.stage{display:grid;grid-template-columns:120px 1fr 1fr;gap:40px;padding:48px 0;border-top:1px solid #dcc6ab;align-items:start}
.stage:first-child{border-top:0}
.stage-num{font:700 72px/1 var(--serif);color:var(--terracotta)}
.stage h3{font:700 clamp(30px,3vw,40px)/1.08 var(--serif);margin:0 0 12px}
.stage>div>p{margin:0;color:var(--muted)}
.compare-wrap{overflow-x:auto;border:1px solid #c9ad8f;border-radius:16px;background:var(--card)}
.compare{width:100%;border-collapse:collapse;min-width:760px}
.compare th,.compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:15.5px;vertical-align:top}
.compare thead th{background:#f3e4d0;font:800 15px var(--sans)}
.compare thead th small{display:block;font-weight:600;color:var(--muted)}
.compare tbody th{font-weight:700;color:var(--ink-soft);width:34%}
.compare td{color:var(--ink-soft)}
.compare .yes{color:var(--terracotta-dark);font-weight:800}
.compare .no{color:#a99282}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}
.compare .hl{background:#fbebdc}
.legal-doc{max-width:860px}
.legal-doc section{padding:34px 0;border-top:1px solid var(--line)}
.legal-doc section:first-child{border-top:0}
.legal-doc h2{font-size:clamp(30px,3vw,40px);margin:0 0 14px}
.legal-doc h3{font:800 17px var(--sans);margin:22px 0 6px}
.legal-doc p,.legal-doc li{color:var(--ink-soft)}
.legal-toc{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.legal-toc a{font:700 14.5px var(--sans);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:8px 14px;background:var(--card)}
.site main .contact-facts b{font-size:13px}
.site main .contact-facts span{font-size:16px}
.site main .contact-card label{font-size:14px}
.site main .contact-card input,.site main .contact-card textarea{font-size:16px}
.site main .planner-copy{font-size:18px}
.site main .field label{font-size:14px}
.site main .plan-result li{font-size:16px}
.site main .store-facts span{font-size:15.5px;line-height:1.6}
.site main .pricing-note{font-size:14.5px}

@media(max-width:1100px){
  .lp-plans{grid-template-columns:repeat(2,1fr)}
  .lp-quotes{columns:2}
  .lp-step-list{grid-template-columns:repeat(2,1fr)}
  .lp-proof-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
  .lp-proof-list li:nth-child(4):before{display:none}
  .info-grid.four{grid-template-columns:repeat(2,1fr)}
  .site .nav nav{gap:20px}
}
@media(max-width:900px){
  .lp-hero,.lp-feature,.lp-value-grid,.info-split{grid-template-columns:1fr;gap:40px}
  .lp-feature.flip .lp-feature-copy{order:0}
  .lp-pains,.lp-quotes,.info-grid{grid-template-columns:1fr}
  .lp-hero-visual{padding-left:10px}
  .stage{grid-template-columns:1fr;gap:12px}
  .stage-num{font-size:54px}
  .lp-exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-exam-grid article,.lp-exam-grid article.live{grid-column:auto}
  .lp-exam-grid article:last-child{grid-column:1/-1}
  .lp-quotes{columns:1}
}
@media(max-width:620px){
  .site main p,.site main li{font-size:16px}
  .site main .section,.lp-features,.lp-value,.lp-exams,.lp-final,.info-band,.info-dark{padding:68px 0}
  .lp-hero{padding:40px 0 60px}
  .lp-plans,.lp-exam-grid,.lp-step-list,.lp-extras,.info-grid.two,.info-grid.four{grid-template-columns:1fr}
  .lp-plan.featured{order:-1}
  .lp-proof-card{padding:28px 20px 30px;border-radius:22px}
  .lp-proof-list{grid-template-columns:1fr 1fr;row-gap:26px}
  .lp-proof-list li{padding:0 14px}
  .lp-proof-list li:before{display:none}
  .lp-proof-list li:last-child{grid-column:1/-1}
  .lp-proof-list b{font-size:40px}
  .lp-criteria,.lp-bands{grid-template-columns:1fr 1fr}
  .lp-tiles{grid-template-columns:repeat(3,1fr)}
  .lp-types div{grid-template-columns:1fr 70px 40px}
  .lp-overall b{font-size:52px}
  .lp-chip{position:relative;margin-top:-16px;left:0}
  .lp-hero-visual{padding:0}
  .site .nav-actions{gap:10px}
  .site .nav-signin,.site main .workspace-link{font-size:14px}
}

/* Learner stories */
.site main .lp-voices{position:relative;padding:112px 0 104px;border-image:linear-gradient(180deg,#f6ecdf 0%,#f1e2d0 45%,#f4e8da 100%) fill 0//0 100vmax}
.lp-voices>*{position:relative;z-index:1}
.site main .lp-voices .section-heading{max-width:820px}
.lp-voices h2 em{display:block}
.lp-voices-proof{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 18px;margin:-12px 0 30px}
.lp-voices-proof:empty{display:none}
.lp-flagstack{display:flex;align-items:center}
.lp-flagstack img,.lp-flagstack span{width:38px;height:38px;border-radius:50%;border:3px solid #f3e6d6;margin-left:-11px;box-shadow:0 6px 14px -6px rgba(46,31,23,.45);background:#fff}
.lp-flagstack img:first-child{margin-left:0}
.lp-flagstack span{display:grid;place-items:center;background:var(--espresso);color:#fff;font:800 12px var(--sans)}
.site main .lp-voices-proof p{margin:0;font-size:16.5px;color:var(--ink-soft)}
.lp-voices-proof b{color:var(--espresso)}
.lp-quote-filters{display:flex;gap:4px;width:max-content;max-width:100%;margin:0 auto 38px;padding:6px;border:1px solid #e3cdb7;border-radius:99px;background:#fffaf3;box-shadow:0 10px 30px -18px rgba(46,31,23,.4);overflow-x:auto;scrollbar-width:none}
.lp-quote-filters::-webkit-scrollbar{display:none}
.lp-quote-filters:empty{display:none}
.lp-quote-filters button{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:42px;padding:0 18px;border:0;border-radius:99px;background:transparent;color:var(--espresso);font:700 14.5px var(--sans);cursor:pointer;transition:background .15s,color .15s}
.lp-quote-filters button:hover{background:#f3e6d6}
.lp-quote-filters button small{font:700 12px var(--sans);color:var(--muted)}
.lp-quote-filters button[aria-pressed="true"]{background:var(--espresso);color:#fff}
.lp-quote-filters button[aria-pressed="true"] small{color:#e9cdb7}
.lp-featured{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;align-items:center;margin:0 0 24px;padding:46px 50px;border-radius:28px;color:#fff4e8;border:1px solid rgba(243,195,155,.2);
  background:radial-gradient(circle at 0 0,rgba(214,140,94,.32),transparent 45%),radial-gradient(circle at 100% 100%,rgba(243,195,155,.12),transparent 40%),linear-gradient(135deg,#3b271d,#22150f);box-shadow:0 36px 80px -36px rgba(46,31,23,.65)}
.lp-featured blockquote{margin:0;font:600 clamp(21px,2.2vw,29px)/1.45 var(--serif);color:#fff4e8}
.lp-featured blockquote:before{content:"\201C";display:block;height:44px;font:700 96px/1 var(--serif);color:#e9a57a}
.lp-featured figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-left:36px;border-left:1px solid rgba(243,195,155,.25)}
.lp-flag-lg{width:64px;height:64px;border-radius:50%;margin-bottom:8px;border:3px solid rgba(255,244,232,.9);box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.lp-featured figcaption b{font:700 22px var(--serif);color:#fff}
.lp-featured figcaption small{font-size:15px;color:#e6cdb9}
.lp-featured .lp-exam{margin:10px 0 0;background:transparent;border:1px solid rgba(233,165,122,.7);color:#f3c39b}
.site main .lp-voices .lp-quotes{columns:3;column-gap:22px}
.lp-voices .lp-quote{display:flex;flex-direction:column;gap:16px;break-inside:avoid;margin:0 0 22px;padding:24px 26px 26px;border:1px solid #ead9c6;border-radius:22px;background:#fffdf9;box-shadow:0 22px 44px -34px rgba(46,31,23,.55);transition:transform .2s,box-shadow .2s}
.lp-voices .lp-quote:hover{transform:translateY(-3px);box-shadow:0 30px 54px -34px rgba(46,31,23,.6)}
.lp-voices .lp-quote:before{content:none}
.lp-quote header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #f0e3d4;background:none}
.lp-flag,.lp-flag-none{width:44px;height:44px;flex:none;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #e8d6c3,0 6px 14px -8px rgba(46,31,23,.6)}
.lp-flag-none{display:grid;place-items:center;background:var(--sand);font:700 18px var(--serif);color:var(--terracotta-dark)}
.lp-quote header div{min-width:0}
.lp-quote header b{display:block;font-size:15.5px;color:var(--espresso)}
.lp-quote header small{display:block;font-size:13.5px;color:var(--muted)}
.lp-exam{flex:none;margin-left:auto;padding:5px 11px;border-radius:99px;background:#f6e2d0;color:var(--terracotta-dark);font:800 12px var(--sans);letter-spacing:.02em;white-space:nowrap}
.lp-voices .lp-quote blockquote{margin:0;font:600 18.5px/1.6 var(--serif);color:var(--espresso)}
.lp-voices .lp-quote blockquote:before{content:"\201C";color:var(--terracotta);margin-right:2px}
.lp-voices .lp-quote blockquote:after{content:"\201D";color:var(--terracotta);margin-left:1px}
.site main .lp-quote-result{margin:0;font:800 13px var(--sans);color:var(--terracotta-dark)}
.lp-quotes-more{text-align:center;margin-top:18px}
@media(max-width:1100px){.site main .lp-voices .lp-quotes{columns:2}}
@media(max-width:900px){
  .lp-featured{grid-template-columns:1fr;gap:26px;padding:34px 28px}
  .lp-featured figcaption{padding:22px 0 0;border-left:0;border-top:1px solid rgba(243,195,155,.25);flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 14px}
  .lp-flag-lg{width:52px;height:52px;margin:0}
  .lp-featured .lp-exam{margin:0}
  .site main .lp-voices .lp-quotes{columns:1}
  .site main .lp-voices{padding:80px 0 72px}
}
@media(max-width:620px){.lp-quote-filters{margin-left:-4px;margin-right:-4px}.lp-featured blockquote:before{height:34px;font-size:76px}}
.site main .lp-quotes-more .button{background:var(--espresso);color:#fff;border:0;box-shadow:0 14px 30px -16px rgba(46,31,23,.7)}
.site main .lp-quotes-more .button:hover{background:#4a3226;color:#fff}
@media(max-width:620px){
  .lp-quote-filters{flex-wrap:wrap;justify-content:center;width:auto;margin:0 0 30px;border-radius:24px}
  .lp-quote-filters button{min-height:38px;padding:0 14px}
  .site main .lp-voices-proof p{text-align:center}
}