@media (max-width: 680px){
    html,.website-page{max-width:100%;overflow-x:hidden}
    .website-nav{align-items:center;gap:14px;padding:16px 20px}
    .website-brand{font-size:.92rem}
    .website-brand__mark{width:30px;height:30px;border-radius:9px 9px 9px 3px;font-size:1rem}
    .website-nav__actions{gap:0}
    .website-nav__actions .website-button{min-height:38px;padding:0 13px;font-size:.68rem}
    .website-nav__links{order:3;display:flex;width:100%;margin:0;padding-bottom:2px;gap:22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
    .website-nav__links::-webkit-scrollbar{display:none}
    .website-hero{display:block;width:100%;padding:58px 20px 62px}
    .website-hero h1{max-width:100%;margin:18px 0 22px;font-size:clamp(2.85rem,14vw,4.25rem);line-height:.94}
    .website-hero__lead{font-size:.96rem;line-height:1.65}
    .website-hero__actions{display:grid;gap:16px;margin-top:28px}
    .website-hero__actions .website-button{width:100%}
    .website-hero__note{margin-top:30px;font-size:.68rem}
    .website-hero__visual{width:calc(100% + 20px);min-height:390px;margin:28px -10px 0;overflow:hidden}
    .website-console{width:100%;border-width:4px;border-radius:12px;transform:none}
    .website-console__topbar{height:28px;padding:0 9px;font-size:.42rem}
    .website-console__body{grid-template-columns:76px 1fr;min-height:285px}
    .website-console__side{gap:10px;padding:17px 8px;font-size:.45rem}
    .website-console__side strong{font-size:.54rem}
    .website-console__side small{font-size:.39rem}
    .website-console__side .is-active{margin-inline:-8px;padding-inline:8px}
    .website-console__main{padding:17px 13px}
    .website-console__greeting small,.website-console__stats small,.website-console__course-head small,.website-console__course small{font-size:.4rem}
    .website-console__greeting h2{font-size:.9rem}
    .website-avatar{width:27px;height:27px;font-size:.52rem}
    .website-console__stats{gap:6px;margin:17px 0}
    .website-console__stats div{padding:10px}
    .website-console__stats strong{font-size:1.05rem}
    .website-console__course-head{font-size:.62rem}
    .website-console__course{gap:7px;padding:9px 0}
    .website-console__course-icon{width:28px;height:28px;font-size:.45rem}
    .website-console__course strong{font-size:.57rem}
    .website-console__course small{margin:3px 0 5px;font-size:.42rem}
    .website-float--live,.website-float--metric{display:none}
    .website-orbit--one{width:390px;height:250px}
    .website-orbit--two{width:430px;height:285px}
    .website-proof{gap:9px;padding:20px}
    .website-proof strong{font-size:.88rem}
    .website-section,.website-roles,.website-approach{padding:72px 20px}
    .website-section h2,.website-roles h2,.website-approach h2,.website-cta h2{font-size:clamp(2.45rem,12vw,3.6rem)}
    .website-feature{padding:22px}
    .website-feature__icon{margin:40px 0 20px}
    .website-roles{display:block}
    .website-roles__list{margin-top:42px}
    .website-role{grid-template-columns:31px 1fr 24px;padding:20px 0}
    .website-role small{font-size:.68rem;line-height:1.45}
    .website-approach__steps{gap:10px}
    .website-approach__steps div{padding:18px}
    .website-cta{margin:0 20px 28px;padding:38px 24px}
    .website-cta .website-button{width:100%;margin-top:24px}
    .website-footer{display:grid;gap:10px;padding:20px 20px 30px;font-size:.64rem}
}
@media (max-width: 380px){
    .website-nav__actions .website-button{padding-inline:10px;font-size:.61rem}
    .website-brand{font-size:.82rem}
    .website-console__body{grid-template-columns:66px 1fr}
    .website-console__side{font-size:.4rem}
    .website-console__main{padding-inline:10px}
}