.hero{padding:45px 0 30px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-size:36px 36px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000008c,#0000 75%)}.hero-grid{align-items:center;gap:27px;display:grid;position:relative}.hero-actions{grid-template-columns:1fr;gap:10px;margin:26px 0 20px;display:grid}.trust-row{color:var(--muted);flex-wrap:wrap;gap:8px 15px;margin:0;padding:0;font-size:12px;font-weight:700;list-style:none;display:flex}.trust-row li{align-items:center;gap:6px;display:flex}.trust-row span{background:0 0;border:1px solid #a4c5bc;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.hero-visual{isolation:isolate;min-height:0;position:relative}.hero-visual:before{content:"";position:absolute}.hero-visual picture{display:block}.hero-visual img{object-position:center}.hero-visual__index{z-index:2;color:#fff;gap:1px;padding:8px 11px;display:grid;position:absolute}.hero-visual__index span{font-family:var(--font-display);font-size:25px;line-height:1}.hero-visual__index small{font-family:var(--font-mono);font-size:8px}.floating-result{z-index:2;min-width:144px;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);border:1px solid #97b4aecc;border-radius:3px;padding:12px 14px;position:absolute}.floating-result span,.floating-result em{color:var(--muted);font-size:10px;font-style:normal;display:block}.floating-result strong{color:var(--blue-700);font-family:var(--font-display);margin:2px 0;font-size:31px;line-height:1;display:block}.floating-result small{font-size:14px}.feature-strip{border-top:1px solid #75938b7a;gap:8px;margin-top:27px;padding-top:18px;display:grid;position:relative}.feature-strip article{align-items:center;gap:11px;padding:9px 0;display:flex}.feature-strip__icon{border:1px solid #a6c8c0;border-radius:4px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.feature-strip strong,.feature-strip small{display:block}.feature-strip strong{font-size:12px}.feature-strip small{color:var(--muted);font-size:10px}.section-categories{background:#fff}.use-grid{gap:12px;display:grid}.use-card{border:1px solid var(--line);border-top:3px solid var(--blue-700);min-height:180px;color:var(--ink);background:#fff;border-radius:0;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:block;position:relative;overflow:hidden}.use-card:hover{border-top-color:var(--terracotta);background:var(--paper);transform:translateY(-3px)}.use-card:after{content:"";background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 7px);width:46px;height:7px;position:absolute;top:13px;right:14px}.use-icon{z-index:1;width:42px;height:42px;color:var(--blue-700);background:0 0;border:1px solid #a9c2bc;border-radius:0;place-items:center;font-size:20px;display:grid;position:relative}.use-icon--pool,.use-icon--barrel,.use-icon--box{color:var(--blue-700);background:0 0}.use-card h3{font-family:var(--font-display);margin:18px 0 8px;font-size:20px;line-height:1.15}.use-card p{z-index:1;color:var(--muted);margin:0;padding-right:30px;font-size:13px;position:relative}.use-card__arrow{z-index:2;color:var(--terracotta);font-size:20px;font-weight:900;position:absolute;bottom:14px;right:17px}.formula-section{background:var(--paper)}.formula-panel{background:0 0;border-block:1px solid #b9cac4;gap:32px;padding:23px;display:grid}.formula-copy p{color:var(--ink-2)}.formula-box{border:1px solid #b9d5f5;border-left:3px solid var(--blue-600);color:var(--navy-950);font-family:var(--font-mono);background:#fff;border-radius:0;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:13px 15px;font-size:17px;font-weight:850}.formula-box b{color:var(--blue-700)}.formula-example{grid-template-columns:1fr;align-items:center;gap:18px;display:grid}.dimension-diagram{width:100%;max-width:340px;height:auto;margin-inline:auto;display:block}.example-math{border:1px solid var(--line);background:#fff;border-radius:0;padding:18px}.example-math span,.example-math small{color:var(--muted);font-size:11px;display:block}.example-math strong{font-family:var(--font-mono);margin:7px 0;font-size:20px;display:block}.example-math b{color:var(--blue-700);font-family:var(--font-display);margin-top:8px;font-size:27px;display:block}.units-section{background:#fff}.units-layout,.faq-layout{gap:25px;display:grid}.unit-list{gap:8px;display:grid}.unit-list>div{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;padding:13px 15px;display:grid;box-shadow:0 6px 18px #081d4009}.unit-list span{color:var(--muted)}.unit-list b{color:var(--blue-700)}.guides-section{background:var(--soft)}.guide-grid{background:var(--line);border:1px solid var(--line);gap:1px;display:grid}.guide-card{background:#fff;min-height:210px;text-decoration:none;transition:background .2s;position:relative;overflow:hidden}.guide-card:hover{background:var(--paper)}.guide-card__number{color:#edf5fd;font-size:52px;font-weight:900;line-height:1;position:absolute;top:8px;right:14px}.guide-card__tag{color:var(--terracotta);text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900;position:relative}.guide-card h3{font-family:var(--font-display);margin:26px 0 9px;font-size:20px;line-height:1.18;position:relative}.guide-card p{color:var(--muted);margin:0;font-size:13px;position:relative}.guide-card>b{color:var(--blue-700);position:absolute}.section-link-row{justify-content:center;margin-top:25px;display:flex}.faq-section{background:#fff}.closing-cta{background:var(--navy-950);color:#fff;box-shadow:var(--shadow);border-radius:0;gap:20px;padding:28px;display:grid;position:relative;overflow:hidden}.closing-cta:after{content:"";background:repeating-linear-gradient(#ffffff24 0 1px,#0000 1px 16px);width:88px;position:absolute;inset:0 0 0 auto}.closing-cta>*{z-index:1;position:relative}@media (width>=560px){.hero-actions{display:flex}.feature-strip{grid-template-columns:repeat(3,1fr)}.use-grid{grid-template-columns:repeat(2,1fr)}.formula-example{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=760px){.hero{padding:72px 0 34px}.hero-grid{grid-template-columns:1.02fr .98fr;gap:48px}.feature-strip{margin-top:31px;padding-top:20px}.feature-strip article{justify-content:center}.formula-panel{grid-template-columns:1fr 1fr;align-items:center;padding:34px}.units-layout,.faq-layout{grid-template-columns:1fr 1fr;align-items:center}.guide-grid,.guide-grid-full{grid-template-columns:repeat(3,1fr)}.closing-cta{grid-template-columns:1fr auto;align-items:center;padding:42px}}@media (width>=980px){.hero h1{font-size:70px}.hero-copy>p{font-size:18px}.use-card{min-height:220px;padding:21px}.guide-card{min-height:240px;padding:21px}}@media (width>=1180px){.hero{padding-top:86px}.hero h1{font-size:76px}}.guide-card__number{display:none!important}.hero{background:linear-gradient(112deg,var(--paper) 0%,#f9fcff 54%,#eaf4ff 100%)}.hero:before{background-image:linear-gradient(#0b67e80e 1px,#0000 1px),linear-gradient(90deg,#0b67e80e 1px,#0000 1px)}.hero-visual__index{background:var(--blue-700)}.floating-result{background:#fffffff2;border-color:#a9c8ede6}.feature-strip{border-top-color:#81aada7a}.formula-box{width:fit-content;max-width:100%;display:flex}.hero-visual{padding:8px 8px 14px 0}.hero-visual:before{z-index:-1;clip-path:none;background:linear-gradient(145deg,#ffffffb8,#dcedff6b);border:1px solid #a9c8ed;inset:5% 0 1% 5%;box-shadow:8px 8px #0b67e80d}.hero-visual:after{z-index:2;content:"";background:repeating-linear-gradient(90deg,var(--blue-500) 0 1px,transparent 1px 8px);pointer-events:none;width:72px;height:8px;position:absolute;top:0;right:0}.hero-visual picture{z-index:1;padding:0;position:relative}.hero-visual img{aspect-ratio:19/14;object-fit:contain;filter:none;background:0 0;border:0;width:100%}.hero-visual__index{bottom:3px;left:-3px}.floating-result{bottom:3px;right:-2px}.trust-row span{color:var(--blue-700);border-color:#8dbdf1}.feature-strip__icon,.feature-strip__icon--2,.feature-strip__icon--3{color:var(--blue-700);background:#fff;border-color:#7fb2eb}.guide-card{padding:21px 21px 58px}.guide-card>b{font-size:21px;bottom:15px;left:auto;right:21px}.closing-cta p{color:#d6e6fb}.closing-cta .eyebrow{color:var(--blue-300)}.closing-cta .button{text-align:center;min-width:min(100%,220px)}.formula-panel{border-block-color:#c7d9ed}.formula-box span{color:var(--blue-700)}@media (width>=560px) and (width<=759px){.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width>=760px) and (width<=979px){.hero-grid{grid-template-columns:1.08fr .92fr;gap:34px}.hero h1{font-size:clamp(47px,6vw,56px)}.hero-actions{grid-template-columns:1fr;display:grid}.guide-grid,.guide-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.hero-actions{flex-wrap:wrap;display:flex}.hero-actions .button{min-width:190px}}@media (width<=559px){.hero-visual img{background:var(--soft-blue)}}.home-ad-break--intro:has([data-ad-consent-slot]:not([hidden])){padding-block:32px 24px}@media (width<=759px){.hero{padding-top:28px}.hero-grid{gap:16px}.hero h1{margin-block:14px 16px}.hero-actions{margin-top:20px}.hero-visual{padding:0}.hero-visual:before,.hero-visual:after{display:none}.hero-visual img{aspect-ratio:auto;object-fit:contain;height:140px}.hero-visual__index{left:0}.floating-result{min-width:124px;padding:8px 10px;right:0}.floating-result strong{font-size:25px}.feature-strip{grid-template-columns:1fr;gap:0;margin-top:16px;padding-top:8px}.feature-strip article{gap:8px;padding-block:6px}.feature-strip__icon{flex-shrink:0;width:28px;height:28px}}@media (width>=760px) and (width<=1179px){.formula-example{grid-template-columns:1fr}}