@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--ink:#18221d;--muted:#67716c;--line:#dfe3df;--paper:#f5f6f2;--white:#fff;--lime:#dfff63;--green:#214b39;--orange:#ff7051}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}nav{height:76px;padding:0 4.5vw;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,nav{display:flex;align-items:center}.brand{color:var(--ink);text-decoration:none;font:600 14px Manrope;letter-spacing:.14em;gap:12px}.brand span{display:grid;place-items:center;width:29px;height:29px;background:var(--ink);color:var(--lime);border-radius:50%;font-size:14px}.nav-note{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}.nav-note i{display:block;width:7px;height:7px;background:#60a979;border-radius:50%;box-shadow:0 0 0 4px #dcebe0}.hero{padding:72px 6vw 64px;display:flex;justify-content:space-between;align-items:flex-end;max-width:1540px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:600;margin:0 0 14px}.hero h1{font:500 clamp(48px,6.4vw,98px)/.95 Manrope;margin:0;letter-spacing:-.065em}.hero-copy{max-width:370px;font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(390px,.8fr) minmax(500px,1.2fr);max-width:1540px;margin:auto;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 22px 70px rgba(30,50,40,.07)}.brief-panel,.results-panel{padding:38px 4vw 44px}.brief-panel{border-right:1px solid var(--line)}.brief-panel>header,.results-panel>header{display:flex;gap:17px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.brief-panel header>span,.results-panel header>span{font:500 11px Manrope;background:var(--ink);color:#fff;border-radius:50%;height:29px;width:29px;display:grid;place-items:center}.brief-panel h2,.results-panel h2{font:600 20px Manrope;margin:-2px 0 5px;letter-spacing:-.025em}.brief-panel header p,.results-panel header p{font-size:12px;color:var(--muted);margin:0}.brief-panel label,.brief-panel legend{display:block;border:0;font-size:11px;font-weight:600;letter-spacing:.05em;margin:0 0 21px}.brief-panel input,.brief-panel textarea{display:block;width:100%;margin-top:9px;border:1px solid #d7dcd7;border-radius:8px;padding:13px 14px;color:var(--ink);background:#fafbf8;outline:none;resize:none;font-size:13px;line-height:1.5;transition:.2s}.brief-panel input:focus,.brief-panel textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #e5ede8}.brief-panel fieldset{border:0;padding:0;margin:0 0 28px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chips button{border:1px solid #d8ddd8;border-radius:30px;background:white;padding:8px 12px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.chips button.active{background:#edf4c9;border-color:#bdca7c;color:var(--ink)}.generate{border:0;border-radius:8px;width:100%;background:var(--ink);color:white;padding:15px 17px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;transition:.2s}.generate:not(:disabled):hover{background:var(--green);transform:translateY(-1px)}.generate:disabled{opacity:.72;cursor:wait}.privacy{text-align:center!important;color:#8b928e!important;font-size:10px!important;margin:12px 0 0!important}.spinner{width:14px;height:14px;border:2px solid #ffffff55;border-top:2px solid var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.results-panel{background:#fbfcf9;min-height:780px}.empty-state,.error-state,.loading-state{min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state h3,.error-state h3,.loading-state h3{font:500 28px/1.15 Manrope;letter-spacing:-.04em;margin:6px 0 14px}.empty-state>p:last-child,.error-state p,.loading-state p{max-width:330px;font-size:12px;line-height:1.65;color:var(--muted)}.empty-art{width:160px;height:125px;position:relative;margin-bottom:28px}.empty-art span{position:absolute;border:1px solid #ccd3cc;border-radius:8px;width:95px;height:112px;transform:rotate(-8deg);left:20px;top:8px;background:#f5f7f3}.empty-art span:nth-child(2){transform:rotate(7deg);left:46px;background:#edf1ec}.empty-art svg{position:absolute;z-index:2;left:63px;top:45px;font-size:38px;color:#9ba69f}.orbit{width:75px;height:75px;border:1px solid #bec7c0;border-radius:50%;display:grid;place-items:center;color:var(--green);animation:pulse 1.4s ease-in-out infinite}.orbit svg{font-size:24px}.progress{height:3px;width:210px;background:#e3e7e3;border-radius:3px;overflow:hidden;margin-top:24px}.progress i{display:block;height:100%;width:45%;background:var(--green);animation:progress 1.4s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(320%)}}@keyframes pulse{50%{transform:scale(1.08);background:#eff4d8}}.error-state>svg{font-size:52px;color:var(--orange)}.error-state button{border:1px solid var(--ink);background:transparent;border-radius:7px;padding:9px 17px;margin-top:10px}.results-panel.has-results{background:#f7f8f4}.results{display:grid;grid-gap:24px;gap:24px}.concept-card{background:var(--green);color:white;padding:32px;border-radius:12px;position:relative;overflow:hidden}.concept-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff1c;border-radius:50%;right:-70px;top:-80px}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.concept-card h3{font:500 36px/1.05 Manrope;letter-spacing:-.05em;margin:4px 0 18px;max-width:580px}.concept-card>p:last-child{font-size:13px;line-height:1.65;color:#dae5df;max-width:620px;margin:0}.icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff3a;border-radius:50%;background:transparent;color:inherit;flex:0 0 auto}figure{margin:0;border-radius:12px;overflow:hidden;background:#e9ece7}figure img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}figcaption{padding:10px 14px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}figcaption a{display:flex;align-items:center;gap:5px;color:var(--ink);text-decoration:none}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-top:8px}.section-heading h3{font:500 25px Manrope;letter-spacing:-.04em;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.variants{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.variants article{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}.variants article>div{display:flex;align-items:center;gap:7px}.variants article>div>span{font-size:9px;color:#8a928e}.variants b{font-size:9px;text-transform:uppercase;letter-spacing:.1em;flex:1 1}.variants .icon-button{border-color:var(--line);color:var(--muted);width:26px;height:26px}.variants h4{font:600 16px/1.2 Manrope;letter-spacing:-.025em;margin:20px 0 12px}.variants p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.checklist{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.checklist .section-heading{margin:0 0 15px}.checklist label{display:flex;align-items:center;gap:11px;border-top:1px solid #ecefec;padding:12px 0;font-size:11px}.checklist input{display:none}.checklist label>span{width:19px;height:19px;border:1px solid #ccd3cd;border-radius:5px;display:grid;place-items:center;color:transparent}.checklist input:checked+span{background:var(--green);color:white}.results details{border-top:1px solid var(--line);padding:14px 2px}.results summary{list-style:none;display:flex;justify-content:space-between;font-size:11px;font-weight:600;cursor:pointer}.results details p{font-size:11px;line-height:1.6;color:var(--muted);border-left:2px solid var(--lime);padding-left:12px}footer{max-width:1540px;margin:24px auto 0;padding:24px 5px 40px;display:flex;justify-content:space-between;color:#8b928e;font-size:9px;letter-spacing:.09em}@media(max-width:900px){.hero{display:block;padding-top:48px}.hero-copy{margin-top:32px}.workspace{grid-template-columns:1fr;margin:0 16px}.brief-panel{border-right:0;border-bottom:1px solid var(--line)}.variants{grid-template-columns:1fr}.results-panel{min-height:620px}footer{padding-left:20px;padding-right:20px}}@media(max-width:560px){nav{padding:0 20px}.nav-note{display:none}.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:50px}.brief-panel,.results-panel{padding:28px 22px}.workspace{margin:0 8px}.concept-card h3{font-size:29px}footer span:last-child{display:none}}:root{--ink:#091b3a;--muted:#5d6675;--line:#dce1e8;--paper:#f4f6f9;--lime:#f3c64d;--green:#102f64;--orange:#c82333;--red:#c82333;--blue:#102f64}.brand,body{font-family:Inter,sans-serif}.brand{letter-spacing:0;gap:11px}.brand .brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:white;border-radius:8px;font-size:17px;box-shadow:inset -5px 0 0 var(--red)}.brand-name{display:flex!important;flex-direction:column;align-items:flex-start!important;width:auto!important;height:auto!important;background:transparent!important;color:var(--ink)!important;border-radius:0!important;line-height:1}.brand-name b{font-size:15px;letter-spacing:.08em}.brand-name small{font-size:9px;letter-spacing:.04em;margin-top:4px;color:var(--muted);font-weight:600}.hero h1{font-weight:700;font-size:clamp(46px,5.6vw,86px);line-height:.98;max-width:1050px}.brief-panel h2,.concept-card h3,.empty-state h3,.error-state h3,.hero h1,.loading-state h3,.results-panel h2,.section-heading h3,.variants h4{font-family:Inter,sans-serif}.brief-panel h2,.concept-card h3,.results-panel h2,.variants h4{font-weight:700}.chips button.active{background:#e9eef7;border-color:#8fa4c7;color:var(--blue)}.generate:not(:disabled):hover{background:var(--red)}footer a{color:var(--blue);text-decoration:none;font-weight:700}.kit-workspace{grid-template-columns:minmax(420px,.72fr) minmax(620px,1.28fr)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-grid label{min-width:0}.kit-results{display:grid;grid-gap:20px;gap:20px}.kit-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.kit-toolbar h3{font-size:25px;letter-spacing:-.04em;margin:0}.kit-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.copy-control,.download-control,.secondary-control{border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700;padding:9px 11px}.download-control{background:var(--ink);border-color:var(--ink);color:white}.copy-control:hover,.secondary-control:hover{border-color:#8fa4c7}.download-control:hover{background:var(--red);border-color:var(--red)}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);padding:0 0 8px;scrollbar-width:thin}.tabs button{white-space:nowrap;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;padding:9px 11px;border-radius:6px}.tabs button.active{background:var(--blue);color:white}.tab-content{min-height:520px}.tab-stack{display:grid;grid-gap:14px;gap:14px}.output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.output-card{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0}.output-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.output-card-top>span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700;color:var(--red)}.output-card h4{font:700 17px/1.25 Inter,sans-serif;margin:20px 0 10px;white-space:pre-line}.output-card p{font-size:11px;line-height:1.65;color:var(--muted);margin:0;white-space:pre-line}.output-card .output-extra{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-weight:600;color:var(--ink)}.concept-card .copy-control{background:transparent;border-color:#ffffff44;color:white}.channel-empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #cbd3df;border-radius:12px;background:white}.channel-empty>svg{font-size:32px;color:var(--red)}.channel-empty h3{font-size:22px;margin:16px 0 8px}.channel-empty p{max-width:350px;color:var(--muted);font-size:12px;line-height:1.6}.landing-preview{position:relative;background:var(--blue);color:white;padding:44px 38px;border-radius:12px;overflow:hidden}.landing-preview:after{content:"";position:absolute;width:220px;height:220px;border:35px solid var(--red);border-radius:50%;right:-110px;top:-130px;opacity:.9}.landing-preview>p{text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:700}.landing-preview h3{font-size:36px;line-height:1.02;letter-spacing:-.05em;max-width:600px;margin:14px 0}.landing-preview>span{display:block;font-size:13px;line-height:1.6;max-width:530px;color:#dce6f5}.landing-preview>b{display:inline-block;margin-top:24px;background:white;color:var(--blue);padding:10px 14px;border-radius:6px;font-size:11px}.landing-preview .copy-control{position:absolute;z-index:2;right:18px;bottom:18px}.scene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.launch-phases{display:grid;grid-gap:10px;gap:10px}.launch-phases article{position:relative;background:white;border:1px solid var(--line);border-radius:10px;padding:20px 145px 20px 20px}.launch-phases article>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-weight:700}.launch-phases h4{font-size:17px;margin:8px 0 14px}.launch-phases p{display:flex;gap:8px;font-size:11px;line-height:1.5;color:var(--muted);margin:7px 0}.launch-phases p svg{color:var(--blue);flex:0 0 auto}.launch-phases .copy-control{position:absolute;right:16px;top:16px}@media(max-width:1100px){.kit-workspace{grid-template-columns:minmax(370px,.8fr) minmax(520px,1.2fr)}.output-grid,.scene-list{grid-template-columns:1fr}}@media(max-width:900px){.kit-workspace{grid-template-columns:1fr}.tab-content{min-height:400px}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.kit-toolbar{align-items:flex-start;flex-direction:column}.kit-toolbar>div:last-child{justify-content:flex-start}.landing-preview{padding:32px 22px}.landing-preview h3{font-size:29px}.launch-phases article{padding-right:20px;padding-top:58px}.launch-phases .copy-control{left:20px;right:auto}.tabs{margin-right:-22px}}.main-nav{gap:4px}.main-nav,.main-nav button{display:flex;align-items:center}.main-nav button{border:0;background:transparent;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:700;color:var(--muted);gap:6px}.main-nav button.active{background:#e9eef7;color:var(--blue)}.main-nav button span{display:grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:white;font-size:9px}.brief-panel label em{font-style:normal;color:#929aa5;font-weight:400;font-size:9px}.save-campaign{width:100%;margin-top:9px;padding:12px;border:1px solid var(--ink);border-radius:8px;background:white;color:var(--ink);font-size:11px;font-weight:700}.save-campaign:hover{background:#eef2f8}.storage-alert{max-width:1540px;margin:0 auto 18px;background:#fff1f1;border:1px solid #efc5c9;color:#8e1824;border-radius:9px;padding:12px 15px;font-size:11px;display:flex;align-items:center;gap:8px}.editor-alert{margin-top:-34px;margin-bottom:24px}.save-toast{position:fixed;right:24px;top:92px;z-index:20;background:var(--blue);color:white;border-radius:8px;padding:11px 14px;box-shadow:0 10px 35px #091b3a33;font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px}.campaigns-page{max-width:1540px;min-height:720px;margin:0 auto;padding:70px 5vw}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:38px}.dashboard-heading h1{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.065em;margin:0}.dashboard-heading>div>p:last-child{color:var(--muted);font-size:13px;margin:16px 0 0}.campaign-filters{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;grid-gap:10px;gap:10px;align-items:center;margin-bottom:16px}.campaign-filters label{height:42px;background:white;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted)}.campaign-filters input{border:0;outline:0;width:100%;font-size:11px}.campaign-filters select{height:42px;border:1px solid var(--line);border-radius:8px;background:white;padding:0 12px;color:var(--ink);font-size:11px}.campaign-filters>span{font-size:9px;color:var(--muted);text-align:right;text-transform:uppercase;letter-spacing:.08em}.dashboard-empty{min-height:410px;border:1px dashed #cbd3df;border-radius:14px;background:#ffffff88;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dashboard-empty>svg{font-size:44px;color:var(--blue)}.dashboard-empty h2{font-size:24px;margin:18px 0 7px}.dashboard-empty p{max-width:430px;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 20px}.spinner.dark{border-color:#102f6433;border-top-color:var(--blue)}.campaign-list{display:grid;grid-gap:10px;gap:10px}.campaign-row{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(260px,1fr) auto;grid-gap:24px;gap:24px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:22px;transition:.2s}.campaign-row:hover{border-color:#aebdd3;box-shadow:0 8px 25px #102f640b}.campaign-identity>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-weight:700}.campaign-identity h2{font-size:18px;margin:7px 0}.campaign-identity p{font-size:10px;color:var(--muted);line-height:1.45;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:540px}.campaign-meta{font-size:9px;color:var(--muted)}.campaign-meta>p{margin:7px 0}.campaign-meta>div{display:flex;gap:4px;flex-wrap:wrap}.campaign-meta i{font-style:normal;background:#eef2f8;color:var(--blue);padding:4px 6px;border-radius:4px;font-size:8px}.status{display:inline-block;border-radius:10px;padding:4px 7px;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700}.status.generated{background:#e4f1e8;color:#2b6940}.status.draft{background:#fff2d4;color:#89640c}.campaign-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:310px}.campaign-actions button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:7px 8px;font-size:9px;font-weight:700;display:flex;align-items:center;gap:4px}.campaign-actions button:first-child{background:var(--blue);color:white;border-color:var(--blue)}.campaign-actions button.danger{color:var(--red)}.campaign-actions button:hover{border-color:#8fa4c7}.campaign-actions button.danger:hover{background:#fff0f1;border-color:#e8a8ae}@media(max-width:1100px){.campaign-row{grid-template-columns:1fr 1fr}.campaign-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}}@media(max-width:760px){nav{height:auto;min-height:76px;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}.main-nav{order:3;width:100%}.main-nav button{flex:1 1;justify-content:center}.campaigns-page{padding-top:45px}.dashboard-heading{align-items:flex-start;flex-direction:column}.campaign-filters{grid-template-columns:1fr}.campaign-filters>span{text-align:left}.campaign-row{grid-template-columns:1fr}.campaign-actions{grid-column:auto}.editor-alert{margin:0 16px 18px}.nav-note{display:none}}