:root{--ink:#101014;--paper:#f3f1ea;--blue:#311bff;--pink:#ff4eb7;--acid:#d8ff38;--violet:#8b5cf6;--line:rgba(16,16,20,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.topbar{height:76px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;border-bottom:1px solid var(--ink);background:rgba(243,241,234,.9);backdrop-filter:blur(16px);position:relative;z-index:20}.logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.045em;width:max-content}.logo span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-size:12px;letter-spacing:0}.topbar nav{display:flex;gap:30px;font-size:11px;font-weight:800;text-transform:uppercase}.topbar nav a:hover{color:var(--blue)}.mini-cta{justify-self:end;padding:11px 16px;border:1px solid var(--ink);border-radius:999px;text-transform:uppercase;font-size:10px;font-weight:900}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:54% 46%;position:relative;border-bottom:1px solid var(--ink)}.grid-noise{position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 69%)}.hero-copy{position:relative;z-index:2;padding:50px 4vw 34px;display:flex;flex-direction:column}.eyebrow{margin:0;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;display:flex;gap:10px;align-items:center}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(255,78,183,.18)}h1{font-size:clamp(78px,8.6vw,158px);line-height:.75;letter-spacing:-.09em;text-transform:uppercase;margin:auto 0 28px}h1 em{display:inline-block;color:var(--blue);font-family:Georgia,serif;font-weight:400;text-transform:none;text-shadow:4px 4px 0 var(--acid);transform:translateX(8vw)}.lede{max-width:620px;margin:0 0 24px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.actions{display:flex;gap:12px;align-items:center}.button{min-width:220px;padding:8px 8px 8px 18px;border-radius:999px;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:10px;font-weight:900;transition:.2s}.button b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:18px}.button.primary{background:var(--ink);color:#fff}.button.primary b{background:var(--acid);color:var(--ink)}.button:hover{transform:translateY(-3px)}.launch-pill{border:1px solid var(--ink);border-radius:999px;padding:9px 18px;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.launch-pill strong{color:var(--blue)}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.hero-tags span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:9px;text-transform:uppercase;font-weight:800}
.hero-stage{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 42% 42%,#c2e9ff 0 8%,#8265ff 30%,#ff65c6 64%,#ffda60 100%);border-left:1px solid var(--ink)}.hero-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 50% 47%,transparent 0 38px,rgba(0,0,0,.13) 39px 40px);mix-blend-mode:multiply}.shape{position:absolute;filter:drop-shadow(25px 35px 22px rgba(32,0,87,.35))}.face{z-index:3;width:min(43vw,760px);max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-9deg);animation:hover 5s ease-in-out infinite}.spark{z-index:4;width:24%;left:3%;top:5%;animation:spin 18s linear infinite}.orbit{position:absolute;border:2px solid rgba(255,255,255,.7);border-radius:50%;inset:21% -20%;transform:rotate(-14deg)}.orbit-b{inset:30% -30%;border-color:var(--acid);transform:rotate(20deg)}.asset-card{position:absolute;z-index:5;left:24px;bottom:24px;background:rgba(243,241,234,.94);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--acid);padding:13px 15px;min-width:230px}.asset-card small,.asset-card span{display:block;font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.asset-card strong{display:block;margin:4px 0 6px}.marquee{overflow:hidden;background:var(--ink);color:#fff;border-bottom:1px solid var(--ink)}.marquee div{width:max-content;padding:16px 0;font-weight:900;font-size:14px;letter-spacing:.04em;animation:marquee 28s linear infinite}
.proof{padding:110px 28px}.section-title{display:grid;grid-template-columns:1fr 1.5fr .8fr;align-items:end;gap:30px;margin-bottom:55px}.section-title>span,.workflow-copy>span,.final-cta span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.section-title h2,.workflow h2,.final-cta h2{margin:0;font-size:clamp(52px,7vw,110px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase}.section-title p{margin:0;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.feature-card{min-height:560px;position:relative;overflow:hidden;border:1px solid var(--ink);padding:24px}.feature-card>span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.feature-card h3{max-width:360px;margin:24px 0 10px;font-size:34px;line-height:.93;letter-spacing:-.055em;text-transform:uppercase}.feature-card p{max-width:330px;margin:0;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.feature-card img{position:absolute;max-width:none}.feature-card.acid{background:var(--acid)}.feature-card.acid img{width:76%;right:-12%;bottom:-11%;transform:rotate(14deg);filter:drop-shadow(20px 24px 12px rgba(0,0,0,.25))}.feature-card.violet{background:var(--blue);color:#fff}.type-object{position:absolute;left:24px;bottom:12px;font-size:clamp(88px,10vw,170px);line-height:.67;letter-spacing:-.12em;font-weight:900;color:var(--pink);text-shadow:6px 6px 0 var(--acid);transform:rotate(-7deg)}.type-object i{font-family:Georgia,serif;font-weight:400}.feature-card.pale{background:#cdeaff}.feature-card.pale img{width:115%;left:-8%;bottom:5%;transform:rotate(-12deg);filter:drop-shadow(20px 24px 12px rgba(0,0,0,.25))}
.workflow{display:grid;grid-template-columns:1fr 1.1fr;min-height:90vh;background:var(--ink);color:#fff}.workflow-art{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--acid),var(--pink) 55%,var(--blue));display:grid;place-items:center}.workflow-art img{position:relative;z-index:2;width:75%;filter:drop-shadow(34px 40px 24px rgba(0,0,0,.35));transform:rotate(-12deg)}.checker{position:absolute;inset:0;opacity:.18;background:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0) 0 0/64px 64px}.workflow-copy{padding:8vw 6vw}.workflow h2{margin:20px 0 45px}.workflow h2 i{font-family:Georgia,serif;color:var(--pink);font-weight:400;text-transform:none}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:20px 0;border-top:1px solid #444}.workflow li b{color:var(--acid);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.workflow li strong{text-transform:uppercase}.workflow li p{margin:6px 0 0;color:#aaa;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.final-cta{min-height:80vh;padding:80px 8vw;display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:5vw;background:var(--acid);overflow:hidden}.final-cta>img{width:120%;max-width:none;transform:translateX(-12%) rotate(-15deg);filter:drop-shadow(30px 32px 16px rgba(0,0,0,.25))}.final-cta h2{margin:16px 0 25px}.final-cta p{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.button.dark{margin-top:30px;background:var(--blue);color:#fff}.button.dark b{background:var(--pink);color:#fff}footer{padding:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid var(--ink)}footer div{display:flex;gap:20px;font-size:10px;text-transform:uppercase;font-weight:900}footer small{justify-self:end;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.legal-shell{min-height:100vh;background:var(--paper)}.legal-main{max-width:920px;margin:0 auto;padding:90px 28px 120px}.legal-kicker{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;color:var(--blue)}.legal-main h1{margin:18px 0 40px;font-size:clamp(68px,11vw,140px);line-height:.78}.legal-main h2{margin:44px 0 12px;font-size:24px;letter-spacing:-.04em;text-transform:uppercase}.legal-main p,.legal-main li{font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;color:#333}.legal-main a{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px}.notice{padding:18px;border:1px solid var(--ink);background:var(--acid);box-shadow:7px 7px 0 var(--blue);font-weight:700}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0}.support-card{padding:22px;border:1px solid var(--ink);background:#fff}.support-card h2{margin:0 0 10px}.support-button{display:inline-flex;margin-top:14px;padding:13px 18px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none!important;text-transform:uppercase;font-size:10px;font-weight:900}
@keyframes hover{50%{transform:translate(-50%,-52%) rotate(-5deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:690px}.hero-stage{height:680px;border-left:0;border-top:1px solid var(--ink)}.face{width:min(82vw,700px)}.section-title{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1}.workflow{grid-template-columns:1fr}.workflow-art{height:620px}.final-cta{grid-template-columns:1fr}.final-cta>img{width:95%}}
@media(max-width:620px){.topbar{height:66px;padding:0 15px}.mini-cta{display:none}.hero-copy{padding:30px 18px;min-height:640px}h1{font-size:clamp(70px,21vw,104px)}h1 em{transform:none}.actions{align-items:stretch;flex-direction:column}.launch-pill{width:max-content}.hero-stage{height:520px}.asset-card{left:14px;bottom:14px}.proof{padding:75px 15px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:last-child{grid-column:auto;min-height:500px}.workflow-art{height:460px}.workflow-copy{padding:70px 20px}.final-cta{padding:70px 20px}.final-cta>img{width:115%}footer{grid-template-columns:1fr;align-items:start}footer small{justify-self:start}.support-grid{grid-template-columns:1fr}.legal-main{padding:65px 20px 90px}.legal-main h1{font-size:70px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}

/* Shape Forge brand system: cobalt, white, light gray and chrome. */
:root{--paper:#ececec;--blue:#3831f4;--pink:#8e86ff;--acid:#fff;--violet:#6d59ee}
.hero{background:var(--blue);color:#fff}
.eyebrow i{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.18)}
h1 em{color:#fff;font-family:inherit;font-style:normal;font-weight:900;text-transform:uppercase;text-shadow:none}
.button.primary{background:#fff;color:var(--blue)}.button.primary b{background:var(--ink);color:#fff}
.launch-pill{border-color:#fff}.launch-pill strong{color:#fff}.hero-tags span{border-color:rgba(255,255,255,.45)}
.hero-stage{background:var(--blue);border-left-color:rgba(255,255,255,.38)}
.hero-stage:after{inset:5%;background:#e8e8e8;border-radius:34px;mix-blend-mode:normal}
.asset-card{background:#fff;color:var(--ink);box-shadow:7px 7px 0 #817cff}
.marquee{background:#fff;color:var(--blue)}
.brand-showcase{padding:100px 28px;background:var(--blue);color:#fff}
.showcase-head{display:grid;grid-template-columns:.65fr 1.35fr;align-items:end;margin-bottom:50px}
.showcase-head>span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace}
.showcase-head h2{margin:0;font-size:clamp(58px,8vw,128px);line-height:.8;letter-spacing:-.08em;text-transform:uppercase}
.showcase-track{display:grid;gap:22px}.showcase-track img{width:100%;border-radius:26px;border:1px solid rgba(255,255,255,.7);background:#e9e9e9}
.feature-card.acid,.feature-card.pale{background:#fff}
.type-object{color:#fff;text-shadow:6px 6px 0 #8580ff}
.workflow-art{background:var(--blue)}.workflow h2 i{font-family:inherit;font-style:normal;color:#8e86ff;font-weight:900;text-transform:uppercase}
.workflow li b{color:#9a94ff}
.final-cta{background:var(--blue);color:#fff}.button.dark{background:#fff;color:var(--blue)}.button.dark b{background:var(--ink);color:#fff}
@media(max-width:620px){.brand-showcase{padding:70px 15px}.showcase-head{grid-template-columns:1fr;gap:20px}.showcase-track img{border-radius:14px}}