@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#101515;--paper:#f4f1e8;--mint:#82f6d4;--lime:#e8ff77;--muted:#66706c;--line:#10151524}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:18px;text-decoration:none;display:flex}.brand strong{font-weight:800}.brand-mark{width:34px;height:34px;color:var(--ink)}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:inherit;font-size:14px;font-weight:600;text-decoration:none}.nav-links .nav-cta{background:var(--ink);color:#fff;border-radius:3px;padding:12px 18px}.hero{text-align:center;padding:88px 0 0}.eyebrow,.section-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.eyebrow{align-items:center;gap:9px;display:inline-flex}.eyebrow span{background:var(--mint);border:2px solid var(--ink);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.065em;max-width:1030px;margin:24px auto;font:800 clamp(48px,7.1vw,92px)/.98 Manrope,sans-serif}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy{color:#56605d;max-width:720px;margin:0 auto;font-size:19px;line-height:1.6}.hero-actions{justify-content:center;gap:12px;margin:34px 0;display:flex}.button{border:1px solid var(--ink);color:inherit;border-radius:3px;align-items:center;gap:22px;padding:15px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background:var(--ink);color:#fff}.button-primary span{color:var(--mint)}.button-secondary{background:0 0}.platform-row{color:#68716e;text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:18px;font-size:12px;display:flex}.platform-row b{color:var(--ink);border-left:1px solid var(--line);padding-left:18px}.product-window{text-align:left;border:1px solid var(--ink);background:#fff;border-radius:7px 7px 0 0;margin-top:68px;overflow:hidden;box-shadow:0 22px 60px #1015151f}.window-bar{background:var(--ink);color:#fff;align-items:center;gap:7px;height:43px;padding:0 17px;font-size:12px;display:flex}.window-bar i{background:#5d6664;border-radius:50%;width:8px;height:8px}.window-bar i:first-child{background:var(--mint)}.window-bar span{color:#adb5b2;margin-left:9px}.window-bar small{color:var(--mint);margin-left:auto}.window-body{grid-template-columns:185px 1fr;min-height:500px;display:grid}.window-body aside{color:#c8cecc;background:#171c1b;padding:24px 14px}.mini-brand{color:#fff;align-items:center;gap:8px;margin:0 8px 31px;font-weight:700;display:flex}.mini-brand .brand-mark{color:#fff;width:24px}.menu{border-radius:4px;margin:5px 0;padding:11px 12px;font-size:13px}.menu span{width:28px;display:inline-block}.menu.active{background:var(--mint);color:var(--ink);font-weight:700}.workspace{background:#f7f7f4;padding:35px}.workspace-head{justify-content:space-between;align-items:center;display:flex}.workspace-head small{letter-spacing:.14em;color:#78817e;font-size:10px}.workspace-head h2{margin:6px 0 23px;font:700 25px Manrope,sans-serif}.workspace-head button{border:1px solid var(--line);background:#fff;padding:10px 14px}.campaign-grid{grid-template-columns:1.05fr .95fr;gap:24px;display:grid}.brief-card,.creative-card{background:#fff;border:1px solid #dfe3e0;padding:22px}.brief-card label{margin:10px 0 7px;font-size:11px;font-weight:700;display:block}.fake-input{border:1px solid #ccd3d0;padding:12px;font-size:13px}.fake-input.muted{color:#737d79}.chips{gap:6px;display:flex}.chips span,.voice-tags span{background:#e8f5f0;border:1px solid #c7e4da;padding:7px 10px;font-size:11px}.generate{background:var(--ink);color:#fff;text-align:center;margin-top:28px;padding:13px;font-size:12px;font-weight:700}.creative-card{padding:12px}.creative-visual{color:#fff;background:#1b2421;flex-direction:column;justify-content:space-between;height:310px;padding:27px;display:flex;position:relative;overflow:hidden}.creative-visual .brand-mark{color:#fff;z-index:2;position:relative}.creative-visual div{z-index:2;position:relative}.creative-visual small{color:var(--mint);letter-spacing:.17em;margin-bottom:9px;font-size:10px;display:block}.creative-visual strong{font:700 29px/1.05 Manrope}.creative-visual>b{letter-spacing:.2em;z-index:2;font-size:9px;position:relative}.orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{background:var(--mint);opacity:.85;width:250px;height:250px;top:-70px;right:-90px}.orb-two{border:28px solid var(--lime);opacity:.9;width:190px;height:190px;bottom:-95px;right:-40px}.creative-meta{color:#5d6763;justify-content:space-between;padding:13px 3px 2px;font-size:11px;display:flex}.workflow{padding:110px 0}.section-heading{grid-template-columns:1.4fr .6fr;align-items:end;gap:80px;display:grid}.section-heading span{letter-spacing:.16em;font-size:11px;font-weight:700}.section-heading h2,.brand-grid h2{letter-spacing:-.045em;margin:14px 0 0;font:700 clamp(36px,4.8vw,62px)/1.05 Manrope,sans-serif}.section-heading p,.brand-grid>div>p{color:#66706c;line-height:1.7}.workflow-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:56px;display:grid}.workflow-grid article{border-right:1px solid var(--line);min-height:235px;padding:26px 23px 8px 0}.workflow-grid article+article{padding-left:23px}.workflow-grid article:last-child{border-right:0}.workflow-grid article>span{color:#65706c;font:600 12px Manrope}.workflow-grid h3{margin:40px 0 10px;font:700 20px Manrope}.workflow-grid p{color:#66706c;font-size:14px;line-height:1.6}.brand-section{background:var(--ink);color:#fff;padding:105px 0}.brand-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:95px;display:grid}.brand-grid .section-kicker{color:var(--mint)}.brand-grid h2{font-size:52px}.brand-grid>div>p{color:#aeb8b4;font-size:16px}.brand-grid ul{padding:12px 0 0;list-style:none}.brand-grid li{color:#dce3e0;padding:10px 0}.brand-grid li:before{content:"✓";color:var(--mint);margin-right:10px}.brand-card{color:var(--ink);box-shadow:18px 18px 0 var(--mint);background:#f8f7f2;padding:28px;transform:rotate(1.2deg)}.logo-drop{border:1px solid #ced5d2;align-items:center;padding:14px;display:flex}.logo-drop .brand-mark{margin-right:12px}.logo-drop div{flex-direction:column;display:flex}.logo-drop span{color:#6c7672;margin-top:4px;font-size:11px}.logo-drop>b{background:#d5f4e9;margin-left:auto;padding:6px;font-size:10px}.palette{gap:8px;margin:23px 0;display:flex}.palette span{border:1px solid #c9cfcc;flex:1;height:54px}.font-sample{border-top:1px solid #d6dcda;border-bottom:1px solid #d6dcda;padding:22px 0}.font-sample small{letter-spacing:.16em;font-size:9px;display:block}.font-sample strong{font:700 31px Manrope}.voice-tags{gap:7px;margin-top:21px;display:flex}footer{align-items:center;gap:30px;height:110px;display:flex}footer p{color:#6c7572;margin-left:auto;font-size:13px}footer>span{color:#6c7572;font-size:12px}@media (max-width:800px){.nav-links>a:not(.nav-cta){display:none}.hero{padding-top:60px}.hero h1{font-size:51px}.window-body{grid-template-columns:1fr}.window-body aside{display:none}.campaign-grid,.section-heading,.brand-grid{grid-template-columns:1fr}.creative-card{display:none}.workflow-grid{grid-template-columns:1fr 1fr}.brand-grid{gap:55px}.brand-card{transform:none}.section-heading{gap:20px}.platform-row{flex-wrap:wrap}.window-body{min-height:430px}}@media (max-width:520px){.shell{width:min(100% - 24px,1180px)}.nav{height:70px}.nav-cta{padding:10px!important}.hero h1{font-size:42px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column}.button{justify-content:center}.workspace{padding:18px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.brand-grid h2{font-size:39px}footer{flex-wrap:wrap;height:auto;padding:35px 0}footer p{margin-left:0}}.auth-shell{background:var(--ink);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-copy{color:var(--paper);flex-direction:column;justify-content:center;padding:clamp(38px,7vw,110px);display:flex;position:relative;overflow:hidden}.auth-copy:after{content:"";background:var(--mint);filter:blur(140px);opacity:.17;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-150px;right:-150px}.auth-logo{color:inherit;font:600 19px Manrope,sans-serif;text-decoration:none;position:absolute;top:40px}.auth-copy h1{letter-spacing:-.055em;max-width:700px;margin:22px 0;font:800 clamp(45px,5.5vw,78px)/1 Manrope,sans-serif}.auth-copy p{color:#aeb9b5;max-width:550px;font-size:18px;line-height:1.65}.auth-panel{background:var(--paper);place-items:center;padding:40px;display:grid}.auth-panel>div{width:min(440px,100%)}.auth-panel h2,.setup-card h1{letter-spacing:-.035em;margin:14px 0 30px;font:800 38px/1.12 Manrope,sans-serif}.auth-form{gap:19px;display:grid}.auth-form label{gap:8px;font-size:13px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--line);width:100%;font:inherit;background:#fffdf7;border-radius:3px;outline:none;padding:15px}.auth-form input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #82f6d473}.auth-form label small{color:var(--muted);font-weight:400}.auth-form .button{cursor:pointer;justify-content:center}.form-error{color:#8b2416;background:#ffe5df;margin:0;padding:11px;font-size:13px}.form-foot{text-align:center;color:var(--muted);margin-top:25px;font-size:14px}.form-foot a{color:var(--ink);font-weight:700}.centered-page{background:var(--ink);place-items:center;min-height:100vh;padding:30px;display:grid}.setup-card{background:var(--paper);width:min(650px,100%);padding:clamp(30px,6vw,70px);position:relative}.setup-card>p{color:var(--muted);margin-bottom:30px;line-height:1.6}.step-pill,.role-badge{background:var(--mint);letter-spacing:.08em;margin-bottom:28px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-block}.dashboard-shell{min-height:100vh;padding:0 clamp(24px,6vw,90px) 70px}.dashboard-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.dashboard-nav .auth-logo{position:static}.dashboard-nav>div:last-child{align-items:center;gap:20px;font-size:14px;display:flex}.text-button{cursor:pointer;color:var(--muted);background:0 0;border:0;text-decoration:underline}.dashboard-welcome{justify-content:space-between;align-items:end;padding:70px 0 45px;display:flex}.dashboard-welcome h1{letter-spacing:-.055em;margin:15px 0;font:800 clamp(42px,6vw,72px)/1 Manrope,sans-serif}.dashboard-welcome p{color:var(--muted)}.dashboard-grid{grid-template-columns:1fr 2fr;gap:20px;display:grid}.metric-card,.empty-card{border:1px solid var(--line);background:#faf7ef;padding:35px}.metric-card>span{letter-spacing:.1em;font-size:11px;font-weight:800}.metric-card strong{margin:22px 0;font:800 72px Manrope,sans-serif;display:block}.metric-card p,.empty-card p{color:var(--muted)}.empty-card{background:var(--ink);color:var(--paper)}.empty-card h2{margin:16px 0;font:700 35px Manrope,sans-serif}.empty-card .button{border-color:var(--mint);background:var(--mint);color:var(--ink);margin-top:22px}@media (max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-copy{min-height:330px;padding-top:110px}.auth-panel{padding:50px 24px}.dashboard-welcome{flex-direction:column;align-items:start;gap:20px}.dashboard-grid{grid-template-columns:1fr}.dashboard-nav>div:last-child>span{display:none}}.brand-kit-shell{background:#ece8dc;min-height:100vh}.brand-kit-nav{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:74px;padding:0 clamp(20px,5vw,72px);display:flex}.brand-kit-nav a,.dashboard-nav a{color:inherit;font-size:13px;font-weight:700;text-decoration:none}.brand-kit-nav .auth-logo{position:static}.brand-kit-form{width:min(1100px,100% - 40px);margin:auto;padding:70px 0 120px}.brand-form-hero{justify-content:space-between;align-items:start;padding-bottom:58px;display:flex}.brand-form-hero h1{letter-spacing:-.055em;margin:17px 0;font:800 clamp(45px,6vw,74px)/1 Manrope,sans-serif}.brand-form-hero p{color:var(--muted);max-width:680px;font-size:17px;line-height:1.6}.review-notice{background:var(--lime);padding:14px 18px;font-weight:700}.brand-form-section{border-top:1px solid var(--ink);grid-template-columns:260px 1fr;gap:60px;padding:45px 0 60px;display:grid}.brand-form-section>div:first-child>span{background:var(--ink);width:32px;height:32px;color:var(--mint);place-items:center;font-size:12px;font-weight:800;display:inline-grid}.brand-form-section h2{margin:16px 0 8px;font:800 25px Manrope,sans-serif}.brand-form-section>div:first-child p{color:var(--muted);font-size:14px;line-height:1.5}.brand-fields{gap:20px;display:grid}.brand-fields.two-col{grid-template-columns:1fr 1fr}.brand-fields label,.logo-drop{gap:8px;font-size:13px;font-weight:700;display:grid}.brand-fields input,.brand-fields textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fffdf7;border-radius:3px;outline:none;padding:14px}.brand-fields textarea{resize:vertical;min-height:105px}.brand-fields input:focus,.brand-fields textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #82f6d473}.brand-fields small,.logo-drop small{color:var(--muted);font-weight:400}.color-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.color-row input{height:54px;padding:5px}.logo-upload-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.logo-drop{background:#fffdf7;border:1px dashed #7a827f;padding:25px}.logo-drop input{margin-top:10px}.brand-save{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;position:sticky;bottom:20px;box-shadow:0 10px 35px #0003}.brand-save .button{cursor:pointer}.brand-save button:disabled{opacity:.45;cursor:not-allowed}.dashboard-nav>div:last-child{gap:18px}@media (max-width:760px){.brand-kit-nav>span{display:none}.brand-kit-form{width:calc(100% - 24px);padding-top:45px}.brand-form-hero{display:block}.brand-form-section{grid-template-columns:1fr;gap:24px}.brand-fields.two-col,.color-row,.logo-upload-grid{grid-template-columns:1fr}.brand-save{flex-direction:column;align-items:stretch}.brand-save button{justify-content:center}}.creative-lab{width:min(1180px,100% - 40px);margin:auto;padding:70px 0 120px}.creative-hero{justify-content:space-between;align-items:start;margin-bottom:45px;display:flex}.creative-hero h1{letter-spacing:-.06em;margin:15px 0;font:800 clamp(46px,6vw,76px)/1 Manrope,sans-serif}.creative-hero p{color:var(--muted);max-width:700px;font-size:17px}.creative-brief{background:var(--ink);color:#fff;grid-template-columns:2fr 1.2fr 1fr auto;align-items:end;gap:14px;padding:24px;display:grid}.creative-brief label{gap:8px;font-size:12px;font-weight:700;display:grid}.creative-brief small{color:#aeb9b5}.creative-brief input{color:#fff;min-width:0;font:inherit;background:#202827;border:1px solid #52605c;padding:13px}.creative-brief button{background:var(--mint);height:47px;color:var(--ink)}.creative-status,.creative-error,.creative-empty{border:1px solid var(--line);background:#fff;margin-top:20px;padding:22px}.creative-status{align-items:center;gap:12px;font-weight:700;display:flex}.creative-spinner{border:2px solid var(--mint);border-top-color:var(--ink);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.creative-error{color:#8b2416;background:#ffe5df}.creative-results{gap:28px;margin-top:34px;display:grid}.creative-result{background:var(--paper);border-top:2px solid var(--ink);padding-top:23px}.creative-result-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.creative-result-head h2{margin:10px 0;font:800 27px Manrope,sans-serif}.status-chip{letter-spacing:.12em;background:var(--mint);padding:6px 9px;font-size:10px;font-weight:800}.status-chip.failed{background:#ffc8bd}.variant-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.variant-card{border:1px solid var(--line);background:#fff}.variant-preview{background:#d7d2c5;place-items:center;height:255px;display:grid;overflow:hidden}.variant-preview img{object-fit:contain;width:100%;height:100%}.variant-card>div:last-child{grid-template-columns:1fr auto;gap:5px;padding:16px;display:grid}.variant-card strong{text-transform:capitalize}.variant-card span{color:var(--muted);font-size:12px}.variant-card a{color:var(--ink);grid-column:1/-1;margin-top:8px;font-size:13px;font-weight:700}.creative-empty{text-align:center;padding:65px}.creative-empty strong{font:800 25px Manrope,sans-serif}@media (max-width:900px){.creative-brief{grid-template-columns:1fr 1fr}.variant-grid{grid-template-columns:1fr}.variant-preview{height:420px}}@media (max-width:600px){.creative-lab{width:calc(100% - 24px);padding-top:45px}.creative-hero{display:block}.creative-brief{grid-template-columns:1fr}.variant-preview{height:300px}}