:root{--ink:#102c36;--paper:#f6f3eb;--aqua:#27d3c2;--mint:#a8e6d5;--teal:#087d78;--muted:#52696d;--amber:#f2b669;--line:#cbd3cc;--radius:18px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:.23em}button{font:inherit}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.dark a:focus-visible,.dark button:focus-visible{outline-color:var(--aqua)}.skip{position:fixed;top:12px;left:12px;z-index:99;background:var(--paper);padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:23px}.logo{display:block;width:190px;height:auto}.header nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.language{border:1px solid var(--line);padding:7px 12px;border-radius:7px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin:0 0 24px}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:55px;align-items:center;padding-block:68px 75px}.hero h1{font-size:clamp(42px,5.2vw,69px);line-height:1.04;letter-spacing:-.065em;font-weight:700;margin:0 0 27px}.hero h1 em{font-style:normal;color:var(--teal)}.intro{font-size:19px;line-height:1.6;max-width:470px;color:var(--muted);margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border-radius:8px;min-height:50px;text-decoration:none;font-size:15px;font-weight:650;border:1px solid var(--teal);background:var(--teal);color:white}.button:hover{background:var(--ink);border-color:var(--ink)}.button.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button.secondary:hover{border-color:var(--ink)}.release-note{font-size:12px;color:var(--muted);margin:15px 0 0}.release-note strong{color:var(--ink)}.demo{background:var(--ink);border-radius:var(--radius);padding:12px;color:var(--paper);box-shadow:0 24px 45px -22px #102c3645;position:relative}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 6px 13px;font-size:11px;letter-spacing:.035em}.demo-top span:last-child{color:var(--mint)}.scene{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:9px;background:#d8d4c7;isolation:isolate}.scene-inner{position:absolute;inset:0;transition:transform .6s ease}.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene .room{transition:filter .4s ease,opacity .4s ease}.scene .landscape{opacity:0;transition:opacity .4s ease}.frame{position:absolute;inset:14% 26% 12% 28%;border:1px solid #27d3c299;border-radius:15px;opacity:0;transition:opacity .4s ease;pointer-events:none}.frame:before,.frame:after{content:"";position:absolute;width:30px;height:30px;border-color:var(--aqua);border-style:solid}.frame:before{top:-2px;left:-2px;border-width:4px 0 0 4px;border-radius:13px 0 0}.frame:after{bottom:-2px;right:-2px;border-width:0 4px 4px 0;border-radius:0 0 13px}.scene[data-mode="auto"] .scene-inner{transform:scale(1.27) translate(-5%,7%)}.scene[data-mode="auto"] .frame{opacity:1}.scene[data-mode="blur"] .room{filter:blur(12px);transform:scale(1.06)}.scene[data-mode="image"] .landscape{opacity:1}.scene[data-mode="image"] .room{opacity:0}.demo-controls{display:flex;gap:5px;padding-top:12px;flex-wrap:wrap}.demo-controls button{flex:1;border:1px solid #38515a;border-radius:7px;background:transparent;color:var(--paper);padding:9px 7px;font-size:12px;cursor:pointer;white-space:nowrap;min-height:40px}.demo-controls button[aria-pressed="true"]{background:var(--aqua);color:var(--ink);border-color:var(--aqua);font-weight:700}.demo-description{font-size:12px;line-height:1.5;margin:12px 7px 4px;color:var(--mint);min-height:36px}.demo-disclaimer{font-size:11px;line-height:1.5;color:var(--mint);border-top:1px solid #38515a;margin:12px 7px 4px;padding-top:10px}.proof{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-block:21px;font-size:13px;color:var(--muted)}.proof span{display:flex;gap:9px;align-items:center}.proof b{color:var(--teal);font-size:16px}.section{padding-block:100px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}.section-heading h2,h2{font-size:clamp(31px,3.9vw,48px);line-height:1.14;letter-spacing:-.045em;margin:0}.section-heading p{margin:0;max-width:480px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature{border-top:1px solid var(--line);padding-top:23px}.feature .number{font-size:12px;font-weight:700;color:var(--teal)}h3{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:14px 0 13px}.feature p{font-size:15px;color:var(--muted);margin:0}.product{margin:55px 0 0;background:var(--ink);border-radius:var(--radius);padding:20px 20px 0;overflow:hidden}.product img{width:100%;height:auto;display:block;border-radius:8px 8px 0 0}.product figcaption{color:var(--mint);font-size:12px;padding:16px 5px}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:var(--mint)}.local{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.local p{color:var(--mint);margin:24px 0 0}.local ul{margin:0;padding:0;list-style:none}.local li{padding:19px 0;border-bottom:1px solid #35515a;font-size:17px}.local li:first-child{padding-top:0}.local li small{display:block;color:var(--mint);font-size:14px;margin-top:7px}.local li b{font-weight:600}.install-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.install-grid .intro{margin-top:22px;font-size:16px}.platform{font-size:13px;color:var(--muted);margin-top:25px}.install-steps{counter-reset:step;list-style:none;padding:0;margin:0}.install-steps>li{position:relative;padding:0 0 28px 45px;counter-increment:step}.install-steps>li:before{content:counter(step);position:absolute;left:0;top:0;border:1px solid var(--line);border-radius:50%;width:28px;height:28px;text-align:center;font-size:13px;line-height:26px;font-weight:600}.install-steps h3{font-size:17px;margin:0 0 8px}.install-steps p{font-size:14px;color:var(--muted);margin:0 0 13px}.code{position:relative;border-radius:9px;background:#e9e9de;border:1px solid var(--line);padding:16px;overflow:auto;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin:0}.small-link{font-size:13px}.copy-row{display:flex;gap:15px;align-items:center;margin-top:10px;min-height:30px}.copy{background:transparent;border:1px solid var(--line);padding:5px 11px;border-radius:5px;font-size:12px;cursor:pointer}.copy-status{font-size:12px;color:var(--teal)}.compatibility{font-size:13px;background:#e4ebe3;border-left:3px solid var(--teal);padding:15px 18px;margin:15px 0 0}.faq{border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.faq-layout h2{font-size:38px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:17px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:25px;color:var(--teal);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{font-size:15px;color:var(--muted);margin:14px 25px 0 0}.closing{display:flex;justify-content:space-between;gap:40px;align-items:center;border-top:1px solid var(--line);padding-block:46px}.closing h2{font-size:30px}.closing p{font-size:14px;color:var(--muted);margin:10px 0 0}.footer{background:var(--ink);color:var(--paper);padding-block:38px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.footer nav{display:flex;gap:25px;font-size:13px}.footer p{font-size:12px;color:var(--mint);max-width:700px;margin:24px 0 0}.footer .logo{width:155px}.notfound{min-height:65vh;display:flex;align-items:center}.notfound h1{font-size:70px;margin:0}.notfound p{max-width:500px}.nojs{display:block;font-size:12px;color:var(--mint);padding:8px}.demo-controls[hidden]{display:none}
@media(min-width:1400px){.hero{padding-block:95px 100px}}@media(max-width:980px){.wrap{width:calc(100% - 48px)}.hero{gap:28px}.hero h1{font-size:49px}.intro{font-size:17px}.header nav{gap:18px}.local,.faq-layout{gap:50px}.install-grid{gap:40px}.section{padding-block:75px}}@media(max-width:740px){.wrap{width:calc(100% - 36px)}.header{padding-block:16px;gap:12px}.logo{width:152px}.header nav{gap:12px}.header nav .desktop-link{display:none}.header nav a{font-size:12px}.hero{grid-template-columns:1fr;padding-block:40px 45px;gap:34px}.hero h1{font-size:clamp(43px,9vw,65px);max-width:570px}.eyebrow{margin-bottom:19px}.intro{max-width:520px}.demo{width:100%;max-width:580px}.proof{gap:14px;font-size:12px}.section-heading,.local,.install-grid,.faq-layout{grid-template-columns:1fr;gap:26px}.section-heading{margin-bottom:32px}.section-heading p{font-size:16px}.features{grid-template-columns:1fr;gap:29px}.feature p{max-width:520px}.product{margin-top:34px;padding:10px 10px 0}.product figcaption{font-size:11px}.local ul{margin-top:10px}.section{padding-block:58px}.install-grid{gap:34px}.faq-layout h2{font-size:33px}.closing{flex-direction:column;align-items:start;gap:22px}.footer nav{flex-wrap:wrap;gap:18px}.demo-description{min-height:36px}.demo-controls button{font-size:11px}.demo-top{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
