@charset "UTF-8";
:root{color-scheme:dark;--white:#e8e7e3;--muted:#91939b;--line:#ffffff24;--serif:"Songti SC","Noto Serif CJK SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050607;color:var(--white);font:14px/1.8 "Microsoft YaHei","Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e7c9a0;outline-offset:6px}#stars{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.reading-progress{position:fixed;top:0;left:0;height:2px;background:#c5c7d5;width:0;z-index:30}.site-header{height:92px;position:absolute;left:6%;right:6%;top:0;display:flex;justify-content:space-between;align-items:center;z-index:10}.wordmark{font:20px Georgia,serif;display:flex;align-items:center;gap:12px;letter-spacing:.02em}.logo-orbit{width:22px;height:22px;border:1px solid #c9cad0;border-radius:50%;display:inline-block;position:relative;box-shadow:inset -6px -2px 4px #dddddd55}.logo-orbit:after{content:"";position:absolute;inset:5px -8px;border:1px solid #b4b6bf88;border-radius:50%;transform:rotate(-33deg)}nav{display:flex;gap:38px;align-items:center;font-size:12px;color:#a9acb5}.nav-download{color:#e6e5df}.nav-download span{margin-left:20px}.opening{height:180svh}.opening-sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden}.celestial{position:absolute;right:-16%;top:-14%;width:min(83vw,1190px);aspect-ratio:1;will-change:transform}.celestial canvas{position:absolute;inset:11%;width:78%;height:78%;filter:contrast(1.15)}.moon-halo{position:absolute;inset:14%;border-radius:50%;box-shadow:50px -20px 140px #9297b317,100px -70px 100px #f1e6da0b}.celestial-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c0c4d025;stroke-width:.7;transform:rotate(-5deg)}.celestial-ring ellipse+ellipse{stroke:#e4e5ee10;stroke-width:5}.figure-note{position:absolute;right:27%;bottom:13%;font:italic 11px Georgia,serif;letter-spacing:2px;color:#737783;transform:rotate(-27deg)}.hero-copy{position:absolute;left:10%;top:28%;z-index:2;max-width:550px}.intro-line{font-size:12px;letter-spacing:.2em;color:#b0b2ba;margin:0 0 25px}h1{font:clamp(40px,4.5vw,75px)/1.45 var(--serif);letter-spacing:.05em;font-weight:400;margin:0 0 25px;text-shadow:0 2px 35px #000}p{color:var(--muted)}.hero-description{font-size:13px;line-height:2.2;margin-bottom:32px}.text-link{display:inline-flex;align-items:center;gap:38px;font-size:12px;letter-spacing:.06em;padding:12px 0;border-bottom:1px solid #ffffff35}.text-link:hover{color:#fff;border-color:#fff}.hero-foot{position:absolute;bottom:35px;left:6%;right:6%;display:flex;justify-content:space-between;color:#737781;font-size:10px;letter-spacing:.1em}.hero-foot i{height:30px;width:1px;background:linear-gradient(#aaa,transparent);display:inline-block;margin-left:15px;vertical-align:middle}.chapter-index{font-size:11px;color:#a6a8b2;letter-spacing:.12em}h2{font:clamp(35px,4vw,61px)/1.5 var(--serif);font-weight:400;letter-spacing:.04em;margin:20px 0}.chapter-heading{text-align:center}.chapter-heading p,.rhythm-copy p,.time-heading p,.arrival p{font-size:13px;line-height:2.2}.phase-section{height:160svh;position:relative}.phase-sticky{position:sticky;top:0;min-height:720px;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 6%;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#252b3a30,transparent 62%)}.phase-line{display:flex;align-items:center;justify-content:center;width:min(980px,100%);gap:2%;margin:45px 0 25px}.phase-line figure{margin:0;width:12%;text-align:center;transform:translateY(var(--lift,0px));opacity:var(--phase-opacity,1);transition:opacity .2s}.phase-line figure:nth-child(4){width:15%;flex-shrink:0}.phase-line canvas{width:100%;display:block;filter:drop-shadow(0 0 13px #b5bfdd16)}figcaption{font-size:9px;color:#888d99;letter-spacing:.18em;margin-top:15px}.phase-baseline{display:flex;gap:18px;align-items:center;width:65%;font:10px var(--serif);color:#747b89}.phase-baseline div{height:1px;flex:1;background:#ffffff16;position:relative}.phase-baseline b{display:block;height:1px;background:#b4b8c5;width:0}.astronomy-note{font-size:11px;text-align:center;margin-top:32px;line-height:2}.astronomy-note span{font-size:9px;color:#5f6573}.rhythm-section{height:170svh}.rhythm-sticky{position:sticky;top:0;height:100svh;min-height:730px;display:flex;align-items:center;justify-content:space-between;padding:70px 12% 70px 10%;overflow:hidden}.rhythm-copy{width:42%;position:relative;z-index:2}.rhythm-copy p{margin-bottom:27px}.theme-control{display:inline-flex;border:1px solid #5c606b80;padding:4px;gap:4px;border-radius:30px}.theme-control button{border:0;background:transparent;padding:7px 24px;border-radius:24px;color:#969ba8;font-size:12px}.theme-control button[aria-pressed=true]{color:#eeedf2;background:#343845}.demo-instructions{font-size:10px;color:#9499a8;margin:18px 0}.instruction-dot{display:inline-block;width:4px;height:4px;background:#b8b9c8;border-radius:50%;margin-right:5px}.orbit-diagram{position:absolute;right:-2%;top:2%;width:65%;aspect-ratio:1;opacity:.4;transform:rotate(var(--orbit-angle,0deg));pointer-events:none}.orbit-diagram svg{width:100%;height:100%;stroke:#82899c;fill:none;stroke-width:.6}.orbit-diagram span{position:absolute;top:17%;right:18%;font:italic 11px/1.7 Georgia,serif;color:#a4a9b5}.product-stage{width:340px;max-width:46%;position:relative;transform:translateY(var(--product-y,0px));z-index:2}.demo-widget{--demo-ink:#eae8f3;--demo-muted:#adaabf;--demo-accent:#ccc4eb;--demo-track:#b6b0d3;--demo-paper:#202231;position:relative;border:1px solid #6f718a;border-radius:34px 39px 35px 38px;background:linear-gradient(145deg,#2c2e41,#12141f);padding:24px 26px 18px;color:var(--demo-ink);box-shadow:0 0 0 5px #7177900a,0 25px 90px #000b,0 0 90px #9393c112;transition:background .6s,color .6s,box-shadow .6s;transform:perspective(1100px) rotateY(-7deg) rotateX(3deg)}.demo-widget[data-theme=day]{--demo-ink:#35302c;--demo-muted:#81776b;--demo-accent:#e4994d;--demo-track:#de9f67;--demo-paper:#fff8f0;background:linear-gradient(150deg,#fffdf7,#eee9df);border-color:#c9b9a8;box-shadow:0 0 0 5px #b8a1890a,0 25px 90px #000b,0 0 120px #eeac601c}.demo-top{display:flex;justify-content:space-between;align-items:center;color:var(--demo-muted);font-size:10px;letter-spacing:.15em}.demo-top button{display:grid;place-items:center;border:1px solid var(--demo-track);background:transparent;border-radius:50%;width:22px;height:22px}.demo-top button span{width:7px;height:7px;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 8px var(--demo-accent)}.demo-time{font-size:44px;font-weight:600;line-height:1.6;letter-spacing:-2px}.demo-time span{opacity:.5}.demo-task{font-size:10px;color:var(--demo-muted);border-top:1px solid #88888835;padding-top:10px;margin-top:4px}#demoCurve{width:100%;display:block;overflow:visible;touch-action:none;color:var(--demo-accent);margin-top:10px}#demoTrack{stroke:var(--demo-track);stroke-width:5;stroke-linecap:round}#demoPoints circle{fill:var(--demo-paper);stroke:var(--demo-track);stroke-width:2;cursor:ns-resize}#demoOrb{pointer-events:none;filter:drop-shadow(0 0 13px var(--demo-accent))}#demoOrb circle{fill:#ede8ff}.orb-crater{fill:#b5aecb!important;opacity:.7}[data-theme=day] #demoOrb circle{fill:#ffaf3f}[data-theme=day] .orb-crater{fill:#ffdc75!important;opacity:.45}.demo-ticks{display:flex;justify-content:space-between;font-size:7px;color:var(--demo-muted);margin:0 0 18px}.demo-presets{display:flex;gap:5px}.demo-presets button{border:1px solid #858090;background:transparent;color:var(--demo-muted);padding:5px 0;flex:1;border-radius:15px;font-size:9px}.demo-presets .selected{border-color:var(--demo-accent);color:var(--demo-ink);background:#aaa7bb18}.demo-slider{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--demo-muted);border-top:1px solid #88888835;margin-top:17px;padding-top:15px}.demo-slider input{min-width:0;width:45%;accent-color:var(--demo-accent);height:3px;cursor:pointer}.demo-slider output{min-width:22px;text-align:right}.demo-bottom{display:flex;justify-content:space-between;font-size:8px;margin-top:24px;color:var(--demo-muted)}#demoModeIcon{font-size:17px;line-height:1}.product-caption{text-align:center;font-size:9px;letter-spacing:.05em;color:#676f80;margin-top:28px}.time-section{padding:110px 10% 100px;max-width:1500px;margin:auto}.time-heading{position:relative;z-index:2}.time-display{position:relative;display:flex;justify-content:flex-end;min-height:430px;margin-top:-150px;align-items:center}.time-orbits{position:absolute;inset:-130px 0 -40px 15%;pointer-events:none;transform:rotate(-28deg)}.time-orbits i{position:absolute;border:1px solid #a6a8b626;border-radius:50%;inset:0}.time-orbits i:nth-child(2){inset:50px; border-style:dashed;opacity:.5}.time-orbits i:nth-child(3){inset:100px;opacity:.5}.time-orbits>span{position:absolute;right:15%;top:0;font-size:30px;color:#b3b5c3;text-shadow:0 0 20px #c6c9ef}.history-demo{position:relative;width:460px;max-width:55%;padding:25px 0;border-top:1px solid #8d919f80}.history-heading{display:flex;justify-content:space-between;font-size:11px;color:#b2b5c0;margin-bottom:14px}.history-heading span+span{font-size:9px;color:#707989}.history-item{display:flex;align-items:center;gap:14px;padding:23px 0;border-bottom:1px solid #ffffff15}.check{border:1px solid #9a9fa85c;width:23px;height:23px;border-radius:50%;text-align:center;font-size:12px;color:#b7bdce}.history-item div{flex:1}.history-item strong{font-size:13px;font-weight:400;display:block}.history-item div span{font-size:9px;color:#71798a}.history-item b{font:30px Georgia,serif;font-weight:400}.history-item small{font-size:9px;color:#9298a5}.history-demo>p{font-size:9px;color:#697181}.quiet-features{display:flex;justify-content:space-between;gap:30px;margin-top:100px;padding-top:30px;border-top:1px solid #ffffff22}.quiet-features>div{flex:1}.quiet-features span{font:18px var(--serif)}.quiet-features p{font-size:11px}.arrival{text-align:center;min-height:880px;position:relative;overflow:hidden;padding:180px 24px 100px}.arrival h2{font-size:clamp(40px,5vw,72px);position:relative}.arrival p{position:relative}.arrival-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 105%,#a1a4bd33,transparent 58%);pointer-events:none}.arrival-orb{position:absolute;width:720px;height:720px;max-width:120vw;max-height:120vw;border:1px solid #b7bfd42b;border-radius:50%;left:50%;top:66%;transform:translateX(-50%);box-shadow:inset 0 18px 60px #b9c6e209,0 -5px 50px #c1c8e80c}.download-actions{display:flex;justify-content:center;align-items:center;gap:35px;position:relative;margin:40px 0 20px}.primary-download{border:1px solid #c6c8d280;padding:14px 25px;background:#d3d5e0;color:#171b26;font-size:12px}.primary-download span{margin-left:30px}.primary-download:hover{background:#fff}.arrival>small{display:block;font-size:9px;color:#858a99;position:relative}.guide-link{position:relative;display:inline-block;color:#a4aaba;font-size:10px;margin-top:26px;border-bottom:1px solid #ffffff25}footer{position:relative;display:flex;justify-content:space-between;align-items:center;padding:45px 6%;border-top:1px solid #ffffff20;gap:20px;background:#060708}footer p{font:13px var(--serif);color:#a8a8af}footer>span{font-size:9px;color:#6c7381}footer>a:last-child{font-size:10px;color:#a6aab5}
@media(min-width:1600px){.hero-copy{left:14%}.rhythm-sticky{padding-left:14%;padding-right:17%}}@media(max-width:850px){.site-header{height:76px}.wordmark{font-size:17px}nav{gap:20px}nav>a:first-child{display:none}.opening-sticky{min-height:650px}.celestial{width:110vw;right:-38%;top:0;opacity:.75}.hero-copy{left:8%;top:31%}h1{font-size:44px}.hero-foot>span:first-child{display:none}.rhythm-sticky{padding:80px 7%;gap:35px}.rhythm-copy{width:45%}.product-stage{width:300px;max-width:48%}.demo-widget{padding:20px}.time-display{margin-top:-55px}.history-demo{max-width:57%}.time-heading h2{font-size:43px}footer{flex-wrap:wrap}footer p{display:none}}
@media(max-width:580px){.site-header{left:7%;right:7%}.nav-download{font-size:10px}.nav-download span{margin-left:5px}.opening{height:150svh}.opening-sticky{min-height:640px}.celestial{width:145vw;top:-2%;right:-65%;opacity:.65}.hero-copy{top:32%;left:8%}h1{font-size:37px}.intro-line{font-size:10px;letter-spacing:.06em}.hero-description{font-size:12px}.hero-foot{font-size:8px}.phase-section{height:140svh}.phase-sticky{min-height:660px;padding:60px 5%}.chapter-index{font-size:10px}.chapter-heading h2{font-size:35px}.chapter-heading p{font-size:11px}.phase-line{gap:0;margin-top:45px;width:112%}.phase-line figure{width:13%}.phase-line figure:nth-child(4){width:17%}figcaption{font-size:7px;letter-spacing:0}.astronomy-note{font-size:9px;max-width:94%}.phase-baseline{width:85%}.rhythm-section{height:auto}.rhythm-sticky{height:auto;min-height:0;position:relative;padding:90px 8%;display:flex;flex-direction:column;gap:50px}.rhythm-copy{width:100%}.rhythm-copy h2{font-size:36px}.rhythm-copy p{font-size:12px}.product-stage{max-width:100%;width:310px}.orbit-diagram{top:34%;width:140%;right:-25%}.product-stage{transform:none!important}.demo-widget{transform:none}.time-section{padding:50px 8%}.time-display{margin:40px 0 0;min-height:300px}.history-demo{max-width:100%;width:100%}.time-orbits{inset:-15% -15% -15% -15%}.time-heading h2{font-size:36px}.quiet-features{flex-direction:column;margin-top:55px;gap:15px}.quiet-features p{margin-top:7px}.arrival{min-height:740px;padding-top:140px}.arrival h2{font-size:43px}.download-actions{flex-direction:column;gap:15px}.arrival-orb{top:72%}footer{padding:30px 8%}footer>span{width:100%;order:3}.time-orbits i{border-color:#ffffff12}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.celestial,.product-stage,.orbit-diagram,.phase-line figure{transform:none!important}.opening,.phase-section{height:100svh}.rhythm-section{height:auto}.rhythm-sticky{position:relative}.demo-widget{transition:none}}

/* Original supplied studio mark, preserved on its light ground. */
.site-header{height:110px}.lab-brand{display:flex;align-items:center;gap:15px}.lab-brand img{width:60px;height:62px;object-fit:contain;background:#f0eee8;border:1px solid #f0eee8;display:block}.lab-brand>span{display:grid;gap:2px}.lab-brand strong,.lab-footer strong{font:15px/1.6 var(--serif);letter-spacing:.18em;font-weight:400}.lab-brand small,.lab-footer small{font:8px/1.8 "Segoe UI",sans-serif;letter-spacing:.2em;color:#a3a8b4}.lab-brand i{height:27px;width:1px;background:#ffffff25;margin:0 6px}.lab-brand b{font:18px Georgia,serif;font-weight:400;color:#d7d8dd}.lab-footer{display:flex;align-items:center;gap:24px}.lab-footer img{width:100px;height:103px;object-fit:contain;display:block;background:#f0eee8}.lab-footer>span{display:grid;gap:5px}.lab-footer em{font:11px/1.7 var(--serif);font-style:normal;color:#8d929f;margin-top:5px}
@media(max-width:850px){.lab-brand{gap:10px}.lab-brand img{width:47px;height:49px}.lab-brand strong{font-size:12px}.lab-brand small{font-size:6px}.lab-brand b{font-size:16px}.site-header{height:90px}}
@media(max-width:580px){.lab-brand b,.lab-brand i{display:none}.lab-brand{gap:9px}.lab-brand img{width:43px;height:45px}.lab-brand strong{font-size:11px}.lab-brand small{font-size:6px;letter-spacing:.1em}.site-header{height:86px}.lab-footer{gap:20px}.lab-footer img{width:77px;height:79px}.lab-footer strong{font-size:13px}}

/* Refined bilingual typesetting: local Chinese serif titles, clear sans body. */
:root{--serif:"STSong","华文宋体","Songti SC","Noto Serif CJK SC","SimSun",serif;--muted:#a3a6b0}
body{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2{font-family:var(--serif);font-weight:400;font-kerning:normal;letter-spacing:.065em;line-height:1.48}
h1{font-size:clamp(43px,4.4vw,72px)}h2{font-size:clamp(37px,3.8vw,60px)}
.intro-line{font-size:13px;letter-spacing:.13em;color:#b9bbc4}
.hero-description,.chapter-heading p,.rhythm-copy p,.time-heading p,.arrival p{font-size:14px;line-height:2.15;letter-spacing:.045em;font-weight:400}
.chapter-index{font-size:12px;letter-spacing:.14em;color:#b8bbc5}.text-link{font-size:13px;letter-spacing:.035em}
.hero-foot{font-size:11px;letter-spacing:.06em}.figure-note,.orbit-diagram span{font-family:Georgia,serif;letter-spacing:.12em;font-size:12px}
.phase-line figcaption{font-size:11px;letter-spacing:.1em}.astronomy-note{font-size:12px;line-height:2}.astronomy-note span{font-size:10px;color:#858c9a}
.quiet-features span{font-size:21px;letter-spacing:.08em}.quiet-features p{font-size:12px;line-height:1.9}
.primary-download{font-size:13px;letter-spacing:.04em}.lab-brand small,.lab-footer small{font-family:"Segoe UI",sans-serif;letter-spacing:.16em}
.celestial canvas{filter:contrast(1.06);image-rendering:auto}
@media(max-width:850px){h1{font-size:46px}.hero-description,.chapter-heading p,.rhythm-copy p,.time-heading p,.arrival p{font-size:13px}}
@media(max-width:580px){h1{font-size:38px;letter-spacing:.04em}h2,.chapter-heading h2,.rhythm-copy h2,.time-heading h2{font-size:35px}.intro-line{font-size:11px}.hero-description,.chapter-heading p,.rhythm-copy p,.time-heading p,.arrival p{font-size:12px;line-height:2.1}.chapter-index{font-size:11px}.phase-line figcaption{font-size:9px}.hero-foot{font-size:9px}.astronomy-note{font-size:10px}.astronomy-note span{font-size:9px}}

/* Attention as light: translucent surfaces and restrained theatrical beams. */
.light-scene{--light-x:68%;--light-y:35%;--beam-angle:-29deg;position:relative;isolation:isolate}
.focus-beam{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 190px 135px at var(--light-x) var(--light-y),#e7e9ff15,transparent 80%);transition:background .2s}
.focus-beam:before{content:"";position:absolute;left:4%;bottom:-45%;width:75%;height:145%;background:conic-gradient(from -19deg at 50% 100%,transparent 0deg,#bfc7ef02 7deg,#d9deff14 17deg,#d9deff06 26deg,transparent 37deg);transform-origin:50% 100%;transform:rotate(var(--beam-angle));filter:blur(22px);opacity:.72;transition:transform .7s ease-out}
.focus-beam:after{content:"";position:absolute;left:var(--light-x);top:var(--light-y);width:230px;height:150px;transform:translate(-50%,-50%) rotate(-27deg);border-radius:50%;background:radial-gradient(ellipse,#e6e8ff13,#d4dcff05 45%,transparent 72%);filter:blur(14px)}
.time-section{overflow:hidden}.time-heading{z-index:2}.time-display{z-index:2}.journal-beam{opacity:.9}.journal-beam:before{left:-25%;bottom:-18%;width:100%;height:130%}
.glass-journal{border:1px solid #dfe5ff27;border-radius:24px;padding:25px 23px 17px;background:linear-gradient(132deg,#f2f3ff0c,#bdc8f203 42%,#f6f7ff06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff18,0 25px 80px #0005;position:relative;isolation:isolate}
.glass-journal:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#eef2ff0d 40%,transparent 60%);background-size:280% 100%;background-position:120% 0;opacity:0;transition:opacity 1s,background-position 2.5s}
.glass-journal.is-lit:before{opacity:1;background-position:-30% 0}
.glass-panel{position:relative;border:1px solid #dbe3ff1c;border-radius:14px;margin:10px 0;padding:20px 14px;background:linear-gradient(125deg,#f7f8ff07,#ffffff01);transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s,border-color .35s,box-shadow .35s;isolation:isolate}
.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(180px circle at var(--panel-x,50%) var(--panel-y,50%),#e4eaff14,transparent 80%);opacity:0;transition:opacity .4s;pointer-events:none}
.glass-panel:hover,.glass-panel:focus-visible{border-color:#dce6ff70;box-shadow:inset 0 1px 0 #ffffff20,0 8px 35px #0004}.glass-panel:hover:before,.glass-panel:focus-visible:before{opacity:1}
.glass-panel .check{box-shadow:0 0 12px #cdd6ff0d}.glass-panel:hover .check{box-shadow:0 0 16px #cdd6ff35;color:#eff2ff;border-color:#d8e1ff88}
.history-heading{letter-spacing:.04em}.history-heading span:first-child{font-family:Georgia,serif;font-size:16px}.history-heading span+span{font-size:10px}.history-demo>p{line-height:1.8;margin-bottom:0}.history-item b{font-variant-numeric:tabular-nums}.chapter-index{line-height:1.8;display:inline-block}
.primary-download{position:relative;overflow:hidden;isolation:isolate;min-width:205px;text-align:center;border-radius:40px;border:1px solid #eef0ff9c;background:linear-gradient(125deg,#080a0e 18%,#40454d80 68%,#d2d6df55);color:#f4f6ff;padding:16px 28px;box-shadow:inset 0 1px 2px #ffffff65,inset -3px -2px 5px #ffffff33,0 0 30px #c0c9e50a;text-shadow:0 0 9px #f6f8ff88;font-size:17px;font-family:"Segoe UI",sans-serif;font-weight:400;letter-spacing:.02em;transition:box-shadow .4s,background .4s}
.primary-download:before{content:"";position:absolute;inset:-100% -80%;background:linear-gradient(110deg,transparent 38%,#ffffff09 43%,#ffffff50 50%,#ffffff09 57%,transparent 62%);transform:translateX(-35%);transition:transform 1s;pointer-events:none;z-index:-1}.primary-download:hover{background:linear-gradient(125deg,#080a0e 18%,#40454db0 68%,#d2d6df88);box-shadow:inset 0 1px 3px #ffffff90,inset -3px -2px 8px #ffffff55,0 0 40px #c0c9e525}.primary-download:hover:before{transform:translateX(35%)}
.arrival-orb{background:radial-gradient(circle at 50% 30%,#060708 48%,#0b0d12);box-shadow:0 -7px 35px #d8dff221,inset 0 2px 2px #d4defa27}.arrival-beam{opacity:.6}
@media(max-width:850px){.glass-journal{padding:20px 16px}.glass-panel{padding:18px 11px;gap:10px}.history-item strong{font-size:12px}.history-item b{font-size:27px}}
@media(max-width:580px){.glass-journal{max-width:100%;padding:22px 15px}.focus-beam:before{filter:blur(30px);opacity:.5}.history-heading span:first-child{font-size:15px}.glass-panel{padding:20px 12px}.primary-download{min-width:220px}.theme-control button{padding:7px 22px}}
@media(prefers-reduced-motion:reduce){.focus-beam:before,.glass-panel{transform:none!important}.glass-journal:before,.primary-download:before{display:none}.glass-panel,.primary-download,.focus-beam:before{transition:none}}

/* Eclipse index occupies the former long pause after the orbit demonstration. */
.rhythm-section{height:125svh}.eclipse-features{position:relative;max-width:1500px;margin:0 auto;padding:90px 7% 80px;background:radial-gradient(ellipse at 50% 59%,#b8bed609,transparent 61%)}.eclipse-intro{text-align:center}.eclipse-intro h2{font-size:36px;margin:15px 0}.eclipse-intro p{font-size:12px}.eclipse-intro p span{display:block;font-size:10px;color:#737c8c;margin-top:5px}.eclipse-sequence{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin:65px 0 25px}.eclipse-tag{border:0;background:none;color:#a1a6b3;padding:10px 0 20px;position:relative;text-align:center}.eclipse-art{position:relative;display:block;width:76px;height:76px;margin:0 auto 30px;isolation:isolate;transition:transform .7s}.eclipse-art i{position:absolute;inset:11px;border-radius:50%;background:#050607;box-shadow:0 0 0 1px #dce1ed80,0 0 11px #e9efff45;z-index:2}.eclipse-art b{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 41%,#e3e8ff35 49%,#dce5ff09 60%,transparent 72%);filter:blur(3px);transition:opacity .5s;opacity:.65}.eclipse-daynight .eclipse-art i{background:linear-gradient(100deg,#d3d7dd,#7a7d86);box-shadow:inset -10px -5px 14px #0009}.eclipse-daynight .eclipse-art i:after{content:"";position:absolute;background:#050607;width:45px;height:45px;border-radius:50%;left:22px;top:-9px}.eclipse-orbit .eclipse-art i{background:#c6cbd2;box-shadow:none}.eclipse-orbit .eclipse-art i:after{content:"";position:absolute;inset:-12px -7px 12px 8px;background:#050607;border-radius:50%}.eclipse-timer .eclipse-art b{background:conic-gradient(#ffffff05,#e2e9ff55,#ffffff03,#f3f4ff70,#ffffff03,#e6eeff60,#ffffff05);mask-image:radial-gradient(circle,transparent 35%,#000 45%,transparent 72%)}.eclipse-tasks .eclipse-art b{inset:-23px;background:repeating-conic-gradient(from 20deg,#ffffff02 0deg,#dae1f63b 6deg,#ffffff00 12deg);mask-image:radial-gradient(circle,transparent 26%,#000 35%,transparent 69%);filter:blur(4px)}.eclipse-phase .eclipse-art i:after{content:"";position:absolute;width:12px;height:7px;top:1px;right:3px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 18px #e1ebff;transform:rotate(30deg)}.eclipse-save .eclipse-art i{background:#d6d9de;box-shadow:none}.eclipse-save .eclipse-art i:after{content:"";position:absolute;inset:10px -6px -10px -8px;border-radius:50%;background:#050607}.eclipse-float .eclipse-art i{background:linear-gradient(145deg,#e0e3e8,#8c929e);box-shadow:inset 4px 2px 10px #fff3}.eclipse-float .eclipse-art i:after{content:"";position:absolute;width:23px;height:17px;background:#050607;border-radius:50%;bottom:-7px;left:4px}.eclipse-tag strong{display:block;font:13px/1.7 Georgia,serif;letter-spacing:.035em;font-weight:400}.eclipse-tag small{display:block;font-size:10px;color:#747d8d;margin-top:5px}.eclipse-tag:hover .eclipse-art,.eclipse-tag:focus-visible .eclipse-art,.eclipse-tag.is-selected .eclipse-art{transform:translateY(-7px) scale(1.12)}.eclipse-tag:hover .eclipse-art b,.eclipse-tag.is-selected .eclipse-art b{opacity:1}.eclipse-tag.is-selected strong{color:#f0f0f7}.eclipse-tag:after{content:"";position:absolute;bottom:0;left:50%;width:3px;height:3px;border-radius:50%;background:#dce2f5;opacity:0;transition:opacity .5s}.eclipse-tag.is-selected:after{opacity:1}.eclipse-detail{text-align:center;min-height:123px}.eclipse-detail-line{height:32px;width:1px;background:linear-gradient(#c0c7dc55,transparent);display:block;margin:auto}.eclipse-detail h3{font:16px var(--serif);letter-spacing:.12em;font-weight:400;margin:9px 0}.eclipse-detail p{font-size:12px;margin:10px auto;max-width:440px}.eclipse-detail.is-changing{animation:detail-in .45s ease}@keyframes detail-in{from{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:850px){.eclipse-sequence{gap:5px}.eclipse-art{width:64px;height:64px}.eclipse-tag strong{font-size:11px}.eclipse-art i{inset:10px}}@media(max-width:580px){.rhythm-section{height:auto}.eclipse-features{padding:40px 7% 45px}.eclipse-intro h2{font-size:29px}.eclipse-sequence{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:25px;margin-top:40px}.eclipse-art{width:59px;height:59px;margin-bottom:19px}.eclipse-tag strong{font-size:10px}.eclipse-tag small{font-size:9px}.eclipse-detail p{font-size:11px}.eclipse-detail{min-height:135px}}@media(prefers-reduced-motion:reduce){.eclipse-art{transition:none;transform:none!important}.eclipse-detail.is-changing{animation:none}}

.device-experience{padding:100px 5% 90px;max-width:1600px;margin:auto}.device-heading{text-align:center}.device-heading h2{font-size:44px}.device-heading p{font-size:13px;line-height:2}.device-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:24px;align-items:start;margin-top:65px}.device-card{min-width:0;text-align:center}.device-label>span{font:12px Georgia,serif;color:#9ca4b5;letter-spacing:.06em}.device-label h3{font:22px/1.6 var(--serif);font-weight:400;margin:13px 0 6px}.device-label p{font-size:10px;margin:0 0 25px}.device-card>a{font-size:10px;color:#aeb6c8;display:inline-block;padding:10px 0;border-bottom:1px solid #ffffff25;margin-top:23px}.watch-model{width:248px;height:450px;position:relative;margin:45px auto 0;display:grid;place-items:center}.watch-strap{position:absolute;top:0;bottom:0;width:140px;left:54px;border-radius:33px;background:repeating-linear-gradient(0deg,#15171c 0 4px,#202229 5px 7px);border:1px solid #3f434e;box-shadow:inset 8px 0 14px #0009,inset -8px 0 14px #0009}.watch-case{position:relative;width:246px;height:246px;border-radius:50%;padding:10px;background:linear-gradient(145deg,#868c97,#12151c 35%,#383d48 65%,#9ca1ab);box-shadow:0 20px 50px #000a,inset 0 0 0 2px #73798555;z-index:2}.watch-screen{width:226px;height:226px;border-radius:50%;overflow:hidden;position:relative;background:#07090e}.watch-screen iframe{border:0;width:466px;height:466px;transform:scale(0.4849785408);transform-origin:top left;display:block}.watch-crown{position:absolute;right:-6px;top:209px;width:12px;height:32px;border-radius:4px;background:repeating-linear-gradient(0deg,#7c838f 0 1px,#292f39 2px 3px)}.device-switch{display:flex;justify-content:center;gap:4px;margin:-8px 0 22px}.device-switch button{border:1px solid #ffffff24;color:#9ba4b7;background:transparent;padding:5px 15px;border-radius:20px;font-size:10px}.device-switch .selected{background:#ffffff10;color:#eee}.computer-model{position:relative;margin:35px auto 0;max-width:480px}.computer-screen{height:352px;position:relative;padding:15px 9px 12px;border:1px solid #777e8b;border-radius:15px 15px 4px 4px;background:linear-gradient(145deg,#292e37,#080a0e);box-shadow:0 20px 60px #0008}.computer-screen iframe{width:100%;height:100%;border:0;background:#111421;display:block;border-radius:4px}.device-camera{position:absolute;left:50%;top:5px;width:4px;height:4px;border-radius:50%;background:#4b5263}.computer-base{height:12px;margin:0 -15px;border-radius:0 0 50% 50%;background:linear-gradient(#787e87,#262b34);box-shadow:0 15px 30px #0009}.computer-model[data-frame=tablet]{max-width:380px}.computer-model[data-frame=tablet] .computer-screen{height:420px;padding:17px 13px;border-radius:25px}.computer-model[data-frame=tablet] .computer-base{display:none}.phone-model{position:relative;width:258px;height:535px;margin:0 auto;border-radius:40px;border:2px solid #7d838e;padding:8px;background:#0b0c11;box-shadow:inset 0 0 0 2px #353a44,0 20px 65px #0008}.phone-model iframe{display:block;width:370px;height:798px;transform:scale(.643);transform-origin:top left;border:0;border-radius:48px;background:#f8f6f1}.phone-model{overflow:hidden}.phone-island{position:absolute;z-index:2;width:75px;height:18px;background:#0b0c11;border-radius:15px;left:50%;top:15px;transform:translateX(-50%);pointer-events:none}.phone-home{position:absolute;z-index:2;bottom:12px;height:3px;width:76px;border-radius:5px;background:#3338;left:50%;transform:translateX(-50%);pointer-events:none}.device-footnote{text-align:center;font-size:10px;color:#788397;margin:48px auto 0;max-width:650px;line-height:2}
@media(max-width:1100px){.device-grid{grid-template-columns:1fr 1fr}.computer-card{grid-column:1/-1;grid-row:2;margin-top:45px}.computer-model{width:480px;max-width:90%}.computer-screen{height:400px}}@media(max-width:600px){.device-experience{padding:60px 7%}.device-heading h2{font-size:30px}.device-grid{display:flex;flex-direction:column;gap:65px}.device-card{width:100%}.computer-card{margin-top:0}.device-label h3{font-size:22px}.watch-model{margin-top:15px;height:390px}.watch-crown{top:179px}.computer-model{max-width:100%;margin-top:20px}.computer-screen{height:350px}.computer-base{margin:0 -7px}.device-heading p{font-size:12px}.phone-model{margin-top:25px}.device-footnote{text-align:left}}

/* One device at a time; the screen is a workspace, not an enlarged widget. */
.device-carousel{max-width:1080px;margin:auto}.device-grid{display:flex!important;gap:0!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;align-items:flex-start;margin-top:45px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.device-grid::-webkit-scrollbar{display:none}.device-grid>.device-card{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;grid-column:auto;grid-row:auto;margin:0!important;padding:0 30px 18px}.device-label h3{font-size:28px}.device-label p{font-size:12px}.watch-model{margin-top:25px;width:248px;height:450px}.computer-model{width:900px;max-width:95%;margin:25px auto 0;transition:max-width .5s}.computer-screen{width:100%;height:auto!important;aspect-ratio:16/10;padding:15px 9px 11px;border-radius:17px 17px 4px 4px;overflow:hidden}.computer-screen iframe{height:100%;width:100%}.computer-model[data-frame=tablet]{width:740px;max-width:83%}.computer-model[data-frame=tablet] .computer-screen{aspect-ratio:4/3;height:auto!important;padding:17px 15px;border-radius:30px}.computer-base{height:13px;margin:0 -17px}.device-camera{top:5px}.phone-model{margin-top:25px}.device-carousel-controls{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:30px}.device-carousel-controls>button{width:42px;height:42px;border:1px solid #c4ccdf40;border-radius:50%;background:#ffffff05;color:#d5dbea;font-size:19px}.device-carousel-controls>button:disabled{opacity:.25;cursor:default}.device-pages{display:flex;gap:6px}.device-pages button{font:11px/1.5 "Segoe UI",sans-serif;border:1px solid transparent;background:transparent;color:#788498;border-radius:20px;padding:7px 13px}.device-pages button.selected{border-color:#ced9f44d;color:#e0e5f1;background:#ffffff07}.device-swipe-hint{font-size:10px;color:#7e889b;text-align:center;margin:15px 0}.device-footnote{margin-top:25px}
@media(max-width:600px){.device-experience{padding-left:3%;padding-right:3%}.device-grid>.device-card{padding-left:10px;padding-right:10px}.computer-model{max-width:96%}.computer-screen{aspect-ratio:16/10;padding:9px 5px 6px;border-radius:10px 10px 2px 2px}.computer-model[data-frame=tablet]{max-width:87%}.computer-model[data-frame=tablet] .computer-screen{padding:12px 8px;border-radius:18px}.computer-base{height:7px;margin:0 -7px}.device-camera{top:3px;width:3px;height:3px}.device-label h3{font-size:23px}.device-label p{font-size:10px}.device-carousel-controls{gap:9px}.device-pages{gap:0}.device-pages button{font-size:10px;padding:6px 9px}.device-carousel-controls>button{width:34px;height:34px}.watch-model{height:430px}.watch-crown{top:199px}}
@media(prefers-reduced-motion:reduce){.device-grid{scroll-behavior:auto}.computer-model{transition:none}}