@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f3f0f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:#0d0d0f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#0d0d0f;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:6px;outline:2px solid #e9d7fe}a:focus-visible{outline-offset:6px;outline:2px solid #e9d7fe}.page{color:#f3f0f5;background:#0d0d0f;max-width:1440px;min-height:100vh;margin:auto;padding:0 72px}.site-header{border-bottom:1px solid #29282d;justify-content:space-between;align-items:center;min-height:112px;display:flex}.brand{letter-spacing:-1.8px;align-items:baseline;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;display:inline-flex}.brand-dot{background:#d7b2fa;border-radius:50%;width:6px;height:6px;margin-left:3px}nav{align-items:center;gap:34px;display:flex}.how-link{color:#bcb8c3;font-size:13px}.how-link:hover{color:#e9d7fe}.button{color:#2d0f55;background:#e9d7fe;border:none;border-radius:99px;justify-content:space-between;align-items:center;gap:36px;padding:18px 25px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#dab5fc;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.button-small{gap:25px;padding:13px 20px;font-size:12px}.button-small span{font-size:19px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:82px 0 88px;display:grid}.eyebrow{letter-spacing:2px;color:#aba3b6;margin:0 0 29px;font-size:10px;font-weight:600}h1{letter-spacing:-4.8px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(58px,5.8vw,84px);font-weight:500;line-height:1.06}h1 span{color:#dab9f7}.hero-description{color:#aba6b2;max-width:360px;margin:27px 0 28px;font-size:15px;line-height:1.85}.hero-action{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.app-note{color:#98919f;padding-left:7px;font-size:11px}.visual{padding:0 0 68px;position:relative}.film-art{background:linear-gradient(#231934 0%,#533878 41%,#d9a9dd 67%,#4f2b68 68%,#1a162b 100%);border:1px solid #6e527d;border-radius:180px 180px 16px 16px;height:465px;position:relative;overflow:hidden}.orb{background:linear-gradient(135deg,#f8e1ff,#dfacf4 45%,#9e75bd);border-radius:50%;width:160px;height:160px;position:absolute;top:145px;left:calc(50% - 80px);box-shadow:0 0 75px 16px #bc82d755,inset -15px -15px 30px #79529344}.horizon{background:repeating-linear-gradient(178deg,#0000 0 7px,#b488c324 8px,#b488c31a 9px);height:145px;position:absolute;bottom:0;left:0;right:0}.frame-label,.frame-number{letter-spacing:2px;color:#fff9;z-index:1;font-size:8px;position:absolute;bottom:24px}.frame-label{left:23px}.frame-number{letter-spacing:1px;right:23px}.prompt-preview{background:#1c1d20;border:1px solid #48404f;border-radius:16px;padding:23px 25px 21px;position:absolute;bottom:15px;left:-24px;right:27px;box-shadow:0 16px 38px #0004}.prompt-label{letter-spacing:1.8px;color:#bcaacb;font-size:8px}.prompt-preview p{color:#e5dfe9;max-width:340px;margin:11px 0 21px;font-size:14px;line-height:1.6}.prompt-type{color:#ab9bb8;justify-content:space-between;align-items:center;font-size:10px;display:flex}.prompt-type span{color:#2d0f55;background:#e9d7fe;border-radius:50%;place-items:center;width:30px;height:30px;font-size:21px;display:grid}.illustration-note{letter-spacing:.6px;color:#8a8194;font-size:9px;position:absolute;bottom:-16px;right:29px}.how-section{border-top:1px solid #29282d;padding:56px 0 65px}.section-heading{justify-content:space-between;align-items:start;gap:40px;margin-bottom:50px;display:flex}.section-heading .eyebrow{padding-top:10px}h2{letter-spacing:-1.2px;margin:0;font-family:Manrope,sans-serif;font-size:31px;font-weight:500;line-height:1.35}.steps{grid-template-columns:repeat(3,1fr);gap:45px;display:grid}.step-number{color:#b59acb;margin-bottom:25px;font-size:11px;display:block}.step h3{margin:0 0 13px;font-size:17px;font-weight:500}.step p{color:#96909f;max-width:275px;margin:0;font-size:13px;line-height:1.8}.site-footer{border-top:1px solid #29282d;justify-content:space-between;align-items:center;gap:24px;padding:33px 0 42px;display:flex}.footer-brand{font-size:23px}.site-footer p,.site-footer a{color:#96909f;font-size:11px}.error{color:#f6b5bd;max-width:260px;font-size:12px;line-height:1.6}.skip-link{z-index:10;color:#2d0f55;background:#e9d7fe;padding:14px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:15px}@media (min-width:1400px){.hero{gap:130px}}@media (max-width:950px){.page{padding:0 35px}.hero{gap:42px;padding:65px 0 75px}h1{letter-spacing:-3.5px;font-size:61px}.film-art{height:420px}.prompt-preview{padding:20px;left:-12px;right:12px}.orb{top:125px}}@media (max-width:650px){.page{padding:0 24px}.site-header{min-height:90px}.brand{font-size:28px}.how-link{display:none}.button-small{gap:15px;padding:12px 16px}.hero{padding:48px 0 59px;display:block}h1{letter-spacing:-4px;font-size:67px}.eyebrow{letter-spacing:1.5px;margin-bottom:25px;font-size:9px}.hero-description{max-width:325px;font-size:14px}.visual{margin:57px 8px 0;padding-bottom:62px}.film-art{height:410px}.prompt-preview{bottom:8px;left:-8px;right:14px}.illustration-note{bottom:-20px}.section-heading{margin-bottom:34px;display:block}h2{font-size:28px}.how-section{padding:38px 0 40px}.steps{grid-template-columns:1fr;gap:29px}.step-number{margin-bottom:11px}.step p{max-width:100%}.site-footer{flex-wrap:wrap;gap:12px;padding:27px 0 40px}.site-footer p{order:3;width:100%;margin:0}.site-footer a{margin-left:auto}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}
