:root{--ink:#132f2c;--muted:#687875;--green:#174d45;--mint:#cce9df;--lime:#d7f06f;--paper:#f5f3ed;--white:#fff;--line:#dfe4df;--orange:#ee8a59;--shadow:0 18px 60px rgba(29,54,49,.09)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:72px;background:#fff;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;font-size:18px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--lime);font-family:Georgia,serif;font-style:italic;font-size:22px}.topbar nav{display:flex;gap:8px;margin:auto}.nav-link{border:0;background:transparent;color:var(--muted);padding:11px 15px;border-radius:10px;font:inherit;font-weight:650;cursor:pointer}.nav-link.active,.nav-link:hover{background:#eef4f1;color:var(--ink)}.count{background:var(--green);color:#fff;border-radius:10px;padding:2px 6px;font-size:11px}.profile{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.status-dot{width:7px;height:7px;border-radius:50%;background:#42b976}.avatar{display:grid;place-items:center;width:34px;height:34px;background:var(--mint);border-radius:50%;font-size:11px;font-weight:800;color:var(--green)}main{max-width:1450px;margin:auto}.view{display:none}.active-view{display:block}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;padding:64px 7vw 44px;align-items:end}.eyebrow,.panel>p,.panel-heading p{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#7a8b87;margin:0 0 10px}.hero h1,.campaign-title h1,.page-heading h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(38px,4.3vw,68px);line-height:1.02;margin:0}.hero h1 em{color:#357a6d;font-weight:500}.lede{color:var(--muted);font-size:17px;max-width:680px;line-height:1.6}.trust-card{display:flex;gap:16px;background:#e3efe9;padding:22px;border-radius:16px}.trust-card .spark{font-size:28px;color:#a8a529}.trust-card p{margin:5px 0 0;color:var(--muted);line-height:1.45}.builder-shell{margin:0 7vw 70px;background:#fff;border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:260px 1fr;overflow:hidden;min-height:620px}.steps{background:var(--ink);padding:38px 24px;display:flex;flex-direction:column;gap:10px}.step{display:flex;text-align:left;align-items:center;gap:14px;background:transparent;border:0;color:#a9bbb7;padding:15px;border-radius:12px;cursor:pointer}.step>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #58706b;border-radius:50%;font-size:12px}.step div{display:flex;flex-direction:column;gap:3px}.step strong{color:#dce7e4}.step small{color:#7f9993}.step.active{background:#28544d}.step.active>span{background:var(--lime);color:var(--ink);border-color:var(--lime);font-weight:800}.step.active strong{color:#fff}.security-note{margin-top:auto;border-top:1px solid #3b5651;padding:24px 8px 4px;display:flex;gap:12px;color:#79958f;font-size:11px;line-height:1.5}.security-note strong{color:#b9ccc8}.form-card{padding:46px 7%;display:flex;flex-direction:column}.form-step{display:none;max-width:750px;width:100%;margin:auto}.form-step.active{display:block}.step-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:34px}.step-heading>span{font-family:Georgia,serif;font-size:38px;color:#c9d9d4}.step-heading p{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#79908a;margin:5px 0 6px}.step-heading h2,.panel h2{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0}.field{margin:0 0 22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:flex;justify-content:space-between;font-weight:750;font-size:13px;margin-bottom:8px}.field label span{font-weight:500;color:#94a29f;font-size:11px}input,select,textarea{width:100%;border:1px solid #ccd6d2;border-radius:9px;background:#fbfcfa;padding:13px 14px;color:var(--ink);font:inherit;outline:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#3d8274;box-shadow:0 0 0 3px #dfeee9}.field small{display:block;color:#8a9895;margin-top:6px;font-size:11px}.hint{background:#f0f6f3;padding:9px 12px;color:#5f7771;font-size:11px;border-left:3px solid #7bae9f;margin-top:8px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice input{display:none}.choice span{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer}.choice small{margin-top:3px}.choice input:checked+span{border:2px solid var(--green);background:#eff7f3;padding:13px}.money-input{position:relative}.money-input span{position:absolute;left:15px;top:12px;font-weight:700}.money-input input{padding-left:32px}.approval{display:flex!important;justify-content:flex-start!important;gap:12px;background:#f5f8f6;border-radius:10px;padding:15px}.approval input{width:auto}.approval span{display:flex;flex-direction:column;gap:3px}.approval small{margin:0}.form-actions{border-top:1px solid var(--line);padding-top:24px;margin-top:auto;display:flex;align-items:center;gap:12px}.form-actions>span{color:#899793;font-size:11px;margin-right:auto}.primary,.secondary{border-radius:9px;padding:12px 18px;font:inherit;font-weight:750;cursor:pointer}.primary{border:1px solid var(--green);background:var(--green);color:#fff}.primary:hover{background:#0f3a34}.secondary{border:1px solid #ccd6d2;background:#fff;color:var(--ink)}.hidden{display:none!important}.result-view,.campaigns-view{padding:42px 7vw 80px}.result-top,.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.back-link{border:0;background:transparent;font:inherit;color:var(--muted);cursor:pointer}.result-actions{display:flex;gap:10px;align-items:center}.draft-badge{font-size:10px;letter-spacing:1px;font-weight:800;color:#9b6c38;background:#fff1d9;padding:9px 12px;border-radius:20px}.campaign-title{display:flex;align-items:end;justify-content:space-between}.campaign-title h1{font-size:46px}.campaign-title>div>p:last-child{color:var(--muted)}.score{width:96px;height:96px;border:8px solid var(--mint);border-top-color:var(--green);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score span{font-size:25px;font-weight:800}.score small{font-size:9px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:15px;margin:28px 0;box-shadow:var(--shadow)}.metrics div{padding:23px 25px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics small{display:block;color:#82918e;font-size:9px;letter-spacing:1.2px;font-weight:800;margin-bottom:6px}.metrics strong{font-size:22px}.result-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.panel{background:#fff;border-radius:15px;padding:26px;box-shadow:var(--shadow);margin-bottom:22px}.panel-heading{display:flex;justify-content:space-between}.editable{font-size:10px;background:#edf4f1;border-radius:15px;padding:7px 10px;height:max-content}.ad-group{border-top:1px solid var(--line);padding:22px 0}.ad-group:first-child{margin-top:20px}.ad-group-head{display:flex;justify-content:space-between;margin-bottom:12px}.allocation{color:#49796e;font-size:12px;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid #d8e0dd;border-radius:20px;padding:7px 10px;font-size:11px;color:#526762}.ad-preview{margin-top:16px;background:#f7f8f6;border-radius:10px;padding:14px}.ad-url{font-size:11px;color:#3e7b58}.ad-title{color:#285ec3;margin:6px 0;font-size:15px}.ad-copy{color:#66736f;font-size:12px;line-height:1.5}.budget-row{margin:20px 0}.budget-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.bar{height:8px;border-radius:6px;background:#e7ece9;overflow:hidden}.bar span{display:block;height:100%;background:var(--green);border-radius:6px}.budget-note{font-size:11px;line-height:1.5;color:#667972;background:#eff5f2;padding:12px;border-radius:8px}.approval-banner{padding:14px 18px;border-radius:10px;background:#dff3e7;color:#276347;margin-top:22px}.page-heading h1{font-size:46px}.page-heading p:last-child{color:var(--muted)}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.saved-card{background:#fff;border-radius:15px;padding:24px;box-shadow:var(--shadow)}.saved-card .row{display:flex;justify-content:space-between;align-items:center}.saved-card h2{font-family:Georgia,serif;font-weight:500}.saved-card p{font-size:12px;color:var(--muted)}.saved-card .mini-metrics{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.mini-metrics strong,.mini-metrics small{display:block}.mini-metrics small{font-size:9px;color:var(--muted)}.empty{text-align:center;padding:90px 20px;background:#fff;border-radius:18px}.empty span{font-size:48px}.empty p{color:var(--muted)}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:9px;transform:translateY(100px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:translateY(0);opacity:1}@media(max-width:900px){.profile span:not(.avatar){display:none}.hero{grid-template-columns:1fr}.builder-shell{grid-template-columns:1fr}.steps{flex-direction:row;padding:14px;overflow:auto}.step small,.security-note{display:none}.form-card{padding:30px}.result-grid{grid-template-columns:1fr}.saved-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{padding:0 15px}.brand span:last-child,.topbar nav .nav-link:first-child{display:none}.hero,.result-view,.campaigns-view{padding-left:20px;padding-right:20px}.builder-shell{margin:0 14px 40px}.field-grid,.choice-row,.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.result-top,.campaign-title,.page-heading{align-items:flex-start;gap:20px;flex-direction:column}.result-actions{flex-wrap:wrap}.saved-grid{grid-template-columns:1fr}}