@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#f4f1fc;--muted:#b5b0c7;--purple:#b39bff;--line:#303039;--soft:#18171e;color-scheme:dark}
body{background:#111114;color:#f4f1fc}h1,h2,h3,.brand{font-family:'Space Grotesk','Manrope',Arial,sans-serif}h1{letter-spacing:-3.2px}h2{letter-spacing:-1.5px}.header{background:#111114ed;border-bottom:1px solid var(--line)}.brand-symbol{width:38px;height:38px;box-shadow:0 0 0 1px #ffffff20;border-radius:50%;overflow:hidden}.brand-symbol img{object-fit:cover}.nav nav a:hover{color:#cebcff}.button{background:#7854eb;border:1px solid #ab8fff35;border-radius:9px;color:#fff;box-shadow:0 5px 20px #6c47d220}.button:hover{background:#8964f2;box-shadow:0 8px 25px #8256ff35}.text-button{color:#dcd5ed}.text-button:hover{color:#cfb8ff}.hero{background:#111114;min-height:690px}.hero-gradient{background:radial-gradient(ellipse at 70% 40%,#7440c744,transparent 60%),radial-gradient(ellipse at 35% 65%,#e7764d12,transparent 50%);filter:blur(35px);opacity:.8;top:-50px;right:-50px}.hero-grid{background:linear-gradient(90deg,transparent 49.8%,#c5adff08 50%,transparent 50.2%);background-size:110px 100%}.pill{background:#b291ff0c;border:1px solid #b291ff30;border-radius:6px;color:#c9b4ff}.hero-copy>p{color:#b8b3c8}.hero-note{color:#a4a0b3}.hero-note a{color:#ceb6ff}.note-divider{background:#474051}h1>span{background:linear-gradient(100deg,#e6d8ff,#b596ff 60%,#edab90);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-art{height:520px;margin:0;display:flex;align-items:center;justify-content:center}.digital-face{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,black 58%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,black 58%,transparent 76%)}.digital-corner{position:absolute;width:25px;height:25px;border-color:#a08cb866;border-style:solid}.digital-corner.one{top:30px;left:18px;border-width:1px 0 0 1px}.digital-corner.two{bottom:30px;right:18px;border-width:0 1px 1px 0}.digital-label{position:absolute;bottom:10px;left:30px;font-family:monospace;font-size:11px;letter-spacing:2px;color:#aaa0bc;display:flex;align-items:center;gap:10px}.digital-label i{width:6px;height:6px;background:#e6a586;box-shadow:0 0 12px #e6a586;border-radius:1px;animation:digital-pulse 3s ease-in-out infinite}.intro-strip{background:#18171d;border-color:#35303f}.intro-strip .wrap>div span{background:#2b233c;color:#cdb8ff;border-radius:5px}.eyebrow{color:#bba4ee}.persona-card{background:#1b1a21;border-color:#34313e;border-radius:10px}.persona-card:hover{border-color:#9c7ee880;box-shadow:0 18px 50px #0004}.card-image{background:#26242d}.category-badge,.card-arrow{background:#17151eea;color:#e9e1f5;border:1px solid #ffffff15}.ticker{background:#352847;color:#d7c0ff}.card-footer button,.card-footer>span:last-child{color:#cab0ff!important}.reference-note{color:#aaa4b9}.how-section{background:#18171d;border-color:#35303f}.step-icon{color:#d3bdff;border-color:#e59b7c}.studio-preview{background:#1d1b24;border-color:#4a3c60;box-shadow:0 20px 75px #0005;transform:perspective(1500px) rotateY(-4deg) rotateZ(1deg)}.window-top{background:#17151e;border-color:#3b3348;color:#bdb4ca}.window-dots i{background:#695575}.demo-badge{background:#352644;color:#d6bdff}.preview-brief{background:#24202e;border-color:#3a304a}.preview-persona div>span,.preview-bottom{color:#b8aec7}.caption-preview{border-color:#3a304a;background:#211d29}.preview-output .meme-preview{background:#211d29}.preview-bottom{border-color:#3a304a}.token-section{background:#16131e;border-top:1px solid #3a2b48;border-bottom:1px solid #3a2b48}.token-section:after{background:radial-gradient(ellipse,#9660e01c,transparent 65%)}.token-section p{color:#b8adc8}.token-section .eyebrow{color:#c3a7ed}.light-button{background:#e6d6ff;color:#211630;border-radius:8px}.flow>div{border-color:#5d447044;background:#30233933;border-radius:8px}.flow-icon{color:#d4b9ff;background:#392448}.flow section small{color:#b4a0cb}.flow-line{color:#b49ac4}.flow .model-note{color:#a89ab7}.culture-image{background:#1d1928;border:1px solid #3a304a;border-radius:10px}.culture-image img{mix-blend-mode:normal}.culture-section .text-button{color:#d0b6ff}.faq-list summary span{color:#d0b6ff}.final-cta{background:radial-gradient(ellipse at 90% 70%,#6f3cad22,transparent 60%),#1a1720;border-color:#35303f}.footer>small{color:#ada4ba}.footer{color:#e3d8ed}.modal{background:#1b1822;color:#f4edfb;border-color:#4b3c59;box-shadow:0 30px 100px #0008}.modal::backdrop{background:#06040cb3;backdrop-filter:blur(10px)}.modal-top{background:#17131f;border-color:#3c2e48}.close{background:#302637;color:#d3bfe2}.muted{color:#b9adc7}form input:not([type=radio]),form select,form textarea,.brief-form textarea{background:#221b2b;border-color:#4a3959;color:#f3eafb}form input::placeholder,form textarea::placeholder,.brief-form textarea::placeholder{color:#a395b4}.ticker-field>span{color:#b6a7c8}.look-picker label{background:#292031}.look-picker label:has(input:checked){border-color:#b79aee}.launch-disclosure{background:#2e223e;color:#c2b4d3}.launch-disclosure strong{color:#ede0f7}.brief-form{border-color:#3c2e48}.studio-description{border-color:#3c2e48}.output-card{border-color:#4a3959;background:#211a2a}.output-image{background:#211a2a}.output-toolbar{border-color:#4a3959}.output-toolbar button{color:#cfb4ff}.output-tabs button.active{color:#d4baff;border-color:#d4baff}.saved-studios button{background:#251d30;color:#f1e8fc;border-color:#4b3b5d}.toast{background:#e6d5ff;color:#21142f}.skip{background:#30203e;color:white}a:focus-visible,button:focus-visible{outline-color:#d1b5ff}.preview-persona,.studio-profile{color:#f4edf9}.status-dot{background:#b499ee}.sol-icon{background:linear-gradient(160deg,#d4b9ff,#e4a383);background-clip:text;-webkit-background-clip:text;color:transparent}.search input{color:#f0e5fb}.search input::placeholder{color:#b4a6c4}
@keyframes digital-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:1050px){.hero-art{transform:none;height:450px}.hero-layout{gap:15px}.digital-label{left:15px;font-size:10px}}@media(max-width:800px){.hero-art{height:440px;width:480px;max-width:100%;margin:25px auto 0}.hero-gradient{top:300px}.studio-preview{transform:none}}@media(max-width:560px){h1{letter-spacing:-2.2px}.hero-art{width:340px;height:345px;margin-top:20px}.digital-label{font-size:9px;bottom:0;left:18px}.digital-corner.one{top:10px}.digital-corner.two{bottom:10px}.hero{min-height:0}.brand-symbol{width:29px;height:29px}.nav-cta{border-radius:7px}.studio-preview{transform:none}}@media(prefers-reduced-motion:reduce){.digital-label i{animation:none}}

.hero-group{height:450px}.hero-group-photo{width:100%;height:auto;border-radius:12px;border:1px solid #ffffff24;box-shadow:0 25px 75px #0005;transform:rotate(-2deg)}@media(max-width:800px){.hero-group{height:auto;padding:28px 0;width:550px;max-width:100%}}@media(max-width:560px){.hero-group{width:100%;padding:18px 0;margin-top:25px}.hero-group-photo{transform:none;border-radius:9px}}


.hero-cutout{height:480px;isolation:isolate}.hero-cutout:before{content:'';position:absolute;inset:80px 25px 50px;background:radial-gradient(ellipse,#ffffff12 0,#9d76d510 40%,transparent 70%);filter:blur(28px);z-index:-1}.hero-cutout-photo{display:block;width:112%;max-width:112%;height:auto;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 9px #ffffff38) drop-shadow(0 0 25px #d9ccff16);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)}@media(max-width:800px){.hero-cutout{height:auto;width:550px;max-width:100%;padding:30px 0 0;margin:15px auto 0}.hero-cutout-photo{width:100%;max-width:100%}}@media(max-width:560px){.hero-cutout{width:100%;padding:18px 0 0;margin-top:20px}.hero-cutout:before{inset:20px 10px}}


/* Feather every cutout edge so no rectangular crop is visible. */
.hero-cutout-photo{width:106%;max-width:106%;filter:drop-shadow(0 0 8px #ffffff30) drop-shadow(0 0 24px #d9ccff12);mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);-webkit-mask-composite:source-in}@media(max-width:800px){.hero-cutout-photo{width:100%;max-width:100%}}