@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--night:#15151c;--ivory:#f0ebe5;--mist:#aba6ab;--graphite:#575558;--blue:#9ecde0;--lilac:#c5b6de;--gutter:clamp(22px, 4.8vw, 88px);--name-width:min(calc(100vw - var(--gutter) * 2), 135svh);--name-height:calc(var(--name-width) * .25856);--name-bottom:clamp(80px, 9svh, 106px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--night);color:var(--ivory);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{color:var(--night);background:var(--ivory)}img,svg{max-width:100%;display:block}p,h1{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.teaser{isolation:isolate;height:100svh;min-height:580px;position:relative;overflow:hidden}.scene-frame{z-index:5;pointer-events:none;position:absolute;inset:14px}.scene-frame i{border:solid var(--graphite);width:10px;height:10px;position:absolute}.scene-frame i:first-child{border-width:1px 0 0 1px;top:0;left:0}.scene-frame i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.scene-frame i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.scene-frame i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.launch-header{top:clamp(25px,4svh,48px);left:var(--gutter);right:var(--gutter);z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute}.launch-date{color:var(--ivory);letter-spacing:-.01em;font-size:13px}.instagram-link{width:44px;height:44px;color:var(--mist);place-items:center;margin-right:-11px;display:grid}.instagram-link svg{width:20px;height:20px}.instagram-link:hover{color:var(--ivory)}.keywords{z-index:2;pointer-events:none;position:absolute;inset:0}.keyword{color:var(--mist);letter-spacing:-.02em;font-size:clamp(13px,1.1vw,17px);position:absolute}.keyword-automation{top:28%;left:8.5%}.keyword-websites{top:22%;right:12%}.keyword-systems{top:53%;right:7%}.launch-name{width:var(--name-width);left:50%;bottom:var(--name-bottom);pointer-events:none;z-index:3;line-height:1;position:absolute;transform:translate(-50%)}.launch-name img{width:100%;height:auto}.sculpture{position:absolute;inset:0}.sculpture-stage{width:80%;height:80%;position:absolute;top:0;left:10%}.sculpture-stage canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.sculpture[data-ready=true] canvas{opacity:1}.sculpture-drag{cursor:grab;touch-action:none;position:absolute;inset:5% 8%}.sculpture-drag:active{cursor:grabbing}.sculpture[data-ready=false] .sculpture-drag{pointer-events:none;cursor:default}.sculpture-drag:focus-visible{outline-offset:-8px;border-radius:12px}.sculpture-fallback{width:40%;height:66%;color:var(--lilac);perspective:900px;place-items:center;display:grid;position:absolute;top:17%;left:30%}.sculpture-fallback svg{filter:drop-shadow(8px 12px 14px #0003);width:100%;max-height:100%;animation:12s ease-in-out infinite fallback-orbit}.sculpture[data-paused=true] .sculpture-fallback svg{animation-play-state:paused}.sculpture[data-ready=true] .sculpture-fallback{display:none}.sculpture[data-finish=Cromo] .sculpture-fallback{color:var(--ivory)}.sculpture[data-finish=Cristal] .sculpture-fallback{color:var(--blue);opacity:.7}.scene-toolbar{bottom:max(22px, env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);z-index:4;justify-content:space-between;align-items:center;gap:22px;min-height:44px;display:flex;position:absolute}.material-controls,.material-options,.motion-controls{align-items:center;display:flex}.material-options{gap:3px}.material-option{border-radius:50%;place-items:center;width:44px;height:44px;padding:10px;display:grid}.material-swatch{border-radius:50%;width:24px;height:24px;position:relative;box-shadow:inset 0 0 0 1px #f0ebe54d}.material-option[aria-pressed=true] .material-swatch:after{content:"";border:1px solid var(--ivory);border-radius:50%;position:absolute;inset:-4px}.material-option:hover .material-swatch{outline:1px solid var(--mist);outline-offset:4px}.swatch-prisma{background:conic-gradient(from 25deg,#9ecde0,#84739c,#e6d4c4,#a0bcd3,#9ecde0)}.swatch-cromo{background:linear-gradient(120deg,#575558,#f0ebe5 45%,#777780 52%,#d6d0d0 70%,#575558)}.swatch-cristal{background:linear-gradient(135deg,#9ecde099,#0000 48%,#c5b6deb3)}.material-name{color:var(--mist);min-width:40px;margin-left:13px;font-size:12px}.motion-controls{gap:8px}.scene-button{border:1px solid var(--graphite);width:44px;height:44px;color:var(--mist);border-radius:50%;place-items:center;display:grid}.scene-button svg{width:18px;height:18px}.scene-button:hover:not(:disabled){color:var(--night);background:var(--ivory);border-color:var(--ivory)}.sculpture-hint{color:var(--mist);z-index:4;pointer-events:none;font-size:11px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.sculpture[data-interacted=true] .sculpture-hint{visibility:hidden}@keyframes fallback-orbit{0%,to{transform:rotateX(10deg)rotateY(-28deg)rotate(-12deg)translateY(0)}50%{transform:rotateX(-8deg)rotateY(28deg)rotate(-8deg)translateY(-10px)}}@media (width<=900px){.sculpture-stage{width:94%;height:76%;top:1%;left:3%}.keyword-automation{top:21%;left:6%}.keyword-websites{top:16%;right:7%}.keyword-systems{top:64%;right:8%}}@media (width<=600px){:root{--gutter:23px;--name-bottom:92px}.scene-frame{inset:9px}.scene-frame i{width:7px;height:7px}.launch-header{top:21px}.launch-date{font-size:12px}.instagram-link svg{width:18px;height:18px}.sculpture-stage{width:100%;height:64%;top:7%;left:0}.sculpture-drag{inset:8%}.keyword{font-size:12px}.keyword-automation{top:15%;left:7%}.keyword-websites{top:18%;right:7%}.keyword-systems{top:auto;bottom:calc(var(--name-bottom) + var(--name-height) + 73px);left:8%;right:auto}.scene-toolbar{bottom:max(20px, env(safe-area-inset-bottom));gap:8px}.material-options{gap:0}.material-name{min-width:35px;margin-left:6px;font-size:11px}.motion-controls{gap:5px}.sculpture-hint{bottom:calc(var(--name-bottom) + var(--name-height) + 17px);font-size:10px}.sculpture-fallback{width:56%;height:48%;top:24%;left:22%}}@media (height<=600px) and (width>=601px){.teaser{min-height:440px}.sculpture-stage{height:78%;top:1%}.keyword-automation{top:25%}.keyword-websites{top:23%}.keyword-systems{top:49%}.launch-header{top:14px}.scene-toolbar{bottom:16px}.sculpture-hint{bottom:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.sculpture:not([data-motion-chosen=true]) .sculpture-fallback svg{animation:none}}
