:root{color:#162022;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f4ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#f6f4efd1,#f6f4ef 340px),radial-gradient(circle at 20% 0%,rgba(31,126,129,.18),transparent 38%),#f6f4ef}.topbar{align-items:center;border-bottom:1px solid rgba(22,32,34,.12);display:flex;gap:24px;justify-content:space-between;padding:18px clamp(18px,5vw,64px);z-index:10;background:#f6f4efdb}.brand{align-items:center;display:flex;gap:12px;min-width:240px;text-decoration:none}.brand-mark{align-items:center;background:#10272a;border-radius:8px;color:#f5c66b;display:grid;font-weight:900;height:42px;justify-items:center;width:42px}.brand small,.eyebrow{color:#1f7e81;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.brand strong{color:#162022;display:block;font-size:15px}.nav-links{display:flex;gap:8px}.nav-links a,.button{align-items:center;border-radius:8px;display:inline-flex;gap:8px;min-height:44px;text-decoration:none}.nav-links a{color:#415153;font-weight:800;padding:9px 12px}.nav-links a.active,.nav-links a:hover{background:#fff;color:#10272a}main{display:grid;gap:36px;margin:0 auto;max-width:1220px;padding:34px clamp(16px,4vw,40px) 72px}.hero-section{align-items:stretch;display:grid;gap:28px;grid-template-columns:minmax(0,.95fr) minmax(340px,.75fr)}.hero-copy{align-content:center;display:grid;gap:22px;padding:clamp(18px,4vw,28px) 0}h1,h2,h3,h4,p{margin:0}h1{color:#10272a;font-size:clamp(42px,6vw,72px);line-height:.98;max-width:900px}h2{color:#10272a;font-size:clamp(28px,4vw,44px);line-height:1.05}h3{color:#10272a;font-size:23px}h4{color:#10272a;font-size:16px}p,li,span,small{line-height:1.5}p{color:#506062;font-size:17px}.hero-copy p:not(.eyebrow){font-size:clamp(18px,2vw,22px);max-width:720px}.hero-actions,.builder-actions,.detail-actions{display:flex;flex-wrap:wrap;gap:12px}.button{border:1px solid transparent;cursor:pointer;font-weight:900;justify-content:center;padding:12px 16px}.button.primary{background:#10272a;color:#fff}.button.secondary{background:#fff;border-color:#16202224;color:#10272a}.button:disabled{cursor:not-allowed;opacity:.58}.hero-visual{margin:0;min-height:420px}.hero-visual img{border:1px solid rgba(22,32,34,.12);border-radius:8px;box-shadow:0 28px 80px #10272a38;height:100%;max-height:560px;object-fit:cover;width:100%}.value-strip,.summary-band{background:#fff;border:1px solid rgba(22,32,34,.12);border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.value-strip div,.summary-band div{background:#fff;display:grid;gap:4px;min-height:108px;padding:22px}.value-strip strong,.summary-band strong,.result-metrics strong{color:#10272a;font-size:clamp(24px,3vw,34px);line-height:1}.value-strip span,.summary-band span,.result-metrics span,.mini-metrics span,.campaign-id span{color:#5c6c6f}.builder,.page-section,.pricing-page{display:grid;gap:22px}.section-heading{display:grid;gap:8px}.section-heading p:not(.eyebrow){max-width:760px}.section-heading.split{align-items:end;grid-template-columns:minmax(0,1fr) auto}.business-card,.empty-state,.public-summary,.result-hero,.pricing-card,.pricing-note{background:#fff;border:1px solid rgba(22,32,34,.12);border-radius:8px;box-shadow:0 18px 42px #10272a14;padding:clamp(20px,3vw,30px)}.business-card{align-items:end;display:grid;gap:18px;grid-template-columns:minmax(260px,.48fr) minmax(0,1fr)}label{color:#10272a;display:grid;font-weight:900;gap:8px}input,select,textarea{background:#fbfaf7;border:1px solid rgba(22,32,34,.18);border-radius:8px;color:#162022;min-height:46px;outline:none;padding:11px 12px;width:100%}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1f7e81;box-shadow:0 0 0 3px #1f7e8129}.status-message{align-items:center;background:#f4f7f1;border:1px solid rgba(82,123,92,.24);border-radius:8px;color:#526547;display:flex;gap:10px;min-height:46px;padding:11px 13px}.status-message.error{background:#fff4f1;border-color:#b54c2d47;color:#9a3d23}.status-message.success{background:#effaf5;border-color:#1f7e563d;color:#1f6a45}.proposal-stack,.history-list,.ranked-list,.summary-checks{display:grid;gap:14px}.proposal-card,.history-row,.ranked-card,.sequence-card{background:#fff;border:1px solid rgba(22,32,34,.12);border-radius:8px;padding:18px}.proposal-card-head,.rank-topline,.history-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.proposal-card-head span{color:#1f7e81;font-size:13px;font-weight:900;text-transform:uppercase}.icon-button{align-items:center;background:#fff5ef;border:1px solid rgba(181,76,45,.18);border-radius:8px;color:#9a3d23;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.wide{grid-column:span 2}.result-hero{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)}.campaign-id{align-items:center;background:#f4f1e8;border-radius:8px;display:inline-flex;gap:8px;margin-top:18px;max-width:100%;padding:10px 12px}.campaign-id span{overflow-wrap:anywhere}.result-metrics{display:grid;gap:10px}.result-metrics div{background:#f7f6f2;border-radius:8px;display:grid;gap:4px;padding:16px}.summary-band div{align-content:center}.summary-band svg{color:#c75f3f}.ranked-card{display:grid;gap:18px;grid-template-columns:54px minmax(0,1fr)}.rank-number{align-items:center;background:#10272a;border-radius:8px;color:#f5c66b;display:grid;font-size:24px;font-weight:900;height:54px;justify-items:center}.rank-content{display:grid;gap:16px;min-width:0}.score-pill{background:#f4f1e8;border-radius:8px;display:grid;justify-items:center;min-width:86px;padding:10px}.score-pill strong{color:#1f7e81;font-size:28px;line-height:1}.score-pill span{font-size:12px;font-weight:900;text-transform:uppercase}.mini-metrics{display:flex;flex-wrap:wrap;gap:8px}.mini-metrics span{background:#f7f6f2;border-radius:999px;font-size:13px;font-weight:800;padding:7px 10px}.next-action{background:#eef7f7;border-left:4px solid #1f7e81;border-radius:8px;color:#173c3f;font-weight:800;padding:13px 14px}.factor-list{display:grid;gap:7px;margin:0;padding-left:18px}.sequence-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.sequence-card{background:#fbfaf7;display:grid;gap:8px;min-height:240px}.sequence-card>span{color:#c75f3f;font-size:12px;font-weight:900;text-transform:uppercase}.sequence-card>strong{color:#10272a}.history-row{color:#162022;text-decoration:none}.history-row:hover{border-color:#1f7e817a;transform:translateY(-1px)}.history-row span{display:grid;gap:3px}.history-row small{color:#68787b}.empty-state,.public-summary{align-items:start;display:grid;gap:14px;justify-items:start}.public-summary{max-width:900px}.summary-checks div{align-items:center;background:#f7f6f2;border-radius:8px;display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr) auto;padding:14px;width:100%}.summary-checks svg{color:#1f7e81}.pricing-grid{display:grid;gap:18px;grid-template-columns:minmax(0,.64fr) minmax(280px,.36fr)}.pricing-card{display:grid;gap:16px}.pricing-card>span{color:#1f7e81;font-weight:900;text-transform:uppercase}.pricing-card>strong{color:#10272a;font-size:64px;line-height:1}.pricing-card ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.pricing-card li{align-items:center;display:flex;gap:8px}.pricing-card svg{color:#1f7e81}.pricing-note{align-content:start;display:grid;gap:12px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 940px){.hero-section,.business-card,.result-hero,.pricing-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-grid{grid-template-columns:1fr}}@media (max-width: 680px){.topbar{align-items:flex-start;flex-direction:column}.nav-links{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.nav-links a{font-size:13px;justify-content:center;padding:9px 7px}main{padding-top:22px}h1{font-size:40px}.hero-visual{min-height:260px}.value-strip,.summary-band,.section-heading.split,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.proposal-card-head,.rank-topline,.history-row{align-items:flex-start;flex-direction:column}.ranked-card{grid-template-columns:1fr}.summary-checks div{grid-template-columns:24px minmax(0,1fr)}.summary-checks strong{grid-column:2}.button{width:100%}}