body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#121212;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050507;--surface:#161220f0;--surface-strong:#1e182cfa;--text:#f7f4ff;--muted:#c4bad1;--accent:#a27bff;--accent-2:#72e2ff}*,:before,:after{box-sizing:border-box}.studio-shell{background:radial-gradient(circle at top,#54379e47,#0000 28%),radial-gradient(circle at 20% 80%,#58d0ff24,#0000 24%),linear-gradient(#07070c 0%,#040407 100%);gap:2.8rem;min-height:100vh;padding:2.4rem 1.5rem 3rem;display:grid;position:relative;overflow:hidden}.noise{pointer-events:none;opacity:.7;mix-blend-mode:screen;background-image:radial-gradient(circle,#ffffff08 0%,#0000 20%);position:absolute;inset:0}.brand-banner{z-index:1;border-radius:24px;width:min(1120px,100%);max-width:100%;max-height:280px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}.banner-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (width<=900px){.brand-banner{border-radius:20px;max-height:220px}}@media (width<=640px){.studio-shell{gap:1.6rem;padding:1.6rem 1rem 2rem}.brand-banner{border-radius:18px;max-height:180px}.hero-panel{grid-template-columns:1fr;justify-items:center;gap:1.5rem;padding:2rem}.hero-copy{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:min(100%,720px);display:flex}.hero-actions{justify-content:center}.hero-card{order:2;justify-content:center;width:100%}}.hero-panel,.section,.tone{z-index:1;position:relative}.hero-panel{background:linear-gradient(#1a0a2df2,#07070ef2);border:1px solid #ffffff14;border-radius:32px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:2rem;width:min(1120px,100%);margin:0 auto;padding:3rem;display:grid;box-shadow:0 40px 120px #00000059}.hero-copy{flex-direction:column;gap:1.5rem;display:flex}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:#8a64ffeb;font-size:.8rem;display:inline-block}.hero-panel h1{color:var(--text);letter-spacing:-.05em;text-shadow:0 20px 50px #00000059;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.96}.lede{color:#d9d5e3;max-width:42rem;margin:0;font-size:1.08rem;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.button{letter-spacing:.01em;color:#f4efff;box-shadow:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.8rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .25s,border-color .25s;display:inline-flex}.button.active{color:#fff;background:linear-gradient(135deg,#936cff,#58d0ff);border-color:#0000;box-shadow:0 18px 45px #58d0ff38}.hero-card{justify-content:center;align-items:center;min-height:320px;display:flex}.hero-card__frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1a152aeb;border:1px solid #ffffff1f;border-radius:30px;width:100%;padding:2.2rem;box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 72px #00000047}.hero-card__title{color:#fff;margin:0 0 1rem;font-size:1.6rem}.hero-card__frame p{color:#e7def8;margin:0;line-height:1.9}.section{gap:2rem;width:min(1120px,100%);margin:0 auto;display:grid}.split{background:#181426f0;border:1px solid #ffffff1f;border-radius:32px;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);padding:2rem 2.2rem;box-shadow:0 20px 60px #0003}.action-panel{background:#181426f0;border:1px solid #ffffff1f;border-radius:32px;padding:2rem 2.2rem}.action-panel__header{gap:.85rem;display:grid}.generated-card{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.generated-card-item{background:#1c182af5;border:1px solid #ffffff1f;border-radius:24px;padding:1.7rem;box-shadow:0 20px 64px #0000003d}.generated-card-item strong{color:#fff;margin-bottom:.75rem;font-size:1rem;display:block}.generated-card-item p{color:#e5dcee;margin:0;line-height:1.85}.button.active{transform:translateY(-1px);box-shadow:0 20px 55px #936cff59}.button.primary.active{background:linear-gradient(135deg,#ac7dff,#72e8ff)}.button.secondary.active{color:#fff;background:#ffffff2e;border-color:#ffffff3d}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline-offset:4px;outline:2px solid #936cffa6}.split{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}.section-copy h2,.tone h2{color:var(--text);margin:0 0 1rem;font-size:clamp(2rem,3.5vw,2.6rem)}.section-copy p,.tone p{color:#f1ebff;max-width:44rem;margin:0;line-height:1.95}.split .section-copy h2,.tone h2{color:var(--text);margin:0 0 1rem;font-size:clamp(2rem,3.5vw,2.6rem)}.section-list,.story-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;display:grid}.feature-card,.story-card{background:#0c0b13e3;border:1px solid #ffffff0f;border-radius:24px;padding:1.7rem;box-shadow:0 20px 60px #0003}.feature-card h3{color:#f6f3f9;margin:0 0 .9rem;font-size:1.15rem}.feature-card p,.story-card span{color:#b8b1cf;margin:0;line-height:1.85}.story-card strong{color:#fff;margin-bottom:.85rem;font-size:1rem;display:block}.tone{background:linear-gradient(#08070df2,#0d0c14f5);border:1px solid #ffffff0f;border-radius:32px;padding:3rem 2rem}@media (width<=960px){.hero-panel,.split{grid-template-columns:1fr}}@media (width<=680px){.studio-shell{padding:1.5rem 1rem 2.5rem}.hero-panel{padding:2rem}.hero-actions{flex-direction:column}}