.own-brand { padding-block:65px 74px; }
.brand-benefits { display:grid; grid-template-columns:1fr 1fr; gap:29px 7vw; margin-top:42px; }
.brand-benefits > div { border-top:1px solid var(--line); padding-top:21px; }
.brand-benefits > div:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:7vw; }
.brand-benefits dt { font-size:1.25rem; font-weight:500; letter-spacing:-.025em; margin-bottom:11px; }
.brand-benefits dd { color:var(--text); font-size:1rem; }
.brand-support { display:grid; grid-template-columns:1fr 1fr; gap:7vw; border-top:2px solid var(--forest); padding-top:29px; margin-top:35px; }
.brand-support h3 { font-size:1.5rem; }.brand-support p { color:var(--text); font-size:1rem; }.brand-support a { margin-top:20px; }
.potential { padding-top:84px; }
.potential-shell { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); margin-top:39px; border:1px solid var(--line); }
.potential [hidden] { display:none !important; }
.check-main { padding:35px 40px; min-width:0; }
.check-progress { font-size:.875rem; color:var(--muted); margin-bottom:19px; }
.check-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; list-style:none; margin:0 0 36px; padding:0; font-size:.8125rem; color:var(--muted); }
.check-steps li { border-top:3px solid var(--line); padding-top:8px; overflow-wrap:anywhere; }
.check-steps [aria-current="step"] { color:var(--forest); border-color:var(--forest); font-weight:500; }
.check-steps .completed { border-color:var(--gold); }
.check-step { border:0; padding:0; margin:0; min-width:0; min-height:283px; }
.check-step legend { font-size:clamp(1.5rem,2.2vw,2rem); line-height:1.22; letter-spacing:-.035em; padding:0; margin-bottom:16px; width:100%; }
.field-help { font-size:1rem; color:var(--text); margin-bottom:25px; }
.check-step label { display:block; font-size:.875rem; font-weight:500; margin-bottom:10px; }
.number-field { display:flex; align-items:center; border:1px solid #8d9b91; background:white; max-width:430px; }
.number-field input { width:100%; min-width:0; padding:14px 16px; border:0; border-radius:0; background:transparent; color:var(--ink); font:inherit; font-size:1.625rem; font-variant-numeric:tabular-nums; }
.number-field input::placeholder { color:var(--muted); font-size:1.125rem; opacity:1; }
.number-field > span { color:var(--text); font-size:.875rem; padding-right:18px; white-space:nowrap; }
.potential input:focus-visible,.potential button:focus-visible,.potential a:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.number-field input[aria-invalid="true"] { outline:2px solid #963628; outline-offset:0; }
.check-error { min-height:1.5em; margin:12px 0; color:#963628; font-size:.875rem; }
.check-actions { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.check-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; background:var(--forest); border:1px solid var(--forest); color:#fff; padding:14px 20px; font:inherit; font-size:1rem; line-height:1.4; cursor:pointer; text-align:center; }
.check-button:hover { background:#142b22; border-color:#142b22; }
.check-back,.check-edit { border:0; border-bottom:1px solid currentColor; border-radius:0; background:none; color:var(--forest); padding:8px 0; font:inherit; font-size:.875rem; cursor:pointer; }
.check-back:disabled { color:var(--muted); opacity:.55; cursor:default; border-color:transparent; }
.check-privacy { font-size:.8125rem; color:var(--muted); margin-top:21px; }
.check-summary { background:var(--paper); padding:36px 34px; min-width:0; }
.check-summary .overline { font-size:.8125rem; color:var(--text); margin-bottom:16px; }
.check-summary h3 { font-size:1.625rem; margin-bottom:23px; }
.check-summary dl > div { padding:15px 0; border-top:1px solid #ccd3c7; display:flex; justify-content:space-between; align-items:baseline; gap:20px; }
.check-summary dt { color:var(--text); font-size:.875rem; }
.check-summary dd { font-size:1rem; font-weight:500; text-align:right; font-variant-numeric:tabular-nums; }
.revenue-formula { margin-top:26px; padding-top:20px; border-top:1px solid #ccd3c7; }
.revenue-formula h4,.gross-explanation h4 { margin:0 0 8px; font-size:.9375rem; font-weight:500; }
.revenue-formula p { font-size:.875rem; color:var(--text); }
#scenario-formula { margin-top:16px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#result-title { font-size:1.75rem; letter-spacing:-.035em; outline:none; }
.potential-metrics { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding-block:26px; margin-block:22px 25px; border-block:1px solid var(--line); }
.potential-metrics p { font-size:.875rem; font-weight:500; margin-bottom:10px; }
.potential-metrics output { display:block; color:var(--forest); font-size:clamp(1.6rem,3vw,3.1rem); line-height:1.15; letter-spacing:-.05em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.potential-metrics span { display:block; font-size:.75rem; color:var(--text); margin-top:10px; }
.gross-metric { border-left:2px solid var(--gold); padding-left:25px; }
.margin-choice { margin:0; padding:0; border:0; min-width:0; }
.margin-choice legend { font-size:1rem; font-weight:500; padding:0; margin-bottom:12px; }
.margin-options { display:flex; gap:12px; flex-wrap:wrap; }
.margin-options label { display:flex; align-items:center; gap:10px; padding:12px 16px; border:1px solid #a8b2a7; cursor:pointer; }
.margin-options input { accent-color:var(--forest); width:18px; height:18px; margin:0; }
.margin-options input:checked + span { font-weight:500; color:var(--forest); }
.margin-choice p { margin-top:14px; color:var(--text); font-size:.875rem; }
.gross-explanation { border-left:2px solid var(--gold); padding-left:18px; margin-top:25px; }
.gross-explanation p { font-size:.875rem; color:var(--text); }
#gross-formula { margin-top:10px; }
.scenario-note { font-size:.8125rem; color:var(--muted); margin-top:20px; }
.potential-contact { margin-top:28px; padding-top:25px; border-top:1px solid var(--line); }
.potential-contact > p { font-size:1rem; color:var(--text); }
.potential-contact .check-button { margin-top:19px; }
.potential-contact .contact-note { font-size:.8125rem; margin-top:14px; color:var(--muted); }
.contact-note a,.potential-fallback a,.footer-email { text-decoration:underline; text-underline-offset:4px; }
.check-edit { margin-top:21px; }
.potential-fallback { margin-top:30px; padding:25px; background:var(--paper); }
.footer-email { display:inline-block; margin-top:9px; }
@media(max-width:1100px) { .site-header { flex-wrap:wrap; padding-block:20px; gap:16px; }.site-header .brand { margin-right:auto; }.site-header nav { order:3; flex-basis:100%; margin-left:0; gap:28px; }.header-download { margin-left:0; }.site-header nav a { padding-block:4px; }.check-main { padding:29px; }.check-summary { padding:30px 25px; }.potential-shell { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }.potential-metrics { grid-template-columns:1fr; gap:22px; }.gross-metric { padding-top:21px; padding-left:0; border-left:0; border-top:2px solid var(--gold); } }
@media(max-width:850px) { .own-brand { padding-block:49px 53px; }.brand-benefits { gap:26px 35px; margin-top:31px; }.brand-benefits > div:last-child,.brand-support { grid-template-columns:1fr; gap:14px; }.brand-benefits > div:last-child dt { margin-bottom:0; }.brand-support { margin-top:28px; }.potential { padding-top:56px; }.potential-shell { margin-top:29px; grid-template-columns:1fr; }.check-step { min-height:260px; }.check-summary { border-top:1px solid var(--line); }.check-summary dl { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }.potential-metrics { grid-template-columns:1fr 1fr; gap:25px; }.gross-metric { padding-top:0; padding-left:25px; border-left:2px solid var(--gold); border-top:0; } }
@media(max-width:560px) { .own-brand { padding-top:34px; }.brand-benefits { grid-template-columns:1fr; gap:25px; }.brand-benefits > div:last-child { grid-column:auto; display:block; }.brand-benefits > div:last-child dt { margin-bottom:11px; }.brand-benefits dt { font-size:1.125rem; }.brand-support h3 { font-size:1.375rem; }.potential { padding-top:45px; }.site-header nav { display:grid; grid-template-columns:1fr 1fr; gap:7px 18px; }.header-download { padding:10px 0; font-size:.8125rem; }.check-main { padding:25px 20px; }.check-summary { padding:27px 20px; }.check-summary dl { grid-template-columns:1fr; }.check-steps { font-size:.75rem; gap:7px; margin-bottom:28px; }.check-step { min-height:310px; }.check-step legend { font-size:1.5rem; }.check-actions { gap:18px; }.check-button { padding:13px 15px; font-size:.9375rem; }.number-field input { font-size:1.5rem; padding:14px 12px; }.number-field > span { padding-right:12px; }.potential-metrics { grid-template-columns:1fr; gap:20px; }.potential-metrics output { font-size:2.5rem; }.gross-metric { padding:20px 0 0; border-left:0; border-top:2px solid var(--gold); }.margin-options { gap:8px; }.margin-options label { padding:11px 12px; gap:7px; }.potential-contact .check-button { width:100%; }.check-privacy { max-width:240px; } }