:root{color-scheme:light;--ink:#132d40;--muted:#526778;--lime:#d4ef75;--card:#fff;--line:#dce4e7;--page:#f6f8f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #3b82f6;outline-offset:6px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:750}.brand img{border-radius:12px}.brand small{font-size:9px;letter-spacing:1.4px;border:1px solid #82958c;border-radius:4px;padding:3px 5px;vertical-align:middle;margin-left:7px}.header nav{display:flex;align-items:center;gap:30px;font-size:14px}.header nav a{text-decoration:none}.nav-open{font-weight:700}.hero{isolation:isolate;position:relative;background:#183a50;color:white;overflow:hidden;min-height:660px}.hero-photo{position:absolute;inset:0 -15% 0 15%;z-index:-2;background: url('/assets/school-crew-hero.jpg') center 20%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 18%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,29,45,.92),rgba(8,29,45,.54) 44%,rgba(8,29,45,.05) 76%),linear-gradient(0deg,rgba(8,29,45,.75),transparent 40%)}.hero-content{padding-top:82px;padding-bottom:100px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;margin:0 0 22px}.hero .eyebrow{color:#dce8e9}h1{font-size:clamp(52px,6.6vw,86px);letter-spacing:-4px;line-height:1.02;margin:0 0 26px;font-weight:780}h1 span{color:var(--lime)}.intro{font-size:18px;line-height:1.65;color:#e1e9ed;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:16px 24px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:750}.primary{background:var(--lime);color:#172e2f;box-shadow:0 5px 25px #0002}.primary:hover{background:#e1ff87}.hero-guide{display:block;width:fit-content;font-size:14px;margin-top:23px;color:#fff}.hero-note{font-size:12px;color:#bdcbd3;margin-top:16px}.hero-caption{position:absolute;right:max(32px,calc((100vw - 1160px)/2));bottom:30px;font-size:10px;letter-spacing:2px;color:#dce7e9}.hero-caption span{color:var(--lime)}.install{padding-block:72px 54px;scroll-margin-top:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-heading .eyebrow{color:#59734a;margin-bottom:13px}h2{font-size:clamp(28px,3.4vw,40px);line-height:1.13;letter-spacing:-1.2px;margin:0}.section-heading>p{color:var(--muted);line-height:1.6;margin:0;font-size:15px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:16px}.platforms button{display:flex;align-items:center;gap:18px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:22px 26px;text-align:left;border-radius:12px;cursor:pointer}.platforms button[aria-pressed=true]{border-color:#5f7b38;box-shadow:inset 0 0 0 1px #5f7b38;background:#f0f6e6}.platforms svg{width:36px;height:36px;fill:currentColor;flex:none}.platforms strong{font-size:20px;display:block}.platforms small{font-size:13px;display:block;color:var(--muted);margin-top:5px}.platform-arrow{margin-left:auto;font-size:22px}.install-address{text-align:center;font-size:14px;color:var(--muted);margin-block:24px}.install-address a{font-weight:750;color:var(--ink)}.guide{border-radius:14px;border:1px solid var(--line);background:var(--card);padding:30px}.guide[hidden]{display:none}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;list-style:none;padding:0;margin:0}.step-art{height:160px;background:#f0f4f6;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin-bottom:25px;color:#255273}.step-art svg{width:65px;height:65px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.step-art .compass circle{fill:#e0ecf8}.compass path{fill:#edf2f6}.compass path:last-child{fill:#568bb5}.address-chip{font-size:12px;background:white;border:1px solid #d6e0e6;padding:7px 14px;border-radius:20px;color:#24485e}.step-art img{border-radius:15px;box-shadow:0 5px 12px #18324820}.art-label{font-size:13px}.add-chip{color:#fff;background:#24495f;border-radius:5px;padding:6px 16px;font-weight:700;font-size:13px}.dots>span:first-child{font-size:67px;line-height:.8}.number{font-size:12px;font-weight:750;color:#627f3d}h4{font-size:18px;margin:9px 0 11px;line-height:1.3;letter-spacing:-.3px}.steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.steps strong{font-weight:650;color:var(--ink)}.official{display:block;margin-top:26px;font-size:12px;color:var(--muted);width:fit-content}.install-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:26px}.install-foot p{font-size:13px;line-height:1.8}.install-foot span{color:var(--muted)}.secondary{border:1px solid #b1c1ca;background:var(--card)}.developer{border-top:1px solid var(--line);padding-block:55px;display:flex;align-items:center;justify-content:center;gap:30px}.portrait{width:88px;height:88px;flex:none;border-radius:50%;background:#e4e9e5;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.developer .eyebrow{margin-bottom:14px;font-size:10px;color:#5d7549}.developer h2{font-size:29px;letter-spacing:-.7px}.developer p:last-child{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:0}footer{padding-block:25px 32px;text-align:center;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.skip{position:absolute;left:15px;top:-100px;z-index:10;background:white;padding:14px}.skip:focus{top:10px}.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}.preview-notice{padding:12px;text-align:center;background:#fff0c7;color:#604300;font-size:13px}.preview-photo{display:grid;place-items:center;color:#526778;font-size:10px;text-align:center;padding:9px}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#e5eef2;--muted:#acbcc7;--card:#142b3b;--line:#314554;--page:#0c202e}.platforms button[aria-pressed=true]{background:#263b2f;border-color:#b0ce72;box-shadow:inset 0 0 0 1px #b0ce72}.section-heading .eyebrow,.developer .eyebrow,.number{color:#bad585}.step-art{background:#203d50;color:#bdd9ec}.steps strong{color:#e5eef2}.portrait{background:#314554}.skip{background:#142b3b}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{min-height:76px;gap:10px}.brand{font-size:15px;gap:8px}.brand img{width:40px;height:40px}.brand small{font-size:8px;margin-left:3px}.header nav{font-size:13px}.header nav>a:first-child{display:none}.hero{min-height:660px}.hero-photo{inset:0;background-position:62% 35%;mask-image:none}.hero:after{background:linear-gradient(0deg,#0b2437 5%,#0b2437b3 52%,#0b24372b 100%)}.hero-content{padding-top:165px;padding-bottom:75px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:58px;letter-spacing:-2.6px}.intro{font-size:16px}.hero-caption{left:18px;right:auto;bottom:23px;font-size:8px}.install{padding-block:45px 30px}.section-heading{display:block}.section-heading>p{margin-top:17px}.platforms{gap:10px}.platforms button{padding:17px 13px;gap:10px}.platforms svg{width:27px;height:27px}.platforms strong{font-size:15px}.platforms small{font-size:11px}.platform-arrow{display:none}.install-address{font-size:12px;line-height:1.6}.guide{padding:22px}.steps{grid-template-columns:1fr;gap:28px}.steps li{display:grid;grid-template-columns:85px 1fr;column-gap:18px}.step-art{grid-row:1/4;height:110px;margin:0;align-self:center;gap:9px}.step-art svg{width:44px;height:44px}.step-art img{width:45px;height:45px;border-radius:10px}.address-chip{font-size:8px;padding:4px 3px;letter-spacing:-.25px}.art-label{font-size:10px}.add-chip{font-size:10px;padding:5px 8px}.number{font-size:10px}h4{font-size:16px;margin:5px 0 8px}.steps p{font-size:13px;line-height:1.6}.install-foot{display:block}.install-foot .button{display:flex}.developer{padding-block:36px;gap:18px}.portrait{width:64px;height:64px}.developer h2{font-size:23px}.developer .eyebrow{font-size:8px;letter-spacing:1px}.developer p:last-child{font-size:12px}footer{font-size:10px;line-height:1.6}}
@media(max-width:360px){.brand small{display:none}h1{font-size:51px}.steps li{grid-template-columns:66px 1fr;column-gap:12px}.guide{padding:18px}.address-chip{font-size:6.5px}.platforms button{padding:16px 10px;gap:7px}.platforms strong{font-size:13px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.button,.platforms button{transition:background .15s,box-shadow .15s}}