:root{--ink:#10131a;--muted:#6d7380;--line:#e6e7e9;--soft:#f6f6f3;--orange:#ff5c35;--orange-dark:#df3e18;--nav:#11151d;--green:#1e8a5a;--shadow:0 18px 60px rgba(20,24,32,.1)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fbfbf9}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.logo{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:800;letter-spacing:.08em}.logo i{display:grid;place-items:center;width:30px;height:30px;color:white;background:var(--orange);font-style:normal;border-radius:8px}.logo span{display:flex;flex-direction:column}.logo small{font:500 8px DM Sans;letter-spacing:.1em;color:#8c929e}.logo.dark i{color:white}.primary,.secondary,.upload{border-radius:9px;padding:13px 18px;font-weight:700;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:14px}.primary{background:var(--orange);color:white;box-shadow:0 6px 18px rgba(255,92,53,.2)}.primary:hover{background:var(--orange-dark)}.secondary{background:white;border-color:#d9dadd;color:#252a33}.full{width:100%}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--orange)}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:white;padding:25px 16px;display:flex;flex-direction:column}.sidebar>.logo{padding:0 10px 25px}.project-switch{border:1px solid #2c323d;background:#1a1f29;color:white;border-radius:10px;padding:11px;display:flex;text-align:left;gap:10px;align-items:center}.project-switch>span{color:#8d94a2}.project-switch div{display:flex;flex-direction:column;min-width:0}.project-switch small,.sidebar nav button,.side-progress span,.side-foot small{color:#838b99;font-size:9px;letter-spacing:.11em}.project-switch b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:26px}.sidebar nav button{color:#a9b0bc;background:transparent;border:0;border-radius:8px;padding:11px;text-align:left;font-size:13px;font-weight:600;letter-spacing:0}.sidebar nav button i{display:inline-block;width:27px;color:#7b8494;font-style:normal}.sidebar nav button.active,.sidebar nav button:hover{background:#252b35;color:white}.sidebar nav button.active i{color:var(--orange)}.side-progress{margin:auto 10px 20px}.side-progress>b{float:right;font-size:11px}.side-progress>div{height:4px;background:#303641;margin-top:9px;border-radius:5px}.side-progress>div i{display:block;height:100%;background:var(--orange)}.side-foot{border-top:1px solid #2a303a;padding:18px 8px 0;display:flex;align-items:center;gap:10px}.avatar,.user-pill span{display:grid;place-items:center;width:32px;height:32px;background:#323947;border-radius:50%;font-size:11px}.side-foot div{display:flex;flex-direction:column}.side-foot b{font-size:12px}.main{min-width:0;padding:38px 46px 70px;max-width:1500px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:28px}.page-head h1{font:800 31px Manrope;margin:6px 0}.page-head p{margin:0;color:var(--muted)}.page-head>div:last-child{display:flex;gap:9px}.dashboard{min-height:100vh}.dashboard>header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.user-pill{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.dash-hero{background:#10141c;color:white;padding:72px 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.dash-hero h1{font:800 clamp(38px,4.4vw,68px)/1.04 Manrope;margin:17px 0 22px;letter-spacing:-.04em}.dash-hero h1 em{color:var(--orange);font-style:normal}.dash-hero p{color:#adb4c0;max-width:630px;font-size:17px;line-height:1.7}.dash-hero>div>div{display:flex;gap:10px;margin-top:30px}.dash-hero .secondary{background:transparent;color:white;border-color:#4a515d}.chain{border:1px solid #343b47;border-radius:14px;padding:16px 24px;background:#171c25}.chain>div{display:flex;align-items:center;gap:14px;position:relative;padding:12px 0}.chain>div>i{font-style:normal;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #46505e;color:var(--orange);font-size:11px}.chain span{display:flex;flex-direction:column;font-size:13px;font-weight:700}.chain small{font-weight:400;color:#818a99;margin-top:3px}.chain b{position:absolute;left:11px;top:44px;color:#4a5260;font-size:10px}.project-section{padding:42px 7vw}.project-section>div:first-child h2{font:800 24px Manrope;margin:0}.project-section>div:first-child p{color:var(--muted);margin:6px 0 24px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px}.project-card{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;cursor:pointer;position:relative;transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.project-icon{width:44px;height:44px;background:#fff0eb;color:var(--orange);display:grid;place-items:center;border-radius:10px;font-weight:800}.project-card .status{position:absolute;right:18px;top:18px;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--green);background:#edf8f2;padding:6px 8px;border-radius:20px}.project-card h3{font:700 17px Manrope;margin:18px 0 8px}.project-card>p{color:var(--muted);font-size:12px;line-height:1.5;height:36px;overflow:hidden}.project-card footer{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:18px;font-size:10px;color:var(--muted)}.project-card footer div{height:4px;background:#ececec}.project-card footer i{display:block;height:100%;background:var(--orange)}.empty-project{border:1px dashed #c9ccd0;padding:36px;text-align:center;display:flex;flex-direction:column;gap:5px;color:var(--muted)}.empty-project b{color:var(--ink)}.onboard{min-height:100vh;background:white}.onboard>header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line)}.onboard>header button{border:0;background:transparent;color:var(--muted)}.onboard-progress{height:3px;background:#eee}.onboard-progress i{display:block;height:100%;background:var(--orange);transition:.3s}.onboard>main{display:grid;grid-template-columns:230px minmax(420px,760px);gap:90px;justify-content:center;padding:70px 30px}.onboard main>aside{border-right:1px solid var(--line)}.onboard main>aside>span{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:.15em}.onboard main>aside h4{margin:8px 0 28px}.onboard main>aside div{display:flex;flex-direction:column;gap:10px}.onboard main>aside i{font-style:normal;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f1f1ef;color:#9a9ea5;font-size:11px}.onboard main>aside i.active{background:var(--orange);color:white;box-shadow:0 0 0 5px #fff0eb}.onboard main>aside i.done{background:#e7f4ed;color:var(--green)}.step-label{font-size:10px;font-weight:800;color:var(--orange);letter-spacing:.14em}.onboard section h1{font:800 38px/1.2 Manrope;margin:15px 0}.onboard section>p{color:var(--muted);font-size:16px;line-height:1.6;max-width:650px}.onboard textarea,.modal textarea{width:100%;min-height:210px;border:1px solid #cacdd2;border-radius:11px;padding:18px;margin-top:18px;resize:vertical;line-height:1.6;outline:none}.onboard textarea.short{min-height:70px}.onboard textarea:focus,.modal textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fff0eb}.onboard section footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.onboard section footer>span{font-size:11px;color:#9599a1}.truth-note{display:flex;gap:12px;background:#f1f8f4;border:1px solid #d5eadf;border-radius:10px;padding:14px;margin-top:15px}.truth-note i{color:var(--green)}.truth-note div{display:flex;flex-direction:column;font-size:12px}.truth-note span{color:#577065;margin-top:4px}.metric-row,.selection-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-row article{background:white;border:1px solid var(--line);border-radius:10px;padding:18px}.metric-row span,.strategy-summary span,.selection-strip span,.asset-columns header span,.generation-setup section>span{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:800}.metric-row b{font:800 26px Manrope;display:block;margin-top:8px}.metric-row small{color:var(--muted)}.strategy-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:18px 0}.strategy-summary>div{background:white;padding:24px}.strategy-summary h3,.strategy-summary p{font-size:14px;line-height:1.6;margin:8px 0 0}.strategy-summary .verified{background:#f6fbf8}.selection-strip{grid-template-columns:repeat(7,1fr)}.selection-strip article{background:#f0f0ed;padding:14px;border-radius:8px}.selection-strip b{display:block;font:800 20px Manrope;margin-top:6px}.selection-strip small{color:var(--muted);font-size:10px}.stale{background:#fff8e7;border:1px solid #f2d893;border-radius:10px;padding:13px 16px;margin-bottom:18px;display:flex;gap:15px;align-items:center;font-size:12px}.stale span{color:#785e20;flex:1}.stale button{border:0;background:transparent;text-decoration:underline}.profile-list{background:white;border:1px solid var(--line);border-radius:12px}.profile-list article{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:22px;border-bottom:1px solid var(--line)}.profile-list article:last-child{border:0}.profile-list i{font-style:normal;color:#a1a5ac;font-size:11px}.profile-list span{font-weight:700}.profile-list p{margin:7px 0 0;color:var(--muted);line-height:1.6;white-space:pre-line}.psych-layout{display:grid;grid-template-columns:210px 1fr;gap:30px}.psych-nav{display:flex;flex-direction:column;gap:4px}.psych-nav button{border:0;background:transparent;text-align:left;padding:12px;border-radius:8px;color:#6e7480;font-size:12px}.psych-nav button b{float:right}.psych-nav button.active{background:#171c25;color:white}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.section-head h2{font:800 26px Manrope;margin:5px 0}.section-head p{margin:0;color:var(--muted)}.section-head>div:last-child{border:1px solid var(--line);padding:8px 12px;border-radius:8px;text-align:center}.section-head>div:last-child b{display:block}.section-head>div:last-child span,.section-head>div:first-child>span{font-size:9px;color:var(--muted);letter-spacing:.1em}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{display:grid;grid-template-columns:24px 1fr 20px;gap:11px;background:white;border:1px solid var(--line);border-radius:10px;padding:16px;cursor:pointer;position:relative}.option:hover{border-color:#b9bcc1}.option.selected{border-color:var(--orange);box-shadow:inset 3px 0 var(--orange);background:#fffaf8}.option>i{font-style:normal;width:20px;height:20px;border:1px solid #c8cbd0;border-radius:5px;display:grid;place-items:center;color:white;font-size:11px}.option.selected>i{background:var(--orange);border-color:var(--orange)}.option h3{font-size:13px;line-height:1.45;margin:0}.option p{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0}.option small{color:#9a704f}.option>button{border:0;background:transparent;color:#9ba0a9}.panel-actions{display:flex;gap:8px;margin-top:18px}.panel-actions .primary{margin-left:auto}.generate-empty{background:white;border:1px dashed #cfd1d4;border-radius:14px;padding:70px 30px;text-align:center}.generate-empty>div{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff0eb;color:var(--orange);font-size:24px;margin:auto}.generate-empty h2,.generate-empty h3{font:800 24px Manrope}.generate-empty p{max-width:520px;margin:0 auto 22px;color:var(--muted);line-height:1.6}.generate-empty small{display:block;color:var(--muted);margin-top:15px}.generate-empty.large{padding:100px 30px}.hook-distribution{display:flex;gap:18px;align-items:center;background:white;border:1px solid var(--line);padding:13px 16px;border-radius:10px;margin-bottom:14px;font-size:11px}.hook-distribution i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.hook-distribution .desire{background:#1f9d69}.hook-distribution .challenge{background:#7569d8}.hook-distribution .pain{background:#e45454}.hook-distribution .consequence{background:#d58b24}.hook-distribution b{margin-left:auto}.hook-list{display:flex;flex-direction:column;gap:9px}.hook-card{display:grid;grid-template-columns:45px 1fr 60px 94px 28px;gap:15px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:16px}.hook-card.approved{border-left:3px solid var(--green)}.hook-no{color:#a1a5ac;font:700 12px Manrope}.angle{font-size:8px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;padding:4px 7px;border-radius:10px;background:#efeff7;color:#5a52aa}.hook-card h2{font:700 16px/1.4 Manrope;margin:6px 0 4px;outline:none}.hook-card p{margin:0;color:var(--muted);font-size:10px}.hook-score{text-align:center}.hook-score b{font:800 17px Manrope;display:block}.hook-score span{font-size:9px;color:var(--muted)}.hook-card .approve{border:1px solid #cfd2d6;background:white;border-radius:7px;padding:8px;font-size:11px;font-weight:700}.hook-card.approved .approve{background:#edf8f2;color:var(--green);border-color:#cce8d9}.hook-card .icon{border:0;background:transparent;color:#a3a6ac;font-size:18px}.risk{font-size:10px;color:#96641c;background:#fff5dd;padding:7px;border-radius:5px;margin-top:7px}.risk small{display:block;margin-top:3px}.sticky-action{position:sticky;bottom:15px;background:#141922;color:white;padding:13px 17px;margin-top:16px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.sticky-action span{display:flex;flex-direction:column}.sticky-action small{color:#89919e}.asset-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.asset-columns>section{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;min-height:430px}.asset-columns header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:15px}.asset-columns h2{font:800 20px Manrope;margin:6px 0}.asset-columns p{color:var(--muted);font-size:11px;margin:0}.upload{position:relative;background:#f6f6f3;border-color:#dedfe1;font-size:11px}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.asset-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.asset-card img{width:100%;height:120px;object-fit:cover;display:block}.asset-card>button{position:absolute;right:5px;top:5px;border:0;background:rgba(0,0,0,.6);color:white;border-radius:50%}.asset-card div{padding:8px}.asset-card b,.asset-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.asset-card span{color:var(--muted);margin-top:3px}.asset-empty{grid-column:1/-1;padding:90px 20px;text-align:center;color:var(--muted)}.asset-empty i{font-size:28px;font-style:normal}.brand-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brand-form section{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.brand-form h2{font:800 20px Manrope;margin-top:0}.brand-form label,.modal label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:11px;font-weight:700}.brand-form input,.brand-form textarea,.brand-form select,.modal input{border:1px solid #d4d6d9;border-radius:8px;padding:11px;background:white}.brand-form textarea{min-height:110px}.color-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-fields label{border:1px solid var(--line);padding:8px;border-radius:8px}.color-fields input{width:100%;height:45px;border:0;padding:0}.color-fields span{font-size:10px;color:var(--muted)}.generation-setup{display:grid;grid-template-columns:1fr 390px;gap:50px;max-width:970px;margin:30px auto}.generation-setup>section{background:white;border:1px solid var(--line);border-radius:13px;padding:26px}.generation-setup h2{font:800 26px Manrope}.check-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.check-row>i{font-style:normal;width:34px;height:34px;border-radius:8px;background:#f0f1f1;display:grid;place-items:center;font-size:11px}.check-row>i.ok{background:#eaf7f0;color:var(--green)}.check-row div{display:flex;flex-direction:column}.check-row small{color:var(--muted);margin-top:3px}.check-row button{border:0;background:transparent;text-decoration:underline;font-size:11px}.template-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 20px}.template-row span{background:#f2f2ef;padding:5px 8px;border-radius:12px;font-size:9px}.generation-setup>aside{text-align:center}.generation-setup>aside>small{color:var(--muted);display:block;margin-top:10px}.ad-preview{aspect-ratio:1;border-radius:7px;background-size:cover;background-position:center;position:relative;overflow:hidden;color:white;padding:8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ad-preview>span{font-size:2.3cqw;color:var(--primary,#ff5c35);letter-spacing:.13em;font-weight:800}.ad-preview h3{font:800 clamp(17px,3.7cqw,52px)/1.05 Manrope;margin:4% 0;max-width:80%;text-transform:uppercase;white-space:pre-line}.ad-preview p{font-size:2.3cqw;max-width:65%;line-height:1.4}.ad-preview button{margin-top:5%;border:0;background:var(--primary,#ff5c35);color:white;padding:3% 5%;border-radius:4px;font-size:2cqw;font-weight:800}.ad-preview.demo{--primary:#ff5c35;background:linear-gradient(135deg,#162034,#4b566b);box-shadow:var(--shadow)}.ad-preview.demo em{color:var(--primary);font-style:normal}.creative-toolbar{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:12px}.creative-toolbar select{border:1px solid var(--line);padding:8px;border-radius:7px}.creative-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.creative-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.creative-card .ad-preview{border-radius:0}.creative-meta{padding:13px}.creative-meta>.status{font-size:8px;font-weight:800;letter-spacing:.1em;color:#777}.creative-meta>.status.winner{color:var(--green)}.creative-meta h3{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0}.creative-meta small{color:var(--muted)}.creative-meta>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.creative-meta button,.creative-meta select{border:1px solid var(--line);background:white;padding:6px;border-radius:5px;font-size:9px}.need-hooks{text-align:center;color:#a05845;font-size:11px}.modal{position:fixed;inset:0;background:rgba(8,11,16,.63);display:grid;place-items:center;z-index:50;padding:20px}.modal-card{background:white;border-radius:14px;padding:30px;width:min(520px,100%);box-shadow:var(--shadow);position:relative}.modal-card .x{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:22px}.modal-card h2{font:800 25px Manrope}.modal-card p{color:var(--muted)}.modal-card>input,.modal-card form input{width:100%;border:1px solid #d2d4d7;border-radius:8px;padding:13px;margin:8px 0 14px}.toast{position:fixed;right:22px;bottom:22px;background:#151a22;color:white;padding:13px 18px;border-radius:8px;transform:translateY(100px);opacity:0;transition:.25s;z-index:60;max-width:390px;font-size:12px}.toast.show{transform:none;opacity:1}@media(max-width:900px){.app-shell{grid-template-columns:70px 1fr}.sidebar{padding:20px 10px}.sidebar .logo span,.project-switch div,.project-switch>span,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{padding:12px;text-align:center}.sidebar nav button i{width:auto;font-size:16px}.side-progress,.side-foot div{display:none}.side-foot{justify-content:center}.main{padding:28px 20px}.dash-hero{grid-template-columns:1fr}.dash-hero aside{display:none}.onboard>main{grid-template-columns:1fr}.onboard main>aside{display:none}.psych-layout,.generation-setup{grid-template-columns:1fr}.psych-nav{flex-direction:row;overflow:auto}.psych-nav button{white-space:nowrap}.option-grid,.asset-columns,.strategy-summary,.brand-form{grid-template-columns:1fr}.selection-strip{grid-template-columns:repeat(3,1fr)}.hook-card{grid-template-columns:35px 1fr 50px}.hook-card>.approve{grid-column:2}.hook-card>.icon{grid-column:3;grid-row:1}.metric-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dashboard>header{padding:0 20px}.dash-hero{padding:55px 24px}.dash-hero>div>div{flex-direction:column}.project-section{padding:30px 20px}.page-head{align-items:start;gap:15px;flex-direction:column}.onboard>main{padding:40px 20px}.onboard section h1{font-size:30px}.onboard section footer{gap:8px}.onboard section footer>span{display:none}.selection-strip,.metric-row{grid-template-columns:1fr 1fr}.option-grid{grid-template-columns:1fr}.panel-actions{flex-wrap:wrap}.hook-distribution{overflow:auto}.hook-distribution span{white-space:nowrap}.asset-grid{grid-template-columns:1fr 1fr}.creative-grid{grid-template-columns:1fr}.generation-setup>aside{display:none}}