.homepage{overflow-x:hidden;background:#f6f4ef;color:#071225}
.homepage img{max-width:100%;height:auto}
.homepage .site-header{position:absolute;top:0;left:0;right:0;width:100%;height:86px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;z-index:4}
.homepage .brand{display:block;width:min(188px,34vw);height:auto;line-height:0}
.homepage .brand img{display:block;width:100%;height:auto}
.homepage .site-header nav{display:flex;align-items:center;gap:clamp(14px,3vw,30px)}
.homepage .site-header nav a{font-size:.78rem;color:rgba(255,255,255,.88);white-space:nowrap}
.homepage .hero{min-height:760px;height:min(760px,100svh);display:flex;align-items:center;padding:120px clamp(20px,8vw,120px) 80px;isolation:isolate}
.homepage .hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2;opacity:1}
.homepage .hero::after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,13,28,.96) 0%,rgba(3,13,28,.72) 42%,rgba(3,13,28,.12) 100%),linear-gradient(0deg,rgba(3,13,28,.7),transparent 48%);content:""}
.homepage .hero-copy{width:min(620px,100%);max-width:620px;margin:0;color:#fff}
.homepage .eyebrow{margin:0;color:#72d8f8;font-family:'DM Mono',monospace;font-size:.68rem;font-weight:600;letter-spacing:.14em}
.homepage .hero h1{max-width:720px;margin:20px 0 18px;font-size:clamp(2.8rem,6vw,5.8rem);letter-spacing:-.07em;line-height:.98}
.homepage .hero-lead{max-width:560px;margin:0;color:#c4d6e8;font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.7}
.homepage .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:32px}
.homepage .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 20px;border:0;font-size:.76rem;font-weight:800;line-height:1.2}
.homepage .button-primary{color:#071225;background:#00b6f2}
.homepage .button-secondary{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.38)}
.homepage .section{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:100px 0}
.homepage .section-heading{max-width:740px;margin-bottom:40px}
.homepage .section h2{margin:14px 0 0;color:#071225;font-size:clamp(2.2rem,4vw,4.2rem);letter-spacing:-.065em;line-height:1.02}
.homepage .route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.homepage .route-card{display:flex;flex-direction:column;min-width:0;min-height:390px;padding:22px 21px 20px;color:#ecf6ff;background:#0b1b33;border-top:3px solid #4fc24c;text-decoration:none}
.homepage .route-card:nth-child(2){border-color:#159ce8}.homepage .route-card:nth-child(3){border-color:#ff8a20}.homepage .route-card:nth-child(4){border-color:#9b65ed}
.homepage .route-card img{width:100%;height:145px;object-fit:cover;object-position:center;border-radius:2px;opacity:.9}
.homepage .route-level{display:block;margin:22px 0 9px;color:#69d65f;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.1em}
.homepage .route-card:nth-child(2) .route-level{color:#38b6ff}.homepage .route-card:nth-child(3) .route-level{color:#ffad60}.homepage .route-card:nth-child(4) .route-level{color:#c293ff}
.homepage .route-card h3{margin:0;font-size:1.55rem;letter-spacing:-.05em;line-height:1.05}
.homepage .route-card p{margin:12px 0 0;color:#b5c6d8;font-size:.83rem;line-height:1.6}
.homepage .section-method{display:grid;grid-template-columns:1fr .72fr;align-items:center;gap:70px;padding-top:80px;padding-bottom:80px}
.homepage .section-method h2,.homepage .community h2{max-width:680px}
.homepage .section-method>p,.homepage .section-method>div>p:not(.eyebrow),.homepage .community>p:not(.eyebrow){max-width:620px;color:#53657a;line-height:1.75}
.homepage .section-method img{justify-self:end;width:min(360px,100%);max-height:370px;object-fit:contain}
.homepage .community{width:100%;max-width:none;padding:80px max(24px,calc((100% - 1240px)/2));color:#fff;background:linear-gradient(122deg,#062d56,#087eaa)}
.homepage .community h2{color:#fff}
.homepage .community>p:not(.eyebrow){color:#d1e9f6}
.homepage .community .button-secondary{color:#fff}
.homepage .site-footer{width:min(1240px,calc(100% - 48px));margin:0 auto}
@media (max-width:900px){.homepage .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage .section-method{grid-template-columns:1fr;gap:30px}.homepage .section-method img{justify-self:start;width:min(300px,80vw)}}
@media (max-width:600px){.homepage .site-header{height:72px;padding:0 18px}.homepage .brand{width:155px}.homepage .site-header nav{gap:10px}.homepage .site-header nav a{font-size:.66rem}.homepage .hero{min-height:700px;height:auto;padding:130px 22px 70px}.homepage .hero h1{font-size:clamp(2.55rem,13vw,4rem)}.homepage .hero-actions{align-items:stretch;flex-direction:column;width:min(280px,100%)}.homepage .button{width:100%}.homepage .section{width:calc(100% - 36px);padding:70px 0}.homepage .route-grid{grid-template-columns:1fr;gap:14px}.homepage .route-card{min-height:0;padding:18px}.homepage .route-card img{height:170px}.homepage .section-method{padding-top:60px;padding-bottom:60px}.homepage .community{padding:65px 18px}.homepage .site-footer{width:calc(100% - 36px);padding:28px 0;align-items:flex-start;gap:18px;flex-direction:column}}