/*
Theme Name: MotoAcademia
Theme URI: https://motoacadem.ru/
Author: MotoAcademia
Description: Быстрая mobile-first тема для мотошколы МотоАкадемия.
Version: 1.0.0
Text Domain: motoacadem
*/
:root{--ink:#111511;--ink-2:#1b211c;--paper:#f5f6f2;--white:#fff;--green:#78c84b;--green-deep:#38a84a;--red:#ed3434;--muted:#697069;--line:#d8ddd7;--radius:18px;--shadow:0 18px 55px rgba(11,18,12,.12);--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:.96;letter-spacing:-.035em}h1{font-size:clamp(3rem,8vw,7.4rem);text-transform:uppercase}h2{font-size:clamp(2.15rem,5vw,4.6rem);text-transform:uppercase}h3{font-size:clamp(1.45rem,2vw,2rem)}p{color:#4f584f}.wrap{width:min(calc(100% - 32px),var(--wrap));margin-inline:auto}.narrow{max-width:820px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-100px;z-index:1000;padding:12px;background:#fff}.skip-link:focus{top:12px}.eyebrow{margin:0 0 18px;color:var(--green-deep);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow--light{color:#a9e17d}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:800;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--green);color:#0e180e}.button--red{background:var(--red);color:#fff}.button--dark{background:var(--ink);color:#fff}.button--ghost{border-color:rgba(255,255,255,.45);color:#fff}.text-link{font-weight:800;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:5px}.phone-link{display:inline-block;color:#fff;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800}.section{padding:clamp(76px,9vw,132px) 0}.section--soft{background:#eaeee8}.section--dark{background:var(--ink);color:#fff}.section--dark p{color:#b9c0ba}.section--dark h2 span{color:var(--green)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}.section-head h2{margin-bottom:0}.site-header{position:sticky;top:0;z-index:100;background:rgba(245,246,242,.94);border-bottom:1px solid rgba(17,21,17,.1);backdrop-filter:blur(16px)}.header-row{height:78px;display:flex;align-items:center;gap:28px}.brand{flex:0 0 auto}.brand img{width:220px}.desktop-nav{display:flex;align-items:center;gap:21px;margin-left:auto}.desktop-nav a{font-size:.86rem;font-weight:700}.desktop-nav a:hover,.desktop-nav [aria-current=page]{color:var(--green-deep)}.header-phone{font-size:.94rem;font-weight:800}.menu-button{display:none;width:46px;height:46px;border:0;background:var(--ink);border-radius:50%;padding:12px}.menu-button span{display:block;height:2px;margin:4px 0;background:#fff}.mobile-menu{display:none}.hero{position:relative;min-height:calc(100svh - 78px);overflow:hidden;background:#111;color:#fff}.hero-media,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media{object-fit:cover;object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(8,12,9,.93) 0%,rgba(8,12,9,.76) 46%,rgba(8,12,9,.15) 78%),linear-gradient(0deg,rgba(8,12,9,.55),transparent 45%)}.hero-content{position:relative;z-index:1;padding:clamp(70px,10vw,130px) 0 52px}.hero h1{max-width:880px;margin-bottom:26px}.hero h1 em{font-style:normal;color:var(--green)}.hero-lead{max-width:650px;color:#e8ebe8;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 52px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 30px;padding:0;margin:0;list-style:none}.hero-proof li{color:#fff;font-size:.88rem;font-weight:700}.hero-proof li:before{content:"✓";margin-right:9px;color:var(--green)}.live-dot{display:inline-block;width:8px;height:8px;margin-right:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 6px rgba(120,200,75,.14)}.quick-paths{background:var(--ink);color:#fff;padding:42px 0}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #394039}.path-grid a{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;padding:26px 24px;border-right:1px solid #394039}.path-grid a:hover{background:#202720}.path-grid span{grid-row:1/3;color:var(--green);font-weight:800}.path-grid b{font-size:1.05rem}.path-grid small{color:#aeb6af}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{position:relative;padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.course-card--featured{background:var(--ink);color:#fff;transform:translateY(-12px)}.course-card--featured p{color:#bcc4bc}.card-badge{position:absolute;right:18px;top:18px;padding:7px 11px;background:var(--red);color:#fff;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase}.course-card h3{margin-bottom:12px;font-size:2.1rem;text-transform:uppercase}.course-audience{min-height:48px}.price{margin:28px 0 18px;color:var(--ink)!important;font-size:2rem;font-weight:900}.course-card--featured .price{color:#fff!important}.check-list{display:grid;gap:12px;padding:0;margin:26px 0;list-style:none}.check-list li{display:flex;gap:11px}.check-list li span{color:var(--green-deep);font-weight:900}.card-actions{display:flex;align-items:center;gap:16px;margin-top:28px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,8vw,120px);align-items:start}.large-copy{font-size:clamp(1.15rem,2vw,1.5rem)}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;counter-reset:steps;list-style:none}.steps li{padding:26px;border-top:2px solid var(--ink);border-right:1px solid var(--line)}.steps span{display:block;margin-bottom:50px;color:var(--red);font-weight:900}.steps h3{font-size:1.35rem}.photo-story{display:grid;grid-template-columns:1.35fr 1fr;min-height:620px;background:var(--ink);color:#fff}.photo-story__image img{width:100%;height:100%;object-fit:cover}.photo-story__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(44px,7vw,100px)}.photo-story__copy p{color:#c4cbc5}.evidence-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:26px;align-items:end}.metric{padding-top:24px;border-top:2px solid var(--ink)}.metric b{display:block;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1;color:var(--green-deep)}.metric span{display:block;margin-top:15px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{min-height:300px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.2s ease}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-card span{color:var(--red);font-size:.75rem;font-weight:800;text-transform:uppercase}.article-card h2,.article-card h3{margin-top:70px;text-transform:none;line-height:1.05}.article-card--large{min-height:390px}.article-card--large h2{font-size:2.15rem}.lead-section{padding:clamp(70px,9vw,120px) 0;background:linear-gradient(115deg,rgba(13,18,14,.97),rgba(13,18,14,.82)),url('images/cta.webp') center/cover;color:#fff}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,100px);align-items:center}.lead-grid p{color:#c8cec8}.lead-form{display:grid;gap:14px;padding:28px;background:#fff;color:var(--ink);border-radius:var(--radius)}.lead-form label{display:grid;gap:7px;font-size:.8rem;font-weight:800}.lead-form input{width:100%;height:54px;padding:0 15px;border:1px solid var(--line);border-radius:12px;font-size:1rem}.lead-form input:focus{outline:3px solid rgba(120,200,75,.3);border-color:var(--green-deep)}.consent{grid-template-columns:auto 1fr!important;align-items:start;color:var(--muted);font-weight:500!important}.consent input{width:18px;height:18px}.consent a{text-decoration:underline}.form-status{margin:0;color:var(--green-deep)!important;font-weight:700}.page-hero,.course-hero,.article-hero{padding:70px 0 86px;background:var(--ink);color:#fff}.page-hero h1,.course-hero h1,.article-hero h1{margin:32px 0 24px}.page-hero p,.course-hero p,.article-hero p{max-width:720px;color:#c8cec8;font-size:1.12rem}.crumbs{display:flex;flex-wrap:wrap;gap:9px;color:#aab2aa;font-size:.78rem}.crumbs a:after{content:"/";margin-left:9px;color:#5d665e}.compare{margin-top:80px}.compare h2{font-size:2.6rem}.compare-table{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.compare-row{display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:center;border-bottom:1px solid var(--line)}.compare-row>*{padding:18px}.compare-head{background:var(--ink);color:#fff}.compare-row .yes{color:var(--green-deep)}.compare-row .no{color:#afb5af}.course-hero__grid{display:grid;grid-template-columns:1.5fr .7fr;gap:70px;align-items:end}.price-panel{padding:30px;background:var(--green);color:var(--ink);border-radius:var(--radius)}.price-panel small,.price-panel span{display:block}.price-panel b{display:block;margin:12px 0;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1}.content-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:70px}.content-grid article h2{margin:50px 0 24px;font-size:2.4rem}.info-card{position:sticky;top:110px;height:max-content;padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.next-card,.faq-promo{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px;background:var(--green);border-radius:var(--radius)}.next-card h2,.faq-promo h2{margin-bottom:10px;font-size:2.7rem}.location-toolbar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}.search-label{display:grid;gap:8px;font-size:.8rem;font-weight:800}.search-label input{width:min(360px,80vw);height:50px;padding:0 16px;border:1px solid var(--line);border-radius:12px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.location-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:14px}.location-card>span{color:var(--red);font-size:.75rem;font-weight:900}.location-card h3{margin:30px 0 10px;font-size:1.25rem}.location-card a{color:var(--green-deep);font-size:.84rem;font-weight:800}.empty-state{text-align:center}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.person-card{overflow:hidden;background:#fff;border-radius:var(--radius)}.person-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top}.person-card>div{padding:26px}.person-card h2{font-size:1.9rem}.bike-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bike-card{padding:30px;background:#fff;border-radius:var(--radius)}.bike-card>div{display:grid;place-items:center;height:340px;border-radius:12px}.bike-card>div img{max-height:300px}.bike-card h2{font-size:2.8rem}.bike-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.bike-card dl div{padding:15px;background:#fff}.bike-card dt{color:var(--muted);font-size:.75rem}.bike-card dd{margin:5px 0 0;font-weight:800}.review-layout{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:start}.quote-cards{display:grid;gap:18px;margin-top:40px}.quote-cards blockquote{margin:0;padding:26px;background:#fff;border-left:5px solid var(--green);font-size:1.15rem}.quote-cards cite{display:block;margin-top:18px;font-size:.85rem;font-style:normal;font-weight:800}.review-shot{display:block}.review-shot img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}.review-shot span{display:block;margin-top:14px;color:var(--green-deep);font-weight:800}.faq-layout{display:grid;grid-template-columns:.55fr 1fr;gap:70px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px 0;font-weight:800;cursor:pointer;list-style:none}.faq-list summary span{color:var(--red);font-size:.75rem}.faq-list summary b{font-size:1.5rem}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details p{padding:0 42px 22px}.article-hero h1{text-transform:none}.prose{font-size:1.1rem}.prose h2{margin:55px 0 20px;font-size:2.25rem;text-transform:none}.prose aside{margin:45px 0;padding:24px;background:#e6eee1;border-left:5px solid var(--green)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-card{min-height:250px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.contact-card span{color:var(--red);font-size:.75rem;font-weight:800;text-transform:uppercase}.contact-card h2{margin-top:65px;font-size:1.8rem;text-transform:none}.not-found{min-height:72vh;display:grid;place-items:center;background:var(--ink);color:#fff;text-align:center}.not-found p{color:#c8cec8}.site-footer{padding:70px 0 90px;background:#0c0f0d;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-logo{width:230px;filter:brightness(0) invert(1)}.footer-grid h2{font-size:1rem;letter-spacing:.02em}.footer-grid a,.footer-grid p{display:block;margin:0 0 10px;color:#aeb6af;font-size:.88rem}.footer-grid a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:22px;border-top:1px solid #303531;color:#858d86;font-size:.8rem}.mobile-actions{display:none}
@media(max-width:1050px){.desktop-nav{display:none}.header-phone{margin-left:auto}.menu-button{display:block}.mobile-menu{position:fixed;inset:78px 0 0;z-index:99;display:flex;flex-direction:column;padding:22px;background:var(--ink);color:#fff;transform:translateX(100%);transition:transform .25s ease}.mobile-menu.is-open{transform:none}.mobile-menu a{display:flex;justify-content:space-between;padding:17px 4px;border-bottom:1px solid #343a35;font-size:1.15rem;font-weight:800}.mobile-menu .mobile-phone{margin-top:auto;color:var(--green)}.evidence-grid{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:repeat(2,1fr)}.people-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:1fr 1fr}.course-card:last-child{grid-column:1/-1}.course-card--featured{transform:none}}
@media(max-width:760px){body{padding-bottom:62px}.wrap{width:min(calc(100% - 24px),var(--wrap))}.header-row{height:68px}.brand img{width:166px}.header-phone{display:none}.mobile-menu{inset:68px 0 0}.section{padding:70px 0}.section-head,.location-toolbar{display:block}.section-head .text-link{display:inline-block;margin-top:20px}.hero{min-height:720px}.hero-content{padding-top:74px}.hero h1{font-size:clamp(3.2rem,16vw,5.2rem)}.hero-media{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(8,12,9,.95),rgba(8,12,9,.64)),linear-gradient(0deg,rgba(8,12,9,.8),transparent)}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{display:grid;gap:8px}.path-grid,.course-grid,.split,.lead-grid,.course-hero__grid,.content-grid,.review-layout,.faq-layout,.bike-grid,.contact-grid,.article-grid{grid-template-columns:1fr}.path-grid a{border-right:0;border-bottom:1px solid #394039}.course-card:last-child{grid-column:auto}.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:50px 1fr;gap:0 10px;border-right:0}.steps span{grid-row:1/3;margin:0}.photo-story{grid-template-columns:1fr;min-height:auto}.photo-story__image{height:360px}.evidence-grid{grid-template-columns:1fr}.article-card{min-height:260px}.lead-form{padding:20px}.compare-table{font-size:.78rem}.compare-row{grid-template-columns:1.7fr repeat(3,.7fr)}.compare-row>*{padding:12px 7px}.price-panel{margin-top:8px}.info-card{position:static}.next-card,.faq-promo{display:block;padding:26px}.next-card .button,.faq-promo .button{margin-top:16px}.location-toolbar .search-label{margin-top:24px}.location-grid,.people-grid{grid-template-columns:1fr}.bike-card{padding:20px}.bike-card>div{height:260px}.bike-card dl{grid-template-columns:1fr}.contact-card{min-height:210px}.footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-actions{position:fixed;inset:auto 0 0;z-index:120;display:grid;grid-template-columns:1fr 1fr;height:62px;background:var(--ink)}.mobile-actions a{display:grid;place-items:center;color:#fff;font-weight:900}.mobile-actions a:last-child{background:var(--green);color:var(--ink)}.footer-bottom{margin-bottom:12px}}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.card-actions{align-items:flex-start;flex-direction:column}.button{width:100%}.bike-card h2{font-size:2.35rem}.page-hero,.course-hero,.article-hero{padding:50px 0 64px}}
html,body{overflow-x:clip}
@media(max-width:1050px){.mobile-menu{visibility:hidden}.mobile-menu.is-open{visibility:visible}}
@media(max-width:760px){.brand img{width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Yellow / black visual system inspired by a motorcycle dashboard. */
:root{--ink:#0b0d0f;--ink-2:#17191c;--paper:#f1f2f2;--white:#fff;--green:#ffd000;--green-deep:#9a7800;--red:#ffd000;--muted:#6f7277;--line:#cfd1d3;--radius:12px;--shadow:0 18px 48px rgba(0,0,0,.16)}
body{background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}
h1,h2,h3{font-family:"Arial Narrow",Arial,"Helvetica Neue",sans-serif;font-weight:900;letter-spacing:-.045em}
.eyebrow{color:#806500;letter-spacing:.12em}.eyebrow--light{color:var(--green)}
.button{min-height:54px;border-radius:9px;text-transform:uppercase;letter-spacing:.01em}.button--primary,.button--red{background:var(--green);color:var(--ink)}.button--dark{background:var(--green);color:var(--ink)}.button--ghost{border-color:#707277;color:#fff}.text-link{text-decoration-color:var(--green-deep)}
.site-header{background:rgba(11,13,15,.98);border-bottom:2px solid var(--green);backdrop-filter:blur(14px)}
.header-row{height:74px}.brand{position:relative}.brand:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;background:var(--green);transform:scaleX(.32);transform-origin:left}.brand img{width:226px;filter:brightness(0) invert(1)}
.desktop-nav a{color:#fff;opacity:.82}.desktop-nav a:hover,.desktop-nav [aria-current=page]{color:var(--green);opacity:1}.header-phone{padding:9px 14px;border:1px solid #55585c;border-radius:999px;color:var(--green)}
.menu-button{background:transparent;border:1px solid #666a6e}.menu-button span{background:#fff}.mobile-menu{background:#0b0d0f}.mobile-menu a{border-color:#3a3d40}.mobile-menu .mobile-phone{color:var(--green)}
.hero{min-height:690px;background:#e9edf2;color:var(--ink);border-bottom:4px solid var(--green)}.hero-media{opacity:.25;filter:grayscale(1) contrast(.85);object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(244,246,248,.99) 0%,rgba(244,246,248,.93) 45%,rgba(244,246,248,.22) 78%),linear-gradient(0deg,rgba(244,246,248,.82),transparent 52%)}
.hero-content{padding-top:clamp(74px,9vw,118px)}.hero h1{max-width:890px;color:#0b0d0f}.hero h1 em{display:inline-block;padding:0 .12em;background:var(--green);color:#0b0d0f;font-style:normal;line-height:.86}.hero .eyebrow--light{color:#17191c}.hero-lead{color:#35383c}.hero-actions .button--ghost{border-color:#55585b;color:#111}.hero-proof li{color:#16181a}.hero-proof li:before{color:#0b0d0f;background:var(--green);border-radius:50%;padding:1px 4px}
.live-dot{background:var(--green);box-shadow:0 0 0 5px rgba(255,208,0,.24)}
.quick-paths{position:relative;background:#0b0d0f;padding:38px 0;border-bottom:1px solid #383b3f}.quick-paths:after,.course-selector-section:before,.page-hero:after,.course-hero:after,.article-hero:after{content:"";position:absolute;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='92' height='44' viewBox='0 0 92 44'%3E%3Cg fill='%23ffd000' fill-opacity='.14'%3E%3Cpath d='M3 5h22l16 10-7 7-18-8H3zM89 5H67L51 15l7 7 18-8h13z'/%3E%3Cpath d='M14 28h20l10 6-7 7-16-5h-7zM78 28H58l-10 6 7 7 16-5h7z'/%3E%3Crect x='42' y='3' width='8' height='8' rx='2'/%3E%3Crect x='42' y='22' width='8' height='8' rx='2'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:92px 44px}.quick-paths:after{right:0;top:0;width:28%;height:55px}.path-grid{border-color:#45484c}.path-grid a{border-color:#45484c;border-radius:9px}.path-grid a:hover{background:#17191c}.path-grid span{color:var(--green)}.path-grid small{color:#afb1b5}
.course-selector-section{position:relative;overflow:hidden;background:#111315;color:#fff}.course-selector-section:before{right:-5%;top:22px;width:38%;height:70px}.course-selector-section .eyebrow{color:var(--green)}.course-selector-section .text-link{color:#fff}.course-selector-section .course-card{background:#111315;color:#fff;border-color:#4c4f53}.course-selector-section .course-card p{color:#bfc1c4}.course-selector-section .course-card--featured{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.course-selector-section .price{color:#fff!important}.course-selector-section .button--dark{background:var(--green);color:#111}.course-selector-section .text-link{text-decoration-color:var(--green)}
.course-card{border-radius:12px}.course-card--featured{transform:none;border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.card-badge{background:var(--green);color:#0b0d0f;border-radius:6px}.price{font-family:"Arial Narrow",Arial,sans-serif}.check-list li span{color:var(--green-deep)}.section--dark{background:#0b0d0f}.section--dark h2 span{color:var(--green)}.section--dark .check-list li span{color:var(--green)}
.steps{gap:10px}.steps li{background:#fff;border:1px solid var(--line);border-top:4px solid var(--ink);border-radius:10px}.steps span{color:#8b6d00}.photo-story{background:#0b0d0f}.photo-story__image img{filter:saturate(.72) contrast(1.04)}
.metric{border-top-color:#0b0d0f}.metric b{color:#8b6d00}.section--soft{background:#e2e4e5}.article-card{border-radius:10px;border-top:4px solid var(--green)}.article-card span{color:#745b00}
.lead-section{background:linear-gradient(115deg,rgba(8,9,11,.98),rgba(8,9,11,.84)),url('images/cta.webp') center/cover;border-top:4px solid var(--green)}.lead-form{background:#111315;color:#fff;border:1px solid #4d5054;border-radius:11px}.lead-form input{background:#1b1d20;border-color:#55585c;color:#fff;border-radius:8px}.lead-form input:focus{outline-color:rgba(255,208,0,.3);border-color:var(--green)}.lead-form .consent{color:#b8babd}.form-status{color:var(--green)!important}
.page-hero,.course-hero,.article-hero{position:relative;overflow:hidden;background:#0b0d0f;border-bottom:4px solid var(--green)}.page-hero:after,.course-hero:after,.article-hero:after{right:-3%;bottom:-12px;width:42%;height:110px}.page-hero p,.course-hero p,.article-hero p{color:#c8cacd}.crumbs{color:#a8aaae}.crumbs a:after{color:var(--green)}
.compare-table,.info-card,.location-card,.person-card,.bike-card,.contact-card{border-radius:10px}.compare-head{background:#0b0d0f}.compare-row .yes{color:#806500}.price-panel,.next-card,.faq-promo{background:var(--green);border-radius:10px}.location-card>span,.contact-card span,.faq-list summary span{color:#806500}.location-card a,.review-shot span{color:#745b00}.quote-cards blockquote{border-left-color:var(--green)}.prose aside{background:#fff7cf;border-left-color:var(--green)}
.site-footer{background:#08090a;border-top:4px solid var(--green)}.footer-logo{filter:brightness(0) invert(1)}.footer-grid a:hover{color:var(--green)}.footer-bottom{border-color:#34373a}.mobile-actions{background:#0b0d0f;border-top:1px solid #46494d}.mobile-actions a:last-child{background:var(--green);color:#0b0d0f}
@media(max-width:1050px){.mobile-menu{inset:74px 0 0}.course-selector-section:before{width:60%}}
@media(max-width:760px){.header-row{height:68px}.brand img{width:186px}.brand:after{bottom:-5px}.mobile-menu{inset:68px 0 0}.hero{min-height:680px}.hero-content{padding-top:58px}.hero h1{font-size:clamp(3.15rem,16vw,5rem)}.hero-media{opacity:.2;object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(244,246,248,.98),rgba(244,246,248,.73)),linear-gradient(0deg,rgba(244,246,248,.9),transparent)}.hero-actions{margin-bottom:38px}.course-selector-section:before{top:12px;width:70%;height:48px}.course-selector-section .course-card{padding:22px}.steps{gap:12px}.steps li{grid-template-columns:46px 1fr}.photo-story__copy{border-top:4px solid var(--green)}.footer-logo{width:205px}}
.hero+.quick-paths+.section{position:relative;overflow:hidden;background:#111315;color:#fff}.hero+.quick-paths+.section .eyebrow{color:var(--green)}.hero+.quick-paths+.section .text-link{color:#fff;text-decoration-color:var(--green)}.hero+.quick-paths+.section .course-card{background:#111315;color:#fff;border-color:#4c4f53}.hero+.quick-paths+.section .course-card p{color:#bfc1c4}.hero+.quick-paths+.section .price{color:#fff!important}.hero+.quick-paths+.section .course-card--featured{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.hero+.quick-paths+.section .button--dark{background:var(--green);color:#111}

/* Compact layout: less empty space, same touch targets and readability. */
:root{--wrap:1160px}
h1{font-size:clamp(2.8rem,6.6vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:clamp(1.3rem,1.8vw,1.75rem)}
.eyebrow{margin-bottom:12px}.button{min-height:50px;padding-inline:19px}.section{padding:58px 0}.section-head{gap:22px;margin-bottom:28px}
.header-row{height:66px}.brand img{width:205px}.header-phone{padding:7px 12px}.site-header .menu-button{width:42px;height:42px}
.hero{min-height:560px}.hero-content{padding:52px 0 34px}.hero h1{margin-bottom:18px}.hero-lead{max-width:620px;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.45}.hero-actions{margin:22px 0 28px}.hero-proof{gap:8px 22px}
.quick-paths{padding:24px 0}.quick-paths .eyebrow{margin-bottom:10px}.path-grid a{padding:18px 20px}.path-grid small{line-height:1.35}
.course-grid{gap:12px}.course-card{padding:22px}.course-card h3{margin-bottom:8px;font-size:1.8rem}.course-audience{min-height:40px}.price{margin:18px 0 12px;font-size:1.75rem}.check-list{gap:9px;margin:18px 0}.card-actions{gap:13px;margin-top:18px}
.split{gap:52px}.large-copy{font-size:clamp(1.08rem,1.7vw,1.32rem)}.steps{gap:8px}.steps li{padding:19px}.steps span{margin-bottom:28px}.steps h3{font-size:1.22rem}.steps p{margin-bottom:0}
.photo-story{min-height:480px}.photo-story__copy{padding:50px}.evidence-grid{gap:18px}.metric{padding-top:16px}.metric span{margin-top:10px}
.article-grid{gap:12px}.article-card{min-height:230px;padding:22px}.article-card h2,.article-card h3{margin-top:42px}.article-card--large{min-height:300px}.article-card--large h2{font-size:1.9rem}
.lead-section{padding:60px 0}.lead-grid{gap:54px}.lead-form{gap:11px;padding:22px}.lead-form input{height:50px}
.page-hero,.course-hero,.article-hero{padding:46px 0 56px}.page-hero h1,.course-hero h1,.article-hero h1{margin:22px 0 16px}.compare{margin-top:48px}.compare h2{font-size:2.25rem}.compare-row>*{padding:14px}.course-hero__grid,.content-grid{gap:44px}.price-panel,.info-card{padding:23px}.content-grid article h2{margin:34px 0 18px;font-size:2.1rem}.next-card,.faq-promo{padding:28px}.next-card h2,.faq-promo h2{font-size:2.25rem}
.location-toolbar{margin-bottom:25px}.location-grid{gap:10px}.location-card{padding:18px}.location-card h3{margin:18px 0 8px}.people-grid{gap:12px}.person-card>div{padding:20px}.person-card h2{font-size:1.65rem}.bike-grid{gap:14px}.bike-card{padding:22px}.bike-card>div{height:285px}.bike-card h2{font-size:2.25rem}.review-layout,.faq-layout{gap:46px}.quote-cards{gap:12px;margin-top:26px}.quote-cards blockquote{padding:20px}.faq-list summary{padding:18px 0}.faq-list details p{padding-bottom:17px}.prose h2{margin:38px 0 16px;font-size:2rem}.prose aside{margin:30px 0;padding:19px}.contact-grid{gap:11px}.contact-card{min-height:205px;padding:21px}.contact-card h2{margin-top:38px;font-size:1.55rem}
.site-footer{padding:48px 0 70px}.footer-grid{gap:34px}.footer-bottom{margin-top:34px;padding-top:17px}
@media(max-width:1050px){.mobile-menu{inset:66px 0 0}.course-grid{grid-template-columns:repeat(3,1fr)}.course-card:last-child{grid-column:auto}.evidence-grid{grid-template-columns:1.2fr repeat(3,1fr)}}
@media(max-width:900px){.course-grid{grid-template-columns:1fr 1fr}.course-card:last-child{grid-column:1/-1}.evidence-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{padding-bottom:56px}.wrap{width:min(calc(100% - 20px),var(--wrap))}.section{padding:42px 0}.section-head{margin-bottom:22px}.header-row{height:60px}.brand img{width:166px}.brand:after{bottom:-4px}.site-header .menu-button{width:40px;height:40px;padding:10px}.mobile-menu{inset:60px 0 0;padding:14px 18px}.mobile-menu a{padding:13px 3px}.hero{min-height:590px}.hero-content{padding:42px 0 28px}.hero h1{font-size:clamp(2.7rem,14vw,4.15rem);margin-bottom:15px}.hero-lead{font-size:1rem}.hero-actions{gap:9px;margin:18px 0 24px}.hero-actions .button{min-height:49px}.hero-proof{gap:7px}.quick-paths{padding:19px 0}.path-grid a{padding:15px 12px}.course-grid{grid-template-columns:1fr}.course-card:last-child{grid-column:auto}.course-selector-section .course-card{padding:19px}.course-card{padding:19px}.course-audience{min-height:auto}.steps li{padding:16px}.photo-story__image{height:250px}.photo-story__copy{padding:32px 20px}.evidence-grid{grid-template-columns:1fr 1fr}.article-card,.article-card--large{min-height:220px;padding:19px}.article-card h2,.article-card h3{margin-top:30px}.lead-section{padding:44px 0}.lead-grid{gap:28px}.lead-form{padding:18px}.page-hero,.course-hero,.article-hero{padding:34px 0 42px}.page-hero h1,.course-hero h1,.article-hero h1{margin:18px 0 13px}.compare{margin-top:34px}.course-hero__grid,.content-grid,.review-layout,.faq-layout{gap:28px}.price-panel,.info-card{padding:19px}.next-card,.faq-promo{padding:21px}.location-card{padding:16px}.person-card>div{padding:17px}.bike-card{padding:17px}.bike-card>div{height:225px}.quote-cards{margin-top:19px}.contact-card{min-height:170px;padding:18px}.contact-card h2{margin-top:28px}.site-footer{padding:40px 0 60px}.footer-grid{gap:26px}.footer-bottom{margin-top:26px}.mobile-actions{height:56px}}
@media(max-width:480px){.evidence-grid{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:10px}.metric span{margin:0}.footer-grid{gap:22px}}
.reading-progress{position:fixed;top:78px;right:0;left:0;z-index:98;height:3px;overflow:hidden;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left center;will-change:transform}@media(max-width:760px){.reading-progress{top:60px}}
.evidence-grid{align-items:stretch}.fact-card{display:flex;min-height:140px;flex-direction:column;justify-content:space-between;padding:18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:10px}.fact-card b{font-size:1.25rem;line-height:1.1}.fact-card span{margin-top:18px;color:#555a5f}.compare-note{margin:12px 2px 0;color:var(--muted);font-size:.9rem}
@media(max-width:760px){.fact-card{min-height:120px}.evidence-grid>div:first-child{grid-column:1/-1}.compare-note{font-size:.86rem}}

/* Keep the brand palette stable when a mobile browser forces dark mode. */
:root{color-scheme:only light}
html,body{color-scheme:only light}
.brand img{forced-color-adjust:none}
@media(max-width:760px){body{background:#fff}.site-header .menu-button{margin-left:auto}.hero{background:#0b0d0f;color:#fff}.hero-media{opacity:.24;filter:grayscale(1) contrast(1.05) brightness(.62)}.hero-shade{background:linear-gradient(90deg,rgba(11,13,15,.98),rgba(11,13,15,.78)),linear-gradient(0deg,rgba(11,13,15,.9),transparent)}.hero h1,.hero .eyebrow--light,.hero-lead,.hero-proof li{color:#fff}.hero .eyebrow--light{color:var(--green)}.hero-actions .button--ghost{border-color:#707277;color:#fff}.section:not(.section--dark):not(.course-selector-section):not(.section--soft){background:#fff}.section--soft{background:#f2f2f2}.eyebrow{color:#17191c}.section--dark .eyebrow,.course-selector-section .eyebrow,.lead-section .eyebrow,.page-hero .eyebrow,.course-hero .eyebrow,.article-hero .eyebrow,.photo-story .eyebrow{color:var(--green)}.steps span{display:grid;width:38px;height:38px;place-items:center;margin-bottom:20px;background:var(--green);color:#0b0d0f;border-radius:50%}.metric b,.article-card span,.location-card>span,.contact-card span,.faq-list summary span,.compare-row .yes{color:#0b0d0f}.location-card a,.review-shot span{color:#0b0d0f;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:4px}}

/* A fixed menu inside a backdrop-filtered header is positioned against the header
   in some Android browsers. Keep the mobile panel viewport-sized and opaque. */
@media(max-width:760px){
  .site-header{-webkit-backdrop-filter:none;backdrop-filter:none}
  .mobile-menu{position:fixed;inset:60px 0 0;width:100%;height:calc(100vh - 60px);height:calc(100dvh - 60px);min-height:calc(100vh - 60px);overflow-y:auto;overscroll-behavior:contain;background:#0b0d0f!important;opacity:1;isolation:isolate;z-index:999;pointer-events:none}
  .mobile-menu:not(.is-open){visibility:hidden}
  .mobile-menu.is-open{visibility:visible;transform:translateX(0);pointer-events:auto}
}

/* Samsung Internet can repaint CSS colours in its forced night mode. Raster-backed
   accents and a native light logo keep the black/yellow identity unchanged. */
.brand img,.footer-logo{filter:none!important}
.site-header{border-bottom-color:transparent}
.site-header:after{content:"";position:absolute;inset:auto 0 0;height:2px;pointer-events:none;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAE0lEQVR4nGP8d5YBK2DBLjxYJQBwjwHpDmxXewAAAABJRU5ErkJggg==");background-repeat:repeat}
.brand:after,.button--primary,.button--red,.button--dark,.mobile-actions a:last-child,.hero h1 em,.hero-proof li:before,.live-dot,.course-selector-section .button--dark,.card-badge,.price-panel,.next-card,.faq-promo,.steps span{background-color:#ffd000!important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAE0lEQVR4nGP8d5YBK2DBLjxYJQBwjwHpDmxXewAAAABJRU5ErkJggg==")!important;background-repeat:repeat!important}
.button--primary,.button--red,.button--dark,.mobile-actions a:last-child,.hero h1 em,.hero h1 em span,.hero-proof li:before,.course-selector-section .button--dark,.card-badge,.price-panel,.price-panel *,.next-card,.next-card *,.faq-promo,.faq-promo *,.steps span{color:#0b0d0f!important;-webkit-text-fill-color:#0b0d0f!important;forced-color-adjust:none}
.button--primary svg,.button--red svg,.button--dark svg,.mobile-actions a:last-child svg,.next-card svg,.faq-promo svg{stroke:#0b0d0f!important}
.header-phone,.mobile-menu .mobile-phone,.hero .eyebrow--light,.path-grid span,.course-selector-section .eyebrow,.section--dark .eyebrow,.lead-section .eyebrow,.page-hero .eyebrow,.course-hero .eyebrow,.article-hero .eyebrow,.photo-story .eyebrow{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAE0lEQVR4nGP8d5YBK2DBLjxYJQBwjwHpDmxXewAAAABJRU5ErkJggg==");background-repeat:repeat;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;forced-color-adjust:none}

/* Mobile type must remain readable with Samsung's enlarged-text setting. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{overflow-x:hidden}
@media(max-width:760px){
  h1,h2,h3{letter-spacing:0;line-height:1.02;overflow-wrap:break-word;word-break:normal;hyphens:none}
  .hero h1{font-size:clamp(2.3rem,10.5vw,3.4rem)}
  .page-hero h1,.course-hero h1,.article-hero h1{font-size:clamp(2rem,10vw,2.8rem)}
  .split{grid-template-columns:minmax(0,1fr)!important}
  .split>*{min-width:0}
  .section--dark h2{font-size:clamp(1.95rem,9vw,2.5rem)}
  .section--dark h2 br{display:none}
}

/* Compensate only for Samsung Internet's forced-dark dimming. */
.samsung-browser .brand img,.samsung-browser .footer-logo{filter:brightness(2.08)!important}
.samsung-browser .button--primary,.samsung-browser .button--red,.samsung-browser .button--dark,.samsung-browser .mobile-actions a:last-child,.samsung-browser .hero h1 em,.samsung-browser .hero-proof li:before,.samsung-browser .live-dot,.samsung-browser .course-selector-section .button--dark,.samsung-browser .card-badge,.samsung-browser .price-panel,.samsung-browser .next-card,.samsung-browser .faq-promo,.samsung-browser .steps span,.samsung-browser .site-header:after,.samsung-browser .brand:after,.samsung-browser .header-phone,.samsung-browser .mobile-menu .mobile-phone,.samsung-browser .hero .eyebrow--light,.samsung-browser .path-grid span,.samsung-browser .course-selector-section .eyebrow,.samsung-browser .section--dark .eyebrow,.samsung-browser .lead-section .eyebrow,.samsung-browser .page-hero .eyebrow,.samsung-browser .course-hero .eyebrow,.samsung-browser .article-hero .eyebrow,.samsung-browser .photo-story .eyebrow{filter:brightness(2.08) saturate(2.35)!important}
.samsung-browser .samsung-dark-label,.samsung-browser .hero h1 em span{display:inline-flex;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAFElEQVR4nGPk4uZjwAZYsIoOWgkAJ44AQTzqmjcAAAAASUVORK5CYII=")!important;background-repeat:repeat!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}

/* One-shot wet-wheel pass across the header. */
@property --track-dry-edge{syntax:"<percentage>";inherits:false;initial-value:-8%}
.header-row{position:relative;z-index:3}
.header-ride{--header-wheel-size:58px;position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none;contain:layout paint style}
.header-track{--track-dry-edge:-8%;position:absolute;right:auto;bottom:3px;left:calc(var(--header-wheel-size) * -.5);width:var(--wheel-travel,calc(100% + var(--header-wheel-size) * 2));height:17px;opacity:.82;clip-path:inset(0 100% 0 0);background-image:url('images/header-track.webp');background-repeat:no-repeat;background-position:left bottom;background-size:100% 17px;filter:grayscale(1) brightness(1.55) contrast(1.16);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent var(--track-dry-edge),rgba(0,0,0,.25) calc(var(--track-dry-edge) + 2%),rgba(0,0,0,.78) calc(var(--track-dry-edge) + 5%),#000 calc(var(--track-dry-edge) + 8%),#000 100%);mask-image:linear-gradient(90deg,transparent 0,transparent var(--track-dry-edge),rgba(0,0,0,.25) calc(var(--track-dry-edge) + 2%),rgba(0,0,0,.78) calc(var(--track-dry-edge) + 5%),#000 calc(var(--track-dry-edge) + 8%),#000 100%);will-change:clip-path,filter}
.header-wheel-runner{position:absolute;bottom:0;left:calc(var(--header-wheel-size) * -1);width:var(--header-wheel-size);height:var(--header-wheel-size);transform:translate3d(0,0,0);will-change:transform}
.header-wheel{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.65));will-change:transform}
.header-ride.is-running .header-track{animation:header-track-lay 6.4s .55s cubic-bezier(.42,.08,.58,.92) forwards,header-track-dry-tail 7.8s 1.45s cubic-bezier(.42,.08,.58,.92) forwards}
.header-ride.is-running .header-wheel-runner{animation:header-wheel-drive 6.4s .55s cubic-bezier(.42,.08,.58,.92) forwards}
.header-ride.is-running .header-wheel{animation:header-wheel-spin 6.4s .55s cubic-bezier(.42,.08,.58,.92) forwards}
@keyframes header-wheel-drive{to{transform:translate3d(var(--wheel-travel),0,0)}}
@keyframes header-wheel-spin{to{transform:rotate(var(--wheel-turn))}}
@keyframes header-track-lay{to{clip-path:inset(0 0 0 0)}}
@keyframes header-track-dry-tail{from{--track-dry-edge:-8%}to{--track-dry-edge:108%}}
.hero-title-line{display:block}
@media(max-width:760px){.header-ride{--header-wheel-size:52px}.hero-title-category,.hero-title-city{white-space:nowrap}.hero-title-city{font-size:.7em}}
@media(prefers-reduced-motion:reduce){
  .header-ride{display:none}
}

/* The moving header wheel is the only tread motif: remove the old yellow decorations. */
.quick-paths:after,.course-selector-section:before,.page-hero:after,.course-hero:after,.article-hero:after{content:none!important;display:none!important}

/* Knowledge hub */
.knowledge-hero h1{max-width:930px}
.knowledge-hub{padding-top:28px}
.topic-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 24px;border-bottom:1px solid #c9ccce}
.topic-nav a{padding:9px 13px;border:1px solid #aeb2b5;border-radius:999px;font-size:.82rem;font-weight:800}
.topic-nav a:hover{border-color:var(--green);background:var(--green);color:#0b0d0f}
.knowledge-start{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;margin:32px 0 64px;padding:28px;background:#0b0d0f;color:#fff;border-radius:10px}
.knowledge-start h2{margin-bottom:0;font-size:clamp(2rem,4vw,3.25rem)}
.knowledge-start__links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3b3e42;border-left:1px solid #3b3e42}
.knowledge-start__links a{display:grid;grid-template-columns:34px 1fr;gap:4px 12px;padding:18px;border-right:1px solid #3b3e42;border-bottom:1px solid #3b3e42}
.knowledge-start__links a:hover{background:#17191c}
.knowledge-start__links span{grid-row:1/3;color:var(--green);font-weight:900}
.knowledge-start__links b{line-height:1.15}
.knowledge-start__links small{color:#aeb1b5}
.knowledge-topic{padding:55px 0 12px;scroll-margin-top:86px;border-top:1px solid #c9ccce}
.knowledge-topic__head{display:grid;grid-template-columns:1fr .8fr;gap:32px;align-items:end;margin-bottom:24px}
.knowledge-topic__head h2{margin:0;font-size:clamp(2rem,4vw,3.3rem)}
.knowledge-topic__head>p{margin:0}
.article-card--portal{display:flex;min-height:250px;flex-direction:column;padding:21px}
.article-card--portal h2,.article-card--portal h3{margin:22px 0 12px;font-size:1.45rem;line-height:1.08}
.article-card--portal p{font-size:.92rem}
.article-card--portal b{margin-top:auto;padding-top:12px}
.knowledge-hub .faq-promo{margin-top:58px}
.article-toc{display:grid;gap:0;margin:0 0 42px;padding:22px;background:#f0f1f2;border:1px solid #d0d3d5;border-radius:10px}
.article-toc>b{margin-bottom:10px;text-transform:uppercase}
.article-toc a{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:10px 0;border-top:1px solid #d0d3d5;font-size:.92rem;font-weight:700}
.article-toc a span{color:#806500}
.prose-section{scroll-margin-top:88px}
.prose-section:first-of-type h2{margin-top:0}
.article-related{margin:48px 0 30px;padding:24px;background:#111315;border:1px solid #3e4247;border-radius:10px;color:#fff}
.article-related .eyebrow{margin-bottom:10px;color:var(--green)}
.article-related h2{margin:0 0 22px;color:#fff;font-size:clamp(1.7rem,4vw,2.35rem)}
.article-related__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.article-related__links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;min-width:0;padding:16px;border:1px solid #45494e;border-radius:8px;color:#fff;transition:border-color .2s ease,background .2s ease}
.article-related__links a:hover,.article-related__links a:focus-visible{background:#1a1d20;border-color:var(--green)}
.article-related__links span{grid-column:1/-1;color:var(--green);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.article-related__links b{min-width:0;font-size:.95rem;line-height:1.25;overflow-wrap:normal;word-break:normal}
.article-related__links i{color:var(--green);font-style:normal;font-weight:900}

@media(min-width:1051px){.header-wheel{filter:brightness(1.16) drop-shadow(0 3px 4px rgba(0,0,0,.8))}}
@media(max-width:760px){
  .knowledge-hub{padding-top:18px}
  .topic-nav{display:grid;grid-template-columns:1fr 1fr}
  .topic-nav a{display:grid;place-items:center;min-height:44px;padding:7px 9px;text-align:center}
  .knowledge-start{grid-template-columns:1fr;gap:20px;margin:24px 0 42px;padding:20px}
  .knowledge-start__links{grid-template-columns:1fr}
  .knowledge-topic{padding-top:38px}
  .knowledge-topic__head{grid-template-columns:1fr;gap:8px;margin-bottom:18px}
  .knowledge-topic__head h2{font-size:clamp(1.75rem,8vw,2.25rem)}
  .article-card--portal{min-height:210px}
  .article-card--portal h2,.article-card--portal h3{font-size:1.35rem}
  .article-toc{margin-bottom:30px;padding:17px}
  .article-related{margin:38px 0 26px;padding:19px}
  .article-related__links{grid-template-columns:1fr}
  .article-hero h1{font-size:clamp(1.95rem,9vw,2.6rem);line-height:1.03;overflow-wrap:normal;word-break:normal}
}

/* Lightweight responsive infographic: no image payload and no fragile fixed text boxes. */
.learning-infographic{background:linear-gradient(180deg,#f7f7f6 0,#e9eaeb 100%)}
.infographic-caption{max-width:430px;margin:0;font-size:1rem}
.learning-map{gap:12px}
.learning-map li{position:relative;display:block;min-width:0;padding:20px;background:#fff;border:1px solid #cfd2d4;border-top:4px solid var(--green);border-radius:10px;box-shadow:0 10px 28px rgba(11,13,15,.06)}
.learning-map li:not(:last-child):after{content:"";position:absolute;z-index:2;right:-13px;top:49px;width:13px;border-top:2px dashed #806500}
.learning-map span{display:block!important;width:max-content!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;background-image:none!important;color:#806500!important;-webkit-text-fill-color:#806500!important;border-radius:0!important;font-size:.76rem;letter-spacing:.12em}
.learning-map i{display:grid;width:54px;height:54px;place-items:center;margin:30px 0 24px;background:var(--green);color:#0b0d0f;border-radius:50%;font-size:1.7rem;font-style:normal;font-weight:900;box-shadow:0 0 0 8px rgba(255,208,0,.14)}
.learning-map h3{margin-bottom:10px;font-size:1.28rem;line-height:1.05}
.learning-map p{margin-bottom:0;font-size:.9rem}
.infographic-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.infographic-legend span{padding:8px 11px;background:#0b0d0f;color:#c7c9cc;border-radius:999px;font-size:.76rem}
.infographic-legend b{color:var(--green)}

@media(max-width:760px){
  .learning-infographic .section-head{display:grid;gap:12px}
  .learning-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .learning-map li{display:block;grid-template-columns:none;padding:16px}
  .learning-map li:not(:last-child):after{display:none}
  .learning-map i{width:46px;height:46px;margin:22px 0 18px;font-size:1.35rem;box-shadow:0 0 0 6px rgba(255,208,0,.14)}
  .learning-map h3{font-size:1.08rem}
  .learning-map p{font-size:.84rem}
  .infographic-legend{display:grid;grid-template-columns:1fr}
}
@media(max-width:410px){.learning-map{grid-template-columns:1fr}}

/* Distinct, compressed photographic course backgrounds with a strong readability layer. */
.course-card--econom{background-image:linear-gradient(105deg,rgba(10,12,14,.91) 0%,rgba(10,12,14,.73) 48%,rgba(10,12,14,.18) 100%),linear-gradient(0deg,rgba(10,12,14,.42),rgba(10,12,14,.05) 58%),url('images/course-econom-road-v1.webp')!important;background-position:center;background-size:cover}
.course-card--standard{background-image:linear-gradient(105deg,rgba(10,12,14,.91) 0%,rgba(10,12,14,.72) 49%,rgba(10,12,14,.16) 100%),linear-gradient(0deg,rgba(10,12,14,.42),rgba(10,12,14,.05) 58%),url('images/course-standard-road-v1.webp')!important;background-position:45% center;background-size:cover}
.course-card--premium{background-image:linear-gradient(105deg,rgba(10,12,14,.91) 0%,rgba(10,12,14,.73) 48%,rgba(10,12,14,.14) 100%),linear-gradient(0deg,rgba(10,12,14,.42),rgba(10,12,14,.05) 58%),url('images/course-premium-road-v1.webp')!important;background-position:65% center;background-size:cover}
.course-card--econom,.course-card--standard,.course-card--premium{color:#fff}
.course-card--econom p,.course-card--standard p,.course-card--premium p{color:#d2d4d6}
.course-card--econom .price,.course-card--standard .price,.course-card--premium .price{color:#fff!important}
.course-card--econom .text-link,.course-card--standard .text-link,.course-card--premium .text-link{color:#fff}
.course-card--econom .eyebrow,.course-card--standard .eyebrow,.course-card--premium .eyebrow{color:var(--green)}
.course-card--econom>:not(.card-badge),.course-card--standard>:not(.card-badge),.course-card--premium>:not(.card-badge){position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.82)}
@media(max-width:760px){
  .course-card--econom,.course-card--standard,.course-card--premium{background-position:65% center}
}
@media(min-width:761px) and (max-width:1050px){
  .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-card:last-child{grid-column:1/-1}
}

/* Natural wrapping: balance headings, avoid broken words, and keep short prepositional groups together. */
h1,h2,h3{text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none}
p,li,small{text-wrap:pretty}
.section--dark h2 br{display:block!important}
.section--dark h2>span{display:block}
.article-hero .narrow h1{font-size:clamp(2.5rem,4.7vw,4.25rem);line-height:.98}
.bike-card>div:first-child{position:relative;overflow:hidden}
.bike-card>div:first-child img{position:absolute;inset:14px;width:calc(100% - 28px);max-width:none;height:calc(100% - 28px);max-height:none;object-fit:contain;object-position:center}
.contact-card h2{overflow-wrap:anywhere}
@media(max-width:760px){
  h1,h2,h3{overflow-wrap:normal;word-break:normal}
  .page-hero h1,.course-hero h1,.article-hero h1{font-size:clamp(1.82rem,8.5vw,2.55rem);line-height:1.02}
  .article-hero .narrow h1{font-size:clamp(1.7rem,7.3vw,2.55rem);line-height:1.03}
  .section--dark h2{font-size:clamp(1.8rem,8.4vw,2.35rem);line-height:1.02}
  .section--dark h2>span{margin-top:.08em}
}

/* Instructor experience and expanded fleet. */
.person-card{display:flex;min-width:0;flex-direction:column}
.person-card>div{display:flex;flex:1;flex-direction:column}
.person-card h2{overflow-wrap:normal;word-break:normal}
.person-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:16px 0 20px;background:var(--line);border-block:1px solid var(--line)}
.person-stats div{min-width:0;padding:12px 10px;background:#fff}
.person-stats dt{color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase}
.person-stats dd{margin:4px 0 0;color:var(--ink);font-size:1.05rem;font-weight:900}
.person-stats--single{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}
.person-note{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:.86rem}
.fleet-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.fleet-note p{margin:0;font-size:.82rem}
@media(max-width:760px){
  .person-stats--single{grid-template-columns:1fr}
  .person-card img{aspect-ratio:2/3}
  .bike-card h2{font-size:clamp(1.9rem,9vw,2.35rem)}
}

/* v29: protect long Russian headings from awkward clipping on narrow screens. */
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::marker{content:""}
.contact-card h2{overflow-wrap:normal;word-break:normal}
@media(max-width:1050px) and (min-width:761px){
  .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-card:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .prose h2{font-size:clamp(1.55rem,7.4vw,1.9rem);line-height:1.08}
  .next-card h2,.faq-promo h2{font-size:clamp(1.65rem,7.8vw,2rem);line-height:1.04}
}
@media(max-width:430px){
  .hero h1{font-size:clamp(1.8rem,9vw,2.45rem);line-height:1.03}
}
@media(max-width:340px){
  .page-hero h1,.course-hero h1,.article-hero h1,.article-hero .narrow h1{font-size:1.48rem;line-height:1.05}
}

/* v34: compact MA vector identity; retain exact white/yellow artwork in Samsung Internet. */
.brand img,.footer-logo{filter:none!important}
.brand img{width:226px;aspect-ratio:31/6}
.footer-logo{width:230px;aspect-ratio:31/6}
.samsung-browser .brand img,.samsung-browser .footer-logo{filter:none!important}
@media(max-width:760px){
  .brand img{width:190px}
  .footer-logo{width:205px}
}
@media(max-width:370px){.brand img{width:176px}}

/* v41: keep the Android menu state authoritative after the slide transition. */
@media(max-width:1050px){
  body.menu-open .site-header{
    position:fixed;
    inset:0 0 auto;
    width:100%;
    background:#0b0d0f!important;
  }
  body.menu-open .mobile-menu,
  .mobile-menu.is-open{
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
    transition:none!important;
    pointer-events:auto!important;
  }
}

/* v35: one neutral studio background and one scale system for the complete fleet. */
.bike-card>div:first-child{
  background:radial-gradient(circle at 50% 68%,#fff 0,#f3f4f2 58%,#e7eae6 100%);
  border:1px solid #e0e3df;
}
.bike-card>div:first-child img{
  inset:18px;
  width:calc(100% - 36px);
  height:calc(100% - 36px);
  filter:drop-shadow(0 10px 10px rgba(8,10,9,.12));
}
@media(max-width:760px){
  .bike-card>div:first-child img{
    inset:12px;
    width:calc(100% - 24px);
    height:calc(100% - 24px);
  }
}

/* v45: substantial course descriptions without turning the page into a text wall. */
.course-copy{min-width:0}
.course-copy-section{padding-top:8px}
.course-copy-section p{max-width:72ch;margin-bottom:18px;color:#434a44;line-height:1.72}
.course-copy-section a{font-weight:750;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:760px){
  .course-copy-section{padding-top:2px}
  .content-grid .course-copy-section h2{font-size:clamp(1.5rem,7vw,1.85rem);line-height:1.08}
  .course-copy-section p{font-size:1rem;line-height:1.65}
}