:root{--navy:#111b2e;--gold:#c89b3c;--beige:#f5f0e7;--ink:#142033;--muted:#687080;--line:#e6dfd2;--green:#176b50;--red:#a54e48}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#faf7f1,#eee6da);font:16px system-ui,-apple-system,sans-serif;color:var(--ink)}.shell{max-width:1120px;margin:auto;padding:24px 16px 64px}.hero{padding:32px;border-radius:26px;background:radial-gradient(circle at 90% 0,#ead7a140,transparent 34%),var(--navy);color:white}.hero span{color:#ead7a1;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:.4rem 0}.hero p{margin:0;color:#dfe5ed}.steps{display:flex;gap:8px;overflow:auto;padding:18px 0}.steps button,.toolbar button,.next,.back{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.steps button{white-space:nowrap;background:#e9e3d8;color:#516071}.steps .active,.next,.toolbar #addPartner{background:var(--navy);color:#fff}.panel{display:none;background:#fff;border:1px solid #eadfca;border-radius:22px;padding:24px;box-shadow:0 14px 40px #111b2e13}.panel.active{display:block}h2{margin:0 0 6px}.intro{margin:0 0 18px;color:var(--muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}label{display:block;font-size:.84rem;font-weight:750;color:var(--muted)}input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:#fcfbf8;padding:14px;font:inherit;color:var(--ink)}input:focus{outline:3px solid #c89b3c30;border-color:var(--gold)}.funnel,.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.tile,.summary-grid div{border:1px solid var(--line);border-radius:14px;padding:14px;background:#faf8f3}.tile span,.summary-grid span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:6px}.tile strong,.summary-grid strong{font-size:1.1rem}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0}.toolbar div{display:flex;gap:8px;flex-wrap:wrap}.secondary,.back{background:#ece7dd;color:#4d5968}.partners{display:grid;gap:12px}.partner{display:grid;grid-template-columns:1.2fr .8fr .8fr 110px 42px;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:16px;background:#faf8f3}.partner .points{padding:14px 8px;font-size:.85rem;font-weight:800}.remove{height:48px;padding:0!important;background:#f9e9e7!important;color:var(--red)!important}.validation{margin:16px 0;padding:14px;border-radius:14px;background:#f5f1e9;line-height:1.45}.validation.good{background:#edf7f1;color:var(--green)}.validation.bad{background:#fbefed;color:#843e39}.summary-grid{grid-template-columns:repeat(4,1fr)}.results{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:8px 16px;background:#faf8f3}.row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed #ddd5c8}.row:last-child{border:0}.row span{color:var(--muted)}.big{display:flex;justify-content:space-between;align-items:center;margin:15px 0;padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff7e2,#ebd99c);color:#594616}.big strong{font-size:clamp(1.6rem,4vw,2.25rem)}.breakdown{margin-top:16px}.branch{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem}details{border:1px solid var(--line);border-radius:14px;padding:0 16px;margin:12px 0;background:#faf8f3}summary{padding:16px 0;cursor:pointer;font-weight:800}.conversion,.rules ul{color:var(--muted);line-height:1.6}.next,.back{margin-top:20px}.back+.next{margin-left:8px}@media(max-width:760px){.shell{padding:0 12px 38px}.hero{margin:0 -12px;border-radius:0 0 24px 24px;padding:26px 18px}.panel{padding:18px;border-radius:18px}.form-grid,.funnel{grid-template-columns:1fr 1fr}.funnel .tile:last-child{grid-column:span 2}.partner{grid-template-columns:1fr;padding:14px}.partner .points{padding:4px 0}.remove{width:100%;height:44px}.summary-grid{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar div{display:grid;grid-template-columns:1fr}.toolbar button{width:100%}.row{flex-direction:column;gap:4px}.branch{grid-template-columns:1fr auto}.branch span:first-child{grid-column:span 2}.back,.next{width:100%;margin-left:0!important}.back+.next{margin-top:8px}}
