:root{--black:#09090b;--panel:#101014;--panel2:#16151c;--line:#303039;--purple:#a56bff;--white:#f7f4fb;--muted:#a39daa;--blue:#5987ff;--green:#55d78d;--orange:#e39b53}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav,footer{display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:76px;border-bottom:1px solid var(--line)}.brand{font-size:1.7rem;font-weight:800;letter-spacing:-.1em}.brand span{font-size:.52rem;vertical-align:top;margin-left:3px;letter-spacing:0}.nav p,footer,.eyebrow,.console{font:400 .65rem "DM Mono",monospace;letter-spacing:.075em;text-transform:uppercase}.nav p{color:var(--muted)}.contact{background:var(--purple);color:#190b2c;padding:.78rem 1rem;font:500 .64rem "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.contact i{font-style:normal;font-size:1rem;margin-left:.4rem}.intro{max-width:1100px;padding:clamp(6rem,13vw,13rem) 8vw 5rem}.eyebrow{color:#d1adff;margin:0 0 1.5rem}.intro h1{font-size:clamp(5rem,14vw,14rem);line-height:.76;letter-spacing:-.11em;margin:0}.intro h1 span{font:400 clamp(1rem,2vw,1.9rem) "DM Mono",monospace;letter-spacing:0;vertical-align:top;color:var(--purple)}.lead{max-width:450px;margin:2.6rem 0 0;color:#d5d0dc;font-size:1.05rem;line-height:1.6;letter-spacing:-.02em}.console{margin:0 5vw;border:1px solid #292831;background:#0d0e11;box-shadow:0 22px 75px #0008;overflow:hidden}.console-bar{height:43px;padding:0 1rem;display:flex;align-items:center;gap:1.6rem;border-bottom:1px solid #292831;color:#85808b}.console-bar .console-brand{font-weight:500;color:var(--white);letter-spacing:.12em}.console-bar span:last-child{margin-left:auto;color:#71d8a0}.console-tabs{display:flex;gap:1.8rem;padding:.75rem 1rem;border-bottom:1px solid #292831;color:#76717d}.console-tabs .active{color:#d6bcff;border-bottom:1px solid var(--purple);padding-bottom:.15rem}.canvas{height:clamp(360px,46vw,720px);position:relative;overflow:hidden;background-color:#101114;background-image:radial-gradient(#25262c 1px,transparent 1px);background-size:14px 14px}.node{position:absolute;z-index:2;width:clamp(115px,13vw,205px);padding:.7rem;border:1px solid #4a4d59;border-radius:5px;background:#1a1b20;box-shadow:0 8px 20px #0005}.node:after{content:"";position:absolute;top:50%;right:-6px;width:10px;height:10px;border:1px solid currentColor;border-radius:50%;background:#17181d}.node b{display:block;font-size:.5rem;font-weight:500;color:#b5afbd;margin-bottom:.55rem}.node strong{display:block;padding:.46rem;background:#252731;color:#dce2f5;font-size:clamp(.48rem,.8vw,.7rem);font-weight:500}.node small{display:block;padding-top:.6rem;color:#86818d;font-size:.48rem;letter-spacing:0}.node-source{top:25%;left:10%;color:var(--blue)}.node-reference{top:54%;left:22%;color:#bd7df9}.node-mask{top:70%;left:40%;color:var(--green)}.node-face{top:32%;left:39%;color:#db9d63}.node-sampler{top:48%;left:63%;color:#7487fd}.node-output{top:32%;left:82%;color:#e77c83}.wire{position:absolute;z-index:1;height:1px;transform-origin:left;background:var(--blue);opacity:.8}.wire-a{width:27%;left:20%;top:35%;transform:rotate(0deg)}.wire-b{width:25%;left:31%;top:62%;background:#b77bff;transform:rotate(-25deg)}.wire-c{width:26%;left:48%;top:77%;background:var(--green);transform:rotate(-45deg)}.wire-d{width:24%;left:51%;top:42%;background:#df9c51;transform:rotate(10deg)}.wire-e{width:15%;left:74%;top:51%;background:#c995ff;transform:rotate(-23deg)}.output-screen{position:absolute;right:22%;top:8%;width:22%;aspect-ratio:16/9;border:1px dashed #42424d;display:grid;place-content:center;text-align:center;color:#6b6870;gap:.5rem}.output-screen span{font-size:.5rem}.output-screen b{font-size:.55rem;color:#79727e;font-weight:500}.statement{display:grid;grid-template-columns:1fr 1fr;gap:12vw;padding:11rem 14vw;align-items:start}.statement h2,.frames h2{font-size:clamp(3rem,6vw,7rem);line-height:.87;letter-spacing:-.09em;margin:0}.statement>p:last-child{color:#c9c4ce;line-height:1.75;font-size:clamp(.95rem,1.3vw,1.14rem);margin:3rem 0 0}.frames{padding:0 5vw 10rem}.frames-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:3.5rem}.frames-heading h2{font-size:clamp(2.5rem,4.5vw,5rem)}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.frame{position:relative;padding:1rem 1rem 2rem;background:#111116}.frame>span{font:400 .6rem "DM Mono",monospace;color:#bd94ff}.frame-visual{height:clamp(180px,25vw,350px);position:relative;margin:1rem 0 1.6rem;background:#15151a;overflow:hidden;border:1px solid #303039}.frame-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#34343c 1px,transparent 1px);background-size:12px 12px;opacity:.7}.frame-visual i{position:absolute;border:1px solid currentColor;border-radius:4px;background:#1f2028;box-shadow:0 6px 18px #0006}.frame-visual i:nth-child(1){width:42%;height:23%;left:14%;top:25%;color:var(--blue)}.frame-visual i:nth-child(2){width:37%;height:18%;right:12%;top:48%;color:#be83fa}.frame-visual i:nth-child(3){width:35%;height:13%;left:31%;bottom:13%;color:var(--green)}.frame-mask .frame-visual i:nth-child(1){width:51%;height:48%;left:25%;top:23%;border-radius:50% 48% 55% 44%;background:linear-gradient(135deg,#2d1852,#764bb0);color:#dfb5ff}.frame-mask .frame-visual i:nth-child(2){width:25%;height:15%;left:16%;top:20%;color:var(--green)}.frame-output .frame-visual{background:radial-gradient(circle at 60% 40%,#5d228e,#150f20 52%,#0b0b0e)}.frame-output .frame-visual:before{opacity:.2}.frame-output .frame-visual i:nth-child(1){width:38%;height:54%;left:31%;top:21%;border-radius:48% 48% 43% 43%;background:linear-gradient(130deg,#b26cff,#3a1857);color:#f0c3ff}.frame-output .frame-visual i:nth-child(2),.frame-output .frame-visual i:nth-child(3){display:none}.frame h3{font-size:1.25rem;letter-spacing:-.06em;margin:0}.frame p{max-width:300px;color:var(--muted);font-size:.78rem;line-height:1.6;margin:1rem 0 0}footer{border-top:1px solid var(--line);border-bottom:0;height:64px;color:#a7a1ac}footer a:last-child{color:#d2afff}@media(max-width:700px){.nav{height:62px;padding:0 6vw}.nav p{display:none}.brand{font-size:1.45rem}.intro{padding:7rem 7vw 4rem}.intro h1{font-size:5.3rem}.lead{font-size:.93rem}.console{margin:0 4vw}.console-bar span:nth-child(2){display:none}.console-tabs{gap:.8rem;font-size:.52rem}.canvas{height:460px}.node{padding:.45rem;width:130px}.node-source{left:4%;top:14%}.node-reference{left:7%;top:48%}.node-mask{left:48%;top:70%}.node-face{left:45%;top:25%}.node-sampler{left:61%;top:48%}.node-output{left:66%;top:9%}.output-screen{display:none}.statement{display:block;padding:7rem 7vw}.statement>p:last-child{margin-top:2rem}.frames{padding:0 4vw 6rem}.frames-heading{display:block;margin-bottom:2rem}.frames-heading h2{font-size:3rem}.frame-grid{display:block}.frame{margin-bottom:1px}.frame-visual{height:210px}footer{height:auto;padding:1.3rem 6vw;gap:.8rem;flex-wrap:wrap;font-size:.54rem}}
.dialog{width:min(600px,calc(100vw - 2rem));border:1px solid rgba(207,169,255,.45);padding:0;background:#12091e;color:var(--white);box-shadow:0 30px 100px #000a}.dialog::backdrop{background:rgba(4,2,8,.78);backdrop-filter:blur(9px)}.dialog-card{position:relative;padding:clamp(2rem,5vw,4rem)}.dialog-close{position:absolute;right:1rem;top:1rem;width:2.35rem;height:2.35rem;border:1px solid var(--line);background:transparent;color:var(--white);font-size:1.55rem;line-height:1;cursor:pointer}.dialog h2{font-size:clamp(2.35rem,5vw,4.2rem);letter-spacing:-.085em;line-height:.88;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form label{font:500 .65rem "DM Mono",monospace;color:#d2afff;letter-spacing:.06em;text-transform:uppercase}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.35);border-radius:0;background:transparent;color:var(--white);outline:none;padding:.65rem 0;font-size:.95rem;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--purple)}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:2rem;align-self:flex-start;border:0;background:var(--purple);color:#17062b;padding:.85rem 1rem;font:500 .65rem "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.form-note{margin:0;color:var(--muted);font-size:.72rem}.form-note a{color:#d2afff;text-decoration:underline}.socials{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem;padding-top:1.2rem;border-top:1px solid var(--line);font:400 .62rem "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase;color:#d2afff}.socials>div{display:flex;gap:.5rem}.socials a{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid var(--line);transition:background .2s,color .2s}.socials a:hover{background:var(--white);color:#160828}.socials svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.socials .filled{fill:currentColor;stroke:none}
.form-success{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.form-success p{max-width:470px;margin:0;color:var(--muted);font-size:.95rem;line-height:1.7}.form-success .form-submit{justify-content:center}
.cf-turnstile{align-self:flex-start}
