:root{color-scheme:dark;--bg:#080510;--panel:#151022;--line:rgba(255,255,255,.1);--text:#fbfaff;--muted:#aca4bb;--pink:#f542ad;--purple:#8d58ff;--cyan:#42d8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:clip;background:var(--bg);color:var(--text)}button,input,select{font:inherit}a{color:inherit}.shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,5,16,.78);backdrop-filter:blur(24px)}.nav{height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:900;letter-spacing:-.03em;text-decoration:none}.brand img{border-radius:13px;box-shadow:0 0 28px rgba(85,105,255,.25)}.nav-links{display:flex;gap:25px;margin:auto}.nav-links a{color:#a59bae;font-size:13px;font-weight:750;text-decoration:none}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.language-picker select{height:44px;padding:0 33px 0 13px;border:1px solid var(--line);border-radius:12px;background:#14101d;color:#fff;font-size:13px;font-weight:800}.button{display:inline-flex;min-height:50px;padding:0 22px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;background:transparent;color:#fff;font-weight:850;text-decoration:none;cursor:pointer;transition:.2s ease}.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.24)}.button-primary{border:0;background:linear-gradient(110deg,var(--pink),var(--purple) 58%,var(--cyan));box-shadow:0 18px 50px rgba(121,68,219,.28)}.button-secondary{background:rgba(255,255,255,.055)}.nav .button{min-height:44px;padding-inline:16px;font-size:13px}
.hero{min-height:calc(100svh - 76px);padding:72px 0 68px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:36px}.hero-copy{position:relative;z-index:2}.kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#f4c6e4;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.kicker>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px var(--pink)}.kicker b{padding:7px 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.045);color:#c9bfd3;letter-spacing:.02em;text-transform:none}.hero h1{margin:25px 0 23px;font-size:clamp(58px,6.2vw,92px);line-height:.9;letter-spacing:-.075em}.hero h1 em{font-style:normal;background:linear-gradient(98deg,#ff78c2 4%,var(--purple) 48%,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px;margin:0;color:#b8afc3;font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.trust-list{display:flex;flex-wrap:wrap;gap:11px 20px;margin:24px 0 0;padding:0;color:#91869f;font-size:12px;font-weight:700;list-style:none}.trust-list li:before{content:"✓";margin-right:7px;color:var(--cyan)}.hero-visual{position:relative;min-width:0}.hero-visual:before{content:"";position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(circle,rgba(122,68,236,.34),rgba(245,66,173,.11) 38%,transparent 68%);filter:blur(34px)}.hero-visual img{position:relative;z-index:1;display:block;width:125%;max-width:none;margin-left:-10%;filter:drop-shadow(0 45px 70px rgba(0,0,0,.48))}.hero-orbit{position:absolute;border:1px solid rgba(116,97,255,.16);border-radius:50%;transform:rotate(-12deg)}.hero-orbit-a{inset:8% 0 12% 5%}.hero-orbit-b{inset:16% 8% 20% -2%}
.signal-strip{border-block:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signal-grid article{min-height:118px;padding:26px 28px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center}.signal-grid article:last-child{border-right:0}.signal-grid strong{font-size:23px;letter-spacing:-.04em}.signal-grid span{margin-top:5px;color:#92889d;font-size:12px}
.story{position:relative;padding:130px 0;overflow:hidden}.story:before{content:"";position:absolute;inset:0;pointer-events:none}.story-chat{background:linear-gradient(180deg,#0b0713,#10081b)}.story-chat:before{background:radial-gradient(circle at 85% 48%,rgba(52,99,255,.16),transparent 33%)}.story-alerts{background:linear-gradient(180deg,#10081b,#0a0713)}.story-alerts:before{background:radial-gradient(circle at 15% 46%,rgba(245,66,173,.15),transparent 34%),radial-gradient(circle at 84% 50%,rgba(42,210,170,.08),transparent 26%)}.story-tools{background:linear-gradient(180deg,#0a0713,#100a1d)}.story-tools:before{background:radial-gradient(circle at 76% 48%,rgba(101,75,255,.16),transparent 34%)}.story-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);align-items:center;gap:74px}.story-grid-reverse{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.story-grid-reverse .story-copy{grid-column:2;grid-row:1}.story-grid-reverse .story-art{grid-column:1;grid-row:1}.section-index{display:inline-flex;color:#f19bd0;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.story-copy h2,.account-intro h2{margin:18px 0 20px;font-size:clamp(38px,4.3vw,62px);line-height:1.02;letter-spacing:-.055em}.story-copy>p,.account-intro>p{margin:0;color:var(--muted);font-size:17px;line-height:1.75}.feature-list{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.feature-list li{position:relative;padding-left:27px;color:#d9d3e0;font-size:14px;line-height:1.5}.feature-list li:before{content:"";position:absolute;left:0;top:.42em;width:13px;height:13px;border-radius:4px;background:linear-gradient(135deg,var(--pink),var(--cyan));box-shadow:0 0 18px rgba(114,100,255,.35)}.story-art{position:relative;margin:0}.story-art:before{content:"";position:absolute;inset:13% 8%;border-radius:50%;background:rgba(94,64,244,.14);filter:blur(44px)}.story-art img{position:relative;z-index:1;display:block;width:115%;max-width:none;margin-left:-7.5%;filter:drop-shadow(0 42px 70px rgba(0,0,0,.48))}.art-alerts img{width:122%;margin-left:-11%}.tool-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.tool-tags span{padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:#d6cedf;font-size:12px;font-weight:750}
.account-section{padding:125px 0;background:radial-gradient(circle at 18% 42%,rgba(245,66,173,.12),transparent 30%),radial-gradient(circle at 82% 50%,rgba(66,216,255,.09),transparent 28%),#0b0714}.account-layout{display:grid;grid-template-columns:1fr 470px;align-items:center;gap:100px}.platform-row{display:flex;align-items:center;gap:14px;margin-top:30px;color:#e8e1ef;font-size:13px;font-weight:850}.platform-row i{width:34px;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan))}.auth-card{padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:linear-gradient(145deg,rgba(31,23,50,.96),rgba(17,12,29,.98));box-shadow:0 35px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08)}.auth-heading{display:flex;align-items:center;gap:14px}.auth-heading h2{margin:0 0 4px;font-size:20px}.auth-heading p{margin:0;color:var(--muted);font-size:13px}.auth-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:21px;font-weight:900}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:25px 0 20px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0d0915}.auth-tabs button{padding:10px;border:0;border-radius:8px;background:transparent;color:#948a9e;font-weight:800;cursor:pointer}.auth-tabs button.active{background:#28183d;color:#fff}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px}.auth-form label span{color:#d9d1e2;font-size:12px;font-weight:750}.auth-form input{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:0;background:#0d0915;color:#fff}.auth-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,255,.16)}.auth-form small{color:#8f8499;font-size:11px;line-height:1.4}.auth-submit{width:100%;margin-top:4px}.text-button{margin:auto;border:0;background:transparent;color:#b8a7cc;font-size:12px;cursor:pointer}.auth-message{min-height:19px;margin:15px 0 0;color:#8be7bd;font-size:12px;line-height:1.5}.auth-message.error{color:#ff8ca8}.account-state{text-align:center}.account-avatar{display:grid;place-items:center;width:80px;height:80px;margin:8px auto 18px;overflow:hidden;border:2px solid rgba(255,255,255,.18);border-radius:25px;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:30px}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-state p{margin:0 0 5px;color:var(--muted);font-size:12px}.account-state h2{margin:0;font-size:26px}.account-state small{display:block;margin:5px 0 24px;color:#948a9e}.account-state .button{width:100%}
.final-cta{margin-block:100px;padding:58px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 10% 0,rgba(245,66,173,.22),transparent 42%),radial-gradient(circle at 90% 100%,rgba(66,216,255,.16),transparent 38%),#151022}.final-cta span{color:#ffa4d4;font-size:11px;font-weight:850;letter-spacing:.12em}.final-cta h2{margin:9px 0 0;font-size:clamp(34px,4.2vw,55px);letter-spacing:-.055em}.cta-actions{display:flex;gap:10px;flex:0 0 auto}footer{border-top:1px solid rgba(255,255,255,.07);color:#81778c;font-size:12px}footer .shell{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
@media(max-width:1050px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:84px;text-align:center}.kicker,.hero-actions,.trust-list{justify-content:center}.hero-copy>p{margin-inline:auto}.hero-visual{width:min(820px,100%);margin:0 auto}.hero-visual img{width:112%;margin-left:-6%}.story-grid,.story-grid-reverse{grid-template-columns:1fr;gap:45px}.story-copy,.story-grid-reverse .story-copy{grid-column:1;grid-row:1;max-width:760px}.story-art,.story-grid-reverse .story-art{grid-column:1;grid-row:2}.story-art img,.art-alerts img{width:100%;margin-left:0}.account-layout{grid-template-columns:1fr;gap:55px}.auth-card{width:min(100%,560px)}}
@media(max-width:720px){.shell{width:calc(100% - 28px)}.site-header{position:relative}.nav{height:68px;gap:12px}.brand span,.nav-download{display:none}.nav-actions{margin-left:auto}.nav-open{padding-inline:12px!important}.hero{padding:60px 0 45px}.hero h1{font-size:clamp(48px,15vw,72px)}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-visual{margin-top:20px}.hero-visual img{width:126%;margin-left:-13%}.signal-grid{grid-template-columns:repeat(2,1fr)}.signal-grid article{min-height:100px;padding:20px;border-bottom:1px solid rgba(255,255,255,.07)}.story{padding:85px 0}.story-copy h2,.account-intro h2{font-size:clamp(34px,10vw,48px)}.story-art img,.art-alerts img{width:116%;margin-left:-8%}.account-section{padding:85px 0}.final-cta{margin-block:70px;padding:38px 25px;align-items:flex-start;flex-direction:column}.cta-actions{display:grid;width:100%}.cta-actions .button{width:100%}footer .shell{padding-block:22px;align-items:flex-start;flex-direction:column;justify-content:center}}

/* Preserve every generated artwork's native aspect ratio at all breakpoints. */
.hero-visual img{width:min(100%,820px);height:auto;max-width:820px;margin-inline:auto}
.story-art img,.art-alerts img{width:min(100%,820px);height:auto;max-width:820px;margin-inline:auto}

/* One uninterrupted canvas; sections add light only, never a new base color. */
main{background:radial-gradient(circle at 12% 12%,rgba(245,66,173,.075),transparent 24%),radial-gradient(circle at 86% 35%,rgba(66,216,255,.055),transparent 25%),radial-gradient(circle at 18% 66%,rgba(141,88,255,.06),transparent 24%),#080510}
.hero,.signal-strip,.story-chat,.story-alerts,.story-tools,.account-section{background:transparent}
.signal-strip{border-block:0}
.kicker{gap:10px 16px}
.kicker-item{display:inline-flex;align-items:center;gap:8px;color:#f4c6e4;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.kicker-item::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--pink);box-shadow:0 0 16px var(--pink)}
.kicker>.kicker-item:first-child{width:auto;height:auto;border-radius:0;background:none;box-shadow:none}

/* A single canvas prevents section-sized color bands and visible horizontal seams. */
main{background:#080510}
.hero,.signal-strip,.story,.account-section{background:none}
.story::before,.story-art::before,.hero-visual::before{content:none;display:none;background:none;filter:none}
.story{padding:78px 0}
.account-section{padding:84px 0}
.signal-grid article{background:transparent}
.final-cta{margin-block:72px}

@media(max-width:720px){
  .story{padding:64px 0}
  .account-section{padding:68px 0}
  .final-cta{margin-block:56px}
}
