.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.concept-grid,.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.concept-grid article{border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.concept-image{height:250px;background:#f5f1f7;padding:16px;text-align:center}.concept-image img{width:100%;height:100%;object-fit:contain}.concept-copy{padding:28px;display:flex;flex-direction:column;flex:1}.concept-copy .eyebrow{display:block;margin-bottom:12px;font-size:14px}.concept-copy p{color:var(--muted)}.concept-copy a{margin-top:auto}.concept-fit{font-size:14px;padding-top:15px;border-top:1px solid var(--line)}.materials-section{background:var(--soft);padding:64px 0}.material-grid article{background:white;border:1px solid var(--line);border-radius:8px;padding:28px;display:flex;flex-direction:column}.material-grid .eyebrow{font-size:14px}.material-grid article p{color:var(--muted)}.material-grid article a{margin-top:auto}.materials-section>.wrap>.planner-note{margin-top:24px}
.planner-section{background:#f6f2f8;padding:80px 0}.planner-section h2{max-width:750px}.planner-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 16px}.planner-products button{position:relative;text-align:left;background:white;color:var(--ink);border:2px solid var(--line);border-radius:8px;padding:22px 24px}.planner-products button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:white}.planner-products button>span{display:block;font-size:14px;letter-spacing:.08em;margin-bottom:10px}.planner-products strong{display:block;font-size:24px;letter-spacing:-.025em}.planner-products small{display:block;font-size:14px;margin-top:6px}.planner-note{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 0}.planner-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}.planner-inputs{padding:30px;background:white;border:1px solid var(--line);border-radius:8px}.planner-inputs h3{font-size:23px;line-height:1.3;letter-spacing:-.03em}.planner-inputs h4{margin:30px 0 14px;font-size:17px}.planner-section label{display:block;font-size:14px;line-height:1.5;font-weight:600;margin:0 0 7px}.planner-section input[type=number]{background:#fff;color:var(--ink);width:100%;min-width:0;border:1px solid #a9a0ae;border-radius:5px;padding:11px 12px;font-size:18px;min-height:48px}.volume-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.volume-heading label{font-size:16px;max-width:250px}.volume-heading input[type=number]{width:100px;font-size:24px;font-weight:700}.planner-section input[type=range]{width:100%;padding:0;margin:20px 0;height:24px;accent-color:var(--plum)}.volume-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}.volume-presets button{flex:1;min-width:48px;min-height:44px;background:white;border:1px solid var(--line);border-radius:5px;font-size:14px;padding:8px 6px;color:var(--ink)}.volume-presets button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:white}.planner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;align-items:end}.unit-cost{padding:8px 0}.unit-cost span,.unit-cost small{display:block;color:var(--muted);font-size:14px}.unit-cost strong{font-size:24px}.planner-reset{background:none;border:0;padding:0;margin:24px 0 0;color:var(--plum);text-decoration:underline;text-underline-offset:4px;font-size:14px;text-align:left;line-height:1.6}.unit-result{padding:28px 30px;background:var(--plum);border-radius:8px;color:white}.unit-result>p{font-size:16px;margin-bottom:12px}.unit-result>strong{font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:-.04em;display:block;margin-bottom:10px;font-variant-numeric:tabular-nums}.unit-result>span,.unit-result>small{display:block;font-size:14px;color:#e4dce9}.unit-result>small{margin-top:12px}.projection-grid{margin-top:16px;display:grid;gap:12px}.projection{background:white;border:1px solid var(--line);border-radius:8px;padding:20px 24px}.projection-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.projection-heading h3{font-size:19px;margin:0}.projection-heading span{font-size:14px;color:var(--muted)}.projection dl{margin:0;display:grid;grid-template-columns:1fr auto;column-gap:20px;row-gap:5px;font-size:14px}.projection dt{color:var(--muted)}.projection dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.projection .projection-total{border-top:1px solid var(--line);padding-top:10px;margin-top:4px;font-weight:700;color:var(--plum);font-size:16px}.planner-results>.button{margin-top:22px;width:100%}.negative-result{margin-top:16px;border-left:4px solid #98273b;padding:12px 16px;background:#f9e9ed;color:#762030;font-size:14px}.negative-result[hidden]{display:none}.planner-comparison{margin-top:48px}.planner-comparison h3{font-size:26px;margin-bottom:14px}.table-scroll{overflow-x:auto;border:1px solid var(--line);background:white;border-radius:8px}.planner-comparison table{width:100%;min-width:780px;border-collapse:collapse;text-align:right;font-size:14px;line-height:1.45}.planner-comparison caption{text-align:left;padding:16px 20px;color:var(--muted)}.planner-comparison th,.planner-comparison td{padding:14px 16px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.planner-comparison thead th{background:var(--plum);color:white;font-weight:600}.planner-comparison tbody th{text-align:left}.planner-comparison tbody tr:nth-child(even){background:#faf8fb}.planner-comparison tbody tr.selected-scenario{background:#ece3f1;font-weight:700}.planner-method{margin-top:28px;border-bottom:1px solid var(--line)}.planner-method summary{font-size:17px}.planner-method p{max-width:1000px;font-size:15px}.faq-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px;margin-top:32px}.faq-nav{display:flex;flex-direction:column;align-items:start;gap:14px}.faq-nav a{font-weight:600;text-decoration:underline;text-underline-offset:4px;font-size:15px}.faq-group{margin-bottom:38px}.faq-group:last-child{margin-bottom:0}.faq-group>h3{font-size:22px;margin-bottom:14px}.faq-group details summary{font-size:17px;line-height:1.45;padding:18px 0}.faq-group details p{font-size:16px;max-width:850px;padding-right:24px}.section-jumps{display:flex;flex-wrap:wrap;gap:8px 24px;margin:18px 0 0}.section-jumps a{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.planner-workspace{grid-template-columns:1fr;gap:24px}.planner-results .projection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projection-heading{display:block}.projection-heading h3{margin-bottom:6px}.projection{padding:18px 14px}.projection dl{display:block}.projection dt{margin-top:10px}.projection dd{text-align:left;font-size:17px}.projection .projection-total{border:0;padding-top:0}.projection dd.projection-total{font-size:19px}.concept-grid{gap:16px}.concept-copy{padding:22px}.faq-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.material-grid{gap:16px}.material-grid article{padding:22px}}
@media(max-width:700px){.planner-section{padding:55px 0}.planner-products{gap:8px}.planner-products button{padding:14px 10px}.planner-products strong{font-size:17px;line-height:1.2}.planner-products small{display:none}.planner-products button>span{margin-bottom:7px}.planner-inputs{padding:22px 18px}.planner-fields{gap:18px 14px}.planner-section .section-head{gap:12px}.unit-result{padding:24px}.planner-results .projection-grid{grid-template-columns:1fr}.projection{padding:20px}.projection-heading{display:flex}.projection-heading h3{margin:0}.projection dl{display:grid}.projection dt{margin:0}.projection dd{font-size:14px;text-align:right}.projection .projection-total{border-top:1px solid var(--line);padding-top:10px;font-size:15px}.projection dd.projection-total{font-size:17px}.concept-grid,.material-grid{grid-template-columns:1fr}.concept-image{height:225px}.concept-copy{padding:25px}.materials-section{padding:50px 0}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-nav{gap:10px}.planner-comparison h3{font-size:24px}.planner-section .button{font-size:15px}.planner-method summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
