:root{--bg:#100f14;--panel:#1a1920;--panel2:#242129;--ink:#f9f3ec;--muted:#bab2ba;--accent:#ffb680;--peach:#ff856b;--line:#ffffff20;--container:1180px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:absolute;top:0;right:0;width:48vw;height:580px;background:radial-gradient(ellipse,#4225334d,transparent 67%);pointer-events:none}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffd49c;outline-offset:4px}
[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:1rem;background:white;color:#111;padding:.6rem 1rem;z-index:40}.skip-link:focus{top:8px}
.site-wrap{position:relative;overflow:hidden}.nav{max-width:var(--container);margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);min-height:78px;gap:1rem}.brand{font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.brand span:not(.brand-glyph){color:var(--accent)}.brand sup{font-size:10px;border:1px solid #ffb68060;border-radius:3px;padding:2px 4px;vertical-align:super;margin-left:5px;letter-spacing:0}.brand-glyph{color:var(--accent);font-size:26px;vertical-align:middle;margin-right:4px}.nav nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:700}.nav nav>a:not(.nav-cta){color:#e5dce0}.nav a:hover,.footer a:hover,.footer button:hover{color:var(--accent)}.nav-cta{border:1px solid #f3ab79aa;border-radius:99px;padding:9px 19px;color:#ffd1ab}.nav-cta:hover{background:#ffd1ab20}
main{max-width:var(--container);margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;min-height:680px;padding:70px 0 95px}.eyebrow,.section-caption{font-size:11px;font-weight:800;letter-spacing:.21em;color:var(--accent)}.eyebrow-dot,.indicator{display:inline-block;background:#ffb681;border-radius:50%;width:7px;height:7px;margin-right:7px;box-shadow:0 0 0 4px #ffb68122}.hero h1,h2{font-family:"Space Grotesk",sans-serif;line-height:1.05;letter-spacing:-.065em}.hero h1{font-size:clamp(58px,6.6vw,96px);margin:26px 0}.hero h1 em,h2 em{font-weight:500;font-style:italic;font-family:Georgia,serif;letter-spacing:-.08em;color:var(--accent)}.hero-lead{font-size:20px;max-width:490px;color:#d8cdd0;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:26px;margin:30px 0}.button{border:0;border-radius:10px;padding:16px 25px;display:inline-flex;gap:22px;justify-content:space-between;align-items:center;font-weight:800;font-size:14px;line-height:1.3;transition:transform .18s,filter .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-main{background:linear-gradient(110deg,#ffbb84,#ff8f75);color:#22151c;box-shadow:0 13px 35px #f28e6333}.text-link{font-size:13px;color:#e9d5c8;font-weight:700}.text-link:hover{color:var(--accent)}.hero-meta{display:flex;gap:17px;flex-wrap:wrap;color:#9f959d;font-size:11px;margin-top:40px}.hero-meta i{font-style:normal;color:var(--accent);margin-right:3px}
.hero-art{min-height:540px;position:relative;isolation:isolate;background:radial-gradient(circle at 47% 44%,#f9af7955 0,transparent 20%),radial-gradient(ellipse at 46% 47%,#c4686870 0,transparent 44%),radial-gradient(circle at 80% 12%,#f5a73e2a 0,transparent 31%),linear-gradient(140deg,#392434,#161621 55%,#372031);border:1px solid #ffffff30;border-radius:22px;overflow:hidden;box-shadow:0 40px 100px #0008;display:flex;align-items:center;justify-content:center}.hero-art::before{content:"";position:absolute;inset:10%;border:1px solid #f8be8340;border-radius:50%;transform:scale(1.3,1);filter:blur(.3px)}.hero-art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,#00000009 6px);pointer-events:none}.orbit{border:1px solid #ffd9aa4d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{height:270px;width:270px;box-shadow:0 0 100px #f2a06f33}.orbit-two{height:425px;width:425px}.art-center{position:relative;z-index:1;text-align:center;transform:rotate(-7deg)}.art-label{font-size:10px;font-weight:800;letter-spacing:.35em;display:block;margin-bottom:16px}.art-center strong{font-size:clamp(66px,6vw,96px);font-family:"Space Grotesk",sans-serif;line-height:.81;letter-spacing:-.095em;display:block;text-shadow:0 10px 26px #210b26}.art-star{position:absolute;color:#ffdba4;font-size:46px}.star-1{top:9%;left:12%}.star-2{right:10%;top:30%;font-size:27px}.star-3{bottom:19%;left:18%;font-size:20px}.art-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#f7d2bd}
.creator-section,.steps-section,.faq-section{padding:94px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.section-caption span{margin:0 14px;color:#635765}.creator-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;margin-top:38px}.creator-info h2,.steps-section h2,.faq-section h2,.value-section h2{font-size:clamp(40px,4vw,64px);margin:0 0 25px}.creator-info>p,.value-section p{max-width:430px;color:#c6bdc4;font-size:16px}.price-strip{max-width:370px;margin-top:40px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.price-strip>span{font-size:13px;color:#d6c6cc}.price-strip strong{font:700 29px "Space Grotesk",sans-serif;color:#ffb98e}.price-strip small{font-size:11px;color:#d5b4a2}.creator-hint{font-size:12px!important;color:#9d9297!important}
.studio-card{border:1px solid #ffffff30;border-radius:20px;background:linear-gradient(135deg,#27212b,#19181e);padding:28px;box-shadow:0 30px 85px #0007}.studio-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.15em;color:#c5aeb9;margin-bottom:20px}.studio-top span:first-child{color:#ffe2c9}.upload-zone{min-height:280px;border:1.5px dashed #9e7481;border-radius:13px;background:linear-gradient(125deg,#43293655,#27212944);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;position:relative;overflow:hidden;cursor:pointer;padding:25px}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--accent);background:#633f4f44}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;left:50%;top:50%}.upload-icon{width:54px;height:54px;border:1px solid #ffffff40;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:29px;color:#ffcead}.upload-zone strong{font-size:18px;position:relative;z-index:1}.upload-zone>span:last-child{font-size:11px;color:#a99da8;z-index:1}.upload-zone img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#1b171d}.upload-zone.has-photo:after{content:"Change photo";position:absolute;bottom:12px;right:12px;background:#211b1fe6;color:white;border-radius:5px;font-size:11px;padding:4px 9px;z-index:2}.upload-zone.has-photo strong{position:absolute;top:10px;left:10px;background:#211b1fe6;padding:3px 8px;border-radius:4px;font-size:12px;z-index:2}.upload-zone.has-photo .upload-icon,.upload-zone.has-photo #photo-help{display:none}.button-full{width:100%;margin-top:18px}.privacy-note{color:#9e9299;font-size:11px;line-height:1.5;margin-top:16px}
.steps-section h2,.faq-section h2{margin-top:27px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:42px}.step{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:26px;min-height:250px;position:relative}.step-number{font:700 11px "Space Grotesk",sans-serif;color:var(--accent)}.step-symbol{font-size:48px;line-height:1.7;color:#da978e}.step h3{font-size:19px;letter-spacing:-.03em;margin:10px 0}.step p{color:#b6aab3;font-size:13px}
.value-section{border:1px solid #f9bc995e;border-radius:21px;padding:50px 55px;margin:12px 0 95px;background:radial-gradient(circle at 90% 60%,#c2646d60,transparent 36%),linear-gradient(120deg,#39212e,#1b1a22);display:flex;align-items:center;justify-content:space-between;gap:35px}.value-section h2{margin-top:20px}.value-mark{font-size:180px;line-height:1;color:#ffd3a97a}
.faq-section{padding-top:30px}.faq-list{max-width:920px;margin-top:34px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 4px}.faq-list summary{font-size:16px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:22px;color:var(--accent)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#bcb1ba;max-width:740px;font-size:14px;margin:12px 0 2px}
.final-cta{margin:35px 0 110px;padding:45px 50px;border-radius:17px;background:#edab83;color:#25151e;display:flex;justify-content:space-between;align-items:center;gap:25px}.final-cta .section-caption{color:#593d48}.final-cta h2{font-size:44px;margin:8px 0}.button-light{background:#221d24;color:#fff}
.footer{max-width:var(--container);margin:auto;padding:35px 24px 50px;border-top:1px solid var(--line);color:#aea1ac;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-brand{font:700 13px "Space Grotesk",sans-serif;color:white}.footer-brand>span{color:#958890;font-size:11px;margin-left:8px}.footer-links{display:flex;flex-wrap:wrap;gap:21px}.footer-links a,.footer-links button{color:#d0c2c9;font-size:12px;background:none;border:0;padding:0}.footer p{flex-basis:100%;font-size:11px}
.dialog-backdrop{position:fixed;z-index:80;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{position:relative;max-width:460px;width:100%;background:#26212a;border:1px solid #ffce9c70;border-radius:17px;box-shadow:0 30px 100px #000b;padding:38px;color:white}.dialog-close{position:absolute;top:12px;right:16px;border:0;background:none;color:#fff;font-size:30px}.dialog-icon{display:block;color:#ffb785;font-size:43px}.dialog h2{font-size:35px;margin:20px 0}.dialog p{font-size:15px;color:#d0c4ca}.dialog .dialog-small{font-size:12px;color:#a99ca5}
.cookie-banner{position:fixed;z-index:90;bottom:20px;left:20px;width:min(440px,calc(100vw - 40px));background:#27212b;border:1px solid #f3bd9c80;box-shadow:0 12px 65px #000b;border-radius:17px;padding:19px 20px;color:white}.cookie-title{display:flex;gap:9px;align-items:center}.cookie-title span{color:var(--accent);font-size:23px}.cookie-title strong{font-size:16px}.cookie-banner p{font-size:12px;line-height:1.6;color:#d0c4cb;margin:9px 0}.cookie-options{border-top:1px solid #ffffff26;margin-top:10px}.cookie-choice{padding:11px 2px;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:center;gap:10px}.cookie-choice span{display:flex;flex-direction:column}.cookie-choice strong{font-size:12px}.cookie-choice small{color:#ab9ba5;font-size:11px}.cookie-choice input{width:19px;height:19px;accent-color:var(--accent)}.cookie-buttons{display:flex;gap:7px;margin-top:14px}.cookie-button{border:1px solid #ffffff44;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:800;flex:1}.cookie-button.quiet{background:transparent;color:#fff}.cookie-button.secondary{background:#49363f;color:#fff}.cookie-button.primary{background:var(--accent);color:#25161c}.cookie-banner .cookie-footer{font-size:10px;color:#978a94;margin:10px 0 0}.cookie-footer a{text-decoration:underline}.cookie-footer button{background:none;color:inherit;text-decoration:underline;border:0;padding:0;font-size:inherit}
.legal-main{max-width:790px;margin:0 auto;padding:70px 24px 110px}.legal-main h1{font-size:clamp(40px,6vw,66px);margin:16px 0 25px}.legal-main h2{font-size:25px;letter-spacing:-.04em;margin-top:39px}.legal-main p,.legal-main li{color:#c9bfc7;font-size:15px}.legal-main a{color:var(--accent);text-decoration:underline}.legal-main ul{padding-left:22px}.legal-main .legal-note{padding:18px;background:#25212a;border-left:3px solid var(--accent);border-radius:4px}
@media(max-width:900px){.hero{gap:25px}.hero h1{font-size:clamp(53px,7vw,75px)}.hero-art{min-height:485px}.creator-layout{gap:30px}}
@media(max-width:720px){.nav{padding:17px 18px;min-height:69px}.brand{font-size:12px}.brand-glyph{font-size:22px}.nav nav{gap:13px}.nav nav>a:not(.nav-cta){display:none}main{padding:0 18px}.hero{grid-template-columns:1fr;min-height:unset;gap:35px;padding:65px 0 75px}.hero h1{font-size:clamp(62px,13vw,88px)}.hero-lead{font-size:18px}.hero-meta{margin-top:28px}.hero-art{min-height:450px}.art-center strong{font-size:76px}.creator-section,.steps-section,.faq-section{padding:70px 0}.creator-layout{grid-template-columns:1fr;gap:22px}.creator-info h2,.steps-section h2,.faq-section h2{font-size:48px}.steps-grid{grid-template-columns:1fr;gap:12px}.step{min-height:unset;padding:22px}.step-symbol{font-size:34px}.value-section{padding:30px;margin:0 0 60px}.value-mark{display:none}.value-section h2{font-size:45px}.final-cta{padding:29px;flex-direction:column;align-items:flex-start;margin:25px 0 80px}.final-cta h2{font-size:39px}.footer{padding:24px 18px 34px}.cookie-banner{bottom:10px;left:10px;width:calc(100vw - 20px);padding:16px}.cookie-button{font-size:10px;padding:9px 6px}.dialog{padding:30px}.dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}