[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].is-in{opacity:1;transform:none}.ticker{display:inline-flex}.screen{position:relative;margin-top:56px;aspect-ratio:16 / 9.4;border-radius:18px;overflow:hidden;background:#050506;box-shadow:0 0 0 1px #ffffff1a,0 0 0 9px #121027,0 0 0 10px #ffffff14,0 50px 100px -40px #000;container-type:inline-size;font-family:Geist,system-ui,sans-serif}.menubar{position:absolute;z-index:3;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 16px;background:#1d1e22b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:12.5px;font-weight:500;color:#e9eaee}.menubar-left{display:flex;gap:18px;color:#c9ccd3}.menubar-left b{color:#fff;font-weight:600}.menubar-right{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.wordmark-mark{display:inline-block;background:currentColor;-webkit-mask:url(/favicon.svg) center / contain no-repeat;mask:url(/favicon.svg) center / contain no-repeat}.menubar-right .wordmark-mark{width:12px;height:14px}.menubar-right span:last-child{margin-left:14px}.scene{position:absolute;top:30px;right:0;bottom:0;left:0;overflow:hidden;background:#07080a;animation:scene-in .6s var(--ease) both}.film{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.film-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film-ridge{animation:pan 26s ease-in-out infinite alternate}.film-ridge.mid{animation-duration:22s}.film-ridge.near{animation-duration:18s}.film-ridge.front{animation-duration:14s}.film:before,.film:after{content:"";position:absolute;z-index:2;left:0;right:0;height:9.5%;background:#000}.film:before{top:0}.film:after{bottom:0}.subtitle{position:absolute;z-index:3;left:0;right:0;bottom:14%;text-align:center;font-size:clamp(11px,1.7cqi,20px);font-weight:500;color:#fff;text-shadow:0 1px 3px #000}.mac-hud{--pt: clamp(.66px, .074cqi, .95px);--muted: #bbc4d2;position:absolute;z-index:4;color:#fff;background:color-mix(in srgb,#0b0d14 58%,transparent);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff1f,0 24px 50px -20px #000a;font-family:Geist,system-ui,sans-serif;animation:rise .5s var(--ease) both}.mac-hud small{font-size:calc(12 * var(--pt));font-weight:500;color:var(--muted)}:is(.mac-hud,.mac-notch) .ticker{font-family:var(--mono);font-feature-settings:"zero","tnum"}:is(.mac-hud,.mac-notch) .sep{font-family:Geist,system-ui,sans-serif}.mac-hud .hud-fraction{display:inline-flex;align-items:baseline;gap:calc(3 * var(--pt))}.mac-hud .hud-fraction .slash{font-family:Geist,system-ui,sans-serif;font-weight:400;color:color-mix(in srgb,var(--muted) 50%,transparent)}.mac-hud .hud-fraction .total{font-weight:600;color:var(--muted)}.mac-hud.corner{top:calc(30px + 2.2cqi);right:2.2cqi;display:flex;flex-direction:column;gap:calc(8 * var(--pt));width:calc(380 * var(--pt));padding:calc(12 * var(--pt)) calc(16 * var(--pt));border-radius:calc(26 * var(--pt))}.mac-hud .hud-top{display:flex;align-items:center;gap:calc(12 * var(--pt))}.mac-hud .hud-power{display:flex;flex:1;align-items:baseline;gap:calc(4 * var(--pt));white-space:nowrap}.mac-hud .hud-power .ticker{font-size:calc(60 * var(--pt));font-weight:700;line-height:1.05;letter-spacing:-.02em}.mac-hud .hud-power .slash,.mac-hud .hud-power .total{font-size:calc(20 * var(--pt));letter-spacing:0}.mac-hud .hud-power .total{font-weight:600}.mac-hud .hud-power small{font-size:calc(13 * var(--pt));font-weight:600}.mac-hud .hud-sensors{display:flex;flex-direction:column;gap:calc(4 * var(--pt));width:calc(104 * var(--pt))}.mac-hud .hud-sensors>span{display:flex;align-items:baseline;gap:calc(5 * var(--pt))}.mac-hud .hud-sensors svg{align-self:center;width:calc(13 * var(--pt));height:calc(13 * var(--pt));margin:0 calc(1.5 * var(--pt))}.mac-hud .hud-sensors .heart svg{color:#ff375f}.mac-hud .hud-sensors .cadence svg{color:#0a84ff}.mac-hud .hud-sensors .ticker{font-size:calc(26 * var(--pt));font-weight:700;line-height:1.1}.mac-hud .hud-sensors small{font-size:calc(13 * var(--pt));font-weight:600}:is(.mac-hud,.mac-notch) .hud-profile{display:flex;flex-direction:column;gap:calc(4 * var(--pt))}:is(.mac-hud,.mac-notch) .hud-strip{position:relative;height:calc(30 * var(--pt))}:is(.mac-hud,.mac-notch) .hud-strip svg{display:block;width:100%;height:100%;overflow:visible}:is(.mac-hud,.mac-notch) .hud-trace{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}:is(.mac-hud,.mac-notch) .hud-trace.power{stroke:#ff9f0a;stroke-width:1.5}:is(.mac-hud,.mac-notch) .hud-trace.heart{stroke:#fa4f73;stroke-width:1}:is(.mac-hud,.mac-notch) .hud-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;transition:left 1s linear}:is(.mac-hud,.mac-notch) .hud-playhead:before{content:"";position:absolute;top:-1px;left:-2.5px;width:7px;height:7px;border-radius:50%;background:#fff}:is(.mac-hud,.mac-notch) .hud-times{display:flex;justify-content:space-between;font-size:calc(11 * var(--pt));font-weight:600}.mac-hud .hud-step{display:flex;flex-direction:column;gap:calc(6 * var(--pt));padding-top:calc(8 * var(--pt));border-top:1px solid #ffffff1f}.mac-hud .hud-step-row{display:flex;align-items:center;gap:calc(10 * var(--pt))}.mac-hud .hud-chip{display:grid;flex:none;place-items:center;width:calc(40 * var(--pt));height:calc(46 * var(--pt));border-radius:calc(7 * var(--pt));font-family:var(--mono);font-size:calc(16 * var(--pt));font-weight:700;color:#fff}.mac-hud .hud-chip.small{height:calc(22 * var(--pt));font-size:calc(13 * var(--pt))}.mac-hud .hud-step-text{display:flex;flex:1;flex-direction:column;gap:calc(2 * var(--pt));min-width:0;white-space:nowrap}.mac-hud .hud-step-name{display:flex;align-items:baseline;gap:calc(6 * var(--pt));font-size:calc(15 * var(--pt));font-weight:600}.mac-hud .hud-step-name>span:first-child{overflow:hidden;text-overflow:ellipsis}.mac-hud .hud-step-name .hud-fraction{flex:none;font-size:calc(13 * var(--pt));font-weight:700}.mac-hud .hud-step-name .hud-fraction .slash,.mac-hud .hud-step-name .hud-fraction .total{font-size:calc(11 * var(--pt))}.mac-hud .hud-step-text small{font-size:calc(13 * var(--pt));font-weight:600}.mac-hud .hud-step-left{font-size:calc(32 * var(--pt));font-weight:700}.mac-hud .meter{height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.mac-hud .meter span{display:block;height:100%;background:var(--brand-dark);transform-origin:left;transition:transform 1s linear,background-color .3s}.mac-hud .hud-next{display:flex;align-items:center;gap:calc(8 * var(--pt));height:calc(22 * var(--pt));font-size:calc(13 * var(--pt));font-weight:600}.mac-hud .hud-next small{font-size:calc(13 * var(--pt));font-weight:600}.mac-hud .hud-next .hud-next-time{margin-left:auto}@keyframes pan{0%{transform:translate(-60px)}to{transform:translate(60px)}}@keyframes scene-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mac-notch{--pt: clamp(.6px, .074cqi, .95px);--muted: #bbc4d2;--camera: calc(185 * var(--pt));position:absolute;z-index:5;top:0;left:50%;display:flex;flex-direction:column;width:var(--camera);height:30px;overflow:visible;color:#fff;background:#000;border-radius:0 0 calc(14 * var(--pt)) calc(14 * var(--pt));font-family:Geist,system-ui,sans-serif;transform:translate(-50%);transition:width .5s var(--ease),height .45s var(--ease)}.mac-notch.is-shown{width:calc(var(--camera) + 304 * var(--pt))}.mac-notch.is-open{height:calc(30px + 70 * var(--pt));border-radius:0 0 calc(18 * var(--pt)) calc(18 * var(--pt))}.mac-notch:before,.mac-notch:after{content:"";position:absolute;top:0;width:calc(8 * var(--pt));height:calc(8 * var(--pt))}.mac-notch:before{right:100%;background:radial-gradient(circle at 0 100%,transparent calc(8 * var(--pt) - .5px),#000 calc(8 * var(--pt)))}.mac-notch:after{left:100%;background:radial-gradient(circle at 100% 100%,transparent calc(8 * var(--pt) - .5px),#000 calc(8 * var(--pt)))}.mac-notch .notch-bar{display:flex;flex:none;justify-content:space-between;height:30px;overflow:hidden}.mac-notch .notch-side{display:flex;flex:none;justify-content:center;align-items:center;gap:calc(12 * var(--pt));opacity:0;transition:opacity .3s;white-space:nowrap}.mac-notch .notch-side.left{width:calc(144 * var(--pt))}.mac-notch .notch-side.right{width:calc(160 * var(--pt))}.mac-notch.is-shown .notch-side{opacity:1;transition-delay:.2s}.mac-notch .notch-reading,.mac-notch .notch-step{display:flex;align-items:center;gap:calc(4 * var(--pt));font-size:calc(15 * var(--pt));font-weight:700}.mac-notch .notch-step{gap:calc(5 * var(--pt))}.mac-notch .notch-tile{display:grid;place-items:center;width:calc(18 * var(--pt));height:calc(18 * var(--pt));border-radius:calc(5 * var(--pt))}.mac-notch .notch-tile svg{width:calc(10 * var(--pt));height:calc(10 * var(--pt))}.mac-notch .heart .notch-tile{color:#ff375f;background:#ff375f1f}.mac-notch .cadence .notch-tile{color:#0a84ff;background:#0a84ff1f}.mac-notch .power .notch-tile{color:#ff9f0a;background:#ff9f0a1f}.mac-notch .notch-chip{display:grid;place-items:center;height:calc(16 * var(--pt));padding:0 calc(5 * var(--pt));border-radius:calc(5 * var(--pt));font-size:calc(10 * var(--pt));font-weight:700}.mac-notch .notch-detail{padding:calc(8 * var(--pt)) calc(22 * var(--pt)) 0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.mac-notch.is-open .notch-detail{opacity:1;visibility:visible;transition-delay:.2s}.mac-notch .hud-strip{height:calc(34 * var(--pt))}.menubar{transition:background-color .4s}.menubar>span{transition:opacity .3s}:root .screen[data-layout=notch] .menubar{background:#000}.screen[data-layout=notch] .menubar>span{opacity:0}.screen[data-layout=notch] .mac-hud.corner{visibility:hidden;animation:none}.mac-showcase .mac-layouts{display:flex;width:max-content;margin:18px auto 0}@font-face{font-family:Geist;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #0b0814;--card: #141022;--ink: #f5f2fb;--muted: #a7a0ba;--soft: #7e7694;--line: #ffffff17;--violet: #7f4fd1;--violet-hover: #6c3dbd;--accent: #b58cff;--fill-1: #ffffff07;--fill-2: #ffffff0d;--fill-3: #ffffff12;--fill-4: #ffffff1f;--edge: #ffffff21;--nav-ink: #d9d3e6;--nav-bg: #0b0814d9;--logo-ink: #fff;--underline: #ffffff59;--card-hover: #1b1630;--card-shadow: none;--badge-base: #141022eb;--error: #ff8f8f;--meta: #bbc4d2;--grain-opacity: .035;--violet-soft: #7f4fd133;--brand-dark: var(--violet);--mono: "Geist Mono", ui-monospace, "SF Mono", monospace;--ease: cubic-bezier(.2, 0, 0, 1);--radius: 20px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--speckle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.4 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--fd-1: #b58cff;--fd-2: #7f4fd1cc;--fd-3: #4f46e5d9;--fd-4: #d16ee099;--fl-1: #c4a2ffbf;--fl-2: #a47ced8a;--fl-3: #8786f685;--fl-4: #e9a2ee70;--flare-dark: url(/landing/grain.webp) 0 0 / 128px, radial-gradient(44% 46% at 50% 52%, var(--fd-1), var(--fd-2) 40%, transparent), radial-gradient(30% 32% at 60% 40%, var(--fd-3), transparent), radial-gradient(22% 24% at 42% 64%, var(--fd-4), transparent);--flare-light: url(/landing/grain-light.webp) 0 0 / 128px, radial-gradient(44% 46% at 50% 52%, var(--fl-1), var(--fl-2) 40%, transparent), radial-gradient(30% 32% at 60% 40%, var(--fl-3), transparent), radial-gradient(22% 24% at 42% 64%, var(--fl-4), transparent);--flare-bg: var(--flare-dark);--flare-mask: radial-gradient(44% 46% at 50% 52%, #000 45%, #0000), radial-gradient(30% 32% at 60% 40%, #000 35%, #0000), radial-gradient(22% 24% at 42% 64%, #000 25%, #0000);font-family:Geist,system-ui,sans-serif;color:var(--ink);background:var(--bg);color-scheme:dark;transition:background-color .3s;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f7f6fb;--card: #ffffff;--ink: #1a1625;--muted: #5f5873;--soft: #736c8a;--line: #1a16251a;--violet: #7346c9;--violet-hover: #5f35b0;--accent: #6a3fc0;--violet-soft: #7346c91f;--flare-bg: var(--flare-light);--fill-1: #1a162505;--fill-2: #1a16250a;--fill-3: #1a16250f;--fill-4: #1a162517;--edge: #1a16251f;--nav-ink: #3d3650;--nav-bg: #f7f6fbd9;--logo-ink: #1a1625;--underline: #1a162559;--card-hover: #f3effd;--card-shadow: 0 1px 2px #1a16250a, 0 10px 30px -14px #1a162524;--badge-base: #ffffffeb;--error: #c42b2b;--meta: #5f5873;--grain-opacity: .02;color-scheme:light}}:root[data-theme=light]{--bg: #f7f6fb;--card: #ffffff;--ink: #1a1625;--muted: #5f5873;--soft: #736c8a;--line: #1a16251a;--violet: #7346c9;--violet-hover: #5f35b0;--accent: #6a3fc0;--violet-soft: #7346c91f;--flare-bg: var(--flare-light);--fill-1: #1a162505;--fill-2: #1a16250a;--fill-3: #1a16250f;--fill-4: #1a162517;--edge: #1a16251f;--nav-ink: #3d3650;--nav-bg: #f7f6fbd9;--logo-ink: #1a1625;--underline: #1a162559;--card-hover: #f3effd;--card-shadow: 0 1px 2px #1a16250a, 0 10px 30px -14px #1a162524;--badge-base: #ffffffeb;--error: #c42b2b;--meta: #5f5873;--grain-opacity: .02;color-scheme:light}:root[data-theme=light] body:after{filter:invert(1)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) body:after{filter:invert(1)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;font-size:17px;line-height:1.55;position:relative}body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background:var(--grain);opacity:var(--grain-opacity)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{text-wrap:balance}p,dd{text-wrap:pretty}img,video,svg{display:block}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:6px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.mono{font-family:var(--mono);font-feature-settings:"zero","tnum"}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;z-index:60;top:12px;left:12px;padding:10px 14px;border-radius:10px;background:var(--card);transform:translateY(-200%)}.skip:focus{transform:none}.wordmark{--logo-accent: var(--accent);display:inline-flex;color:var(--logo-ink)}.hupser-logo{height:24px;width:auto;overflow:visible}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:12px;font-size:15.5px;font-weight:600;white-space:nowrap;transition:transform .15s var(--ease),background-color .2s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--violet);color:#fff}.btn.ghost{background:var(--fill-3);box-shadow:inset 0 0 0 1px var(--edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn.small{height:38px;padding:0 16px;border-radius:10px;font-size:14.5px}.nav{position:fixed;z-index:50;inset:0 0 auto;background:var(--bg);-webkit-background-clip:text;background-clip:text;transition:box-shadow .3s}.nav.is-solid{background:var(--nav-bg);-webkit-background-clip:border-box;background-clip:border-box;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line)}.nav-inner{display:flex;align-items:center;gap:28px;height:68px}.nav nav{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--nav-ink)}.nav-quiet{font-size:15px;color:var(--nav-ink)}.hg-stage:before,.ns li.is-ride:before,section#connect:before,.download:before,section#faq:before{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--flare-bg);-webkit-mask:var(--flare-mask);mask:var(--flare-mask)}.hg-stage:before,.ns li.is-ride:before,section#connect:before,.download:before,section#faq:before{left:calc(50% + var(--x) - var(--w) / 2);top:calc(var(--y) - var(--h) / 2);width:var(--w);height:var(--h)}.hg-stage{--x: 5px;--y: 253px;--w: 1248px;--h: 716px}.ns li.is-ride{--x: -70px;--y: 9px;--w: 960px;--h: 358px}.ns li.is-ride:before{opacity:.75}section#connect{--x: -19px;--y: 79px;--w: 1098px;--h: 616px;isolation:auto}.download{--x: -568px;--y: 5px;--w: 2060px;--h: 726px}section#faq{--x: -858px;--y: 277px;--w: 1156px;--h: 772px;isolation:auto}section#connect:before,section#faq:before{opacity:0;transition:opacity .8s var(--ease)}section#connect.is-in:before,section#faq.is-in:before{opacity:1}.pop{color:var(--accent)}.lede{max-width:28em;margin-top:26px;font-size:clamp(17px,1.5vw,20px);color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.note{margin-top:16px;font-size:14px;color:var(--muted)}.arrive{animation:arrive 1s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.22s}.hero-glass{position:relative;isolation:isolate;overflow:hidden;padding:140px 0 110px}.hg-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:center}.hero-glass h1{font-size:clamp(42px,5vw,72px);font-weight:680;line-height:.95;letter-spacing:-.05em;white-space:nowrap}.hg-stage{position:relative;height:600px;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hero-glass:before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:120px;pointer-events:none;background:linear-gradient(var(--bg),transparent)}.hero-glass:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:120px;pointer-events:none;background:linear-gradient(transparent,var(--bg))}.hg-item{position:absolute;z-index:1;margin:0;left:var(--x);top:var(--y);width:var(--w)}.hg-item.island{z-index:0;width:min(var(--w),49vw)}.hg-item.island:before{content:"";position:absolute;z-index:-1;top:8%;right:4%;bottom:-6%;left:4%;border-radius:50%;background:radial-gradient(closest-side,#7f4fd14d,#7346c91f 60%,transparent);filter:blur(30px)}.gl-island{width:100%;height:auto;filter:drop-shadow(0 34px 40px #00000059)}.hg-item.hud{z-index:2;container-type:inline-size}.hg-item.tiles{z-index:3}@media(min-width:1361px){.hg-item .mac-hud.corner .hud-sensors{visibility:hidden}}.glass,.hg-item .mac-hud{position:relative;color:#fff;background:linear-gradient(160deg,#ffffff1f,#ffffff08 45%,#ffffff05),#0c0a1466;backdrop-filter:blur(26px) saturate(1.45) brightness(1.04);-webkit-backdrop-filter:blur(26px) saturate(1.45) brightness(1.04);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #ffffff12,0 30px 60px -24px #000a,0 2px 8px -2px #0006}.glass:before,.hg-item .mac-hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(140deg,#ffffffb3,#ffffff26 30%,#ffffff0d 55%,#ffffff40);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hg-item .mac-hud.corner{position:relative;top:auto;right:auto;width:100%;--pt: 1.1px;animation:none}.gl-mark{flex:none;width:24px;height:24px;background:#b58cff;-webkit-mask:url(/favicon.svg) center / contain no-repeat;mask:url(/favicon.svg) center / contain no-repeat}.gl-tiles{position:relative;height:150px}.gl-tiles .gl-tile{position:absolute;width:37%}.gl-tiles .gl-tile.hr{left:0;top:18px;rotate:-2.5deg;z-index:1}.gl-tiles .gl-tile.cad{left:30%;top:0;rotate:1.5deg;z-index:2}.gl-tiles .gl-tile.power{left:62%;top:26px;rotate:-1deg;z-index:3}.gl-tile{display:flex;flex-direction:column;min-width:0;min-height:96px;padding:10px;border-radius:18px;font-family:Geist,system-ui,sans-serif;line-height:1.25;--tint: #ff375f;--muted: #bbc4d2}.glass.gl-tile{background:color-mix(in srgb,var(--tint) 9%,#1f1e22);transition:background .6s}.glass.gl-tile:before{background:color-mix(in srgb,var(--tint) 22%,#3a3a3e);transition:background .6s}.gl-tile.cad{--tint: #0a84ff}.gl-tile.power{--tint: var(--zone)}.gl-tile-head{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-tile-icon{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;color:var(--tint);background:color-mix(in srgb,var(--tint) 12%,transparent);transition:color .6s,background .6s}.gl-tile-icon svg{width:14px;height:14px}.gl-tile-badge{margin-left:auto;padding:2px 5px;border-radius:6px;background:var(--tint);color:#fff;font:700 11px/1.2 var(--mono);transition:background .6s}.gl-tile.cad.is-warning{--tint: #ff9f0a}.cad.is-warning .front small{color:var(--tint);font-weight:600;transition:color .6s}.gl-tile-value{font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap}.gl-tile-value b{font-family:var(--mono);font-size:20px;font-weight:600;color:#fff}.gl-tile small{font-size:12px;font-weight:500;color:var(--muted);white-space:pre;overflow:hidden;text-overflow:ellipsis}.gl-tile small svg{display:inline-block;width:11px;height:11px;margin-right:4px;vertical-align:-1px}.gl-tile small b{font-family:var(--mono);font-weight:600;color:#fff}.gl-tile small b.dim{color:inherit}.hg-item.tiles .gl-tile{pointer-events:auto;cursor:pointer;display:grid;-webkit-tap-highlight-color:transparent}.gl-tile-face{grid-area:1 / 1;display:flex;flex-direction:column;gap:6px;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .5s cubic-bezier(.4,0,.2,1)}.gl-tile-face.back{transform:perspective(500px) rotateY(-180deg)}.gl-tile.is-flipped .gl-tile-face.front{transform:perspective(500px) rotateY(180deg)}.gl-tile.is-flipped .gl-tile-face.back{transform:perspective(500px) rotateY(0)}.gl-tile.dip-0{animation:tile-dip-0 .5s cubic-bezier(.4,0,.2,1)}.gl-tile.dip-1{animation:tile-dip-1 .5s cubic-bezier(.4,0,.2,1)}.gl-tile{container-type:inline-size}.gl-tile-face.back small{white-space:nowrap;font-size:min(12px,10.5cqi)}@keyframes tile-dip-0{50%{scale:.96}}@keyframes tile-dip-1{50%{scale:.96}}.gl-island.is-day{display:none}:root[data-theme=light] .gl-island.is-dusk{display:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .gl-island.is-dusk{display:none}}:root[data-theme=light] .gl-island.is-day{display:block}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .gl-island.is-day{display:block}}:root[data-theme=light] .hg-item.island:before{opacity:.45}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .hg-item.island:before{opacity:.45}}:root[data-theme=light] .glass,:root[data-theme=light] .mac-hud{color:#1a1625;background:linear-gradient(160deg,#ffffffd9,#fff9 45%,#ffffffb3),#fff;box-shadow:inset 0 1px #fff,inset 0 -1px #1a16250d,0 30px 60px -24px #1a162547,0 2px 8px -2px #1a16251f}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .glass,:root:not([data-theme=dark]) .mac-hud{color:#1a1625;background:linear-gradient(160deg,#ffffffd9,#fff9 45%,#ffffffb3),#fff;box-shadow:inset 0 1px #fff,inset 0 -1px #1a16250d,0 30px 60px -24px #1a162547,0 2px 8px -2px #1a16251f}}:root[data-theme=light] .glass:before,:root[data-theme=light] .hg-item .mac-hud:before{background:linear-gradient(140deg,#fff,#ffffffb3 30%,#1a162514 60%,#ffffffe6)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .glass:before,:root:not([data-theme=dark]) .hg-item .mac-hud:before{background:linear-gradient(140deg,#fff,#ffffffb3 30%,#1a162514 60%,#ffffffe6)}}:root[data-theme=light] .mac-hud{--muted: #5f5873}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .mac-hud{--muted: #5f5873}}:root[data-theme=light] .mac-hud .hud-playhead,:root[data-theme=light] .mac-hud .hud-playhead:before{background:#1a1625}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .mac-hud .hud-playhead,:root:not([data-theme=dark]) .mac-hud .hud-playhead:before{background:#1a1625}}:root[data-theme=light] .mac-hud .hud-step{border-top-color:#1a16251a}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .mac-hud .hud-step{border-top-color:#1a16251a}}:root[data-theme=light] .mac-hud .meter{background:#1a16251a}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .mac-hud .meter{background:#1a16251a}}:root[data-theme=light] .gl-tile{--muted: #414957}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .gl-tile{--muted: #414957}}:root[data-theme=light] .glass.gl-tile{background:color-mix(in srgb,var(--tint) 9%,#fff)}:root[data-theme=light] .glass.gl-tile:before{background:#fffc}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .glass.gl-tile{background:color-mix(in srgb,var(--tint) 9%,#fff)}:root:not([data-theme=dark]) .glass.gl-tile:before{background:#fffc}}:root[data-theme=light] .gl-tile.cad.is-warning{--tint: #c76a00}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .gl-tile.cad.is-warning{--tint: #c76a00}}:root[data-theme=light] :is(.gl-tile-value,.gl-tile small) b:not(.dim){color:#171a21}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) :is(.gl-tile-value,.gl-tile small) b:not(.dim){color:#171a21}}:root[data-theme=light] .screen{background:#fff;box-shadow:0 0 0 1px #1a16251a,0 0 0 9px #e9e6f2,0 0 0 10px #1a162514,0 50px 100px -40px #1a162559}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .screen{background:#fff;box-shadow:0 0 0 1px #1a16251a,0 0 0 9px #e9e6f2,0 0 0 10px #1a162514,0 50px 100px -40px #1a162559}}:root[data-theme=light] .menubar{background:#f6f5f8cc;color:#1d1d1f}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .menubar{background:#f6f5f8cc;color:#1d1d1f}}:root[data-theme=light] .menubar-left{color:#3c3c43}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .menubar-left{color:#3c3c43}}:root[data-theme=light] .menubar-left b{color:#1d1d1f}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .menubar-left b{color:#1d1d1f}}:root[data-theme=light] .gl-island{filter:drop-shadow(0 34px 40px #1a162533)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .gl-island{filter:drop-shadow(0 34px 40px #1a162533)}}.theme-switch{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--fill-2);box-shadow:inset 0 0 0 1px var(--line)}.theme-switch button{height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:500 13px Geist,system-ui,sans-serif;cursor:pointer}.theme-switch button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000001f,inset 0 0 0 1px var(--line)}.block{position:relative;padding:128px 0;isolation:isolate}.head{max-width:640px}h2{font-size:clamp(34px,4.2vw,54px);font-weight:650;line-height:1.05;letter-spacing:-.04em}.head>p{margin-top:18px;font-size:18px;color:var(--muted)}.head+*{margin-top:56px}.cards{display:grid;gap:16px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{display:flex;flex-direction:column;padding:28px;border-radius:var(--radius);background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--card-shadow)}.card :is(h2,h3){font-size:20px;font-weight:620;letter-spacing:-.02em}.card p{margin-top:8px;color:var(--muted)}.ns{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:56px 0 0;padding:8px;list-style:none;border-radius:28px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--card-shadow)}.ns:before{content:"";position:absolute;z-index:0;left:calc(12.5% + 8px);right:calc(12.5% + 8px);top:60px;height:2px;background:linear-gradient(90deg,var(--line),color-mix(in srgb,var(--violet) 70%,transparent))}.ns li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:28px 20px 30px;border-radius:22px;text-align:center}.ns li.is-ride{overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 40%,transparent)}.ns-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--edge),0 0 0 8px var(--card);color:var(--ink)}.ns-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ns-icon i{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1px var(--edge);font-size:11px;font-style:normal;font-weight:600;color:var(--muted)}.ns li.is-ride .ns-icon{background:var(--violet);color:#fff;box-shadow:0 0 0 8px transparent,0 12px 28px -8px var(--violet)}.ns li.is-ride .ns-icon svg{fill:currentColor;stroke:none}.ns li.is-ride .ns-icon i{background:#fff;color:var(--violet);box-shadow:none}.ns h3{margin-top:22px;font-size:19px;font-weight:620;letter-spacing:-.02em}.ns p{margin-top:6px;max-width:17em;color:var(--muted);font-size:15.5px}.points{display:grid;gap:28px 32px}.points.four{grid-template-columns:repeat(4,1fr)}.points.two{grid-template-columns:repeat(2,1fr)}.points dt{padding-bottom:10px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}.points dd{margin-top:10px;font-size:15px;color:var(--muted)}.wcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.wcard{padding:16px;border-radius:var(--radius);background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--card-shadow);transition:background-color .15s}.wcard h3{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcard-meta{margin-top:3px;font-size:13.5px;font-weight:500;color:var(--meta);font-feature-settings:"tnum";white-space:pre}.wcard-chart{position:relative;margin-top:14px}.wcard-profile{width:100%;height:96px}.wcard-badges{position:absolute;left:6px;bottom:6px;display:flex;gap:5px}.wcard-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;font-size:12px;font-weight:600;color:var(--tint);background:color-mix(in srgb,var(--tint) 14%,var(--badge-base));white-space:nowrap}.screen{border-radius:var(--radius)}.mac{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:center}.mac .head+.points{margin-top:40px}.mac .screen{margin-top:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split .head+*{margin-top:0}.connections{position:relative;display:grid;grid-template-columns:minmax(0,330px) 1fr minmax(0,330px);grid-template-areas:"in hub out";align-items:center}.wires{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.wire{fill:none;stroke:var(--fill-4);stroke-width:1.5}.wire-pulse{fill:none;stroke:#b58cff;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 94;filter:drop-shadow(0 0 4px #7f4fd1);animation:flow 3.6s linear infinite;animation-delay:var(--delay);opacity:0;transition:opacity 1s}.connections.is-in .wire-pulse{opacity:1}.side{position:relative;display:grid;gap:10px;margin:0;padding:0;list-style:none}.side.in{grid-area:in}.side.out{grid-area:out}.node{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--card-shadow)}.node-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--fill-2);color:var(--ink)}.node-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.node-icon img{width:36px;height:36px;border-radius:10px}.node-icon.is-image{background:none;box-shadow:none}.node-text{display:flex;flex-direction:column;font-size:15px;font-weight:600}.node-text small{margin-top:1px;font-size:13px;font-weight:400;color:var(--muted)}.hub{grid-area:hub;position:relative;z-index:1;justify-self:center;display:grid;place-items:center;width:116px;height:116px;border-radius:34px;background:radial-gradient(circle,#7f4fd140,transparent 70%)}.hub img{width:76px;height:76px;filter:drop-shadow(0 12px 22px #7f4fd180)}@keyframes flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.download{position:relative;isolation:isolate;overflow:hidden;padding:64px;border-radius:32px;background:var(--card);box-shadow:inset 0 0 0 1px var(--fill-4),inset 0 1px 0 var(--fill-4),var(--card-shadow)}.download:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--grain);opacity:.12;mix-blend-mode:overlay}.download .cards{margin-top:40px}.platform{gap:0;padding:24px;background:var(--fill-1);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s,box-shadow .2s}.platform-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:20px;border-radius:11px;background:var(--fill-2);box-shadow:inset 0 0 0 1px var(--fill-3);color:var(--ink)}.platform-icon svg{width:19px;height:19px;fill:currentColor}#get-windows .platform-icon svg{width:15px;height:15px}#get-android .platform-icon svg{width:22px;height:22px}.platform :is(h2,h3){font-size:18px;line-height:inherit}.platform p{margin:4px 0 24px;font-size:14px}.platform-action{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:600;background:var(--fill-3);box-shadow:inset 0 0 0 1px var(--fill-4);transition:background-color .2s}.platform-action.is-primary{background:var(--violet);box-shadow:none;color:#fff}.platform-soon{margin-top:auto;display:inline-flex;align-items:center;height:36px;font-size:14px;color:var(--soft)}.platform.is-primary{background:#7f4fd117;box-shadow:inset 0 0 0 1px #7f4fd18c}.platform.is-primary .platform-icon{background:#7f4fd133;box-shadow:inset 0 0 0 1px #7f4fd166}.platform.is-soon{background:transparent;box-shadow:inset 0 0 0 1px var(--fill-3)}.platform.is-soon :is(h2,h3),.platform.is-soon .platform-icon{opacity:.6}.download-pitch{max-width:34em;margin-top:16px;font-size:clamp(17px,1.4vw,19px);color:color-mix(in srgb,var(--ink) 84%,transparent)}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:64px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:18px;font-weight:560;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:22px;line-height:1;color:var(--muted);transition:transform .25s var(--ease)}details[open] summary:after{transform:rotate(45deg)}details p{max-width:38em;margin:-4px 0 20px;color:var(--muted)}details a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--underline);text-underline-offset:3px}.footer{padding:56px 0 48px;border-top:1px solid var(--line)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;font-size:14.5px;color:var(--muted)}.footer .hupser-logo{height:20px}.footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}.footer-mail{margin-left:auto}.footer small{font-size:13.5px;color:var(--soft)}@media(hover:hover){.btn.primary:not(:disabled):hover,a.platform.is-primary:hover .platform-action{background:var(--violet-hover)}a.platform:hover{background-color:#7f4fd112;box-shadow:inset 0 0 0 1px #7f4fd159}a.platform.is-primary:hover{background-color:#7346c92e;box-shadow:inset 0 0 0 1px #7f4fd1cc}a.platform:not(.is-primary):hover .platform-action{background:var(--fill-4)}.btn.ghost:hover{background:var(--fill-4)}.nav nav a:hover,.nav-quiet:hover,.footer a:hover{color:var(--ink)}.wcard:hover{background:var(--card-hover)}}@keyframes arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}section#connect:before,section#faq:before{opacity:1}html{scroll-behavior:auto}}@media(max-width:1360px)and (min-width:961px){.hg-item.tiles{left:calc(12.1% + 40px);top:calc(56.3% - 128px)}}@media(max-width:960px){.cards.three{grid-template-columns:minmax(0,1fr)}.cards.four,.points.four,.wcards{grid-template-columns:repeat(2,1fr)}.ns{grid-template-columns:1fr 1fr}.ns:before{display:none}.mac,.split,.faq,.hg-inner{grid-template-columns:minmax(0,1fr);gap:48px}.hg-stage{height:auto;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0}.hg-item{position:relative;inset:auto!important;width:min(420px,100%)!important;translate:none}.hg-item+.hg-item{margin-top:28px}.connections{--wires: down;grid-template-columns:minmax(0,1fr);grid-template-areas:"in" "hub" "out"}.side{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.side.out{padding-inline:10%}.node{flex-direction:column;justify-content:flex-start;gap:9px;padding:0;background:none;box-shadow:none;text-align:center}.node-icon{width:52px;height:52px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--card-shadow)}.node-icon svg{width:22px;height:22px}.node-icon img{width:52px;height:52px;border-radius:16px}.node-icon.is-image{background:none;box-shadow:none}.node-text{font-size:13px;font-weight:550;line-height:1.25}.node-text small{display:none}.hub{margin:52px 0;width:96px;height:96px}.hub img{width:64px;height:64px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav nav,.nav-quiet{display:none}.nav .btn{margin-left:auto}.hero-glass{padding:104px 0 72px}.hero-glass+.block{padding-top:8px}.hero-glass h1{font-size:clamp(38px,11.4vw,46px)}.lede{margin-top:20px}.actions{margin-top:28px}.actions .btn{flex:1 1 100%}.note{text-align:center}.hg-inner{gap:20px}.hg-stage{display:flex;flex-direction:column}.hg-item.tiles{order:0;width:100%!important;margin-top:0}.hg-item.island{order:1;width:calc(100% + 24px)!important;margin:-12% -12px 0}.hg-item.hud{order:2;width:100%!important;margin-top:-16%!important}.hg-item .mac-hud.corner{--pt: .9px}.block{padding:64px 0}.head>p{margin-top:14px;font-size:17px}.head+*{margin-top:32px}.cards.four,.points.four,.points.two{grid-template-columns:1fr}.wcards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;margin-inline:-18px;padding-inline:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none}.wcards::-webkit-scrollbar{display:none}.wcard{scroll-snap-align:start}.card{padding:24px}.ns{grid-template-columns:1fr;margin-top:32px;padding:6px;border-radius:24px}.ns:before{display:block;left:47px;right:auto;top:44px;bottom:44px;width:2px;height:auto;background:linear-gradient(var(--line),color-mix(in srgb,var(--violet) 70%,transparent))}.ns li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:center;padding:16px 20px;text-align:left;border-radius:19px}.ns-icon{grid-row:span 2;align-self:start;width:44px;height:44px;border-radius:13px}.ns-icon svg{width:21px;height:21px}.ns li h3{margin-top:1px;font-size:17px}.ns li p{margin-top:2px;font-size:15px}.download{padding:32px 20px;border-radius:24px}.download .cards{grid-template-columns:1fr;gap:10px}.download .platform{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon name action" "icon note action";align-items:center;column-gap:14px;padding:14px 16px}.download .platform .platform-icon{grid-area:icon;margin:0}.download .platform :is(h2,h3){grid-area:name;align-self:end;font-size:16px}.download .platform p{grid-area:note;align-self:start;margin:0;font-size:13px}.download .platform :is(.platform-action,.platform-soon){grid-area:action;margin:0}.hg-stage{--x: 21px;--y: 284px;--w: 747px;--h: 668px}.ns li.is-ride{--x: -128px;--y: 40px;--w: 200px;--h: 160px}section#connect{--x: 0px;--y: 361px;--w: 480px;--h: 440px}.download{--x: -98px;--y: 10px;--w: 560px;--h: 480px}section#faq{--x: -110px;--y: 90px;--w: 420px;--h: 340px}.gl-tiles{height:140px}.gl-tile{padding:10px}.gl-tile-head{font-size:11.5px;gap:5px}.gl-tile-icon{width:22px;height:22px}.gl-tile-value b{font-size:17px}.mac{gap:32px}.mac>div:not(.screen){display:contents}.mac .screen{order:1}.mac .mac-showcase .mac-layouts{order:1;margin-top:-16px}.mac .points{order:2}.mac .head+.points{margin-top:0}.points{gap:22px}.faq{gap:24px}summary{padding:18px 0;font-size:17px}.screen{aspect-ratio:1}.mac-hud{--pt: .8px}.mac-hud.corner{right:12px;top:42px;width:min(calc(380 * var(--pt)),calc(100% - 24px))}.menubar-left span,.menubar-right span:last-child{display:none}.footer-mail{margin-left:0}}
