@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--ink:#171713;--paper:#f0ede5;--acid:#d6ff38;--line:#1717132e;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 2.2vw;display:grid;position:relative}.logo{letter-spacing:-.08em;width:max-content;font-size:25px;font-weight:900}.logo span{vertical-align:top;letter-spacing:0;margin-left:3px;font:500 7px DM Mono}nav{gap:32px;font-size:12px;font-weight:600;display:flex}nav a,.bag{position:relative}nav a:after{content:"";background:currentColor;height:1px;transition:right .25s;position:absolute;bottom:-5px;left:0;right:100%}nav a:hover:after{right:0}.bag{background:0 0;justify-self:end;padding:10px 0;font-size:12px;font-weight:600}.bag span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:8px;font-size:9px;display:inline-grid}.hero{border-bottom:1px solid var(--line);flex-direction:column;height:calc(100svh - 76px);min-height:620px;padding:24px 2.2vw 32px;display:flex;overflow:hidden}.hero-topline{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font:500 10px DM Mono;display:flex}.hero h1{letter-spacing:-.095em;margin:auto 0;font-size:clamp(100px,16.7vw,280px);font-weight:900;line-height:.73;transform:translate(-.018em)}.hero-bottom{justify-content:space-between;align-items:end;display:flex}.hero-bottom p{letter-spacing:-.03em;max-width:310px;margin:0;font-size:17px;line-height:1.35}.hero-bottom a{border-bottom:1px solid var(--ink);justify-content:space-between;width:230px;padding:12px 0;font-size:12px;font-weight:600;display:flex}.arrow{font-size:17px;line-height:.7;display:inline-block}.arrow-left{transform:rotate(180deg)}.arrow-down{transform:rotate(90deg)}.builder{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1.28fr) minmax(430px,.72fr);min-height:850px;display:grid}.object-panel{background:var(--scene);border-right:1px solid var(--line);min-height:850px;transition:background .35s;position:relative;overflow:hidden}.object-head{z-index:2;text-transform:uppercase;justify-content:space-between;font:500 10px DM Mono;display:flex;position:absolute;top:28px;left:30px;right:30px}.availability-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0ede5b3;border:1px solid #0000001f;border-radius:30px;padding:7px 10px}.availability-pill i{background:#ef613e;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.object-copy{z-index:2;position:absolute;top:68px;left:30px}.object-copy p{margin:0 0 3px;font:500 11px DM Mono}.object-copy h2{letter-spacing:-.08em;margin:0;font-size:clamp(58px,7vw,108px);line-height:.9}.product-stage{place-items:center;display:grid;position:absolute;inset:80px 4% 100px}.product{filter:drop-shadow(0 24px 26px #28231b1f);width:min(72%,610px);max-height:78%;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s;overflow:visible}.product.is-active{filter:drop-shadow(0 31px 32px #28231b38);transform:translateY(-8px)rotate(-2deg)}.speech{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#f4f1eae0;width:210px;padding:14px;transition:all .3s;position:absolute;top:31%;right:6%;transform:translateY(8px)}.speech.visible{opacity:1;transform:translateY(0)}.speech span{text-transform:uppercase;font:500 9px DM Mono}.speech p{margin:7px 0 0;font-size:12px;line-height:1.4}.preview-button{z-index:3;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0ede5c2;border:1px solid #0000002e;border-radius:30px;padding:8px 13px 8px 8px;font-size:10px;font-weight:600;position:absolute;bottom:122px;left:50%;transform:translate(-50%)}.preview-button i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:7px;font-size:8px;font-style:normal;display:inline-grid}.preview-button.active i{background:#ed5d3d}.object-strip{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#efece4e0;border-top:1px solid #0000002b;grid-template-columns:repeat(6,1fr);height:103px;display:grid;position:absolute;bottom:0;left:0;right:0}.object-strip button{background:0 0;border-right:1px solid #0000001f;flex-direction:column;justify-content:end;align-items:center;gap:1px;padding:4px 3px 10px;display:flex;position:relative}.object-strip button:last-child{border:0}.object-strip button:before{content:"";background:var(--ink);height:3px;transition:right .25s;position:absolute;top:-1px;left:0;right:100%}.object-strip button.selected:before{right:0}.object-strip strong{font:500 9px DM Mono}.mini-product{place-items:center;width:80px;height:68px;display:grid}.mini-product .product{filter:none;width:74px;max-height:72px}.customizer-panel{background:#f3f0e8;flex-direction:column;min-height:850px;display:flex;position:relative}.steps{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);height:86px;padding:0 7%;display:grid;position:relative}.steps button{z-index:2;color:#918d84;background:0 0;flex-direction:column;align-items:center;gap:6px;padding:18px 0 14px;font:500 9px DM Mono;display:flex}.steps button i{background:#f3f0e8;border:1px solid #b9b4aa;border-radius:50%;place-items:center;width:21px;height:21px;font-size:8px;font-style:normal;display:grid}.steps button.active,.steps button.done{color:var(--ink)}.steps button.active i{color:#fff;background:var(--ink);border-color:var(--ink)}.steps button.done i{background:var(--acid);border-color:var(--ink)}.step-line{z-index:1;background:#c8c3b9;height:1px;position:absolute;top:29px;left:16%;right:16%}.step-line i{background:var(--ink);height:1px;transition:width .3s;display:block}.control-content{flex:1;padding:42px clamp(28px,5vw,74px) 120px;animation:.35s both rise;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.section-kicker{text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font:500 9px DM Mono}.control-content h2{letter-spacing:-.07em;margin:0 0 16px;font-size:clamp(42px,4.5vw,68px);line-height:.92}.section-copy{color:#67635c;max-width:410px;margin:0 0 34px;font-size:13px;line-height:1.5}.field-group{margin-top:28px}.field-group>label,.input-wrap>label{text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;margin-bottom:12px;font:600 10px DM Mono;display:flex}.field-group>label span{color:#827e75;text-transform:none;font-weight:400}.swatches{gap:10px;display:flex}.swatch{background:var(--swatch);border:1px solid #00000024;border-radius:50%;width:37px;height:37px;position:relative}.swatch.selected:after{content:"";border:1px solid var(--ink);border-radius:50%;position:absolute;inset:-5px}.segment{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.segment button{border-right:1px solid var(--line);background:0 0;padding:14px;font-size:11px}.segment button:last-child{border:0}.segment button.selected{background:var(--ink);color:#fff}.material-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:baseline;gap:20px;margin-top:26px;padding:13px 0;display:flex}.material-note span{text-transform:uppercase;white-space:nowrap;font:500 8px DM Mono}.material-note p{color:#767269;margin:0;font-size:10px;line-height:1.4}.source-note{color:#69655e;gap:10px;margin-top:18px;display:flex}.source-note .dot{background:#e86242;border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px}.source-note p{margin:0;font-size:9px;line-height:1.45}.source-note strong{color:var(--ink)}.source-note a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.input-wrap{margin-top:30px;position:relative}.input-wrap input{border:0;border-bottom:1px solid var(--ink);letter-spacing:-.04em;background:0 0;outline:none;width:100%;padding:5px 45px 11px 0;font-size:25px}.input-wrap>span{color:#89857d;font:500 8px DM Mono;position:absolute;bottom:13px;right:0}.option-stack{border-top:1px solid var(--line)}.option-stack button{border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;width:100%;padding:13px 2px;font-size:12px;display:flex}.option-stack i,.routine-list i{border:1px solid #9c988f;border-radius:50%;width:14px;height:14px;position:relative}.option-stack button.selected i:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:3px}.voice-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.voice-grid button{text-align:left;border:1px solid var(--line);background:0 0;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.voice-grid button.selected{border-color:var(--ink);background:#e8e5dc}.play{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;padding-left:2px;font-size:7px;display:grid}.voice-grid strong{font-size:11px;display:block}.voice-grid small{color:#7a766e;font-size:8px}.routine-list{border-top:1px solid var(--line)}.routine-list button{border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:13px 2px;display:flex}.routine-list strong{font-size:11px;display:block}.routine-list small{color:#77736a;font-size:8px}.routine-list button.selected i{background:var(--acid);border-color:var(--ink)}.routine-list button.selected i:after{content:"✓";place-items:center;font:700 9px sans-serif;display:grid}.hosting-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hosting-cards button{border:1px solid var(--line);text-align:left;background:0 0;min-width:0;min-height:100px;padding:13px}.hosting-cards button.selected{border:1.5px solid var(--ink);background:#e9e6dd}.hosting-cards span{justify-content:space-between;align-items:start;gap:5px;display:flex}.hosting-cards strong{font-size:11px}.hosting-cards b{text-transform:uppercase;background:#ddd8cd;padding:3px 4px;font:500 7px DM Mono}.hosting-cards small{color:#77736b;margin-top:13px;font-size:8px;line-height:1.4;display:block}.integration-row{gap:6px;margin-top:8px;display:flex}.integration-row button{border:1px solid var(--line);background:0 0;flex:1;justify-content:space-between;padding:9px 10px;font-size:9px;display:flex}.integration-row button.selected{border-color:var(--ink)}.integration-row span{color:#817c73;text-transform:uppercase;font:500 7px DM Mono}.review-list{border-top:1px solid var(--ink)}.review-list>div{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr auto;align-items:center;gap:10px;min-height:58px;font-size:10px;display:grid}.review-list span{text-transform:uppercase;color:#77736b;font:500 8px DM Mono}.review-list strong{font-size:11px}.review-list em{color:#716d65;font-size:9px;font-style:normal}.review-list i{border:1px solid #00000026;border-radius:50%;width:16px;height:16px}.availability{background:#e6e2d8;margin-top:22px;padding:17px}.availability span{text-transform:uppercase;font:500 8px DM Mono}.availability strong{margin-top:8px;font-size:15px;display:block}.availability p{color:#706c64;margin:4px 0 0;font-size:9px;line-height:1.4}.export-button{background:var(--ink);color:#fff;justify-content:space-between;width:100%;margin-top:10px;padding:15px;font-size:11px;display:flex}.panel-footer{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line);background:#f3f0e8eb;grid-template-columns:1fr auto 1fr;align-items:center;height:86px;padding:0 6%;display:grid;position:absolute;bottom:0;left:0;right:0}.panel-footer .back{background:0 0;justify-self:start;padding:10px 0;font-size:10px}.panel-footer .back:disabled{opacity:.25}.panel-footer .back .arrow{margin-right:7px}.panel-footer>div{text-align:center}.panel-footer>div span{color:#78746b;text-transform:uppercase;font:500 7px DM Mono;display:block}.panel-footer>div strong{font-size:10px}.continue{background:var(--ink);color:#fff;justify-content:space-between;justify-self:end;align-items:center;min-width:114px;padding:12px 13px;font-size:10px;display:flex}.manifesto{background:var(--ink);min-height:700px;color:var(--paper);flex-direction:column;padding:70px 2.2vw 35px;display:flex}.manifesto>p{text-transform:uppercase;font:500 10px DM Mono}.manifesto h2{letter-spacing:-.085em;margin:auto 0;font-size:clamp(70px,12vw,190px);line-height:.81}.manifesto h2 em{color:var(--acid);font-style:normal}.manifesto>div{text-transform:uppercase;border-top:1px solid #55544f;justify-content:space-between;align-items:start;padding-top:15px;font:500 8px DM Mono;display:flex}.manifesto>div p{text-transform:none;color:#aaa79f;max-width:470px;margin:0;line-height:1.5}@media (max-width:900px){header{height:64px;padding:0 18px}nav{display:none}.hero{height:auto;min-height:640px;padding:20px 18px 26px}.hero h1{margin:auto 0;font-size:21vw;line-height:.78}.hero-bottom{flex-direction:column;align-items:start;gap:30px}.hero-bottom a{width:100%}.builder{display:block}.object-panel{border-right:0;border-bottom:1px solid var(--line);min-height:680px}.product-stage{inset:80px 0 100px}.product{width:min(80%,520px)}.object-copy h2{font-size:72px}.speech{top:33%}.customizer-panel{min-height:760px}.control-content{padding:36px max(24px,8vw) 120px}.steps{padding:0 4%}.control-content h2{font-size:55px}}@media (max-width:520px){.hero{min-height:calc(100svh - 64px)}.hero-topline span:last-child{display:none}.hero h1{font-size:23vw}.object-panel{min-height:600px}.object-head{top:20px;left:18px;right:18px}.object-copy{top:58px;left:18px}.object-copy h2{font-size:58px}.product-stage{inset:105px -30px 90px}.product{width:95%}.object-strip{grid-template-columns:repeat(6,78px);height:86px;overflow-x:auto}.mini-product{width:60px;height:55px}.mini-product .product{width:56px;max-height:54px}.preview-button{bottom:101px}.speech{width:175px;top:30%;right:14px}.customizer-panel{min-height:780px}.steps{height:74px;padding:0 2%}.steps button{padding-top:13px}.step-line{top:24px}.control-content{padding:30px 20px 112px}.control-content h2{font-size:46px}.section-copy{margin-bottom:28px}.swatches{gap:8px}.swatch{width:33px;height:33px}.hosting-cards{grid-template-columns:1fr}.panel-footer{height:78px;padding:0 15px}.panel-footer>div{display:none}.panel-footer{grid-template-columns:1fr 1fr}.continue{min-width:120px}.manifesto{min-height:540px;padding:48px 18px 25px}.manifesto h2{font-size:19vw}.manifesto>div{gap:30px}.manifesto>div p{max-width:250px}}