:root{color-scheme:dark;--bg:#06131e;--ink:#f1f6f9;--muted:#a9bac9;--cyan:#50dedc;--line:#263846}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--cyan)}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:var(--bg);z-index:10}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-.7px}.brand img{width:44px;height:44px;border-radius:12px}.brand span{color:var(--cyan)}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none}nav a[aria-current]{color:var(--cyan)}.hero{display:block;padding:68px 0 64px}.hero>div{max-width:600px}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);font-weight:650}h1{font-size:clamp(48px,6.5vw,82px);line-height:1.05;letter-spacing:-3px;font-weight:750;margin:22px 0 28px}h1 span{color:var(--cyan)}.intro{color:var(--muted);font-size:20px;line-height:1.65;max-width:570px}.availability{display:inline-block;margin-top:24px;padding:13px 21px;border:1px solid #415661;border-radius:10px;font-weight:600;background:#102330}.price{font-size:14px;color:var(--muted);margin-top:12px}.gallery{border-top:1px solid var(--line);padding:46px 0 62px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.gallery-heading .eyebrow{margin:0 0 7px}.gallery h2{margin:0;font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px}.gallery-hint{margin:0 0 5px;font-size:14px;white-space:nowrap}.screenshots{display:grid;grid-auto-columns:minmax(270px,1fr);grid-auto-flow:column;grid-template-columns:repeat(3,minmax(270px,1fr));gap:24px;overflow-x:auto;padding:0 0 15px;scroll-snap-type:x mandatory;scrollbar-color:#415661 transparent}.gallery-slide{min-width:0;scroll-snap-align:start}.device{position:relative;margin:0}.device-screen{position:relative;aspect-ratio:9/19.5;overflow:hidden;border:7px solid #010508;border-radius:39px;background:#0e1b26;box-shadow:0 20px 48px #0008}.device-screen>img{display:block;width:100%;height:100%;object-fit:cover}.dynamic-island{position:absolute;top:16px;left:33.5%;width:33%;height:17px;margin:0;border-radius:20px;background:#010508;z-index:1;pointer-events:none}.widget-home{background:radial-gradient(circle at 25% 18%,#185068 0,transparent 35%),linear-gradient(145deg,#0b182a,#203a66 52%,#75454a);padding:0}.home-time{position:absolute;top:30px;left:0;width:100%;text-align:center;font-size:15px;font-weight:700;z-index:1}.widget-card{position:absolute;top:14%;left:7%;width:86%;aspect-ratio:1.05;overflow:hidden;border-radius:17px;background:#07141b;box-shadow:0 9px 20px #0007}.widget-card img{width:100%;height:100%;display:block;object-fit:cover}.app-icon{position:absolute;bottom:7%;left:calc(50% - 22px);width:44px;height:44px;border-radius:11px;overflow:hidden;box-shadow:0 5px 12px #0008}.app-icon img{display:block;width:100%;height:100%}.alert-preview>img{filter:brightness(.64)}.alert-card{position:absolute;top:13%;left:7%;right:7%;display:flex;align-items:center;gap:10px;padding:12px;background:#f4f6f7;color:#1d252b;border-radius:16px;box-shadow:0 8px 22px #0008;font-size:10px;line-height:1.3}.alert-card b{display:block}.alert-card small{display:block;color:#4c5961;margin-top:2px}.alert-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:50%;background:#cf3d31;color:#fff;font-weight:800;font-size:15px}figcaption{min-height:155px;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#0b1c28}figcaption strong,figcaption span{display:block}figcaption strong{font-size:20px;letter-spacing:-.4px;line-height:1.2}figcaption span{margin-top:5px;color:var(--cyan);font-size:14px;font-weight:650}figcaption p{margin:13px 0 0;font-size:14px;line-height:1.5}.gallery-nav{justify-content:center;margin-top:14px;gap:8px}.gallery-nav a{display:grid;place-items:center;width:28px;height:28px;border:1px solid #415661;border-radius:50%;font-size:12px;text-decoration:none}.gallery-nav a:hover{border-color:var(--cyan);background:#102b35}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:42px 0 55px;border-top:1px solid var(--line)}.features .number{color:var(--cyan);font-size:13px;font-variant-numeric:tabular-nums}h2{font-size:23px;letter-spacing:-.5px;line-height:1.3}p{color:var(--muted)}.features p{margin-bottom:0}.note{border-top:1px solid var(--line);padding:27px 0;max-width:850px;font-size:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 35px;font-size:13px;color:var(--muted)}footer a{margin-left:22px}.document{max-width:740px;padding:65px 0 70px}.document h1{font-size:clamp(42px,6vw,64px);letter-spacing:-2px}.document h2{margin-top:35px}.document li{color:var(--muted);margin-bottom:10px}.notice{padding:18px 22px;border-left:3px solid var(--cyan);background:#102330;margin:28px 0}.notice p{margin:0}.document details{border-bottom:1px solid var(--line);padding:20px 0}.document summary{font-weight:650;cursor:pointer;font-size:18px}.document details p{margin-bottom:5px}.back{color:var(--cyan);font-size:14px}@media(max-width:760px){.wrap{width:calc(100% - 36px)}header{padding:20px 0}.brand{font-size:18px}.brand img{width:36px;height:36px}nav{gap:16px}.hero{padding:44px 0}.hero h1{letter-spacing:-2px}.intro{font-size:18px}.gallery{padding:35px 0 45px}.gallery-heading{align-items:start;margin-bottom:22px}.gallery-hint{font-size:12px}.screenshots{grid-auto-columns:minmax(250px,78vw);grid-template-columns:none;gap:16px;margin:0 -18px;padding:0 18px 15px}.dynamic-island{top:14px;height:15px}figcaption{min-height:166px}.features{grid-template-columns:1fr;gap:26px;padding:32px 0}.features h2{margin:8px 0}.document{padding:40px 0}footer{flex-direction:column;gap:8px}footer a{margin:0 22px 0 0}}@media(prefers-reduced-motion:no-preference){a{transition:color .15s}.screenshots{scroll-behavior:smooth}}
