:root{color-scheme:light;--navy:#102e50;--blue:#0969d9;--muted:#546c85}*{box-sizing:border-box}body{margin:0;background:#f0f7ff;color:var(--navy);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:4px}a:focus-visible{outline:3px solid #139ecd;outline-offset:5px}nav,main,footer{max-width:1160px;margin:auto;padding:24px 30px}nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce8f4}nav a{text-decoration:none;font-weight:650}.hero{display:grid;grid-template-columns:1fr 250px;align-items:center;gap:70px;padding:65px 0 72px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:750;color:var(--blue)}h1{font-size:clamp(46px,6vw,78px);line-height:1.06;letter-spacing:-.05em;margin:18px 0 24px}h2{font-size:clamp(28px,4vw,39px);line-height:1.18;letter-spacing:-.035em}h3{font-size:21px;line-height:1.3}p{color:var(--muted);max-width:660px}.icon{width:100%;height:auto;border-radius:23%;box-shadow:0 25px 60px #116caf2b}.badge{display:inline-block;border:1px solid #bed9f3;padding:8px 15px;border-radius:30px;color:var(--blue);font-size:13px;font-weight:650}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.button{display:inline-block;background:var(--blue);color:white;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:650}.showcase{background:linear-gradient(135deg,#075cce,#099ac0);color:white;border-radius:30px;padding:36px;margin-bottom:54px}.showcase p,.showcase .eyebrow{color:#daefff}.screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}figure{margin:0;min-width:0}figure img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 15px 30px #063f7838}figcaption{padding:14px 3px 4px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0 54px}.panel{background:white;border:1px solid #dfeaf6;border-radius:22px;padding:25px}.panel h3{margin-top:0}.panel p{font-size:15px;margin-bottom:0}.note{padding:30px;border-radius:24px;background:#e2effc;margin:35px 0}.document{max-width:790px;padding:30px 0}.document h1{font-size:48px}.document h2{font-size:26px;margin-top:35px}.document li{color:var(--muted);margin:8px 0}footer{font-size:13px;color:var(--muted);padding-bottom:40px}footer p{font-size:12px}@media(max-width:760px){nav,main,footer{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.hero .icon{width:120px;grid-row:1}.screens{grid-template-columns:1fr;gap:30px;max-width:330px;margin:30px auto 0}.grid{grid-template-columns:1fr}.showcase{padding:25px;border-radius:24px}.document h1{font-size:39px}}@media(prefers-reduced-motion:no-preference){.button{transition:background .15s}.button:hover{background:#044fac}}

.feature-section{margin:28px 0}.feature-section p{max-width:850px;font-size:17px}.feature-section h2{margin-top:14px}@media(min-width:761px) and (max-width:1000px){.screens{grid-template-columns:repeat(2,minmax(0,1fr))}}

.watch-feature{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:center}.watch-shot{width:240px;justify-self:center}.watch-shot img{border-radius:36px;background:#000}.watch-shot figcaption{text-align:center;font-size:14px}@media(max-width:760px){.watch-feature{grid-template-columns:1fr;gap:28px}.watch-shot{width:min(240px,100%)}}

.app-store-download{display:inline-block;line-height:0}.app-store-download img{display:block;width:180px;height:60px}