*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0f5fa;color:#183251;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}header{border-bottom:1px solid #d4e0ed;background:#f0f5fa}nav,.wrap{max-width:1120px;margin:auto;padding:24px 32px}nav{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;font-weight:750;letter-spacing:-.6px}.mark{display:inline-grid;place-items:center;background:#1f64db;color:white;border-radius:10px;width:34px;height:34px;margin-right:10px}nav .links{display:flex;gap:26px}nav .links a{text-decoration:none;font-size:15px}nav a[aria-current=page]{border-bottom:2px solid #1f64db}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(40px,6vw,72px);max-width:770px;margin:18px 0 24px}h2{font-size:32px}h3{font-size:21px;letter-spacing:-.02em}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#1f64db}.hero{padding:64px 0 36px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.hero h1{font-size:clamp(42px,5vw,65px)}.lead{font-size:20px;color:#50667e;max-width:740px}.btn{display:inline-block;background:#1f64db;color:white;padding:13px 21px;border-radius:8px;text-decoration:none;font-weight:650;margin:10px 10px 0 0}.secondary{background:transparent;color:#1f64db;border:1px solid #9ab6d8}.demo{background:#fff;border:1px solid #d4e0ed;border-radius:18px;padding:24px;box-shadow:0 25px 70px #183e7012;transform:rotate(-2deg)}.demo-label{display:flex;justify-content:space-between;font-size:13px;color:#5a708a}.board{margin-top:22px;background:#eaf2fc;border-radius:10px;padding:24px}.blackboard{background:#1f64db;color:white;text-align:center;border-radius:5px;padding:6px;font-size:11px;letter-spacing:2px;margin-bottom:28px}.seats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seat{padding:13px 3px;background:white;text-align:center;border:1px solid #c9daee;border-bottom:5px solid #adcbee;border-radius:6px;font-size:13px}.demo small{display:block;margin-top:15px;color:#5a708a;font-size:11px}.section{margin:65px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:24px;border:1px solid #d4e0ed;border-radius:12px;background:#fff}.number{color:#1f64db;font-size:13px;font-weight:700}.banner{background:#e3eefc;border-radius:12px;padding:28px;margin:30px 0}.notice{border-left:4px solid #c0882f;padding:18px 22px;background:#f4ead9;margin:24px 0}.page{max-width:840px;padding-bottom:40px}.page h1{font-size:clamp(40px,5vw,58px)}.page h2{font-size:26px;margin-top:38px}.page p{color:#405a76}footer{border-top:1px solid #d4e0ed;margin-top:60px;font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}footer a{margin-right:18px}details{border-bottom:1px solid #d4e0ed;padding:20px 0}summary{font-weight:700;font-size:21px;cursor:pointer;line-height:1.35}details h3{margin-bottom:6px}details p{margin-top:5px}.toc{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.toc a{font-size:13px;background:#e3eefc;border-radius:5px;padding:5px 10px;text-decoration:none}input{width:100%;padding:15px;font:inherit;border:1px solid #9db7d6;border-radius:8px;background:white}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #c0882f;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:5}@media(max-width:760px){nav,.wrap{padding:20px}nav{align-items:flex-start;flex-direction:column;gap:12px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.demo{transform:none}.grid{grid-template-columns:1fr}.section{margin:45px 0}nav .links{gap:20px}h1{font-size:42px}}@media print{header,footer,input,.toc,.btn{display:none}details{display:block}details>*{display:block}body{background:white;font-size:12pt}.wrap{padding:0}.notice{border:1px solid #888}}
.hero-visual{display:flex;flex-direction:column;align-items:center;gap:14px}.app-icon-large{display:block;width:min(100%,420px);height:auto;border-radius:22%;box-shadow:0 30px 65px #1753a52b}.icon-caption{color:#50667e;font-size:14px;margin:0}.hero{gap:60px}.brand-icon{width:36px;height:36px;border-radius:9px;vertical-align:middle;margin-right:10px}.btn{background:linear-gradient(135deg,#2582ee,#1f64db)}.btn.secondary{background:transparent}.banner{background:linear-gradient(135deg,#e5f3ff,#dce8fa)}@media(max-width:760px){.hero{gap:32px}.app-icon-large{width:min(80vw,340px)}}
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero>*,.hero-visual{min-width:0}.app-icon-large{max-width:100%;object-fit:contain}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}}
nav .links{flex-wrap:wrap;gap:12px 20px}.brand{display:flex;align-items:center;min-width:0}.brand-icon{flex-shrink:0}p,li,a{overflow-wrap:anywhere}[hidden]{display:none!important}html{scroll-behavior:smooth}details{scroll-margin-top:24px}@media(max-width:400px){nav .brand{font-size:16px}nav .links{gap:10px 16px}.wrap{padding:20px}summary{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
h1,h2,h3,summary{overflow-wrap:anywhere;hyphens:auto}
/* Feature preview for the next app update. */
.feature-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;padding:34px;background:#e6effa;border:1px solid #ceddf0;border-radius:20px}
.preview-copy{min-width:0}.preview-copy h2{font-size:clamp(30px,3.4vw,44px);margin:16px 0}.preview-copy .lead{font-size:18px}
.preview-badge{display:inline-block;color:#184f9b;background:#d2e3fb;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:750;letter-spacing:.04em}
.feature-list{padding-left:20px;color:#405a76}.feature-list li{margin:8px 0}.preview-note{font-size:14px;color:#50667e}
.preview-image{margin:0;min-width:0}.preview-image img{display:block;width:100%;height:auto;border:1px solid #d4e0ed;border-radius:12px;background:white;box-shadow:0 16px 45px #18325114}.preview-image figcaption{font-size:13px;color:#50667e;margin-top:12px;text-align:center}
@media(max-width:850px){.feature-preview{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}.preview-image{max-width:680px;margin:auto}}
@media(max-width:400px){.feature-preview{padding:20px}.page h1{font-size:36px}.page h2{font-size:25px}}