/* A shorter landing page with the comparison and booking actions in context. */
.hero-topline .eyebrow:empty{display:none}
.hero .hero-main{padding-bottom:clamp(30px,4vw,58px)}
.story .assembled-browser{width:720px}
.story .robi-portrait{width:80%}
.story .robi-copy{width:61%}

.showcase{padding-top:clamp(72px,7vw,110px)}
.showcase .section-heading{display:block;margin-bottom:28px}
.showcase .section-heading h2{font-size:clamp(2.25rem,4.4vw,4.75rem);white-space:nowrap;letter-spacing:-.055em}
.showcase .section-heading>p{margin-top:15px;max-width:none}
.showcase-stage{border-radius:22px}
.showcase-stage .showcase-arrow{position:absolute;top:50%;width:52px;height:52px;transform:translateY(-50%);z-index:6;border:1px solid #fff8;background:#102a45d9;color:#fff;backdrop-filter:blur(8px);box-shadow:0 4px 20px #0003}
.showcase-stage #showcase-prev{left:16px}
.showcase-stage #showcase-next{right:16px}
.showcase-stage .showcase-arrow:hover{background:#fff;color:#172b42}
.showcase-stage-controls{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);z-index:6;display:flex;gap:5px;padding:5px;border:1px solid #ffffff80;border-radius:999px;background:#102a45dd;box-shadow:0 8px 24px #0004;backdrop-filter:blur(14px)}
.showcase-stage-controls button{min-width:100px;min-height:44px;padding:8px 17px;border:0;border-radius:999px;background:transparent;color:#fff;font-weight:600;font-size:.85rem;touch-action:manipulation}
.showcase-stage-controls button[aria-pressed=true]{background:#fff;color:#162c46}
.showcase-stage .showcase-pagination{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:6;display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;padding:1px 8px;border-radius:999px;background:#102a45dd;color:#fff;backdrop-filter:blur(14px);white-space:nowrap}
.showcase-stage .showcase-dots{display:flex;flex-wrap:nowrap}
.showcase-stage .showcase-dots button{width:29px;height:39px;min-height:39px}
.showcase-stage .showcase-dots button::before{border-color:#ffffffa6;width:8px;height:8px}
.showcase-stage .showcase-dots button[aria-current=true]::before{background:#fff;border-color:#fff}
.showcase-stage .showcase-pagination>span{color:#fff;font-size:11px}
.showcase-help{margin:10px 0 0;font-size:.75rem;color:var(--muted)}
.showcase-caption{display:block;min-height:0;margin-top:17px;padding:0;border:0}
.showcase-caption summary{display:list-item;width:max-content;max-width:100%;padding:5px 0;font-size:.8rem;font-weight:500;color:var(--muted);cursor:pointer}
.showcase-caption p{max-width:720px;margin:8px 0 14px;color:var(--muted);font-size:.875rem;line-height:1.65}
.showcase-caption .text-link{margin:0 0 10px}
.showcase-disclaimer{margin-top:8px;max-width:760px;font-size:.75rem;line-height:1.55;color:var(--muted)}

.pricing{padding-top:clamp(70px,7vw,110px)}
.pricing .section-heading{display:flex;align-items:end;margin-bottom:28px}
.pricing .section-heading h2{margin-top:10px}
.pricing-switch{display:inline-flex;gap:4px;margin:0 0 22px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.pricing-switch button{min-width:150px;min-height:44px;padding:9px 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:600}
.pricing-switch button[aria-pressed=true]{background:#274d7c;color:#fff;box-shadow:0 4px 13px #102a4540}
.pricing .tariff-grid{display:grid;grid-template-columns:1fr;gap:10px}
.pricing .tariff-card,.pricing .tariff-card.featured{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(145px,200px) minmax(170px,205px);align-items:center;column-gap:23px;row-gap:0;padding:22px 26px;background:var(--bg);border:1px solid var(--line);border-radius:15px;box-shadow:none}
.pricing .tariff-card.featured{border-color:#7196c1;background:#e9f0fa}
.pricing .tariff-number{color:var(--muted);font-size:.86rem;align-self:start;padding-top:6px}
.pricing .tariff-intro{min-width:0}
.pricing .tariff-format{display:block;color:#5173a2;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pricing .tariff-card h3{min-height:0;margin:6px 0 6px;font-size:clamp(1.25rem,1.9vw,1.65rem);line-height:1.2}
.pricing .tariff-intro>p{min-height:0;margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
.pricing .tariff-pricing{text-align:right}
.pricing .tariff-price{min-height:0;margin:0;font-size:clamp(1.55rem,2.35vw,2.15rem);font-weight:600;white-space:nowrap}
.pricing .tariff-price-note{margin-top:4px;color:var(--muted);font-size:.73rem}
.pricing .tariff-course .tariff-price{font-size:clamp(1.3rem,2vw,1.8rem)}
.pricing .tariff-course .tariff-price-note{line-height:1.35}
.pricing .tariff-card>.button{margin:0;min-height:48px;padding:12px;font-size:.78rem;white-space:nowrap}
.pricing .tariff-details{grid-column:2/-1;margin:17px 0 0!important;border-top:1px solid var(--line)}
.pricing .tariff-details summary{width:max-content;padding:12px 0 0;list-style:revert;color:#476b99;cursor:pointer;font-size:.78rem}
.pricing .tariff-details[open] summary{margin-bottom:14px}
.pricing .tariff-details .tariff-lessons,.pricing .tariff-details .tariff-audience{min-height:0;margin:0 0 10px;font-size:.86rem}
.pricing .tariff-details ul{margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px}
.pricing .tariff-details h4{margin:14px 0 4px}
.pricing .tariff-details p{padding:0;margin-bottom:8px}
.business-price-list{display:grid;gap:10px}
.business-price-list article{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(125px,165px) minmax(130px,160px);gap:23px;align-items:center;padding:22px 26px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}
.business-price-list article>span{color:var(--muted);font-size:.86rem;align-self:start;padding-top:5px}
.business-price-list h3{font-size:clamp(1.25rem,1.9vw,1.65rem);margin:0 0 6px}
.business-price-list p{font-size:.86rem;line-height:1.5;color:var(--muted)}
.business-price-list strong{text-align:right;font-size:1.1rem}
.business-price-list a{display:grid;place-items:center;min-height:48px;padding:10px;border-radius:7px;border:1px solid var(--line)}
.pricing-business-note{margin-top:16px;color:var(--muted);font-size:.85rem}
body.business-view .pricing-booking-note,body.business-view .pricing>.cost-note{display:none}

.faq{padding-top:clamp(55px,5vw,75px);padding-bottom:clamp(55px,5vw,75px)}
.faq-heading h2{margin-block:13px}
.faq-list details summary{padding-block:16px}
.contact-section{padding:clamp(58px,7vw,95px) 0}
.contact-panel,.contact-panel.wrap{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:start;min-height:0}
.contact-main h2{font-size:clamp(3.1rem,5.4vw,6rem)}
.contact-main>p:not(.eyebrow){margin-bottom:15px}
.contact-main>p.small{font-size:.8rem!important;color:#bdcde5!important}
.contact-main .contact-direct{margin-top:14px}
.contact-section .application-panel{background:#f9fbff;color:#182b44;border:1px solid #cbd8ec;box-shadow:0 30px 70px #030c2c4a}
.contact-section .application-panel .muted{color:#61718a}
.contact-section .application-panel .notice{color:#36556f}
.contact-section .application-panel .field-help{color:#65758a}
.contact-section .application-panel .selection-summary{color:#172b44}
.contact-section .application-panel .cost-note{color:#61718a}
.contact-section .application-panel a:not(.button){color:#315d91}
body.business-view .contact-section{display:block}
[data-theme=dark] .contact-section .application-panel{background:#f9fbff;border-color:#cbd8ec;color:#182b44}
[data-theme=dark] .contact-section .application-panel input:not([type=checkbox]),[data-theme=dark] .contact-section .application-panel select,[data-theme=dark] .contact-section .application-panel textarea{background:#fff;border-color:#a7bacb;color:#182b44}
[data-theme=dark] .contact-section .application-panel input::placeholder,[data-theme=dark] .contact-section .application-panel textarea::placeholder{color:#71849b}
[data-theme=dark] .contact-section .application-panel .notice{background:#e8f0f6;color:#36556f;border-color:#bccddd}
[data-theme=dark] .contact-section .application-panel .selection-summary{background:#eff4f8;color:#172b44;border-color:#bd8d67}
[data-theme=dark] .contact-section .application-panel .selection-summary p,[data-theme=dark] .contact-section .application-panel .form-steps,[data-theme=dark] .contact-section .application-panel .review-data dt{color:#61718a}
[data-theme=dark] .contact-section .application-panel .form-steps [aria-current]{color:#182b44}
[data-theme=dark] .contact-section .application-panel .secondary{color:#182b44;border-color:#9eb3c5}
[data-theme=dark] .pricing .tariff-card.featured{background:#253852;border-color:#7394bf;color:var(--ink)}
[data-theme=dark] .pricing .tariff-format,[data-theme=dark] .pricing .tariff-details summary{color:#aac7fa}

/* Place each price, action and expandable program on a deliberate row. */
.pricing .tariff-card,.pricing .tariff-card.featured{grid-template-areas:'number intro price action' '. details details details'}
.pricing .tariff-card>.tariff-number{grid-area:number}
.pricing .tariff-card>.tariff-intro{grid-area:intro}
.pricing .tariff-card>.tariff-pricing{grid-area:price;text-align:right}
.pricing .tariff-card>.button{grid-area:action;justify-self:stretch;min-width:0}
.pricing .tariff-card>.tariff-details{grid-area:details}
.pricing .tariff-format{display:inline-block;width:max-content;max-width:100%;padding:0;border:0;border-radius:0}
.showcase .section-heading>p{margin-left:0;text-align:left}

@media(max-width:1250px){.showcase .section-heading h2{white-space:normal}.story .assembled-browser{width:680px}}
@media(max-width:900px){.pricing .tariff-card,.pricing .tariff-card.featured{grid-template-columns:42px minmax(0,1fr) minmax(145px,200px);grid-template-areas:'number intro price' '. details action'}.pricing .tariff-card>.button{align-self:start;margin-top:15px}.business-price-list article{grid-template-columns:42px minmax(0,1fr) minmax(125px,165px)}.business-price-list a{grid-column:3;grid-row:2}.contact-panel,.contact-panel.wrap{grid-template-columns:1fr}.contact-main h2{font-size:clamp(3.1rem,9vw,5.5rem)}}
@media(max-width:680px){.story .assembled-browser{width:640px}.showcase .section-heading h2{font-size:clamp(2.2rem,9vw,3.3rem)}.showcase .section-heading>p{font-size:.9rem}.showcase-stage .showcase-arrow{top:50%;width:40px;height:40px;transform:translateY(-50%)}.showcase-stage #showcase-prev{left:6px}.showcase-stage #showcase-next{right:6px}.showcase-stage-controls{bottom:51px;padding:3px}.showcase-stage-controls button{min-width:75px;min-height:38px;padding:7px 10px;font-size:.75rem}.showcase-stage .showcase-pagination{bottom:5px;gap:2px}.showcase-stage .showcase-dots button{width:22px;height:34px;min-height:34px}.showcase-stage .showcase-pagination>span{font-size:10px}.pricing .section-heading{display:block}.pricing-switch{width:100%}.pricing-switch button{min-width:0;flex:1}.pricing .tariff-card,.pricing .tariff-card.featured{grid-template-columns:28px minmax(0,1fr);grid-template-areas:'number intro' '. price' '. action' '. details';gap:0 12px;padding:19px}.pricing .tariff-card>.tariff-pricing{grid-area:price;text-align:left;margin-top:15px}.pricing .tariff-card>.button{grid-area:action;justify-self:start;margin-top:15px;white-space:normal}.pricing .tariff-card>.tariff-details{grid-area:details}.pricing .tariff-details ul{grid-template-columns:1fr}.business-price-list article{grid-template-columns:28px minmax(0,1fr);gap:0 12px;padding:19px}.business-price-list article>div{grid-column:2}.business-price-list strong{grid-column:2;text-align:left;margin-top:15px}.business-price-list a{grid-column:2;grid-row:auto;justify-self:start;margin-top:12px}.contact-panel,.contact-panel.wrap{width:calc(100% - 40px)}.contact-main h2{font-size:clamp(3rem,11vw,5rem)}.contact-section .application-panel{padding:22px 18px}.contact-section .form-grid{grid-template-columns:1fr}}