:root{--paper:#f4f5ed;--ink:#183c32;--muted:#5a6d62;--line:#d4ddd0;--green:#216c50;--lime:#d8eac0;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #b77420;outline-offset:5px}button:focus:not(:focus-visible){outline:0}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(48px,4.4vw,72px);line-height:1.05}h2{font-size:clamp(36px,3.4vw,54px);line-height:1.1}h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.03em}em{font-weight:400;color:var(--green)}p{line-height:1.7}a{text-decoration-thickness:1px;text-underline-offset:5px}.wrap{max-width:1320px;margin-inline:auto;padding-inline:48px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:bold;font-size:30px;text-decoration:none;letter-spacing:-1px}.brand-dot{color:#61a57b}.topbar nav,footer nav{display:flex;gap:26px}.topbar nav a,.studio-link{font-size:13px;text-decoration:none}.studio-link{border-bottom:1px solid var(--line);padding-block:8px}.studio-link span{margin-left:18px}.hero{display:grid;grid-template-columns:1fr 1.14fr;gap:38px;align-items:center;padding-top:48px;padding-bottom:86px}.hero-copy{padding-bottom:14px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:25px;display:flex;align-items:center;gap:9px}.status-dot{background:#3d9465;width:7px;height:7px;border-radius:50%}.hero .lede{font-size:17px;line-height:1.75;max-width:390px;margin-top:26px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:32px}.button{padding:17px 24px;border-radius:7px;font-size:13px;text-decoration:none;display:inline-flex;justify-content:space-between;gap:26px;align-items:center;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#315f42}.primary{background:var(--ink);color:#f4f6e9}.text-link{font-size:13px;text-decoration:none;border:0;background:none;padding:0;color:var(--ink);font-weight:600}.text-link:hover{text-decoration:underline}.hero-note{font-family:var(--serif);font-size:15px;color:var(--muted);font-style:italic;margin-top:23px}.hero-facts{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:40px;letter-spacing:.035em}.hero-facts span+span:before{content:'·';margin-right:20px}.tree-window{--scene:url('assets/grove.jpg');position:relative;border-radius:16px;overflow:hidden;background:#d9e5d9;background-image:linear-gradient(#f0f5e9c9,#d5e5d5b3),var(--scene);background-size:cover;background-position:center;box-shadow:0 24px 55px -30px #203c3555,0 0 0 1px #234e3420;scroll-margin-top:24px}.tree-window[data-scene=sakura]{--scene:url('assets/sakura.jpg');background-image:linear-gradient(#fff5f2b0,#e0efd799),var(--scene)}.tree-window[data-scene=aurora]{--scene:url('assets/aurora.jpg');background-image:linear-gradient(#d8eaf69e,#d3e5e388),var(--scene)}.window-top{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#f8faf0a6;border-bottom:1px solid #5273631c;font-size:11px}.window-top>span:nth-child(2){font-weight:700}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#b5bfb0}.window-dots i:first-child{background:#d3a48c}.window-dots i:nth-child(2){background:#d7c27b}.local-label{margin-left:auto;color:#416956;font-size:9px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0;font-size:11px}.demo-modes{padding:3px;border:1px solid #436b4730;border-radius:24px;display:flex;background:#f7faeea3}.demo-modes button{border:0;background:transparent;color:var(--ink);padding:7px 16px;border-radius:18px;font-size:10px}.demo-modes button[aria-pressed=true]{background:#c5dbc4;color:#204939;font-weight:700}.reset-tree{border:0;background:none;font-size:10px;color:var(--ink);padding:10px 3px}.tree-stage{padding-inline:16px}#demo-tree{display:block;width:100%;overflow:visible}.tree-tile{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:filter .2s,translate .2s}.tree-tile:hover,.tree-tile:focus-visible{filter:brightness(1.12);translate:0 -3px}.tree-tile text{pointer-events:none;font-family:var(--sans);fill:#123e32}.tree-root{text-align:center;margin-top:-18px;padding-bottom:20px;display:grid;gap:4px}.tree-root strong{font-family:var(--serif);font-size:20px}.tree-root span{font-size:9px;color:#345647}.demo-bottom{border-top:1px solid #234e3420;background:#f5f8eed6;display:grid;gap:5px;padding:13px 18px;font-size:10px;min-height:56px}.demo-caption{font-size:9px;color:#617366}.noscript-demo{padding:20px;text-align:center}.noscript-demo img{display:block;margin:auto}.appearance{padding-bottom:74px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:15px;color:var(--muted);max-width:370px;padding-bottom:5px}.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.look{border:1px solid var(--line);padding:0;text-align:left;background:#fafbf5;border-radius:12px;overflow:hidden;color:var(--ink);transition:box-shadow .2s,transform .2s}.look:hover{transform:translateY(-4px)}.look.is-selected{box-shadow:0 0 0 2px var(--green)}.look-art{display:block;aspect-ratio:1.24;background-size:cover;background-position:center}.look-art svg{height:100%;width:100%;display:block}.scene-grove{background-image:linear-gradient(#dae8d480,#bfd8c54d),url('assets/grove.jpg')}.scene-sakura{background-image:linear-gradient(#fff8f333,#f4ecdd22),url('assets/sakura.jpg')}.scene-aurora{background-image:linear-gradient(#e4eaf033,#c2dbd322),url('assets/aurora.jpg')}.look-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 19px}.look-copy strong{display:block;font-family:var(--serif);font-size:24px;font-weight:400}.look-copy small{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.look-arrow{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.palette-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;font-size:12px}.seasons{display:flex;gap:7px;flex-wrap:wrap}.seasons button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--ink);font-size:10px}.seasons button[aria-pressed=true]{background:#dce8d2;border-color:#8da888}.seasons i{width:9px;height:9px;background:var(--swatch);border-radius:50%}.appearance-note{font-size:11px;color:var(--muted);margin-top:15px}.understand{background:#e8edde;border-block:1px solid #d8dfd0;padding-block:70px}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:46px}.feature-columns article+article{border-left:1px solid #c9d4c5;padding-left:32px}.feature-number{font-size:9px;font-weight:700;letter-spacing:.12em;color:#66836c;display:block;margin-bottom:23px}.feature-columns p{font-size:13px;color:var(--muted);margin:15px 0 23px}.refresh{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:94px}.refresh-copy .eyebrow{margin-bottom:18px}.refresh-copy h2{font-size:42px}.refresh-copy>p:not(.eyebrow){margin-top:24px;font-size:14px;color:var(--muted);max-width:455px}.refresh-options{padding-top:5px}.refresh-options article{display:flex;gap:20px;padding-block:24px;border-bottom:1px solid var(--line)}.refresh-options article:first-child{padding-top:0}.refresh-icon{display:grid;place-items:center;border:1px solid #ccd9c5;border-radius:50%;width:40px;height:40px;flex-shrink:0;font-size:23px}.refresh-options h3{font-size:24px}.refresh-options p{font-size:13px;color:var(--muted);margin-top:10px}.refresh-options small{font-size:11px;color:var(--muted);display:block;line-height:1.6;margin-top:8px}.assistant-section{max-width:1224px;padding:50px;display:grid;grid-template-columns:1fr 1.12fr;gap:60px;background:#163b30;color:#edf1de;border-radius:16px}.assistant-section em{color:#b8dba6}.assistant-section h2{font-size:40px}.assistant-section p{font-size:13px;color:#bdd0bb;max-width:390px;margin-top:22px}.assistant-section .eyebrow{color:#a9ca9c;margin-top:0;margin-bottom:18px}.assistant-section .assistant-note{font-size:11px;color:#9cb499}.terminal{border:1px solid #65826b66;border-radius:9px;align-self:center;overflow:hidden;background:#102e27}.terminal-bar{padding:14px 17px;background:#244b3b;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px}.terminal-bar button{font-size:9px;padding:6px 9px;border:1px solid #68856b;border-radius:4px;background:transparent;color:#e5f1d6}.terminal pre{margin:0;padding:24px 20px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dcebd2}.terminal>p{border-top:1px solid #65826b33;font-size:9px;padding:12px 18px;margin:0;max-width:none}.terminal p span{color:#a6d58c;padding-right:6px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-top:90px;padding-bottom:60px}.faq h2{font-size:42px}.faq .eyebrow{margin-bottom:16px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:4px}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:20px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);padding-top:16px}.availability{text-align:center;padding-block:60px 80px}.availability>img{border-radius:25px;display:block;margin:0 auto 26px;filter:drop-shadow(0 12px 12px #214f3822)}.availability .eyebrow{justify-content:center;margin-bottom:17px}.availability>p:not(.eyebrow){margin-top:22px;color:var(--muted);font-size:14px}.availability .button{margin-top:28px}.availability small{display:block;font-size:10px;color:var(--muted);margin-top:17px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:27px!important;padding-bottom:32px!important;border-top:1px solid var(--line);font-size:11px}footer>.brand{font-size:25px}footer a{text-decoration:none}footer nav{gap:24px}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:white;z-index:10}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.help-page{max-width:820px;padding-top:70px;padding-bottom:90px}.help-page h1{font-size:54px}.help-page h2{font-size:29px;margin-top:38px;margin-bottom:12px}.help-page p,.help-page li{font-size:15px;line-height:1.8;color:var(--muted)}.help-page>p{margin-top:24px}.help-page li+li{margin-top:10px}.help-page code{font-size:12px;overflow-wrap:anywhere}.help-page .eyebrow{color:var(--green)}
@media(min-width:1440px){.hero{padding-top:66px;padding-bottom:104px}}
@media(max-width:1050px){.wrap{padding-inline:30px}.hero{gap:20px}.hero h1{font-size:52px}.hero .lede{font-size:15px}.hero-facts{gap:10px}.hero-facts span+span:before{margin-right:10px}.assistant-section{margin-inline:30px;padding:36px;gap:30px}.refresh{gap:40px}.look-copy{padding:15px 12px}.look-copy strong{font-size:21px}.look-copy small{font-size:9px}.palette-row{flex-wrap:wrap}.topbar nav{gap:17px}.section-heading{gap:35px}}
@media(max-width:760px){.wrap{padding-inline:22px}.topbar{height:80px}.topbar nav{display:none}.studio-link{font-size:11px}.brand{font-size:26px}.brand img{width:36px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:62px;gap:34px}.hero-copy{text-align:center;padding:0}.hero .eyebrow{justify-content:center;font-size:9px;margin-bottom:21px}.hero h1{font-size:clamp(46px,9vw,66px)}.hero .lede{margin-inline:auto;max-width:420px;font-size:15px;margin-top:21px}.actions{justify-content:center;gap:23px;margin-top:24px}.hero-note{font-size:14px}.hero-facts{justify-content:center;margin-top:23px}.tree-window{max-width:540px;width:100%;justify-self:center}.tree-root{padding-bottom:16px}.demo-bottom{font-size:10px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:14px;max-width:500px}.section-heading h2{font-size:38px}.looks{gap:12px}.look-copy{padding:12px 10px;min-height:100px;align-items:start}.look-copy strong{font-size:18px}.look-copy small{font-size:9px}.look-arrow{display:none}.look-art{aspect-ratio:.85}.look-art svg{width:140%;max-width:none;margin-left:-20%}.palette-row{font-size:11px;margin-top:23px}.seasons{gap:5px}.seasons button{padding:9px;font-size:10px}.appearance{padding-bottom:50px}.understand{padding-block:45px}.feature-columns{grid-template-columns:1fr;gap:26px;margin-top:25px}.feature-columns article+article{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.feature-number{margin-bottom:12px}.feature-columns p{margin:10px 0 15px}.refresh{grid-template-columns:1fr;gap:30px;padding-block:55px}.refresh-copy h2{font-size:36px}.refresh-copy>p:not(.eyebrow){font-size:14px;margin-top:20px}.assistant-section{grid-template-columns:1fr;gap:26px;margin-inline:16px;padding:30px 22px}.assistant-section h2{font-size:36px}.assistant-section p{max-width:none}.terminal pre{font-size:10px;padding:20px 15px}.faq{grid-template-columns:1fr;gap:28px;padding-top:60px;padding-bottom:25px}.faq h2{font-size:36px}.faq summary{font-size:13px}.availability{padding-block:40px 55px}.availability h2{font-size:37px}.availability>p:not(.eyebrow){font-size:13px}footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:11px}footer nav{width:100%;justify-content:center;margin-top:3px}.help-page{padding-top:40px}.help-page h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}