@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f3f0f5;font-synthesis:none;-webkit-font-smoothing:antialiased;--accent:#bb86fc;--muted:#aba6b0;--line:#343039;background:#121212;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible{outline-offset:5px;outline:2px solid #03dac5}a:focus-visible{outline-offset:5px;outline:2px solid #03dac5}.site{background:radial-gradient(42% 35% at 76% 17%,#34234769,#0000 85%),radial-gradient(40% 25% at 0 80%,#1a31324a,#0000 80%),#121212;overflow:hidden}.header{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:30px 48px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent);background:#201a26;border:1px solid #735794;border-radius:8px;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:inline-flex}.brand-dot{color:var(--accent)}nav{align-items:center;gap:30px;font-size:14px;display:flex}nav>a{color:#c3bec9}.button{background:var(--accent);color:#191121;border:0;border-radius:8px;justify-content:center;align-items:center;gap:24px;padding:17px 22px;font-size:15px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#cc9ffe;transform:translateY(-2px)}.button svg{width:22px;height:22px}.button-small{gap:13px;padding:11px 15px;font-size:13px}.button-small svg{width:18px;height:18px}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:55px;max-width:1240px;margin:0 auto;padding:85px 48px 115px;display:grid}.eyebrow{letter-spacing:2px;color:var(--accent);align-items:center;gap:8px;margin:0 0 25px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{background:#03dac5;border-radius:50%;width:6px;height:6px}h1,h2,h3{margin:0;font-family:Space Grotesk,sans-serif;font-weight:500}h1{letter-spacing:-3.8px;font-size:clamp(48px,5.5vw,70px);line-height:1.07}h1 em{color:var(--accent);font-style:normal}.intro{color:var(--muted);max-width:380px;margin:25px 0 31px;font-size:16px;line-height:1.8}.platform-note{color:#807887;margin:13px 0 0;font-size:11px}.error{color:#f8a4b9;font-size:13px}.experiment{background:linear-gradient(150deg,#27212b,#1a181d 75%);border:1px solid #50405d;border-radius:16px;padding:20px 23px 22px;position:relative;box-shadow:0 24px 80px #0005}.experiment:before{content:"";z-index:-1;border:1px solid #32243d;border-radius:25px;position:absolute;top:-25px;bottom:-25px;left:-25px;right:-25px;transform:rotate(-4deg)}.experiment-bar{color:#8a8391;letter-spacing:1px;border-bottom:1px solid #3b3342;justify-content:space-between;padding-bottom:18px;font-size:9px;font-weight:500;display:flex}.experiment-bar>span:first-child{color:#d3cadc;align-items:center;gap:7px;display:flex}.experiment-bar i{background:#03dac5;border-radius:50%;width:5px;height:5px}.experiment-images{grid-template-columns:1fr 24px 1fr;align-items:center;gap:12px;padding:26px 0;display:grid}.image-label{letter-spacing:1px;color:#a59fae;margin-bottom:13px;font-size:9px;display:block}.result-label{color:var(--accent)}.pixels{aspect-ratio:1;background:#131216;border:1px solid #3d3544;border-radius:4px;grid-template-columns:repeat(18,1fr);gap:2px;padding:9px;display:grid}.pixels span{aspect-ratio:1;background:#29242e;border-radius:1px;transition:background .22s}.pixels .on{background:#03dac5;box-shadow:0 0 8px #03dac513}.pixels-result .on{background:#bb86fc;box-shadow:0 0 8px #bb86fc13}.flow-arrow{color:#766881;margin-top:22px}.flow-arrow svg{width:24px}.experiment-controls{flex-wrap:wrap;gap:6px;display:flex}.experiment-controls button{color:#b4abbf;background:#302a35;border:1px solid #0000;border-radius:5px;padding:7px 9px;font-size:11px;transition:background .2s}.experiment-controls button:hover{background:#413548}.experiment-controls .active{color:#e7cfff;background:#513567;border-color:#8f61b4}.experiment-caption{color:#cec5d6;min-height:35px;margin:15px 0 6px;font-size:12px;line-height:1.6}.demo-note{color:#8d8297;font-size:9px}.lab-section{max-width:1240px;margin:0 auto;padding:0 48px 90px;scroll-margin-top:30px}.section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px;display:flex}.section-heading .eyebrow{text-align:right;order:2;margin-bottom:8px}h2{letter-spacing:-2px;font-size:clamp(34px,4vw,46px);line-height:1.12}.studio-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.studio-card{border:1px solid var(--line);border-radius:14px;min-height:365px}.morphology-card{background:linear-gradient(130deg,#252128,#1c1b1e);padding:30px}.card-top{justify-content:space-between;align-items:center;margin-bottom:45px;display:flex}.card-number{color:#928699;font:13px Space Grotesk,sans-serif}.tag{letter-spacing:1.5px;color:#c2b9cd;border:1px solid #65566d;border-radius:50px;padding:7px 10px;font-size:8px;font-weight:700}h3{letter-spacing:-1px;font-size:27px}.studio-card p{color:#b4abbc;max-width:370px;margin:13px 0 24px;font-size:13px;line-height:1.8}.operation-list{flex-wrap:wrap;gap:7px;display:flex}.operation-list>div{color:#d2c8dc;background:#322b39;border-radius:5px;padding:7px 9px;font-size:10px}.operation-list span{color:#897795;margin-right:6px;font-size:9px}.ai-card{background:#24202b;position:relative;overflow:hidden}.creative-image{object-fit:cover;object-position:center 28%;opacity:.54;width:100%;height:100%;position:absolute}.ai-card:after{content:"";background:linear-gradient(#1a14233b,#18141eaa 35%,#18141eea 100%);position:absolute;top:0;bottom:0;left:0;right:0}.ai-card-content{z-index:1;padding:30px;position:relative}.ai-card .card-number{color:#dbd1e3}.ai-card .tag{color:#eadff6;border-color:#b69ac8}.ai-card h3{margin-top:90px}.ai-card p{color:#d7cddd;margin-bottom:14px}.creative-label{color:#aaa0b4;font-size:9px}.closing{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:35px;max-width:1144px;margin:0 auto;padding:65px 0 70px;display:flex}.closing .eyebrow{margin-bottom:17px}.closing .button{flex-shrink:0}footer{border-top:1px solid #2a272d;justify-content:space-between;align-items:center;gap:30px;max-width:1240px;margin:0 auto;padding:27px 48px;display:flex}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:26px;height:26px;font-size:20px}footer>span,footer>a:last-child{color:#847b8d;font-size:10px}@media (min-width:1400px){.hero{padding-top:100px;padding-bottom:135px}}@media (max-width:1000px){.hero{gap:30px;padding:65px 30px 80px}.header{padding:25px 30px}.lab-section{padding:0 30px 70px}.closing{margin:0 30px}h1{font-size:52px}.experiment{padding:17px}.experiment-images{grid-template-columns:1fr 20px 1fr;gap:7px}.pixels{gap:1px;padding:6px}.experiment-controls{gap:4px}.experiment-controls button{padding:6px 7px;font-size:10px}.section-heading .eyebrow{font-size:8px}}@media (max-width:720px){.header{padding:22px}.brand{font-size:21px}.brand-mark{width:29px;height:29px;font-size:22px}nav{gap:15px}nav>a{display:none}.hero{grid-template-columns:1fr;gap:43px;padding:46px 22px 70px}h1{letter-spacing:-3px;font-size:58px}.hero-copy{max-width:430px}.intro{margin-top:22px;font-size:15px}.experiment{width:100%;max-width:520px;padding:20px}.experiment-images{gap:10px;padding:24px 0}.pixels{gap:2px;padding:8px}.experiment-controls{gap:6px}.experiment-controls button{padding:7px 9px;font-size:11px}.experiment-caption{min-height:0}.lab-section{padding:0 22px 55px}.section-heading{display:block}.section-heading .eyebrow{text-align:left;margin-bottom:18px;font-size:8px}.studio-grid{grid-template-columns:1fr;gap:16px}.studio-card{min-height:350px}.morphology-card,.ai-card-content{padding:25px}.card-top{margin-bottom:35px}.ai-card h3{margin-top:105px}.closing{flex-direction:column;align-items:flex-start;gap:28px;margin:0 22px;padding:45px 0}.closing h2{font-size:38px}footer{flex-wrap:wrap;gap:15px;padding:24px 22px}footer>span{order:3;width:100%}}@media (max-width:380px){h1{font-size:50px}.experiment{padding:15px}.pixels{gap:1px;padding:5px}.experiment-controls button{padding:6px 8px;font-size:10px}.eyebrow{letter-spacing:1.5px;font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}