:root{color-scheme:dark;--bg:#10120f;--panel:#191d17;--ink:#f2f4e9;--muted:#a3aa99;--accent:#d5ff89;--line:#34392e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:650;display:inline-flex;align-items:center;gap:10px;letter-spacing:-.8px}.brand img{border-radius:10px}.brand-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;align-self:flex-start;margin-top:8px}.header nav{display:flex;gap:30px;font-size:14px;color:#c2c8b9}.header a:hover,.text-link:hover,.footer-links a:hover{color:var(--accent)}.language{font-size:13px;border:1px solid var(--line);padding:10px 15px;border-radius:30px;white-space:nowrap}.hero{padding-top:42px}.hero-top,.demo-caption{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow,.edition{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px #b6fc6260}.edition{opacity:.6}.hero-copy{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:40px;padding:42px 0 58px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.5vw,94px);line-height:1.14;letter-spacing:-5px;font-weight:550;margin:0}html[lang=zh-CN] h1{letter-spacing:-3px;line-height:1.25;font-weight:600}.hero-side{padding-bottom:5px}.hero-side p{font-size:18px;line-height:1.8;color:#c3cbbb;margin-bottom:22px}.button{background:var(--accent);color:#17200c;padding:17px 22px;border-radius:5px;display:inline-flex;gap:38px;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#e5ffb9;transform:translateY(-2px)}.hero-side small{display:block;margin-top:17px;color:var(--muted);font-size:11px}.desktop{height:540px;border:1px solid #424a37;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#39472b 0,transparent 55%),radial-gradient(ellipse at 15% 90%,#535b32 0,transparent 60%),#252e21;isolation:isolate}.desktop:after{content:'';inset:0;position:absolute;pointer-events:none;background:linear-gradient(0deg,#10120f55,transparent 40%);z-index:4}.desktop-menu{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#10120f40;font:10px ui-monospace,monospace;color:#e1e8d9}.work-window{position:absolute;left:10%;right:10%;top:77px;bottom:60px;border-radius:8px;background:#e8e9de;color:#333c2c;box-shadow:0 25px 80px #0006;transform:rotate(-2deg);overflow:hidden}.window-bar{display:flex;justify-content:space-between;align-items:center;height:40px;border-bottom:1px solid #ced1c3;padding:0 16px;font-size:10px}.traffic{color:#929f79;letter-spacing:3px}.workspace{display:flex;height:100%}.workspace aside{background:#dcded1;padding:28px 20px;width:155px;flex-shrink:0;font:10px/1.9 ui-monospace,monospace;color:#7c856c}.note{padding:34px 40px;flex:1}.note small{font:9px ui-monospace,monospace;letter-spacing:1px;color:#737e66}.note h2{font-size:29px;letter-spacing:-1px;margin:16px 0}.note p{font-size:12px}.note .muted{color:#7b846f}.rule{height:1px;background:#c7cdbb;margin:22px 0}.fake-lines b{display:block;width:85%;height:5px;background:#d1d6c5;margin:13px 0}.fake-lines b:nth-child(2){width:70%}.fake-lines b:nth-child(3){width:77%}.floating-label{position:absolute;top:59px;right:30px;z-index:3;background:#182013c9;border:1px solid #687957;border-radius:30px;padding:9px 14px;font:10px ui-monospace,monospace;display:flex;gap:14px;align-items:center;color:#d5ff89}.spectrum{position:absolute;z-index:3;left:0;right:0;bottom:0;height:75%;display:flex;gap:4px;align-items:end;pointer-events:none;padding:0 8px;opacity:.84;mix-blend-mode:normal}.spectrum i{flex:1;height:var(--h);background:repeating-linear-gradient(to top,var(--color) 0 6px,transparent 6px 9px);transform-origin:bottom;animation:beat 2.1s ease-in-out infinite alternate;animation-delay:var(--delay);filter:drop-shadow(0 0 6px #bcfa6120)}@keyframes beat{0%{transform:scaleY(.32)}50%{transform:scaleY(.86)}100%{transform:scaleY(.56)}}.overlay-tags{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:center;gap:12px;z-index:5}.overlay-tags span{border:1px solid #d5ff8940;border-radius:30px;padding:8px 15px;background:#172010d9;backdrop-filter:blur(10px);font-size:11px;color:#edf5df}.demo-caption{font-size:10px;color:var(--muted);padding:16px 0}.demo-caption button{background:none;border:0;color:#c5cfb8;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:11px;padding:8px}.features-section,.getting-started{padding-top:116px;padding-bottom:110px}.section-heading{max-width:760px;margin-bottom:52px}.section-heading h2,.privacy-band h2,.release h2{font-size:clamp(30px,3.5vw,48px);font-weight:500;letter-spacing:-1.8px;line-height:1.3;margin:20px 0}.section-heading>p:last-child,.privacy-band p,.release p{font-size:16px;line-height:1.9;color:var(--muted);max-width:640px}.features,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.features article{border-top:1px solid #5b684a;padding-top:23px}.features .eyebrow{font-size:10px;color:#b4c798}.features h3,.steps h3{font-size:22px;line-height:1.45;font-weight:500;letter-spacing:-.5px;margin-top:30px}.features p,.steps p{font-size:14px;line-height:1.9;color:var(--muted)}.styles-section{padding:90px 0;background:#181c15;border-block:1px solid var(--line)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}.gallery figure{margin:0}.gallery img{display:block;width:100%;height:auto;border:1px solid #3f4935;border-radius:8px}.gallery figcaption{display:flex;align-items:center;gap:14px;padding-top:15px}.gallery figcaption>span{font:10px ui-monospace,monospace;color:var(--accent)}.gallery strong{font-size:15px;font-weight:500}.gallery small{font-size:10px;color:var(--muted);margin-left:auto}.privacy-band{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 2fr;gap:70px;border-bottom:1px solid var(--line);align-items:center}.privacy-symbol{font-size:180px;color:var(--accent);text-align:center;text-shadow:0 0 90px #d5ff8920}.text-link{display:inline-block;color:var(--accent);font-size:14px;line-height:1.7;border-bottom:1px solid #d5ff8950;padding:3px 0}.step-number{font:38px ui-monospace,monospace;color:#788965}.steps{margin-bottom:26px}.steps h3{margin-top:20px}.release{display:flex;align-items:center;justify-content:space-between;gap:60px;background:var(--accent);color:#18210d;padding:45px 50px;border-radius:8px;margin-bottom:100px}.release .eyebrow,.release p{color:#4a5c36}.release .button{background:#18210d;color:var(--accent);white-space:nowrap}.release h2{margin:12px 0}.release p{font-size:14px;margin-bottom:0}.release .eyebrow{font-size:10px}footer{border-top:1px solid var(--line);padding-top:42px;padding-bottom:42px;display:flex;justify-content:space-between;gap:30px}footer p,footer small{color:var(--muted);font-size:12px;line-height:1.7}footer p{margin-top:17px}footer small{font-size:10px}.footer-links{display:flex;gap:14px;flex-direction:column;font-size:12px;color:#c0c9b4}.document{max-width:850px;padding-top:60px;padding-bottom:100px;min-height:70vh}.document>.eyebrow{margin-top:54px}.document h1{font-size:56px;line-height:1.3;letter-spacing:-2px;margin-bottom:25px}.document .lead{font-size:22px;line-height:1.6;color:#c2cdb6}.effective{font-size:12px!important;color:#b5bfaa;margin:22px 0 50px}.document h2{font-size:23px;line-height:1.4;font-weight:500;margin:40px 0 15px;letter-spacing:-.5px}.document p{font-size:16px;line-height:1.95;color:var(--muted)}.document section a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0 60px}.shortcuts div{border:1px solid var(--line);border-radius:8px;padding:23px 18px;display:flex;flex-direction:column;gap:18px}.shortcuts kbd{font:24px ui-monospace,monospace;color:var(--accent)}.shortcuts span{font-size:12px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:17px;line-height:1.6}details p{margin:15px 0 0}.contact-box{padding:30px;background:var(--panel);border-radius:8px;margin-top:45px}.contact-box h2{margin-top:0}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--accent);color:#111;padding:15px}.skip:focus{top:10px}.paused .spectrum i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spectrum i{animation:none}a{transition:none!important}}@media(min-width:1500px){.hero-copy h1{font-size:96px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header nav{gap:16px}.hero-copy{grid-template-columns:1fr;gap:25px}.hero-side p{font-size:17px}.hero-copy h1{font-size:70px}.hero-side{display:block}.desktop{height:450px}.work-window{left:6%;right:6%}.features,.steps{gap:24px}.features h3{font-size:20px}.privacy-band{gap:25px;grid-template-columns:1fr 3fr}.privacy-symbol{font-size:120px}.release{padding:35px}.gallery figcaption{flex-wrap:wrap}.gallery small{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{min-height:84px;flex-wrap:wrap;gap:16px;padding:20px 0}.brand{font-size:22px}.brand img{width:30px;height:30px}.header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}.language{font-size:11px;padding:8px 12px}.edition{display:none}.hero{padding-top:25px}.eyebrow{font-size:9px}.hero-copy{padding:27px 0 35px}.hero-copy h1{font-size:clamp(43px,11vw,68px);letter-spacing:-2.5px}html[lang=zh-CN] h1{letter-spacing:-2px}.hero-side p{font-size:15px;line-height:1.9}.desktop{height:340px;border-radius:8px}.work-window{top:75px;bottom:40px;left:7%;right:7%}.workspace aside{display:none}.note{padding:25px 18px}.note h2{font-size:22px;margin:10px 0}.note p{font-size:10px}.note small{font-size:7px}.rule{margin:14px 0}.fake-lines{display:none}.floating-label{right:14px;top:48px;font-size:8px;padding:7px 10px}.window-bar{font-size:8px;height:30px}.spectrum{gap:2px;height:65%}.overlay-tags{gap:6px;left:8px;right:8px;bottom:14px}.overlay-tags span{font-size:9px;padding:7px 10px}.demo-caption{font-size:9px;gap:10px;align-items:start}.demo-caption span{line-height:1.6;max-width:65%}.demo-caption button{font-size:9px;white-space:nowrap;padding-top:0}.features-section,.getting-started{padding:75px 0}.section-heading{margin-bottom:34px}.section-heading h2,.privacy-band h2,.release h2{font-size:29px;letter-spacing:-1px}.section-heading>p:last-child,.privacy-band p{font-size:14px}.features,.steps{grid-template-columns:1fr;gap:26px}.features h3{margin-top:20px;font-size:22px}.features p{margin-bottom:0}.styles-section{padding:65px 0}.gallery{grid-template-columns:1fr;gap:28px}.gallery small{display:block}.privacy-band{grid-template-columns:1fr;gap:15px;padding:65px 0}.privacy-symbol{text-align:left;font-size:70px}.steps article{display:grid;grid-template-columns:45px 1fr;gap:0 15px}.steps h3{margin:0 0 10px}.steps p{grid-column:2}.step-number{font-size:28px;grid-row:span 2}.release{padding:27px;flex-direction:column;align-items:start;gap:25px;margin-bottom:65px}footer{flex-direction:column;padding-top:30px}.footer-links{gap:18px}.document{padding-top:35px}.document h1{font-size:39px}.document>.eyebrow{margin-top:40px}.document .lead{font-size:19px}.document p{font-size:15px}.shortcuts{grid-template-columns:1fr}.shortcuts div{flex-direction:row;align-items:center}.shortcuts kbd{width:90px}.document h2{font-size:21px}summary{font-size:16px}}

/* Bright everyday workspaces; original application captures remain linked. */
.styles-section{background:#eff0e8;border-color:#d0d7c7;color:#243321}
.styles-section .eyebrow{color:#65795d}
.styles-section .section-heading>p:last-child{color:#5f7058}
.scene-gallery{gap:30px}
.scene-card{border:1px solid #d5dcce;border-radius:14px;overflow:hidden;background:#fafbf6;box-shadow:0 8px 35px #34442c08}
.scene-gallery img{border:0;border-radius:0;aspect-ratio:8/5;object-fit:contain}
.scene-gallery figcaption{display:block;padding:25px 28px 28px}
.scene-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px}
.scene-gallery .scene-kicker>span{font:10px/1.6 ui-monospace,monospace;color:#5a704e;letter-spacing:.3px}
.scene-gallery .scene-kicker>small{font-size:10px;color:#77846e;margin:0}
.scene-gallery h3{font-size:25px;font-weight:500;line-height:1.4;letter-spacing:-.7px;margin:16px 0 10px;color:#22351f}
.scene-gallery figcaption p{font-size:14px;line-height:1.85;color:#62735a;max-width:95%;margin-bottom:17px}
.scene-gallery figcaption a{font-size:11px;line-height:1.7;color:#4c6740;text-decoration:underline;text-underline-offset:4px}
.scene-gallery figcaption a:hover{color:#192c13}
.scene-note{font-size:11px;line-height:1.8;color:#6a795f;margin:27px 0 0;max-width:720px}
@media(max-width:600px){.scene-gallery{gap:23px}.scene-gallery figcaption{padding:21px}.scene-gallery h3{font-size:23px}.scene-gallery figcaption p{font-size:13px}.scene-gallery .scene-kicker>small{display:block;font-size:9px}.scene-gallery .scene-kicker>span{font-size:9px}.scene-note{font-size:10px}}

.spectrum{opacity:var(--spectrum-opacity,.35)}
.customize{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-top:110px;padding-bottom:90px;border-bottom:1px solid var(--line)}
.customize h2{font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.4;letter-spacing:-1.5px;margin:20px 0}
.customize-intro{font-size:16px;line-height:1.9;color:var(--muted)}
.setting-features{display:grid;grid-template-columns:1fr 1fr;gap:23px 28px;margin-top:30px}
.setting-features h3{font-size:14px;font-weight:500;color:#d5ff89;margin:0 0 9px}.setting-features p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
.settings-demo{padding:25px;border:1px solid #435039;border-radius:14px;background:#1d2519;align-self:start;box-shadow:0 15px 60px #0002;--preview-opacity:.35;--preview-background:0}
.settings-demo-title{font-size:12px;display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#d8e7ca}
.opacity-preview{position:relative;overflow:hidden;isolation:isolate;min-height:245px;background:#f6f4e8;border-radius:8px;color:#33442a}
.preview-content{padding:26px}.preview-content small{font:8px ui-monospace,monospace;letter-spacing:1px;color:#87937c}.preview-content h3{font-size:23px;font-weight:500;margin:18px 0 15px}.preview-content p{font-size:11px;line-height:1.7}.preview-rule{border-top:1px solid #d3d9c6;margin:20px 0}
.preview-tint{position:absolute;inset:0;background:#101b11;opacity:var(--preview-background);pointer-events:none}
.preview-spectrum{position:absolute;inset:35% 0 0;display:flex;align-items:end;gap:3px;opacity:var(--preview-opacity);pointer-events:none}
.preview-spectrum i{flex:1;height:var(--height);background:repeating-linear-gradient(to top,var(--tint) 0 5px,transparent 5px 8px);min-width:0}
.range-control{display:grid;grid-template-columns:1fr auto;gap:13px;margin-top:23px}.range-control label{font-size:12px;color:#d3dec9}.range-control output{font:12px ui-monospace,monospace;color:var(--accent)}.range-control input{grid-column:1/-1;width:100%;margin:0;accent-color:var(--accent);cursor:pointer;height:22px}.range-control input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#opacity-help{color:#a3b697;font-size:10px;line-height:1.8;margin:22px 0 0}
@media(max-width:900px){.customize{gap:35px;grid-template-columns:1fr 1fr}.settings-demo{padding:20px}.setting-features{grid-template-columns:1fr;gap:17px}}@media(max-width:600px){.customize{grid-template-columns:1fr;padding:65px 0;gap:30px}.customize h2{font-size:29px;letter-spacing:-1px}.customize-intro{font-size:14px}.setting-features{grid-template-columns:1fr 1fr;gap:23px 20px}.setting-features p{font-size:11px}.settings-demo{padding:20px}.preview-content{padding:23px}.preview-content h3{font-size:21px}}