:root{--ink:#f5f5f7;--dim:#bec8dd;--bg:#060810;--line:#ffffff24;--amber:#ffb457;--ember:#ff7847;--serif:ui-serif, "New York", "Iowan Old Style", Palatino, Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2{font-family:var(--serif);letter-spacing:-.025em;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:5px}nav{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);white-space:nowrap;color:#f5f5f7;background:#0c101dcc;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:24px;padding:9px 10px 9px 20px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0003}.brand{align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.brand-icon{background:linear-gradient(135deg,#ffcf81 0%,#ff9b54 48%,#203553 50%,#101d33 100%);border:1px solid #ffcd8e;border-radius:50%;flex:0 0 26px;width:26px;height:26px;display:inline-block;position:relative;box-shadow:inset 0 0 0 3px #142038,0 2px 8px #0003}.brand-icon:after{content:"";border-bottom:1.5px solid #fff6e7;border-left:1.5px solid #fff6e7;border-bottom-left-radius:2px;width:6px;height:8px;position:absolute;top:5px;left:11px}.nav-links{color:#d0d5e0;gap:25px;font-size:13px;display:flex}.nav-cta{background:linear-gradient(var(--amber), var(--ember));color:#231406;border-radius:30px;padding:11px 17px;font-size:12px;font-weight:650}.hero{isolation:isolate;flex-direction:column;align-items:center;min-height:1100px;padding:145px 24px 90px;display:flex;position:relative;overflow:hidden}.sky-fallback{z-index:-2;background:radial-gradient(at 78% 34%,#8199c340,#0000 28%),linear-gradient(#071126 10%,#253258 47%,#695875 65%,#c28c7360 83%,#060810 100%);position:absolute;inset:0}.hero-copy{text-align:center;z-index:1;position:relative}.eyebrow{letter-spacing:2px;color:var(--dim);margin-bottom:22px;font-size:10px;font-weight:600}h1{font-size:clamp(66px,8.5vw,124px);line-height:.98}.hero-sub{color:var(--dim);margin:24px 0 27px;font-size:18px;line-height:1.65}.btn{border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(var(--amber), var(--ember));color:#231406;box-shadow:0 8px 28px #ff8a4730}.fineprint{color:var(--dim);margin-top:17px;font-size:11px}.app-demo{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#10182de8;border:1px solid #ffffff38;border-radius:23px;width:min(620px,100%);margin-top:47px;overflow:hidden;box-shadow:0 28px 100px #0005}.demo-title{color:#d0d7e6;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:16px 20px;font-size:11px;display:flex}.traffic-lights{letter-spacing:3px;color:#8693aa}.demo-local{text-align:center;padding:30px 20px}.demo-local strong{margin:12px;font-size:38px;font-weight:400;line-height:1.2;display:block}.demo-hint{text-align:center;color:#bac6dc;border-top:1px solid #ffffff12;padding:19px;font-size:11px}.feature-section{text-align:center;max-width:1000px;margin:auto;padding:100px 24px}.feature-section h2{font-size:clamp(44px,6vw,76px);line-height:1.08}.feature-section>p{max-width:570px;color:var(--dim);margin:25px auto;font-size:18px;line-height:1.7}@media (max-width:650px){nav{gap:13px;max-width:calc(100% - 24px)}.nav-links{display:none}.hero{min-height:950px;padding-top:130px}.hero-sub{font-size:16px}.app-demo{margin-top:35px}h1{font-size:72px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none;animation:none}}.experience{--panel:#111929f5;--section:#080c14f5;--section-alt:#0d1420f5;--panel-dim:#b9c7dd;--panel-ink:#f5f5f7;--border:#ffffff20;--shadow:#0005;--hero-halo:#13244255;isolation:isolate;color:var(--ink);transition:color .5s;position:relative}.experience[data-phase=day]{--ink:#172d43;--dim:#364e65;--panel:#f6f9fbf5;--panel-ink:#182d42;--panel-dim:#4b6175;--border:#213d5526;--line:#213d5526;--section:#eef3f5f7;--section-alt:#e6edf1f5;--shadow:#10355529;--hero-halo:#e0edf17a}.experience[data-phase=twilight]{--ink:#fff7ef;--dim:#f2e5e1;--panel:#252238f5;--panel-dim:#d6cbdf;--panel-ink:#fff8f2;--section:#181724f5;--section-alt:#242033f5;--hero-halo:#30203977}.experience>.sky-fallback,.sky-canvas{z-index:-2;pointer-events:none;position:fixed;inset:0}.sky-canvas{z-index:-1}.sky-canvas canvas{width:100%;height:100%;display:block}.experience[data-phase=day]>.sky-fallback{background:radial-gradient(at 95% 18%,#fff8e482,#0000 38%),linear-gradient(#4984bb,#9abbd5 48%,#dce0dc 76%,#7d9199)}.experience[data-phase=twilight]>.sky-fallback{background:radial-gradient(at 94% 73%,#ffba7659,#0000 45%),linear-gradient(#283d5e,#6b8199 48%,#d6a486 75%,#636d7b)}.experience>.sky-fallback{background:radial-gradient(at 94% 16%,#668ab01a,#0000 28%),linear-gradient(#030812,#101f34 57%,#293e50 80%,#122330);transition:background .5s;overflow:hidden}.sky-fallback:before{content:"";filter:blur(9px);opacity:.2;background:radial-gradient(24% 5% at 12% 20%,#dce7f14a,#0000 90%),radial-gradient(16% 7% at 29% 27%,#f0f4f14d,#0000 90%),radial-gradient(26% 8% at 62% 64%,#e8ecef59,#0000 90%),radial-gradient(17% 5% at 82% 72%,#dde6ea40,#0000 90%);position:absolute;inset:20% -10% 28%}.experience[data-phase=day] .sky-fallback:before{opacity:1}.experience[data-phase=twilight] .sky-fallback:before{opacity:.55}.fallback-sun,.fallback-moon{border-radius:50%;width:22px;height:22px;transition:opacity .5s;position:absolute;top:15%;right:3%}.fallback-sun{opacity:0;background:#fffef7;box-shadow:0 0 8px 3px #fffbe6,0 0 36px 16px #fff3cf80,0 0 100px 50px #ffe7bc38,0 0 220px 100px #fff2db12}.fallback-moon{background:radial-gradient(at 32% 42%,#666c6d7a 9%,#0000 22%),radial-gradient(at 52% 70%,#767b7e70 6%,#0000 18%),radial-gradient(circle at 39% 22%,#9b9f9f80 4%,#0000 12%),radial-gradient(circle at 27% 36%,#e3e4da,#bec3c3 47%,#67747e 70%,#182a3c 84%);width:34px;height:34px;box-shadow:inset -10px -1px 9px #081727,0 0 35px 6px #cad9ed12,0 0 100px 30px #b7d3ef0a}.fallback-stars{background-image:radial-gradient(1px 1px at 18px 29px,#fff9,#0000),radial-gradient(1px 1px at 98px 113px,#c0d7ffb0,#0000),radial-gradient(1px 1px at 155px 64px,#fff7,#0000);background-size:227px 193px,349px 257px,417px 379px;transition:opacity .5s;position:absolute;inset:0 0 25%;-webkit-mask-image:linear-gradient(#000,#0009 60%,#0000);mask-image:linear-gradient(#000,#0009 60%,#0000)}.experience[data-phase=day] .fallback-sun{opacity:1}.experience[data-phase=day] .fallback-moon,.experience[data-phase=day] .fallback-stars{opacity:0}.experience[data-phase=twilight] .fallback-sun{opacity:.75;background:#ffd19b;top:70%}.experience[data-phase=twilight] .fallback-moon{opacity:0}.experience[data-phase=twilight] .fallback-stars{opacity:.15}@media (max-aspect-ratio:1){.fallback-sun,.fallback-moon{right:11%}}.city-rows:empty{min-height:252px}.skip-link{z-index:200;color:#fff;background:#101523;border-radius:9px;padding:14px 18px;position:fixed;top:16px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.hero{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-content:center;align-items:center;gap:0 6%;min-height:100svh;padding:135px max(5%,50% - 640px) 60px;display:grid;overflow:visible}.hero:after{content:"";background:linear-gradient(transparent, var(--section));z-index:-1;pointer-events:none;height:180px;position:absolute;inset:auto 0 0}.hero-copy{text-align:left;grid-area:1/1;min-width:0;max-width:100%;padding:15px 0;container-type:inline-size}.hero-copy:before{content:"";background:radial-gradient(ellipse, var(--hero-halo), transparent 70%);z-index:-1;pointer-events:none;position:absolute;inset:-25% 0}.hero-copy h1{font-size:clamp(40px,14cqw,86px);line-height:1.01}.hero-copy .eyebrow{font-size:10px}.hero-sub{max-width:470px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-ghost{border:1px solid var(--border);background:var(--hero-halo);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brew-install{border:1px solid var(--border);background:var(--panel);max-width:470px;color:var(--panel-ink);text-align:left;border-radius:14px;margin:12px auto 0 0;padding:12px 14px}.brew-heading{color:var(--panel-dim);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.brew-heading button{border:1px solid var(--border);color:var(--panel-ink);cursor:pointer;background:0 0;border-radius:7px;padding:7px 10px}.brew-install pre{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:10px 0 0;font-size:11px;line-height:1.7}.brew-status{min-height:16px;color:var(--panel-dim);margin-top:6px;font-size:11px;display:block}@media (max-width:850px){.brew-install{margin-inline:auto}}.btn:hover{filter:brightness(1.04);transform:translateY(-2px)}.btn{transition:transform .2s,filter .2s}.fineprint span{margin:0 5px}.hero-copy .fineprint{color:var(--panel-dim);background:var(--panel);border-radius:20px;padding:7px 11px;display:inline-block}.app-demo{background:var(--panel);width:100%;max-width:610px;color:var(--panel-ink);border:1px solid var(--border);box-shadow:0 30px 110px var(--shadow), 0 2px 10px #0001;grid-area:1/2;margin:0;scroll-margin-top:110px;transition:background .5s,color .5s}.demo-title{border-color:var(--border);color:var(--panel-dim);gap:15px}.demo-title h2{font:600 12px var(--sans);letter-spacing:0}.preview-label{font-size:9px}.traffic-lights{gap:6px;display:flex}.traffic-lights i{background:#ff6159;border-radius:50%;width:8px;height:8px}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}.demo-local{padding:25px 20px 23px}.demo-local>p{color:var(--panel-dim);letter-spacing:1.1px;font-size:9px}.local-time{letter-spacing:-3.5px;font-variant-numeric:tabular-nums;margin:5px 0 8px;font-size:65px;font-weight:300;line-height:1.15;display:block}.demo-local .home-name{letter-spacing:0;font-size:11px}.home-name strong{font:600 11px var(--sans);color:var(--panel-ink);margin:0;display:inline}.city-rows{padding:0 21px}.city-row{border-top:1px solid var(--border);grid-template-columns:minmax(110px,1.15fr) minmax(65px,1.2fr) 72px 19px;align-items:center;gap:13px;min-height:63px;padding:12px 0;display:grid}.city-info>span{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.city-info>small{color:var(--panel-dim);margin-top:5px;font-size:9px;display:block}.home-chip{font:600 7px var(--sans);letter-spacing:.6px;border:1px solid var(--border);color:var(--panel-dim);border-radius:4px;padding:3px 5px}.day-track{border-radius:5px;height:24px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.track-marker{background:var(--panel-ink);width:1px;position:absolute;top:-4px;bottom:-4px;transform:translate(-50%);box-shadow:0 0 6px #0002}.track-symbol{color:#1f3049;text-shadow:0 0 6px #ffe5af;font:15px Georgia;position:absolute;top:3px;transform:translate(-50%)}.city-time{text-align:right}.city-time time{letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:19px;font-weight:500}.city-time small{color:var(--panel-dim);margin-top:4px;font-size:8px;display:block}.remove-city{color:var(--panel-dim);cursor:pointer;opacity:.65;background:0 0;border:0;padding:4px 0;font-size:20px}.remove-city:hover{opacity:1;color:var(--panel-ink)}.home-dot{background:var(--panel-dim);border-radius:50%;justify-self:center;width:4px;height:4px}.timeline{padding:22px 21px 20px}.timeline-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;font-size:10px;display:flex}.timeline-heading label{font-weight:600}.timeline-heading button{color:var(--panel-dim);cursor:pointer;background:0 0;border:0;font-size:10px}.timeline-heading button:disabled{opacity:.5;cursor:default}input[type=range]{appearance:none;cursor:ew-resize;accent-color:#d78948;background:0 0;width:100%;height:28px;display:block}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#485674,#d69e7e,#ffe0a1,#ad97a0,#34415f);border-radius:5px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--panel-ink);background:#ffc17c;border-radius:50%;width:17px;height:17px;margin-top:-6.5px;box-shadow:0 2px 9px #0004}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#485674,#d69e7e,#ffe0a1,#ad97a0,#34415f);border-radius:5px;height:4px}input[type=range]::-moz-range-thumb{border:3px solid var(--panel-ink);background:#ffc17c;border-radius:50%;width:11px;height:11px}.timeline-ticks{color:var(--panel-dim);justify-content:space-between;margin-top:3px;font-size:8px;display:flex}.demo-toolbar{border-top:1px solid var(--border);color:var(--panel-dim);align-items:center;gap:12px;padding:14px 21px;font-size:9px;display:flex}.demo-toolbar button{color:var(--panel-ink);cursor:pointer;background:0 0;border:0;font-size:10px}.demo-toolbar button:last-child{margin-left:auto}.demo-toolbar button:disabled{opacity:.5;cursor:default}.city-picker{border-top:1px solid var(--border);padding:18px 21px}.city-picker>label{margin-bottom:10px;font-size:11px;display:block}.city-picker>input{background:var(--section);border:1px solid var(--border);width:100%;color:var(--panel-ink);border-radius:9px;padding:12px;font-size:12px}.city-options{overscroll-behavior:contain;max-height:190px;margin-top:10px;overflow:auto}.city-options>button{text-align:left;width:100%;color:var(--panel-ink);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px 7px;font-size:12px;display:flex}.city-options>button:hover{background:var(--border)}.city-options small{color:var(--panel-dim);font-size:10px}.city-options button>span:last-child{margin-left:auto}.city-options>p{color:var(--panel-dim);padding:12px 0;font-size:12px}.picker-close{color:var(--panel-dim);cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:10px}.scene-presets{color:var(--panel-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:16px 0 0;font-size:11px;display:flex}.scene-presets button{border:1px solid var(--border);background:var(--hero-halo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--panel-ink);cursor:pointer;border-radius:20px;min-height:36px;padding:8px 18px;font-size:11px}.scene-presets button:hover{background:var(--panel);color:var(--panel-ink)}.location-status:empty{display:none}.location-status{color:var(--panel-dim);padding:0 22px 16px;font-size:11px;line-height:1.5}.github-link{align-items:center;gap:8px;min-height:36px;font-size:12px;display:inline-flex}.github-icon{background:currentColor;width:18px;height:18px;-webkit-mask:url(/icons/github.svg) 50%/contain no-repeat;mask:url(/icons/github.svg) 50%/contain no-repeat}.github-count{font-variant-numeric:tabular-nums;border-left:1px solid #ffffff30;padding-left:8px}@media (max-width:550px){.app-screenshots{grid-template-columns:1fr;max-width:380px}.app-demo-video{border-radius:12px}.github-label{display:none}}.feature-section{background:var(--section);text-align:center;max-width:none;padding:84px 24px;transition:background .5s}.feature-section:nth-child(2n){background:var(--section-alt)}.wrap{max-width:1120px;margin:auto}.feature-section h2{letter-spacing:-.025em;font-size:clamp(42px,4.8vw,64px);line-height:1.04}.section-sub{max-width:650px;color:var(--dim);margin:27px auto 0;font-size:18px;line-height:1.7}.feature-section .eyebrow{color:var(--dim);margin-bottom:24px;font-size:10px}.app-screenshots{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;max-width:784px;margin:0 auto;display:grid}.app-demo-video{width:100%;max-width:1040px;height:auto;box-shadow:0 25px 60px var(--shadow);background:#080d18;border-radius:24px;margin:40px auto 0;display:block}.video-section .app-demo-video{margin-top:0}.split{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.split .section-sub{font-size:17px}.native-preview{aspect-ratio:1328/1640;text-align:center;padding:0;position:relative;overflow:hidden}.native-preview img{aspect-ratio:1328/1640;object-fit:cover;width:100%;max-width:420px;height:100%;box-shadow:0 25px 60px var(--shadow);border-radius:12px;display:block}.release-section{border-top:1px solid var(--line)}.release-dot{background:#ffb457;border-radius:50%;width:7px;height:7px;margin:0 auto 28px;display:block;box-shadow:0 0 25px #ffb457aa}.release-label{background:var(--panel);border:1px solid var(--border);color:var(--panel-ink);margin-top:28px}.back-demo{color:var(--dim);margin-top:24px;font-size:12px;display:block}.back-demo:hover{color:var(--ink)}footer{background:var(--section);border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;align-items:center;gap:24px;padding:32px max(5%,50% - 560px);font-size:11px;display:flex}footer .brand,footer a:hover{color:var(--ink)}@media (min-width:1500px){.hero{column-gap:90px}}@media (max-width:1100px){.hero{grid-template-columns:1fr 1.2fr;column-gap:4%;padding-inline:4%}.hero-sub{font-size:15px}.hero-sub br{display:none}.hero-actions{gap:10px}.btn{padding:13px 19px;font-size:12px}.fineprint{font-size:9px}.city-rows{padding-inline:16px}.city-row{grid-template-columns:minmax(85px,1fr) minmax(50px,1fr) 62px 15px;gap:9px}.city-info>span{font-size:11px}.city-time time{font-size:17px}.city-time small{font-size:7px}.split{gap:50px}}@media (max-width:850px){.hero{min-height:0;padding:128px 24px 65px;display:flex}.hero-copy{text-align:center;width:100%;padding:0 0 34px}.hero-copy h1{font-size:76px}.hero-sub{max-width:480px;font-size:17px}.hero-actions{justify-content:center}.fineprint{font-size:10px}.app-demo{width:100%;max-width:590px;margin-top:12px}.hero:after{height:120px}.city-row{grid-template-columns:minmax(100px,1fr) minmax(70px,1.4fr) 75px 19px;gap:14px}.city-info>span{font-size:12px}.city-time time{font-size:20px}.city-time small{font-size:8px}.feature-section{padding:65px 24px}.split{text-align:center;grid-template-columns:1fr;gap:40px;max-width:550px}.native-preview{justify-self:center;width:100%;max-width:470px}.nav-links{gap:18px}.section-sub{font-size:17px}}@media (max-width:550px){.hero{padding-inline:17px}.hero-copy h1{font-size:clamp(40px,12.8vw,68px)}.hero-sub{max-width:340px;font-size:15px}.hero-sub br{display:none}.app-demo{border-radius:19px}.demo-title{gap:8px;padding:14px 16px}.preview-label{font-size:8px}.demo-local{padding:24px 15px 18px}.local-time{font-size:58px}.city-rows{padding-inline:14px}.city-row{grid-template-columns:minmax(82px,1fr) minmax(45px,.9fr) 64px 15px;gap:9px}.city-info>span{font-size:11px}.city-info>small{font-size:8px}.city-time time{font-size:18px}.city-time small{font-size:7px}.home-chip{font-size:6px}.timeline{padding-inline:15px}.timeline-heading{gap:8px;font-size:9px}.timeline-heading button{font-size:9px}.demo-toolbar{gap:7px;padding:14px 15px;font-size:8px}.demo-toolbar button{font-size:9px}.scene-presets{gap:6px}.feature-section{padding:58px 23px}.feature-section h2{font-size:42px}.section-sub{font-size:15px;line-height:1.8}.desktop-break{display:none}footer{flex-wrap:wrap;padding:27px 24px;font-size:10px}footer>span{flex-basis:100%;order:3}}@media (max-width:360px){.hero-copy h1{font-size:12.8vw}.hero{padding-inline:12px}.city-row{grid-template-columns:minmax(73px,1fr) minmax(36px,.7fr) 57px 13px;gap:7px}.city-time time{font-size:16px}.city-info>span{font-size:10px}.home-chip{padding:2px 3px}.preview-label{font-size:7px}.demo-title h2{font-size:11px}.nav-cta{padding:10px 13px;font-size:10px}}