.page{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem;color:var(--text-dark)}.page.embed{padding:1rem;max-width:100%}.hero{text-align:center;margin-bottom:2.5rem}.eyebrow{display:inline-block;margin-bottom:.85rem;padding:.3rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 10%,transparent);color:var(--accent-color);font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.hero h1{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;margin:0 0 1rem}.hero .hl{color:var(--accent-color)}.hero-sub{max-width:720px;margin:0 auto;color:var(--text-light, #475569);font-size:1.05rem;line-height:1.55}.calculator{display:grid;grid-template-columns:1fr;gap:1.5rem}.calculator--secondary{margin-top:1.5rem}@media(min-width:900px){.calculator{grid-template-columns:1fr 1fr;align-items:start}}.card{background:var(--input-bg, #fff);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem;box-shadow:0 1px 3px #0f172a0a}.card h2{margin:0 0 1.25rem;font-size:1.25rem}.results{position:sticky;top:3rem}.row{display:grid;grid-template-columns:1fr 9rem;gap:.75rem;align-items:center}.calculator input[type=range]{width:100%;accent-color:var(--accent-color)}.num-wrap{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg, #fff);overflow:hidden}.num-wrap input{width:100%;border:0;padding:.5rem .6rem;background:transparent;color:var(--text-dark);font-size:.95rem;font-variant-numeric:tabular-nums;text-align:right}.num-wrap input:focus{outline:2px solid var(--accent-color);outline-offset:-2px}.unit{padding:0 .6rem;color:var(--text-light, #64748b);font-size:.85rem;border-left:1px solid var(--border-color);align-self:stretch;display:flex;align-items:center}.result-pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.result-cell{background:var(--bg-light);border-radius:12px;padding:1.1rem 1rem;text-align:center;border:1px solid var(--border-color)}.result-cell--primary{background:color-mix(in srgb,var(--accent-color) 6%,var(--bg-light));border-color:color-mix(in srgb,var(--accent-color) 30%,var(--border-color))}.result-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light, #64748b);margin-bottom:.5rem;font-weight:600}.result-value{font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:800;color:var(--accent-color);font-variant-numeric:tabular-nums;line-height:1}.result-value--secondary{color:var(--text-dark);font-weight:700}.result-hint{margin-top:.5rem;font-size:.78rem;color:var(--text-light, #64748b)}@media(max-width:540px){.result-pair{grid-template-columns:1fr}}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 1.5rem}.result-grid>div{background:var(--bg-light);padding:.75rem;border-radius:8px}.result-grid dt{font-size:.78rem;color:var(--text-light, #64748b)}.result-grid dd{font-size:1.1rem;font-weight:600;margin:.15rem 0 0;font-variant-numeric:tabular-nums}.ctas{margin:3rem auto;max-width:760px;padding:2.25rem 1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 8%,transparent),color-mix(in srgb,var(--accent-color) 2%,var(--bg-light)));border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));border-radius:16px;text-align:center}.ctas h2{margin:0 0 .75rem;font-size:1.5rem;line-height:1.25}.ctas-sub{max-width:600px;margin:0 auto 1.5rem;color:var(--text-light, #475569);line-height:1.55;font-size:1rem}.ctas-meta{margin:1.25rem 0 0;font-size:.9rem;color:var(--text-light, #64748b)}.ctas-meta a{color:var(--accent-color);text-decoration:none;font-weight:600}.ctas-meta a:hover{text-decoration:underline}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.cta{display:inline-block;padding:.8rem 1.4rem;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.cta:hover{transform:translateY(-1px)}.cta-primary{background:var(--accent-color);color:#fff}.cta-secondary{background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-color)}.content-prose{margin:4rem auto 0}.content-prose h2{font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.3;margin:2.5rem 0 .85rem;color:var(--text-dark)}.content-prose h2:first-of-type{margin-top:0}.content-prose p{margin:0 0 1.1rem;line-height:1.7;color:var(--text-dark);font-size:1.02rem}.content-prose ul{margin:0 0 1.5rem;padding-left:1.4rem}.content-prose li{margin:0 0 .7rem;line-height:1.65;color:var(--text-dark);font-size:1rem}.content-prose li strong{color:var(--text-dark)}.content-prose a{color:var(--accent-color);text-decoration:underline;text-underline-offset:2px;font-weight:600}.content-prose a:hover{color:var(--accent-color-dark, var(--accent-color))}.faq details{border-bottom:1px solid var(--border-color);padding:.85rem 0}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--accent-color);font-weight:700}.faq details[open] summary:after{content:"−"}.faq p{margin:.5rem 0 0;color:var(--text-light, #475569);line-height:1.55}.cross-promo{margin:3rem 0 0}.cross-promo h2{font-size:1.4rem;margin-bottom:1rem}.tool-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:700px){.tool-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{display:block;padding:1.1rem 1.2rem;border:1px solid var(--border-color);border-radius:12px;background:var(--input-bg, #fff);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.tool-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.tool-card h3{margin:0 0 .4rem;font-size:1rem;color:var(--accent-color)}.tool-card p{margin:0;font-size:.9rem;color:var(--text-light, #475569);line-height:1.5}.embed-footer{text-align:center;margin-top:1rem;font-size:.78rem;color:var(--text-light, #64748b)}.embed-footer a{color:var(--accent-color)}
