@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f2f2f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--white:#f2f2f2;--muted:#8b8d8c;--line:#f2f2f224;--mono:"DM Mono", ui-monospace, SFMono-Regular, monospace;background:#080808;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#080808;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(at 78% 48%,#ffffff09,#0000 34%),#080808;flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.site-header,.main-content,.site-footer{width:min(1200px,100% - 72px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);flex:none;align-items:center;height:82px;display:flex}.brand{letter-spacing:-.055em;align-items:center;gap:11px;font-size:17px;font-weight:750;display:inline-flex}.brand-mark{background:var(--white);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.brand-mark img{object-fit:contain;filter:brightness(0);width:23px;height:23px;display:block}.brand:focus-visible{outline:2px solid var(--white);outline-offset:4px}.main-content{flex:1;align-items:center;display:flex}.hero{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:clamp(40px,7vw,100px);width:100%;min-height:590px;padding:74px 0 82px;display:grid}.hero-copy{max-width:570px}h1{max-width:600px;color:var(--white);letter-spacing:-.078em;margin:0;font-size:clamp(49px,6.2vw,78px);font-weight:650;line-height:.99}h1 em{color:#aaa;font-style:normal}.visual-reveal{width:100%}.sketch{width:100%;max-width:520px;margin-inline:auto}.sketch-canvas{border-block:1px solid var(--line);background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:385px;position:relative;overflow:hidden}.guide{background:#ffffff1f;position:absolute}.guide-horizontal{height:1px;top:50%;left:0;right:0}.guide-vertical{width:1px;top:0;bottom:0;left:50%}.module{background:#101214;border:1px solid #eeeeee40;position:absolute;box-shadow:0 20px 55px #00000042}.module-main{z-index:2;border-radius:6px;width:64%;height:57%;top:22%;left:17%}.module-bar{border-bottom:1px solid #eeeeee1f;align-items:center;gap:5px;height:32px;padding:0 10px;display:flex}.module-bar i{background:#666;border-radius:50%;width:5px;height:5px}.module-body{grid-template-columns:31px 1fr;height:calc(100% - 32px);display:grid}.module-sidebar{border-right:1px solid #eeeeee1a;flex-direction:column;align-items:center;gap:14px;padding-top:18px;display:flex}.module-sidebar b{border:1px solid #747474;border-radius:2px;width:9px;height:7px}.module-sidebar b:first-child{background:#ffffff1f;border-color:#d5d6d3}.module-content{padding:23px 19px}.module-kicker{background:#c6c6c6;border-radius:2px;width:29%;height:5px;margin-bottom:13px;display:block}.module-content strong{background:#555;border-radius:2px;width:70%;height:6px;margin:8px 0;display:block}.module-content strong:nth-of-type(2){background:#363636;width:48%}.module-blocks{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:21px;display:grid}.module-blocks i{background:#ffffff06;border:1px solid #eeeeee1a;border-radius:3px;height:36px}.module-blocks i:first-child{background:#ffffff0e;border-color:#ffffff38}.module-float{z-index:3;border-radius:5px}.module-top{width:108px;height:74px;padding:10px;top:12%;right:4%}.module-bottom{grid-template-columns:34px 1fr;gap:4px 9px;width:145px;height:82px;padding:10px;display:grid;bottom:12%;left:0}.float-lines{flex-direction:column;gap:5px;display:flex}.float-lines i{background:#494949;border-radius:2px;height:4px}.float-lines i:first-child{background:#c6c6c6;width:70%}.float-lines i:nth-child(2){width:88%}.module-top>b{border:1px solid #eeeeee1f;border-radius:2px;width:100%;height:17px;margin-top:9px;display:block}.float-swatch{background:#c6c6c6;border-radius:3px;grid-row:2;width:30px;height:30px}.module-bottom .float-lines{grid-row:2;justify-content:center}.anchor-point{z-index:4;background:#080808;border:1px solid #d8d9d6;border-radius:50%;width:7px;height:7px;position:absolute}.anchor-one{top:21%;left:17%}.anchor-two{top:12%;right:4%}.anchor-three{bottom:12%;left:0}.connector{transform-origin:0;background:#ffffff6b;height:1px;position:absolute}.connector-one{width:85px;top:22%;left:17%;transform:rotate(-32deg)}.connector-two{width:68px;bottom:20%;right:8%;transform:rotate(-33deg)}.site-footer{border-top:1px solid var(--line);color:#767676;height:56px;font:8px var(--mono);letter-spacing:.1em;flex:none;align-items:center;display:flex}@media (width>=1400px){.hero{min-height:680px}.sketch-canvas{height:420px}}@media (width<=800px){.site-header,.main-content,.site-footer{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;gap:50px;padding:58px 0 65px}.hero-copy,.sketch{max-width:600px}.sketch-canvas{height:min(70vw,380px);min-height:280px}.site-footer{height:52px}}@media (width<=480px){.site-header,.main-content,.site-footer{width:calc(100% - 36px)}.site-header{height:70px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.hero{gap:37px;padding:47px 0 48px}h1{font-size:clamp(45px,12vw,58px)}.sketch-canvas{background-size:38px 38px;height:270px;min-height:0}.module-main{width:70%;height:54%;top:23%;left:14%}.module-top{transform-origin:100% 0;right:0;transform:scale(.85)}.module-bottom{transform-origin:0 100%;transform:scale(.84)}.connector-one{width:48px}.connector-two{width:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}