:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#14233a;background:#fbfcfe;font-synthesis:none;font-weight:400;line-height:1.6;--blue:#1768ee;--muted:#657187}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2c83ff;outline-offset:5px}header{position:sticky;top:0;z-index:10;background:#fbfcfeef;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #e9edf3}nav{max-width:1220px;margin:auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:720;letter-spacing:-.8px;color:#101f35;display:inline-flex;gap:10px;align-items:center}.brand img{width:34px;height:34px;border-radius:9px}.navlinks{display:flex;align-items:center;gap:32px}.navlinks a{font-size:13px;color:#49566b}.navlinks a:hover,.navlinks [aria-current]{color:var(--blue)}.navlinks .nav-cta{background:#eaf2ff;padding:9px 17px;border-radius:8px;color:var(--blue);font-weight:600}.nav-cta span{margin-left:18px}.menu-toggle{display:none}.hero{text-align:center;padding:75px 24px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#d8e9ff 0,transparent 60%)}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;color:var(--blue)}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:8px}h1{font-size:clamp(42px,5.3vw,76px);font-weight:650;line-height:1.09;letter-spacing:-3.8px;margin:22px 0}em{font-style:normal;color:var(--blue)}.lede{font-size:18px;color:var(--muted);line-height:1.7;margin:24px auto 28px}.downloads{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--blue);color:#fff;padding:14px 22px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 5px 15px #1768ee18;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#0d53c9}.button.secondary{color:#1d304d;border:1px solid #d9e0eb;background:#fff;box-shadow:none}.button.secondary:hover{background:#eef4fd}.fine{font-size:11px;color:#687a91;margin:18px 0}.showcase{max-width:1030px;margin:70px auto 0;position:relative;padding:0 35px 24px}.phone{position:relative;background:linear-gradient(140deg,#a0a7b5,#222a35 20%,#0b111b 70%,#7c8699);padding:8px;border-radius:46px;box-shadow:0 50px 70px -20px #31578c50,0 0 0 1px #596477;transform:perspective(1400px) rotateX(5deg);text-align:left}.screen{border:5px solid #050b13;border-radius:39px;background:linear-gradient(125deg,#13243c,#091322);color:#eff4ff;padding:24px 30px 17px}.device-top,.device-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#a1b8d1}.device-top span:last-child{color:#7aa5dd}.dashboard{display:grid;grid-template-columns:1fr .8fr 1fr;gap:28px;align-items:center;padding:35px 0}.clock>span{font-size:8px;letter-spacing:1.7px;color:#c0cee3}.clock strong{display:block;font-weight:300;font-size:clamp(45px,7.1vw,95px);line-height:1.3;letter-spacing:-5px}.clock p{font-size:10px;color:#8d9db4}.art{aspect-ratio:1;border-radius:8px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#f9b682,transparent 35%),linear-gradient(145deg,#344a8b,#8e84af 48%,#da927d 55%,#243d70 70%);box-shadow:0 12px 30px #0004}.art i{position:absolute;width:200%;height:80%;left:-50%;top:55%;border-radius:50%;background:#1e3457;transform:rotate(-20deg);box-shadow:0 -12px 35px #d5aeaa66}.art span{position:absolute;left:15px;top:15px;font-size:9px;letter-spacing:3px;line-height:1.8;color:#fff}.art1{filter:hue-rotate(35deg)}.art2{filter:hue-rotate(310deg)}.player small{font-size:7px;letter-spacing:1.5px;color:#8094b0}.player h3{font-size:25px;margin:8px 0 0;line-height:1.3;letter-spacing:-.6px}.player p{font-size:12px;color:#a4b2c7;margin:4px 0 22px}.progress{height:3px;border-radius:4px;background:#43506a}.progress i{display:block;width:22%;height:100%;background:#87b3ff}.times{display:flex;justify-content:space-between;font-size:7px;color:#94a5bf;margin-top:6px}.controls{display:flex;align-items:center;justify-content:space-around;margin-top:14px}.controls button{border:0;background:transparent;color:#fff;font-size:21px;padding:7px}.controls button:nth-child(2){background:#f4f7fd;color:#12223c;border-radius:50%;width:43px;height:43px;font-weight:700}.device-bottom{border-top:1px solid #ffffff0f;padding-top:17px;font-size:7px}.demo-label{font-size:10px;color:#61738d;margin-top:25px}.strip{display:flex;justify-content:center;gap:90px;padding:26px;border-bottom:1px solid #e4eaf2;color:#708097;font-size:12px}.section{max-width:1140px;margin:auto;padding:90px 35px}h2{font-size:clamp(30px,3.8vw,49px);line-height:1.17;letter-spacing:-2px;font-weight:620;margin:20px 0}h2 span{color:#8b97a9}.intro p{max-width:510px;color:var(--muted);font-size:17px}.features{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature{background:#f0f4f9;border-radius:24px;padding:40px;overflow:hidden}.feature .symbol{font-size:28px;margin-bottom:35px;color:var(--blue)}.feature h3{font-size:33px;line-height:1.15;letter-spacing:-1.2px;font-weight:620;margin:15px 0}.feature p{color:#65748b;font-size:14px;max-width:370px}.feature a{font-size:13px;font-weight:600}.music{background:#eaf2ff}.wave{font-size:32px;letter-spacing:3px;color:#5791ec;margin-top:30px;white-space:nowrap}.swatches{display:flex;gap:10px;margin-top:35px}.swatches i{width:26px;height:26px;background:#3984fa;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px #d8e2f0}.swatches i:nth-child(2){background:#cf9bb9}.swatches i:nth-child(3){background:#92b49b}.swatches i:nth-child(4){background:#e3b689}.navy{background:#0b1c34;color:#fff}.navy p{color:#a6b6cc}.navy a,.navy .symbol,.navy .eyebrow{color:#88b9ff}.how{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #e3eaf4}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:24px;padding:15px 0 25px;border-bottom:1px solid #e6eaf0}.how b{color:#99afcc;font-size:12px;padding-top:5px}.how h3{margin:0;font-size:18px;font-weight:600}.how p{font-size:14px;color:var(--muted)}.closing{text-align:center;background:#edf4ff;border-radius:30px;margin-bottom:90px}.closing h2{margin-bottom:30px}footer{border-top:1px solid #e7ebf2;max-width:1140px;margin:auto;padding:40px 35px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px}footer p{font-size:12px;color:#78869a}.footer-links{display:flex;gap:22px;flex-wrap:wrap;align-content:start;padding-top:10px}.footer-links a{font-size:12px;color:#5c6c82}.copyright{flex-basis:100%;border-top:1px solid #e9edf4;padding-top:22px;font-size:10px}.document{max-width:850px;min-height:70vh;padding-top:75px}.document h1{font-size:clamp(39px,5vw,63px);letter-spacing:-2.8px;margin-bottom:32px}.document .lead{font-size:20px;color:#69778b;line-height:1.7;margin-bottom:40px}.document h2{font-size:25px;letter-spacing:-.7px;margin-top:40px}.document p,.document li{font-size:15px;color:#56667c}.document li{padding:6px 0}.notice{padding:28px 32px;border-radius:18px;background:#edf4ff;margin:35px 0}.notice h2{margin-top:0}.notice a{font-size:14px;font-weight:600}.guide{padding-left:24px}.guide li{padding-left:15px}.faq details{border-bottom:1px solid #dfe6ef;padding:20px 0}.faq summary{font-size:17px;font-weight:600;cursor:pointer;line-height:1.5}.faq details p{padding-left:18px}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero h1,.hero .lede{animation:arrive .7s both}@keyframes arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:760px){nav{padding:13px 20px}.navlinks{gap:18px}.hero{padding-top:52px}h1{letter-spacing:-2px}.lede{font-size:16px}.showcase{padding:0 0 15px;margin-top:45px}.screen{padding:20px 22px}.dashboard{gap:18px;grid-template-columns:1fr 1fr;padding:25px 0}.clock{grid-column:1/-1;text-align:center}.clock strong{font-size:68px}.clock p{display:none}.phone{max-width:420px;margin:auto;border-radius:40px}.screen{border-radius:33px}.player h3{font-size:23px}.device-top,.device-bottom{font-size:6px;letter-spacing:1px}.strip{gap:20px;font-size:10px;flex-wrap:wrap}.section{padding:60px 22px}.features{padding-top:0;gap:15px}.feature{padding:25px;border-radius:18px}.feature h3{font-size:27px}.feature p{font-size:13px}.how{gap:30px;grid-template-columns:1fr}.closing{border-radius:0;margin-bottom:35px}.footer-links{gap:18px}footer{padding:30px 22px}.document h1{letter-spacing:-1.8px}.document .lead{font-size:18px}}@media(max-width:520px){.menu-toggle{display:block;border:0;background:none;font-size:23px;color:#14233a}.navlinks{display:none;position:absolute;top:62px;left:0;right:0;padding:22px;background:#fbfcfe;border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:22px}.navlinks.open{display:flex}.hero h1{font-size:42px}.hero .lede br{display:none}.downloads{flex-direction:column;align-items:stretch;max-width:330px;margin:auto}.button{padding:13px 17px;font-size:12px}.features{grid-template-columns:1fr}.feature{padding:32px}.strip{gap:12px 24px}.document{padding-top:50px}.notice{padding:24px}.device-top{letter-spacing:.8px}.player small{font-size:6px}.player p{margin-bottom:16px}.art span{font-size:7px;letter-spacing:1.5px}.device-bottom{font-size:5px}.clock strong{letter-spacing:-3px}.fine{font-size:10px}.brand{font-size:22px}}