/* The opening screen: big type, real product fragments, room to play. */
.site-header{height:92px;max-width:none;padding:0 3%;background:#fff;border-bottom:0;gap:12px}
.site-header .wordmark img{width:66px}
.site-header nav{margin-left:auto;padding-left:0;gap:10px;font-size:12px}
.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 21px;background:#20211f;color:#fff;border-radius:30px}
.site-header nav a:nth-child(2){border-radius:0;clip-path:polygon(11% 0,89% 0,100% 50%,89% 100%,11% 100%,0 50%);padding:0 27px}
.site-header nav a:after{display:none}
.site-header nav a:hover{background:#5c2ec2}
.header-cta{border-radius:2px;min-height:42px;gap:18px;font-size:12px;padding:0 18px}
.hero--canvas{padding:0;max-width:none;background:#fff;overflow:clip;border-bottom:1px solid #e7e7e4}
.hero-scene{position:relative;min-height:660px;height:calc(100svh - 92px);max-height:1100px;isolation:isolate;display:flex;align-items:center;justify-content:center;--pointer-x:0px;--pointer-y:0px}
.canvas-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(to right,#dddeda70 1px,transparent 1px),linear-gradient(to bottom,#dddeda70 1px,transparent 1px);background-size:76px 76px;mask-image:radial-gradient(ellipse at center,transparent 24%,#0008 76%,black);pointer-events:none}
.hero--canvas .hero-copy{width:100%;text-align:center;padding:0 20px 13px;z-index:3;pointer-events:none}
.hero-kicker{display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:500;letter-spacing:.5px;margin:0 0 24px;color:#565852}
.hero-kicker .status-dot{width:6px;height:6px;background:#5c2ec2}
.hero--canvas h1{font-size:clamp(78px,9.9vw,176px);letter-spacing:-.075em;line-height:.98;white-space:normal;font-weight:800;max-width:1550px;margin:auto;color:#191a18}
.hero-line{display:block;white-space:nowrap}
.inline-arch{display:inline-block;vertical-align:-.015em;width:.88em;height:.72em;margin:0 .015em 0 .04em;color:#087efa;transform:rotate(-8deg);transition:transform .6s var(--ease)}
.inline-arch svg{height:100%;width:100%}
.hero-scene:hover .inline-arch{transform:rotate(4deg)}
.hero--canvas .hero-description{font-size:15px;line-height:1.65;letter-spacing:-.25px;color:#64665f;margin:28px auto 0;max-width:500px}
.hero--canvas .hero-actions{display:flex;flex-direction:column;justify-content:center;gap:13px;margin-top:24px}
.hero--canvas .hero-cta{pointer-events:auto;border-radius:30px;min-height:50px;font-size:12px;padding:0 24px;gap:27px;box-shadow:none}
.hero--canvas .hero-cta:hover{background:#5c2ec2;border-color:#5c2ec2}
.hero-build-note{font-size:9px;letter-spacing:.15px;color:#8a8c83}
.scene-item{position:absolute;z-index:1;--tilt:0deg;--depth:1;transform:translate(calc(var(--pointer-x) * var(--depth)),calc(var(--pointer-y) * var(--depth))) rotate(var(--tilt));transition:transform .7s cubic-bezier(.2,.7,.3,1);will-change:auto}
.scene-window{background:#fff;padding:5px;border:1px solid #dcded8;border-radius:12px;box-shadow:0 9px 24px #20211f09;transition:box-shadow .3s,translate .3s;overflow:hidden}
a.scene-item:hover .scene-window{box-shadow:0 15px 35px #20211f17;translate:0 -7px}
a.scene-item:focus-visible{outline:3px solid #5c2ec2;outline-offset:8px;border-radius:12px}
.scene-crop{overflow:hidden;border-radius:7px;height:100%;position:relative;background:#f4f4f4}
.scene-crop img{display:block;max-width:none;height:auto;pointer-events:none}
.scene-terminal{top:7%;left:-90px;width:340px;--tilt:-10deg;--depth:-.8}
.scene-terminal .scene-window{height:190px}
.scene-terminal img{width:950px;transform:translate(-85px,-7px)}
.scene-preview{top:6%;right:-70px;width:345px;--tilt:8deg;--depth:.8}
.scene-preview .scene-window{height:220px}
.scene-preview img{width:970px;transform:translate(-435px,-1px)}
.scene-caption{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e7e8e2;border-radius:7px;padding:9px 12px;font-size:10px;box-shadow:0 4px 10px #20211f07;position:absolute;bottom:-15px;white-space:nowrap;right:12px;transform:rotate(5deg)}
.scene-caption>span:last-child{margin-left:20px}
.scene-dot{width:6px;height:6px;background:#5c2ec2;border-radius:50%}
.scene-preview .scene-dot{background:#00ac58}
.scene-star{color:#ff3138;width:73px;height:73px;left:27%;top:8%;--tilt:13deg;--depth:1.5}
.scene-semi{color:#00ac58;width:97px;height:60px;right:28%;top:8%;--tilt:-19deg;--depth:-1.2}
.scene-square{width:72px;height:84px;background:#ffce00;left:5%;top:48%;--tilt:-12deg;--depth:1.6}
.scene-arch{width:125px;height:74px;color:#087efa;right:4%;top:54%;--tilt:19deg;--depth:-1.5}
.scene-flower{width:78px;height:78px;right:31%;bottom:9%;color:#ff9bad;--tilt:8deg;--depth:1.2}
.scene-cursor{z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start}
.scene-cursor>svg{width:19px;height:24px;fill:currentColor;stroke:#fff;stroke-width:2;filter:drop-shadow(0 1px 1px #0002)}
.scene-cursor>span{margin:1px 0 0 14px;padding:4px 8px;border-radius:4px;color:#fff;background:var(--cursor-color);font-size:11px;line-height:1.2;font-weight:500;white-space:nowrap}
.cursor-build{--cursor-color:#5c2ec2;color:var(--cursor-color);left:16.5%;top:28%;--tilt:-4deg;--depth:1.2}
.cursor-create{--cursor-color:#00ac58;color:var(--cursor-color);right:7.5%;top:43%;--tilt:5deg;--depth:-1.3}
.cursor-ship{--cursor-color:#f97658;color:var(--cursor-color);right:18%;top:63%;--tilt:-4deg;--depth:.7}
.scene-app{bottom:15%;left:8%;display:flex;gap:13px;align-items:center;--tilt:-7deg;--depth:-1}
.scene-app img{width:75px;height:75px;filter:drop-shadow(0 6px 9px #20211f13)}
.scene-app>span{font-size:11px;line-height:1.4;color:#5d6057;letter-spacing:-.2px}
.scene-note{bottom:12%;right:3%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eaebe5;box-shadow:0 6px 20px #20211f08;border-radius:13px;padding:15px 20px;--tilt:6deg;--depth:1}
.note-symbol{width:29px;height:29px;background:#191a18;color:#fff;display:grid;place-items:center;border-radius:50%;font-size:20px}
.scene-note>div>span{display:block;font-size:7px;letter-spacing:.7px;color:#8a8c83;margin-bottom:5px}
.scene-note strong{font-size:12px;font-weight:500;letter-spacing:-.3px}
.hero-footer{position:absolute;bottom:24px;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;color:#86897e;font-size:8px;letter-spacing:.65px;z-index:5}
.hero-footer>a{display:flex;gap:12px;align-items:center;position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:0;color:#55584e}
.hero-footer>a>span{font-size:17px;transition:translate .3s}
.hero-footer>a:hover>span{translate:0 4px}
.motion-paused .scene-item{transform:rotate(var(--tilt));transition:none}
.motion-paused .inline-arch,.motion-paused .hero-scene:hover .inline-arch{transform:rotate(-8deg);transition:none}
@media(min-width:1600px){.hero--canvas .hero-description{font-size:18px;max-width:600px;margin-top:35px}.hero-kicker{font-size:13px;margin-bottom:30px}.hero--canvas .hero-actions{margin-top:30px}.hero--canvas .hero-cta{min-height:57px;font-size:14px}.hero-build-note{font-size:11px}.scene-terminal{width:420px;left:-95px}.scene-terminal .scene-window{height:240px}.scene-terminal img{width:1160px}.scene-preview{width:440px;right:-60px}.scene-preview .scene-window{height:280px}.scene-preview img{width:1200px;transform:translate(-540px,-1px)}.scene-star{width:100px;height:100px}.scene-semi{width:125px;height:75px}.scene-square{width:100px;height:115px}.scene-arch{width:170px;height:105px}.scene-app img{width:96px;height:96px}.scene-app>span{font-size:14px}.scene-note{padding:21px 25px}.scene-note strong{font-size:16px}.scene-cursor>span{font-size:14px}.hero-footer{font-size:9px;bottom:33px}}
@media(max-width:1100px){.hero-scene{min-height:650px}.scene-terminal{width:270px;left:-95px;top:7%}.scene-terminal .scene-window{height:155px}.scene-terminal img{width:800px;transform:translate(-85px,-5px)}.scene-preview{width:270px;right:-95px;top:7%}.scene-preview .scene-window{height:165px}.scene-preview img{width:780px;transform:translate(-350px,-1px)}.scene-star{width:58px;height:58px;top:9%}.scene-semi{width:70px;height:45px;top:10%}.scene-square{width:55px;height:65px;left:2%}.scene-arch{width:90px;height:55px;right:1%}.scene-note{right:-45px;font-size:10px}.scene-app{left:4%;bottom:13%}.scene-app img{width:62px;height:62px}.scene-app>span{font-size:9px}.scene-cursor>span{font-size:9px}.cursor-create{right:2.5%;top:39%}.cursor-build{left:16%;top:28%}.cursor-ship{right:8%;top:60%}.scene-flower{right:29%;width:63px;height:63px;bottom:10%}}
@media(max-width:800px){.site-header{height:82px;padding:0 5%}.site-header .wordmark img{width:58px}.site-header nav{gap:8px;font-size:11px}.site-header nav a{padding:0 17px;min-height:39px}.site-header nav a:nth-child(2){padding:0 23px}.header-cta{font-size:11px;min-height:39px;padding:0 14px;gap:12px}.hero-scene{height:calc(100svh - 82px);min-height:730px;max-height:980px}.hero--canvas h1{font-size:clamp(64px,10vw,80px)}.hero--canvas .hero-copy{padding:0 16px 0}.hero-kicker{font-size:10px;margin-bottom:22px}.hero--canvas .hero-description{font-size:13px;max-width:420px;margin-top:25px}.hero--canvas .hero-actions{margin-top:23px}.scene-terminal{top:7%;left:-64px;width:250px;--tilt:-8deg}.scene-terminal .scene-window{height:143px}.scene-preview{top:6%;right:-70px;width:250px;--tilt:9deg}.scene-preview .scene-window{height:160px}.scene-star{left:37%;top:6%;width:48px;height:48px}.scene-semi{right:32%;top:17%;width:58px;height:38px}.scene-square{top:48%;left:-22px;width:53px;height:65px}.scene-arch{right:-30px;top:52%;width:85px}.cursor-build{left:15%;top:28%}.cursor-create{right:11%;top:39%}.cursor-ship{right:16%;top:59%}.scene-app{bottom:15%;left:7%}.scene-note{right:4%;bottom:10%;padding:13px 15px}.scene-note strong{font-size:10px}.scene-note>div>span{font-size:6px}.note-symbol{width:25px;height:25px}.scene-flower{right:23%;bottom:21%;width:55px;height:55px}.hero-footer{left:5%;right:5%;bottom:23px;font-size:7px}.hero-footer>span:last-child{display:none}.hero-footer>a{left:auto;right:0;transform:none}}
@media(max-width:580px){.site-header{height:76px;gap:0}.site-header .wordmark img{width:56px}.header-cta{margin-left:auto;margin-right:19px;min-height:38px;border-radius:24px;font-size:10px;padding:0 16px}.site-header nav{top:75px;margin:0;padding:18px 5% 23px;gap:12px;background:white;align-items:stretch}.site-header nav a{font-size:14px;background:transparent;color:#20211f;justify-content:flex-start;padding:8px 0;min-height:30px}.site-header nav a:nth-child(2){clip-path:none;padding:8px 0}.site-header nav a:hover{background:transparent;color:#5c2ec2}.hero-scene{height:calc(100svh - 76px);min-height:695px;max-height:880px}.canvas-grid{background-size:48px 48px;mask-image:radial-gradient(ellipse at center,transparent 15%,#0006 80%,black)}.hero--canvas h1{font-size:clamp(40px,11.4vw,62px);letter-spacing:-.073em;line-height:1.04}.hero--canvas .hero-copy{padding:0 12px 9px}.hero-kicker{font-size:9px;margin-bottom:20px;letter-spacing:.1px}.hero-kicker .status-dot{width:5px;height:5px}.inline-arch{width:.78em;height:.68em;margin-left:.02em}.hero--canvas .hero-description{font-size:12px;line-height:1.6;max-width:295px;margin-top:23px;letter-spacing:-.2px}.hero--canvas .hero-actions{gap:11px;margin-top:22px}.hero--canvas .hero-cta{font-size:11px;min-height:47px;padding:0 20px;gap:25px}.hero-build-note{font-size:8px}.scene-terminal{left:-60px;top:6%;width:185px;--tilt:-10deg}.scene-terminal .scene-window{height:112px;padding:3px;border-radius:8px}.scene-terminal img{width:570px;transform:translate(-70px,-3px)}.scene-preview{right:-60px;top:6%;width:180px;--tilt:10deg}.scene-preview .scene-window{height:116px;padding:3px;border-radius:8px}.scene-preview img{width:550px;transform:translate(-248px,0)}.scene-caption{font-size:7px;padding:6px 8px;gap:5px;bottom:-10px;right:7px;border-radius:4px}.scene-caption>span:last-child{margin-left:7px}.scene-dot{width:4px;height:4px}.scene-star{top:5%;left:47%;width:35px;height:35px}.scene-semi{top:17%;right:39%;width:43px;height:28px}.scene-square{left:-17px;top:47%;width:36px;height:45px}.scene-arch{right:-24px;top:51%;width:55px;height:40px}.cursor-build{left:12%;top:27%;--tilt:-5deg}.cursor-create{right:12%;top:26.5%}.cursor-ship{display:none}.scene-cursor>svg{width:12px;height:15px}.scene-cursor>span{font-size:7px;padding:3px 5px;margin-left:9px}.scene-app{left:7%;bottom:14%;gap:7px}.scene-app img{width:49px;height:49px}.scene-app>span{font-size:8px}.scene-note{right:-31px;bottom:8.5%;padding:12px;gap:8px;--tilt:7deg}.scene-note strong{font-size:9px}.scene-note>div>span{font-size:5px}.note-symbol{width:23px;height:23px;font-size:17px}.scene-flower{right:21%;bottom:19%;width:41px;height:41px}.hero-footer{font-size:6px;letter-spacing:.35px;bottom:18px}.hero-footer>a{font-size:8px;gap:7px}.hero-footer>a>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.scene-item{transform:rotate(var(--tilt));transition:none}.inline-arch,.hero-scene:hover .inline-arch{transform:rotate(-8deg)}}