/* Landing uses the learning platform's tactile cards, route nodes and rewards. */
.landing-platform { --lp-surface:#fff; --lp-bg:#f7faff; --lp-ink:#172c49; --lp-muted:#62738b; --lp-line:#dce6f1; --lp-blue:#168bff; --lp-purple:#7954df; --lp-shadow:0 5px 0 #e0e9f3; background:var(--lp-bg); }
[data-theme="dark"] .landing-platform { --lp-surface:#17263b; --lp-bg:#0c1728; --lp-ink:#ecf4ff; --lp-muted:#acbdd3; --lp-line:#30445e; --lp-shadow:0 5px 0 #07111f; }
.landing-platform #dynamic-bg-container { display:none; }
.landing-platform main > section { overflow:clip; }
/* Stable section heights keep both scroll-driven routes aligned. */
.landing-platform section[id]:nth-of-type(n+4) { content-visibility:visible; contain-intrinsic-size:none; }
.landing-platform .landing-section { padding-block:clamp(3.5rem,6vw,5.5rem); background:transparent!important; border:0; }
.landing-platform .landing-section::before,.landing-platform .landing-section::after { content:none!important; }
.landing-platform .landing-section:nth-of-type(even) { background:color-mix(in srgb,var(--lp-surface) 60%,var(--lp-bg))!important; }
.landing-platform .landing-section-head { margin-bottom:2.25rem; }
.landing-platform .landing-section-title { font-family:Nunito,Manrope,sans-serif; font-size:clamp(1.8rem,3.2vw,2.8rem); line-height:1.14; letter-spacing:-.035em; color:var(--lp-ink)!important; }
.landing-platform .landing-section-sub { color:var(--lp-muted)!important; font-size:1rem; max-width:40rem; line-height:1.7; margin-top:1rem; }
.landing-platform .landing-kicker { background:transparent!important; border:0!important; box-shadow:none!important; color:#537bb0!important; font-size:.68rem; letter-spacing:.12em; padding:0; margin-bottom:.85rem; }
.landing-platform .marketing-island { border:1px solid var(--lp-line)!important; box-shadow:0 4px 0 color-mix(in srgb,var(--lp-line) 80%,transparent)!important; background:var(--lp-surface)!important; }
.landing-platform .marketing-island__cta { border-radius:.85rem; box-shadow:0 4px 0 #0871bc; }
.landing-platform .hero-v3 { background:none !important; padding-bottom:3rem; }
.landing-platform .hero-v3__shell { max-width:1152px; gap:3rem; padding-top:2rem; padding-bottom:3rem; }
.landing-platform .hero-v3__copy h1 { font-family:Nunito,Manrope,sans-serif; letter-spacing:-.045em; line-height:1.08; font-size:clamp(2.5rem,4.5vw,4.1rem); }
.landing-platform .hero-v3__lead { font-size:1.05rem; line-height:1.75; }
.landing-platform .hero-v3__eyebrow { background:var(--lp-surface); border-color:var(--lp-line); box-shadow:none; }
.landing-platform :is(.hero-v3__primary,.btn-blue,.lead-form-submit-btn) { background:#168bff!important; border:1px solid #168bff!important; border-bottom:5px solid #076fc9!important; color:white!important; box-shadow:none!important; border-radius:1rem; }
.landing-platform :is(.hero-v3__secondary,.btn-yellow) { border:1px solid var(--lp-line)!important; border-bottom-width:5px!important; box-shadow:none!important; border-radius:1rem; }
.landing-platform .hero-v3__visual { min-width:0; padding:1rem .5rem 1.5rem; }
.platform-preview { position:relative; width:100%; background:var(--lp-surface); border:2px solid var(--lp-line); border-bottom-width:8px; border-radius:2rem; overflow:hidden; box-shadow:0 25px 55px #25599c15; transform:rotate(2deg); }
.platform-preview__bar { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid var(--lp-line); font-size:.8rem; font-weight:900; color:var(--lp-ink); }
.platform-preview__xp { padding:.4rem .6rem; color:#b06c00; background:#fff3cc; border-radius:.7rem; }
.platform-preview__heading { text-align:center; padding:1.5rem 1rem 0; }
.platform-preview__heading > span { font-size:.6rem; letter-spacing:.16em; color:var(--lp-muted); font-weight:900; }
.platform-preview__heading strong { display:block; color:var(--lp-ink); font-size:1.3rem; font-weight:900; margin-top:.35rem; }
.platform-preview__heading p { font-size:.72rem; color:var(--lp-muted); margin-top:.4rem; }
.platform-preview__map { position:relative; width:min(100%,400px); aspect-ratio:400/290; margin:auto; }
.platform-preview__map svg { width:100%; height:100%; }
.preview-node { position:absolute; width:16%; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:#168bff; box-shadow:0 7px 0 #086bd4; font-size:clamp(1.2rem,3vw,2rem); transform:translate(-50%,-50%); }
.preview-node--book { left:32.5%; top:14%; }
.preview-node--crown { left:69%; top:32%; background:#ffcd1c; box-shadow:0 7px 0 #dba100; }
.preview-node--game { left:56%; top:53%; background:#8664e5; box-shadow:0 7px 0 #613db7; }
.preview-node--goal { left:36%; top:86%; background:#fff; border:3px solid #ffda55; box-shadow:0 6px 0 #e5c14c; }
.preview-found { position:absolute; top:17%; right:1%; font-size:.62rem; font-weight:900; color:#7754bf; padding:.55rem; background:#f2eaff; border-radius:.7rem; transform:rotate(-8deg); }
.preview-island { position:absolute; left:8%; top:48%; font-size:2rem; padding:.15rem .45rem; border-bottom:7px solid #8053d7; border-radius:50%; background:#eee4ff; }
.platform-preview__foot { display:flex; justify-content:space-between; align-items:center; gap:.5rem; border-top:1px solid var(--lp-line); padding:1rem 1.25rem; font-size:.66rem; color:var(--lp-muted); font-weight:800; }
.platform-preview__foot strong { font-size:1.2rem; color:#7954df; margin-left:.3rem; }
.preview-sticker { position:absolute; right:0; bottom:.5rem; padding:.65rem 1rem; background:#fff1b4; color:#86600c; font-size:.75rem; font-weight:900; border:2px solid #fff; border-radius:.9rem; transform:rotate(-4deg); }
.landing-platform #stats { padding-block:1.5rem 3rem; }
.landing-platform .stat-card { border:1px solid var(--lp-line)!important; border-bottom:4px solid var(--lp-line)!important; background:var(--lp-surface)!important; box-shadow:none!important; border-radius:1.2rem; padding:1.35rem; }
.landing-platform .stat-num { font-size:2.15rem; color:#168bff!important; }
.landing-platform .stat-label { color:var(--lp-muted); font-size:.72rem; line-height:1.5; }
.landing-platform :is(.landing-core__card,.bento-card,.feature-stage,.era-card,.landing-review-card,.landing-blog-card,.faq-questions,.faq-contact) { border:1px solid var(--lp-line)!important; border-bottom:5px solid var(--lp-line)!important; box-shadow:none!important; background:var(--lp-surface)!important; border-radius:1.5rem!important; }
.landing-platform .landing-core__grid { gap:1.25rem; }
.landing-platform .landing-core__card { padding:1.6rem; }
.landing-platform .landing-core__icon { border-radius:1rem; box-shadow:0 4px 0 #dce9ff; }
.landing-platform .landing-core__chips span { border-radius:.7rem; background:color-mix(in srgb,#7954df 8%,var(--lp-surface)); color:var(--lp-ink); }
.landing-platform .bento-grid { gap:1.25rem; }
.landing-platform .bento-card { padding:1.75rem; }
.landing-platform .bento-card::before,.landing-platform .bento-card::after { content:none!important; }
.landing-platform .bento-card__icon { border-radius:1rem; box-shadow:0 5px 0 #20395520; }
.landing-platform .bento-card__title { font-size:1.3rem; line-height:1.3; color:var(--lp-ink)!important; }
.landing-platform .bento-card__text { color:var(--lp-muted)!important; font-size:.9rem; line-height:1.65; }
.landing-platform .bento-card--cta { background:#fff7d9!important; border-color:#f1e4b1!important; }
.landing-platform .bento-card--cta .bento-card__title { color:#674f14!important; }
.landing-platform .bento-card--cta .bento-card__text { color:#806e3a!important; }
[data-theme="dark"] .landing-platform .bento-card--cta .bento-card__title { color:#674f14!important; }
[data-theme="dark"] .landing-platform .bento-card--cta .bento-card__text { color:#806e3a!important; }
.landing-platform .bento-streak__day { border-radius:.8rem; border-bottom:4px solid #dae5f0; }
.landing-platform .bento-streak__day.is-on { background:#e4f6d8; color:#398b13; border-bottom-color:#a2d882; }
.landing-platform .journey-route { padding:0 1rem; }
.landing-platform .feature-stage { overflow:hidden; }
.landing-platform .journey-art { background:#eaf4ff!important; }
.landing-platform .journey-art--04 { background:#fff7d9!important; }
.landing-platform #lessons .era-card { width:calc((100% - 2.7rem)/3); min-height:27rem; }
.landing-platform #lessons .era-card__img { height:14rem; }
.landing-platform #lessons .era-card__body { padding:1.25rem; }
.landing-platform #lessons .era-card__body h3 { font-size:1.13rem; }
.landing-platform #lessons .era-card__body p { font-size:.88rem; }
.landing-platform .era-card__year { border-radius:.6rem; }
.landing-platform .era-arrow { border-bottom:4px solid var(--lp-line); }
.landing-platform .landing-quiz-shell { border:2px solid var(--lp-line)!important; border-bottom-width:7px!important; border-radius:1.75rem!important; box-shadow:none!important; }
.landing-platform .landing-quiz-option { border-radius:1rem; border-bottom-width:4px; }
.landing-platform #teacher > div { gap:2.5rem; }
.landing-platform .landing-teacher-video-card { width:min(100%,300px)!important; height:430px!important; border:7px solid var(--lp-surface)!important; box-shadow:0 8px 0 var(--lp-line),0 20px 40px #1a32651a!important; }
.landing-platform .teacher-card { border-radius:1.75rem!important; border:2px solid #dae4f0!important; border-bottom:7px solid #dae4f0!important; padding:2.25rem!important; background:var(--lp-surface)!important; box-shadow:none!important; }
.landing-platform .teacher-card :is(h2,p,li) { color:var(--lp-ink)!important; }
.landing-platform .teacher-card h2 { font-size:2.1rem; line-height:1.18; }
.landing-platform .teacher-card p { font-size:1rem; line-height:1.7; }
.landing-platform .teacher-card li { font-size:.9rem; }
.landing-platform .reviews-grid { gap:1.25rem; }
.landing-platform .landing-review-card { padding:1.6rem!important; }
.landing-platform .landing-review-card > p:first-of-type { font-size:.92rem; line-height:1.7; }
.landing-platform .referral-card { background:#f0eaff!important; border:2px solid #dfd2fa!important; border-bottom:7px solid #d8c5f7!important; border-radius:1.75rem; box-shadow:none!important; }
.landing-platform .referral-card::before,.landing-platform .referral-card::after { content:none; }
.landing-platform .referral-card h2 { color:#45346b; font-size:clamp(1.6rem,3vw,2.25rem); }
.landing-platform .referral-steps li { background:#ffffffb0; border:1px solid #dfd2fa; border-bottom-width:4px; }
.landing-platform #contact > div > div { border-radius:1.75rem!important; background:#168bff!important; border:0!important; box-shadow:0 7px 0 #0b6ec3!important; outline:0; padding:2.5rem; gap:2rem; }
.landing-platform #contact h2 { font-size:2rem; }
.landing-platform .lead-form-card { transform:none!important; box-shadow:0 5px 0 #0766b033!important; padding:1.6rem!important; border-radius:1.25rem!important; }
.landing-platform .lead-form-input { border-radius:.85rem; }
.landing-platform .landing-blog-card__body { padding:1.3rem; }
.landing-platform #tariffs { background:var(--lp-bg)!important; backdrop-filter:none; }
.landing-platform #tariffs :is(h2,.landing-section-sub) { color:var(--lp-ink)!important; }
.landing-platform #tariffs .grid > div { background:var(--lp-surface)!important; border:2px solid var(--lp-line)!important; border-bottom:7px solid var(--lp-line)!important; border-radius:1.5rem!important; box-shadow:none!important; transform:none!important; padding:2rem 1.4rem!important; }
.landing-platform #tariffs .grid > div:nth-child(2) { border-color:#78c844!important; }
.landing-platform #tariffs .grid > div > h3 { font-size:1.4rem; }
.landing-platform #tariffs .grid > div > a { font-size:.9rem; line-height:1.4; }
.landing-platform #tariffs .grid > div > ul { font-size:.88rem; }
.landing-platform #faq .faq-contact { background:color-mix(in srgb,var(--lp-surface) 90%,#dcecff)!important; }
.landing-platform .marketing-footer { border-top:2px solid var(--lp-line); background:var(--lp-surface)!important; }
[data-theme="dark"] .landing-platform .journey-art { background:#1b304d!important; }
[data-theme="dark"] .landing-platform .journey-art--04 { background:#343024!important; }
[data-theme="dark"] .landing-platform .referral-card { background:#251e3b!important; border-color:#4a376d!important; }
[data-theme="dark"] .landing-platform .referral-card h2 { color:#e3d6ff; }
[data-theme="dark"] .landing-platform .referral-steps li { background:#302649; border-color:#4a376d; }
@media(min-width:768px) { .landing-platform .landing-section-head:not(.landing-section-head--split) { text-align:left; } .landing-platform .landing-section-head .landing-section-sub { margin-left:0; } .landing-platform #how .landing-section-head,.landing-platform #faq .landing-section-head { text-align:center; } .landing-platform #how .landing-section-sub { margin-inline:auto; } }
@media(max-width:900px) { .landing-platform .hero-v3__shell { gap:1.5rem; } .landing-platform #lessons .era-card { width:calc((100% - 1.35rem)/2); } }
@media(max-width:767px) {
 .landing-platform .hero-v3__shell { padding-top:1.2rem; padding-bottom:1rem; }
 .landing-platform .hero-v3__visual { width:min(100%,400px); margin-inline:auto; }
 .landing-platform .hero-v3__copy h1 { font-size:2.5rem; }
 .landing-platform .landing-section { padding-block:3rem; }
 .landing-platform .landing-section-head { margin-bottom:1.7rem; }
 .landing-platform #stats { padding-block:1rem 2rem; }
 .landing-platform .stat-card { padding:1rem .75rem; }
 .landing-platform .stat-num { font-size:1.8rem; }
 .landing-platform #lessons .era-card { width:min(85%,21rem); min-height:min(34rem,72dvh); }
 .landing-platform #lessons .era-card__img { height:clamp(18rem,48dvh,22rem); }
 .landing-platform .bento-card,.landing-platform .landing-core__card { padding:1.35rem; }
 .landing-platform #contact > div > div { padding:1.5rem; }
 .landing-platform .teacher-card { padding:1.5rem!important; }
 .landing-platform .teacher-card h2 { font-size:1.75rem; }
 .landing-platform .platform-preview { transform:none; }
 .landing-platform .journey-route { padding:0; }
 .landing-platform #tariffs .grid { row-gap:2.5rem; }
}

/* Final layout and contrast refinements. */
.landing-platform .landing-core__icon { font-size:1.6rem; }
.landing-platform .bento-card__icon { font-size:1.7rem; }
.landing-platform .bento-card--cta { grid-column:1 / -1; }
.landing-platform .bento-card--cta .btn-yellow { color:#59420b!important; background:#ffdc55!important; border-color:#e9c23b!important; text-transform:none; max-width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; text-align:center; line-height:1.4; }
.streak-preview { display:flex; align-items:center; gap:1.2rem; margin-block:2rem; padding:1.2rem; background:color-mix(in srgb,#ffdf71 14%,var(--lp-surface)); border-radius:1.1rem; }
.streak-preview > span { font-size:3.4rem; }
.streak-preview strong { font-size:1.15rem; color:var(--lp-ink); line-height:1.4; }
.landing-platform .lead-form-card { rotate:none!important; }
.landing-platform .landing-quiz-stage { background:var(--lp-surface)!important; border:2px solid var(--lp-line)!important; border-bottom-width:7px!important; border-radius:1.75rem; box-shadow:none!important; }
.landing-platform #enrollment-banner { max-width:none; border-radius:1.25rem; box-shadow:none; border:1px solid var(--lp-line); padding:1.25rem; margin-bottom:3rem; }
.landing-platform #tariffs .grid > div { translate:none!important; }
.landing-platform #tariffs .grid > div > a { text-transform:none!important; white-space:normal; padding-inline:.7rem; }
.landing-platform .referral-card h2 span { color:#7045b0!important; }
.landing-platform .referral-card :is(p,.referral-steps li span) { color:#5d4e79!important; }
.landing-platform .referral-card__kicker { color:#715491!important; border-color:#d8c5f7; background:#ffffff80; }
.landing-platform .referral-card__cta { color:#58400c!important; box-shadow:0 4px 0 #d8b333; }
.landing-platform .referral-card__note { opacity:1; }
.landing-platform .preview-sticker { bottom:-.4rem; right:1rem; }
.landing-platform .platform-preview__foot { padding-bottom:1.4rem; }
[data-theme="dark"] .landing-platform .referral-card h2 span { color:#cdb3ff!important; }
[data-theme="dark"] .landing-platform .referral-card :is(p,.referral-steps li span) { color:#d3c3e9!important; }
[data-theme="dark"] .landing-platform .referral-card__kicker { color:#d3c3e9!important; background:#33264e; }
@media(min-width:768px) {
 .landing-platform .bento-card--cta { display:grid; grid-template-columns:1fr auto; column-gap:2rem; align-items:center; }
 .landing-platform .bento-card--cta .bento-card__title { grid-area:1/1; }
 .landing-platform .bento-card--cta .bento-card__text { grid-area:2/1; }
 .landing-platform .bento-card--cta > a { grid-area:1/2/3/3; margin:0; }
}

/* Pricing catalog: group lessons, individual lessons and platform access. */
.landing-platform .tariff-catalog {
 display:grid;
 gap:clamp(2rem,5vw,4rem);
 max-width:72rem;
 margin-inline:auto;
}
.landing-platform .tariff-family {
 --tariff-accent:#168bff;
 --tariff-soft:#eaf6ff;
 display:grid;
 gap:1.35rem;
}
.landing-platform .tariff-family--individual { --tariff-accent:#ff7a1a; --tariff-soft:#fff2e5; }
.landing-platform .tariff-family__head {
 display:grid;
 grid-template-columns:auto 1fr minmax(16rem,28rem);
 align-items:center;
 gap:.9rem 1rem;
 padding-inline:.25rem;
}
.landing-platform .tariff-family__icon,
.landing-platform .platform-tariff__icon {
 width:3.25rem;
 height:3.25rem;
 display:grid;
 place-items:center;
 border-radius:1rem;
 color:var(--tariff-accent);
 background:var(--tariff-soft);
 font-size:1.25rem;
}
.landing-platform .tariff-family__eyebrow {
 display:block;
 color:var(--tariff-accent,#168bff);
 font-size:.72rem;
 font-weight:900;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.landing-platform .tariff-family__head h3,
.landing-platform .platform-tariff h3 {
 margin:.12rem 0 0;
 color:var(--lp-ink);
 font-size:clamp(1.45rem,3vw,2rem);
 font-weight:950;
 letter-spacing:-.035em;
}
.landing-platform .tariff-family__head p,
.landing-platform .platform-tariff__intro p {
 margin:0;
 color:var(--lp-muted);
 font-size:.92rem;
 font-weight:650;
 line-height:1.55;
}
.landing-platform .tariff-grid {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:1rem;
 align-items:stretch;
}
.landing-platform .tariff-card {
 --card-accent:#168bff;
 --card-soft:#eaf6ff;
 position:relative;
 display:flex;
 min-width:0;
 flex-direction:column;
 padding:1.45rem;
 color:var(--lp-ink);
 background:var(--lp-surface);
 border:2px solid var(--lp-line);
 border-bottom-width:7px;
 border-radius:1.5rem;
 transition:translate .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.landing-platform .tariff-card:hover {
 translate:0 -4px;
 border-color:color-mix(in srgb,var(--card-accent) 58%,var(--lp-line));
 box-shadow:0 18px 38px color-mix(in srgb,var(--card-accent) 12%,transparent);
}
.landing-platform .tariff-card--green { --card-accent:#45b719; --card-soft:#edfbe8; }
.landing-platform .tariff-card--purple { --card-accent:#8b4de8; --card-soft:#f3ebff; }
.landing-platform .tariff-card--orange { --card-accent:#ff7417; --card-soft:#fff0e5; }
.landing-platform .tariff-card--gold { --card-accent:#e9a900; --card-soft:#fff8dc; }
.landing-platform .tariff-card--coral { --card-accent:#ff5145; --card-soft:#ffebe9; }
.landing-platform .tariff-card--featured {
 border-color:color-mix(in srgb,var(--card-accent) 76%,var(--lp-line));
 box-shadow:0 16px 34px color-mix(in srgb,var(--card-accent) 13%,transparent);
}
.landing-platform .tariff-card__badge {
 align-self:flex-start;
 margin:-2.35rem 0 .85rem;
 padding:.48rem .78rem;
 color:#fff;
 background:var(--card-accent);
 border:3px solid var(--lp-bg);
 border-radius:999px;
 font-size:.68rem;
 font-weight:900;
 letter-spacing:.07em;
 text-transform:uppercase;
 white-space:nowrap;
}
.landing-platform .tariff-card__top {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:.65rem;
 min-height:1.7rem;
}
.landing-platform .tariff-card__label {
 color:var(--card-accent);
 font-size:.72rem;
 font-weight:900;
 letter-spacing:.04em;
 text-transform:uppercase;
}
.landing-platform .tariff-card__count {
 flex:none;
 padding:.35rem .55rem;
 color:var(--card-accent);
 background:var(--card-soft);
 border-radius:.7rem;
 font-size:.72rem;
 font-weight:900;
}
.landing-platform .tariff-card h4 {
 margin:.85rem 0 .3rem;
 color:var(--lp-ink);
 font-size:clamp(1.45rem,2.3vw,1.85rem);
 line-height:1.05;
 font-weight:950;
 letter-spacing:-.04em;
}
.landing-platform .tariff-card__old {
 min-height:1.2rem;
 color:var(--lp-muted);
 font-size:.88rem;
 font-weight:800;
 text-decoration:line-through 2px;
}
.landing-platform .tariff-card__price {
 display:flex;
 align-items:baseline;
 gap:.18rem;
 margin:.2rem 0 1rem;
 white-space:nowrap;
}
.landing-platform .tariff-card__price strong {
 color:var(--card-accent,#06aeca);
 font-size:clamp(2.55rem,5vw,3.65rem);
 line-height:1;
 font-weight:950;
 letter-spacing:-.07em;
}
.landing-platform .tariff-card__price > span { color:var(--lp-ink); font-size:1.7rem; font-weight:950; }
.landing-platform .tariff-card__price small { margin-left:.2rem; color:var(--lp-muted); font-size:.76rem; font-weight:800; }
.landing-platform .tariff-card__meta {
 margin:-.55rem 0 .8rem;
 color:var(--card-accent);
 font-size:.75rem;
 font-weight:900;
 text-transform:uppercase;
 letter-spacing:.04em;
}
.landing-platform .tariff-card ul {
 display:grid;
 align-content:start;
 gap:.65rem;
 flex:1;
 margin:0 0 1.25rem;
 padding:1rem 0 0;
 border-top:1px solid var(--lp-line);
 color:var(--lp-muted);
 font-size:.86rem;
 font-weight:700;
 line-height:1.4;
}
.landing-platform .tariff-card li,
.landing-platform .platform-tariff__features li { position:relative; padding-left:1.45rem; }
.landing-platform .tariff-card li::before,
.landing-platform .platform-tariff__features li::before {
 content:'\f058';
 position:absolute;
 left:0;
 top:.08rem;
 color:var(--card-accent,#06aeca);
 font-family:'Font Awesome 6 Free';
 font-weight:900;
}
.landing-platform .tariff-card__cta {
 display:flex;
 min-height:3.25rem;
 align-items:center;
 justify-content:space-between;
 gap:.6rem;
 padding:.75rem 1rem;
 color:#fff!important;
 background:var(--card-accent,#06aeca);
 border-radius:1rem;
 box-shadow:0 4px 0 color-mix(in srgb,var(--card-accent,#06aeca) 76%,#000);
 font-size:.86rem;
 font-weight:900;
 line-height:1.25;
 transition:filter .18s ease,transform .18s ease;
}
.landing-platform .tariff-card__cta:hover { filter:brightness(1.06); transform:translateY(-1px); }
.landing-platform .platform-tariff {
 --card-accent:#06aeca;
 --tariff-accent:#06aeca;
 --tariff-soft:#e4fafd;
 display:grid;
 grid-template-columns:minmax(17rem,1.1fr) minmax(18rem,1fr) auto;
 align-items:center;
 gap:1.5rem 2rem;
 padding:1.5rem;
 color:var(--lp-ink);
 background:linear-gradient(125deg,color-mix(in srgb,var(--lp-surface) 91%,#d9fbff),var(--lp-surface));
 border:2px solid color-mix(in srgb,#06aeca 34%,var(--lp-line));
 border-bottom-width:7px;
 border-radius:1.6rem;
}
.landing-platform .platform-tariff__intro { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.85rem; }
.landing-platform .platform-tariff__intro p { grid-column:2; }
.landing-platform .platform-tariff__features {
 display:grid;
 gap:.65rem;
 margin:0;
 color:var(--lp-muted);
 font-size:.86rem;
 font-weight:750;
 line-height:1.35;
}
.landing-platform .platform-tariff__buy { min-width:13.5rem; }
.landing-platform .platform-tariff__buy .tariff-card__price { margin:0 0 .7rem; }
.landing-platform .platform-tariff__buy .tariff-card__price strong { font-size:2.8rem; }

@media(max-width:900px) {
 .landing-platform .tariff-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .landing-platform .tariff-card:last-child { grid-column:1 / -1; width:calc(50% - .5rem); justify-self:center; }
 .landing-platform .platform-tariff { grid-template-columns:1fr 1fr; }
 .landing-platform .platform-tariff__buy { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
 .landing-platform .platform-tariff__buy .tariff-card__price { margin:0; }
 .landing-platform .platform-tariff__buy .tariff-card__cta { min-width:15rem; }
}
@media(max-width:640px) {
 .landing-platform .tariff-catalog { gap:3rem; }
 .landing-platform .tariff-family__head { grid-template-columns:auto 1fr; }
 .landing-platform .tariff-family__head > p { grid-column:1 / -1; }
 .landing-platform .tariff-grid { grid-template-columns:1fr; gap:1.35rem; }
 .landing-platform .tariff-card:last-child { grid-column:auto; width:auto; }
 .landing-platform .tariff-card { padding:1.25rem; }
 .landing-platform .tariff-card__badge { margin-top:-2.15rem; }
 .landing-platform .platform-tariff { grid-template-columns:1fr; padding:1.25rem; }
 .landing-platform .platform-tariff__buy { grid-column:auto; display:block; }
 .landing-platform .platform-tariff__buy .tariff-card__price { margin-bottom:.8rem; }
 .landing-platform .platform-tariff__buy .tariff-card__cta { min-width:0; }
}

/* Scroll through the route before the next chapter enters the viewport. */
.landing-platform #how.journey-scroll { overflow:visible; padding-block:0; }
.landing-platform .journey-scroll .journey-sticky { position:sticky; top:var(--journey-top, 100px); padding-top:1.25rem; padding-bottom:1.25rem; }
.landing-platform .journey-scroll .landing-section-head { margin-bottom:.6rem; }
.landing-platform .journey-scroll .landing-section-title { font-size:clamp(1.6rem,3vw,2.35rem); }
.landing-platform .journey-scroll .landing-section-sub { margin-top:.5rem; font-size:.88rem; }
.landing-platform .journey-scroll .journey-route { max-width:54rem; margin-bottom:1rem; }
.landing-platform .journey-scroll .journey-caption { margin-top:.7rem; }
.landing-platform .journey-scroll .feature-panel__text { padding:1.5rem 2rem; }
.landing-platform .journey-scroll .journey-art { min-height:280px; padding:1.25rem; }
@media(max-width:767px) {
 .landing-platform .journey-scroll .journey-sticky { padding-top:.65rem; padding-bottom:.65rem; }
 .landing-platform .journey-scroll .landing-kicker { margin-bottom:.3rem; }
 .landing-platform .journey-scroll .landing-section-sub { display:none; }
 .landing-platform .journey-scroll .journey-art { display:none; }
 .landing-platform .journey-scroll .feature-panel__text { padding:1.2rem; }
 .landing-platform .journey-scroll .feature-panel__text h3 { font-size:1.15rem; margin-bottom:.65rem; }
 .landing-platform .journey-scroll .feature-panel__text p { font-size:.85rem; margin-bottom:.85rem; }
 .landing-platform .journey-scroll .feature-panel__list { font-size:.8rem; gap:.45rem; }
 .landing-platform .journey-scroll .journey-caption { font-size:.65rem; }
}
@media(min-width:768px) and (max-height:800px) {
 .landing-platform .journey-scroll .landing-section-sub { display:none; }
 .landing-platform .journey-scroll .journey-route { max-width:42rem; }
 .landing-platform .journey-scroll .journey-art { min-height:220px; }
 .landing-platform .journey-scroll .journey-art__icon { width:3rem; height:3rem; font-size:1.8rem; }
 .landing-platform .journey-scroll .journey-art__card { padding:.85rem; }
}
/* Clipping must not create an ancestor scroll container for the sticky route. */
.landing-platform, .landing-platform main.relative { overflow-x:clip; overflow-y:visible; }
@media(max-width:767px) and (max-height:740px) {
 .landing-platform .journey-scroll .landing-kicker,
 .landing-platform .journey-scroll .journey-caption { display:none; }
 .landing-platform .journey-scroll .landing-section-title { font-size:1.35rem; }
 .landing-platform .journey-scroll .feature-panel__text { padding:1rem; }
 .landing-platform .journey-scroll .feature-panel__text p { font-size:.8rem; line-height:1.5; }
 .landing-platform .journey-scroll .feature-panel__list { font-size:.74rem; }
}

/* Miniature platform scenes: readable artwork at both desktop and phone sizes. */
.landing-platform #how .journey-showcase { display:flex; position:relative; justify-content:center; min-height:310px; padding:1.5rem 1.8rem 2rem; overflow:hidden; }
.journey-demo { width:100%; max-width:410px; background:var(--lp-surface); border:1px solid var(--lp-line); border-bottom:5px solid var(--lp-line); border-radius:1.15rem; box-shadow:0 15px 35px #2672ae16; transform:rotate(-2deg); }
.journey-demo__bar,.journey-demo__bottom { display:flex; justify-content:space-between; align-items:center; gap:.5rem; padding:.8rem 1rem; color:var(--lp-ink); font-size:.72rem; font-weight:900; }
.journey-demo__bar { border-bottom:1px solid var(--lp-line); }
.journey-demo__bar small { font-size:.5rem; letter-spacing:.1em; color:var(--lp-muted); }
.journey-demo__bottom { border-top:1px solid var(--lp-line); font-size:.6rem; }
.journey-demo__bottom > span { color:var(--lp-muted); }
.journey-demo__path { position:relative; height:190px; }
.journey-demo__path svg { width:100%;height:100%; }
.demo-node { position:absolute; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; font-size:1.3rem; transform:translate(-50%,-50%); background:#168bff; box-shadow:0 5px 0 #076bcf; }
.demo-node--one { left:22.5%;top:24%; }
.demo-node--two { left:62%;top:27%;background:#ffcc1c;box-shadow:0 5px 0 #d4a408; }
.demo-node--three { left:52.5%;top:53%;background:#8860e5;box-shadow:0 5px 0 #6240ad; }
.demo-node--four { left:72.5%;top:83%;background:#fff7d8;box-shadow:0 5px 0 #e6cd76; }
.demo-path-label { position:absolute; left:6%; bottom:16%; font-size:.6rem; font-weight:800; color:#168bff; transform:rotate(-8deg); }
.journey-pop { position:absolute; right:1rem; bottom:.8rem; padding:.65rem .85rem; background:#fff4be; color:#80620c; border:2px solid white; border-radius:.8rem; font-size:.7rem; font-weight:900; box-shadow:0 5px 15px #8d742d20; transform:rotate(3deg); }
.demo-lesson { display:flex; align-items:center; gap:1rem; padding:1.15rem; min-height:185px; }
.landing-v2 .feature-panel__media .demo-lesson img { position:static; width:90px; height:125px; border-radius:.75rem; object-fit:cover; flex-shrink:0; border:3px solid #fff; box-shadow:0 5px 0 var(--lp-line); }
.demo-lesson small,.demo-question > small { display:block; font-size:.52rem; font-weight:900; letter-spacing:.06em; color:var(--lp-muted); }
.demo-lesson strong { display:block; font-size:.95rem; line-height:1.35; color:var(--lp-ink); margin:.5rem 0; }
.demo-lesson p { font-size:.56rem; color:var(--lp-muted); margin-top:.7rem; }
.demo-timeline { display:flex; gap:.3rem; }
.demo-timeline span { padding:.4rem; background:#eaf3ff; color:#216cb0; border-radius:.4rem; font-size:.64rem; font-weight:900; }
.demo-wave { display:flex; align-items:center; gap:3px; height:14px; }
.demo-wave i { width:3px; height:70%; border-radius:4px; background:#168bff; }
.demo-wave i:nth-child(2n) { height:35%; }
.demo-question { padding:1rem; }
.demo-question > strong { display:block; color:var(--lp-ink); font-size:.92rem; line-height:1.35; margin:.55rem 0 .7rem; }
.demo-answer { display:flex; align-items:center; justify-content:space-between; padding:.55rem .65rem; margin-top:.35rem; border:1px solid var(--lp-line); border-bottom-width:3px; border-radius:.6rem; font-size:.63rem; font-weight:700; color:var(--lp-muted); }
.demo-answer--correct { background:#eaf8df; border-color:#a6d786; color:#438225; }
.demo-answer--correct > span { color:#58a22a; }
.journey-pop--xp { background:#e6f8d4; color:#438225; }
.demo-results { display:flex; gap:1.2rem; align-items:center; padding:1.4rem 1rem; min-height:185px; }
.demo-score { width:115px; height:115px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; border:7px solid #ffdf75; border-right-color:#f1ead5; flex-shrink:0; }
.demo-score > span { font-size:1.7rem; }.demo-score strong { font-size:.75rem; color:var(--lp-ink); }.demo-score small { font-size:.5rem; color:var(--lp-muted); }
.demo-bars { flex:1; }.demo-bars > div + div { margin-top:.8rem; }.demo-bars span { display:block;font-size:.6rem;color:var(--lp-muted);margin-bottom:.35rem; }
.demo-bars i { display:block; height:7px; background:var(--lp-line); border-radius:5px; overflow:hidden; }
.demo-bars i::after { content:'';display:block;width:var(--fill);height:100%;background:linear-gradient(90deg,#168bff,#9c6df5);border-radius:inherit;transform-origin:left; }
@media(prefers-reduced-motion:no-preference) {
 .journey-pinned .feature-panel.active .journey-demo { animation:demo-arrive .55s ease both; }
 .journey-pinned .feature-panel.active .journey-pop { animation:demo-pop 3s ease-in-out infinite; }
 .journey-pinned .feature-panel.active .demo-node--two { animation:demo-node-bob 2.6s ease-in-out infinite; }
 .journey-pinned .feature-panel.active .demo-wave i { animation:demo-wave .8s ease-in-out infinite alternate; }.journey-pinned .feature-panel.active .demo-wave i:nth-child(2n) { animation-delay:.3s; }
 .journey-pinned .feature-panel.active .demo-answer--correct { animation:demo-answer 3.5s ease-in-out infinite; }
 .journey-pinned .feature-panel.active .demo-bars i::after { animation:demo-fill .85s ease both; }
}
@keyframes demo-arrive { from{opacity:0;transform:translateY(12px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)} }
@keyframes demo-pop { 0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-5px) rotate(1deg)} }
@keyframes demo-node-bob { 0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))} }
@keyframes demo-wave { to{transform:scaleY(.35)} }
@keyframes demo-answer { 0%,25%{background:var(--lp-surface);border-color:var(--lp-line)}50%,100%{background:#eaf8df;border-color:#a6d786} }
@keyframes demo-fill { from{transform:scaleX(.1)}to{transform:scaleX(1)} }
@media(max-width:767px) {
 .landing-platform #how .journey-showcase { min-height:150px;height:150px;padding:.5rem 1rem; }
 .journey-demo { max-width:330px;transform:none;border-radius:.8rem; }
 .journey-demo__bar { padding:.4rem .7rem;font-size:.58rem; }.journey-demo__bar small { font-size:.42rem; }
 .journey-demo__bottom { display:none; }
 .journey-demo__path { height:102px; }.demo-node { width:29px;height:29px;font-size:.9rem;box-shadow:0 3px 0 #076bcf; }
 .demo-path-label { font-size:.5rem; }.journey-pop { font-size:.5rem;padding:.35rem .5rem;bottom:.3rem;right:.6rem; }
 .demo-lesson { min-height:105px;padding:.6rem .8rem;gap:.75rem; }
 .landing-v2 .feature-panel__media .demo-lesson img { width:55px;height:73px;border-width:2px; }
 .demo-lesson strong { font-size:.72rem;margin:.25rem 0; }.demo-lesson small { font-size:.4rem; }.demo-lesson p { display:none; }
 .demo-timeline span { font-size:.5rem;padding:.2rem .4rem; }
 .demo-question { padding:.4rem .7rem; }.demo-question > small { display:none; }.demo-question > strong { font-size:.65rem;margin:0 0 .3rem; }
 .demo-answer { font-size:.5rem;padding:.2rem .4rem;margin-top:.15rem;border-bottom-width:2px; }
 .demo-results { min-height:105px;padding:.5rem .8rem;gap:1rem; }.demo-score { width:80px;height:80px;border-width:5px; }.demo-score > span { font-size:1.2rem; }.demo-score strong { font-size:.6rem; }.demo-score small { font-size:.42rem; }
 .demo-bars > div + div { margin-top:.4rem; }.demo-bars span { font-size:.48rem;margin-bottom:.2rem; }.demo-bars i { height:5px; }
 .landing-platform .journey-scroll .journey-caption { display:none; }
}
@media(max-width:767px) and (max-height:740px) {
 .landing-platform .journey-scroll .feature-panel__text > p { display:none; }
 .landing-platform #how .journey-showcase { min-height:135px;height:135px; }
 .landing-platform .journey-scroll .feature-panel__text h3 { font-size:1.05rem; }
 .landing-platform .journey-scroll .feature-panel__text { padding:.85rem 1rem; }
}
@media(min-width:768px) and (max-height:800px) {
 .landing-platform #how .journey-showcase { min-height:245px;padding:.75rem 1.5rem; }
 .journey-demo__bar,.journey-demo__bottom { padding:.5rem .8rem; }
 .journey-demo__path { height:140px; }
 .demo-lesson,.demo-results { min-height:140px;padding:.65rem .85rem; }
 .landing-v2 .feature-panel__media .demo-lesson img { height:100px;width:72px; }
 .demo-score { width:100px;height:100px; }
 .demo-question { padding:.6rem .85rem; }
 .demo-question > strong { margin:.35rem 0 .4rem; }
 .demo-answer { padding:.35rem .6rem; }
 .journey-pop { bottom:.3rem;padding:.4rem .7rem; }
}

@media(max-width:767px) {
 .landing-platform .bento-card--cta .btn-yellow { width:100%; padding-inline:1rem; font-size:.9rem; }
}

/* Vertical scroll carries the pinned program through its horizontal timeline. */
.landing-platform #lessons.program-scroll { overflow:visible; padding-block:0; content-visibility:visible; contain-intrinsic-size:none; }
.landing-platform .program-sticky { min-width:0; }
.landing-platform .program-scroll .program-sticky { position:sticky; top:var(--program-top,100px); padding-block:1.25rem; }
.landing-platform .program-scroll .landing-section-head { margin-bottom:1rem; }
.landing-platform .program-scroll .landing-section-title { font-size:clamp(1.6rem,3vw,2.35rem); }
.landing-platform .program-scroll .landing-section-sub { margin-top:.5rem; font-size:.88rem; }
.landing-platform #lessons.program-scroll .era-timeline { scroll-snap-type:none; scroll-behavior:auto; overflow-x:hidden; touch-action:pan-y; padding-bottom:.6rem; }
.landing-platform #lessons.program-scroll .era-card { min-height:clamp(25rem, 52vh, 32rem); }
.landing-platform #lessons.program-scroll .era-card__img { height:clamp(14rem, 29vh, 19rem); }
.landing-platform .program-scroll .era-timeline-note { margin-top:.6rem; font-size:.75rem; }
@media(max-width:767px) {
 .landing-platform .program-scroll .program-sticky { padding-block:.7rem; }
 .landing-platform .program-scroll .landing-kicker { margin-bottom:.35rem; }
 .landing-platform .program-scroll .landing-section-sub { font-size:.8rem; line-height:1.5; }
 .landing-platform #lessons.program-scroll .era-card { min-height:min(34rem,72dvh); }
 .landing-platform #lessons.program-scroll .era-card__img { height:clamp(18rem,48dvh,22rem); }
 .landing-platform #lessons.program-scroll .era-card__body { padding:1rem; }
 .landing-platform #lessons.program-scroll .era-card__body h3 { font-size:1rem; }
 .landing-platform #lessons.program-scroll .era-card__body p { font-size:.8rem; line-height:1.5; }
}
@media(max-height:740px) {
 .landing-platform .program-scroll .landing-section-sub { display:none; }
 .landing-platform .program-scroll .landing-kicker { display:none; }
 .landing-platform .program-scroll .landing-section-title { font-size:1.4rem; }
}

/* Clear reading and a quiet, accessible route. */
.landing-platform .trial-access-note { max-width:38rem; margin-top:1rem; color:var(--lp-muted); font-size:.9rem; line-height:1.6; }
.landing-platform .hero-v3__mobile-proof { display:none; }
.landing-platform :is(a,button,summary,[tabindex="0"]):focus-visible { outline:3px solid var(--lp-blue); outline-offset:4px; }
.landing-platform .program-scroll-help { text-align:center; color:var(--lp-muted); font-size:.85rem; margin-top:.5rem; }
.landing-platform .hero-v3__pulse,
.landing-platform .landing-float-action--telegram,
.landing-platform .landing-float-action--telegram::before,
.landing-platform .journey-pop,
.landing-platform .demo-node--two { animation:none!important; }
@media(max-width:767px) {
 .landing-platform #lessons .era-card { width:92%; }
 .landing-platform #lessons.program-scroll .era-card__body p { font-size:.9rem; line-height:1.55; }
 .landing-platform .era-card__year { font-size:.8rem; }
 .landing-platform .program-scroll-help { font-size:.8rem; }
 .landing-platform .landing-floating-actions { display:flex; align-items:center; gap:.5rem; bottom:calc(5.25rem + env(safe-area-inset-bottom,0px)); }
 .landing-platform .landing-float-action--telegram { width:44px; height:44px; font-size:1.35rem; }
 .landing-platform .program-scroll .era-timeline-note { padding-right:0; }
 .landing-platform .program-scroll .program-sticky { padding-bottom:1rem; }
 .landing-platform .journey-scroll .journey-sticky { padding-bottom:3.25rem; }
}
@media(max-width:767px) and (max-height:740px) {
 .landing-platform .program-scroll .era-timeline-note { font-size:.7rem; }
 .landing-platform .program-scroll-help { margin-top:.2rem; font-size:.7rem; }
}

.landing-platform .platform-screen { width:100%; margin:0; align-self:center; }
.landing-platform #how .platform-screen img { position:static; width:100%; height:auto; object-fit:contain; border-radius:1rem; border:1px solid var(--lp-line); }
.landing-platform .platform-screen figcaption { color:var(--lp-muted); text-align:center; font-size:.7rem; margin-top:.6rem; }
@media(max-width:767px) {
 .landing-platform #how .journey-art--03 { height:170px; min-height:170px; padding:.5rem 1rem; }
 .landing-platform #how .platform-screen img { width:auto; max-width:100%; max-height:140px; margin:auto; }
 .landing-platform .platform-screen figcaption { font-size:.6rem; margin-top:.25rem; }
 .landing-platform .program-scroll .program-scroll-help { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
@media(max-width:767px) and (max-height:740px) {
 .landing-platform .program-scroll .era-timeline-note { display:none; }
}

@media(min-width:768px) and (max-height:800px) {
 .landing-platform #how .platform-screen img { max-height:195px; width:auto; max-width:100%; margin:auto; }
}
@media(max-width:767px) {
 .landing-platform .journey-scroll .landing-kicker { display:none; }
 .landing-platform .landing-floating-actions { bottom:calc(4.5rem + env(safe-area-inset-bottom,0px)); }
}
@media(max-width:767px) and (max-height:740px) {
 .landing-platform .journey-scroll .journey-sticky { padding-bottom:2.5rem; }
 .landing-platform .journey-scroll .feature-panel__text { padding-block:.6rem; }
 .landing-platform #how .journey-art--03 { height:135px; min-height:135px; }
 .landing-platform #how .platform-screen img { max-height:108px; }
}

/* The decorative route preview is desktop-only. */
@media (max-width: 767px) {
    .landing-platform .hero-v3__visual { display: none; }
    .landing-platform .hero-v3 { min-height: auto; }
    .landing-platform .hero-v3__proof { gap:.55rem .85rem; font-size:.75rem; line-height:1.35; }
    .landing-platform .hero-v3__proof span:nth-child(2) { display:inline-flex; }
    .landing-platform .hero-v3__mobile-proof { display:block; margin:1rem auto 0; max-width:22rem; }
    .landing-platform .hero-v3__mobile-proof img { display:block; width:100%; height:auto; border:1px solid var(--lp-line); border-radius:1rem; box-shadow:0 12px 30px rgba(15,42,78,.1); }
    .landing-platform .hero-v3__mobile-proof figcaption { margin-top:.4rem; color:var(--lp-muted); font-size:.7rem; font-weight:800; text-align:center; }
}

/* A compact price checkpoint near the top reduces the long mobile path to the
   full tariff catalogue while keeping detailed comparison in #tariffs. */
.landing-platform .plans-preview { padding:1rem 0 2.25rem; background:var(--lp-bg); }
.landing-platform .plans-preview__shell { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:1.5rem; align-items:center; padding:1.5rem; background:var(--lp-surface); border:2px solid var(--lp-line); border-bottom-width:6px; border-radius:1.5rem; }
.landing-platform .plans-preview__copy h2 { margin:.35rem 0 .45rem; color:var(--lp-ink); font-size:clamp(1.45rem,3vw,2rem); font-weight:900; line-height:1.1; }
.landing-platform .plans-preview__copy p { color:var(--lp-muted); font-size:.9rem; font-weight:700; line-height:1.55; }
.landing-platform .plans-preview__options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.landing-platform .plans-preview__options a { display:flex; min-height:7.25rem; flex-direction:column; justify-content:center; align-items:center; padding:.8rem .55rem; color:var(--lp-ink); text-align:center; background:var(--preview-bg); border:2px solid var(--preview-border); border-bottom-width:5px; border-radius:1rem; transition:transform .16s ease,border-color .16s ease; }
.landing-platform .plans-preview__options a[data-plan="platform"] { --preview-bg:#e5f9fc; --preview-border:#9cdae5; --preview-accent:#087c91; }
.landing-platform .plans-preview__options a[data-plan="basic"] { --preview-bg:#e8f2ff; --preview-border:#a9cdf8; --preview-accent:#1768b8; }
.landing-platform .plans-preview__options a[data-plan="individual_single"] { --preview-bg:#fff0e5; --preview-border:#f5c6a4; --preview-accent:#b95116; }
.landing-platform .plans-preview__options a:hover { transform:translateY(-2px); border-color:var(--preview-accent); }
.landing-platform .plans-preview__options a:focus-visible { outline:3px solid var(--preview-accent); outline-offset:3px; }
.landing-platform .plans-preview__options span { color:var(--preview-accent); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.landing-platform .plans-preview__options strong { margin-top:.25rem; color:var(--preview-accent); font-size:1.05rem; font-weight:900; }
.landing-platform .plans-preview__options small { color:var(--lp-muted); font-size:.7rem; font-weight:700; }
[data-theme="dark"] .landing-platform .plans-preview__options a[data-plan="platform"] { --preview-bg:#123840; --preview-border:#286a78; --preview-accent:#73dce9; }
[data-theme="dark"] .landing-platform .plans-preview__options a[data-plan="basic"] { --preview-bg:#1a3254; --preview-border:#385f91; --preview-accent:#8cbdff; }
[data-theme="dark"] .landing-platform .plans-preview__options a[data-plan="individual_single"] { --preview-bg:#423024; --preview-border:#875a3d; --preview-accent:#ffb887; }
.landing-platform .plans-preview__all { grid-column:1/-1; justify-self:center; display:inline-flex; align-items:center; gap:.5rem; color:var(--lp-blue-strong); font-size:.85rem; font-weight:900; }
@media(max-width:767px) {
 .landing-platform .plans-preview { padding:.75rem 0 1.5rem; }
 .landing-platform .plans-preview__shell { grid-template-columns:1fr; gap:1rem; padding:1.1rem; }
 .landing-platform .plans-preview__copy { text-align:center; }
 .landing-platform .plans-preview__copy .landing-kicker { justify-content:center; }
 .landing-platform .plans-preview__copy h2 { font-size:1.4rem; }
 .landing-platform .plans-preview__options { grid-template-columns:1fr; }
 .landing-platform .plans-preview__options a { min-height:0; flex-direction:row; justify-content:space-between; gap:.5rem; padding:.8rem .9rem; text-align:left; }
 .landing-platform .plans-preview__options strong { margin:0 0 0 auto; }
 .landing-platform .plans-preview__options small { min-width:4.2rem; }
}