:root{--bg:#f7fafc;--surface:#fff;--ink:#1c3242;--ink-soft:#48606f;--ink-faint:#647a8b;--line:#e3ecf1;--line-strong:#cfe0ea;--air:#3d7ea6;--air-deep:#2b5f80;--air-pastel:#ddedf6;--air-tint:#eef6fa;--warm:#e8814f;--warm-deep:#cf6a38;--warm-pastel:#fdeadd;--mint:#2e8b6a;--mint-pastel:#dcf2e8;--alert:#c2554f;--alert-pastel:#fbe4e2;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Fraunces",Georgia,serif;--radius:10px;--radius-lg:14px;--shadow:0 1px 2px #2b5f800d,0 8px 20px #2b5f800f;--shadow-lift:0 4px 12px #2b5f8014,0 16px 36px #2b5f801f;--container:1120px;--gap:clamp(16px,3vw,28px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.65;overflow-x:clip}img,svg,video{max-width:100%;height:auto}a{color:var(--air-deep)}a:hover{color:var(--air)}:focus-visible{outline:3px solid var(--air);outline-offset:2px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.018em;text-wrap:balance;margin:0 0 .5em;font-weight:600;line-height:1.12}h1{letter-spacing:-.028em;font-size:clamp(2.2rem,6vw,3.9rem)}h2{font-size:clamp(1.6rem,4vw,2.4rem)}h3{font-size:clamp(1.2rem,3vw,1.45rem)}h4{font-family:var(--font-body);margin:0 0 .4em;font-size:1.05rem;font-weight:600}p{margin:0 0 1em}.lead{color:var(--ink-soft);text-wrap:pretty;max-width:44rem;font-size:clamp(1.1rem,2.5vw,1.3rem)}.hl{color:var(--air-deep)}.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}section{padding-block:clamp(56px,9vw,110px)}.section-tight{padding-block:clamp(36px,5vw,64px)}.section-alt{background:radial-gradient(720px 360px at 12% 0%, #ddedf6a6, transparent 60%), radial-gradient(640px 320px at 92% 100%, #dcf2e873, transparent 60%), linear-gradient(180deg,var(--air-tint) 0%,var(--bg) 100%);border-block:1px solid var(--line)}.kicker{letter-spacing:.09em;text-transform:uppercase;color:var(--air-deep);background:linear-gradient(180deg,#fff, var(--air-pastel));border:1px solid var(--air-pastel);border-radius:10px;align-items:center;gap:.5em;margin-bottom:1.1em;padding:.4em 1.1em;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #2b5f8014}.kicker:before{content:"";background:var(--air);border-radius:50%;flex:none;width:6px;height:6px}.kicker--warm,.kicker--mint{color:var(--air-deep);background:linear-gradient(180deg,#fff,var(--air-pastel));border-color:var(--air-pastel)}.kicker--warm:before,.kicker--mint:before{background:var(--air)}.skip-link{background:var(--ink);color:#fff;z-index:200;border-radius:0 0 10px;padding:.6em 1.2em;position:absolute;top:0;left:-9999px}.skip-link:focus{color:#fff;left:0}.btn{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:.5em;padding:.85em 1.6em;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:3px solid var(--air-deep);outline-offset:3px}.btn .arr{transition:transform .2s;display:inline-block}.btn:hover .arr{transform:translate(4px)}.btn-primary{background:var(--warm-deep);color:#fff}.btn-primary:hover{color:#fff;background:#b95a2c;transform:translateY(-1px)}.btn-secondary{background:var(--air-pastel);color:var(--air-deep);box-shadow:inset 0 0 0 1px #2b5f801f}.btn-secondary:hover{background:var(--air);color:#fff;transform:translateY(-1px)}.btn-ghost{color:var(--air-deep);box-shadow:inset 0 0 0 1.5px var(--line-strong);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--air);color:var(--air-deep)}.site-header{z-index:100;backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);background:#f7fafcd1;transition:box-shadow .25s;position:sticky;top:0}.site-header.is-scrolled{box-shadow:0 6px 24px #2b5f8017}.nav{align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.brand svg{flex:none}.brand span b{color:var(--air-deep);font-weight:600}.nav-toggle{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:10px;display:flex}.nav-toggle span{background:var(--ink);border-radius:2px;height:2px;transition:transform .25s,opacity .2s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-menu{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lift);max-height:calc(100dvh - 64px);padding:8px 0 16px;display:none;position:absolute;inset:64px 0 auto;overflow:auto}.nav-menu.is-open{display:block}.nav-menu ul{margin:0;padding:0;list-style:none}.nav-item>a,.nav-item>button{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,32px);font-weight:600;text-decoration:none;display:flex}.nav-item>a:hover,.nav-item>button:hover{background:var(--air-tint)}.nav-item>button .chev{color:var(--ink-faint);transition:transform .2s}.nav-item>button[aria-expanded=true] .chev{transform:rotate(180deg)}.subnav{background:var(--air-tint);padding-block:4px;display:none}.subnav.is-open{display:block}.subnav a{color:var(--ink-soft);padding:10px clamp(16px,4vw,32px) 10px calc(clamp(16px,4vw,32px) + 14px);font-size:.98rem;text-decoration:none;display:block}.subnav a:hover{color:var(--air-deep);background:var(--air-pastel)}.subnav .subnav-title{display:none}.nav-cta{padding:12px clamp(16px,4vw,32px) 4px}.nav-cta .btn{justify-content:center;width:100%}@media (width>=960px){.nav-toggle{display:none}.nav-menu{box-shadow:none;background:0 0;border:0;align-items:center;max-height:none;margin-left:auto;padding:0;display:flex;position:static;overflow:visible}.nav-menu>ul{align-items:center;gap:2px;display:flex}.nav-item{position:relative}.nav-item>a,.nav-item>button{border-radius:10px;gap:.35em;width:auto;padding:.55em .9em;font-size:.95rem}.nav-item>a:hover,.nav-item>button:hover{background:var(--air-pastel)}.subnav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:250px;box-shadow:var(--shadow-lift);padding:8px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.subnav a{border-radius:10px;padding:9px 14px}.nav-cta{padding:0 0 0 10px}.nav-cta .btn{width:auto;padding:.55em 1.2em;font-size:.95rem}}.hero{background:radial-gradient(900px 520px at 88% -12%, #ddedf6f2, transparent 62%), radial-gradient(760px 460px at -12% 28%, #fdeaddc7, transparent 58%), radial-gradient(680px 420px at 58% 118%, #dcf2e8b3, transparent 62%), linear-gradient(175deg,var(--air-tint) 0%,var(--bg) 75%);padding-block:clamp(48px,8vw,104px);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(#2b5f801f 1px,#0000 1.6px);background-size:24px 24px;position:absolute;inset:0;mask-image:linear-gradient(#000c,#0000 72%)}.hero>.container{z-index:1;position:relative}.hero-grid{gap:var(--gap);align-items:center;display:grid}@media (width>=840px){.hero-grid{grid-template-columns:1.05fr .95fr}}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:1.7em;display:flex}.hero-note{color:var(--ink-faint);margin-top:1.3em;font-size:.9rem}.hero-badges{color:var(--ink-soft);flex-wrap:wrap;gap:8px 18px;margin:1.5em 0 0;padding:0;font-size:.88rem;list-style:none;display:flex}.hero-badges li{align-items:center;gap:.45em;display:inline-flex}.hero-badges li:before{content:"";background:var(--mint-pastel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5l2.4 2.4 4.6-5.4' fill='none' stroke='%232e8b6a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;border-radius:50%;flex:none;width:17px;height:17px}.hero-art{max-width:520px;margin-inline:auto;position:relative}.hero-art:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ddedf6e6,#fdeadd73 60%,#0000 75%);border-radius:50%;position:absolute;inset:-10% -6%}.breeze{stroke-dasharray:120 600;animation:6s linear infinite breeze}.breeze.b2{animation-delay:2s}.breeze.b3{animation-delay:4s}@keyframes breeze{0%{stroke-dashoffset:720px}to{stroke-dashoffset:0}}.float{animation:5s ease-in-out infinite float}.float.f2{animation-delay:1.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.stats-band{border-block:1px solid var(--line);background:linear-gradient(100deg,var(--air-tint) 0%,#fff 38%,#fff 62%,var(--air-tint) 100%);padding-block:clamp(28px,5vw,52px)}.stats{grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,32px);display:grid}@media (width>=840px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{text-align:center;padding-inline:10px;position:relative}@media (width>=840px){.stat+.stat:before{content:"";background:linear-gradient(180deg,transparent,var(--line-strong),transparent);width:1px;position:absolute;top:14%;bottom:14%;left:0}}.stat-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--air-deep);font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:600;line-height:1.08;display:block}.stat-label{color:var(--ink-soft);text-wrap:balance;max-width:24ch;margin:.4em auto 0;font-size:.88rem;display:block}.grid{gap:var(--gap);display:grid}@media (width>=640px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fdfefe 100%);padding:clamp(20px,3.5vw,30px);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}a.card{color:inherit;text-decoration:none;display:block}a.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);color:inherit;transform:translateY(-3px)}a.card:focus-visible{outline:3px solid var(--air);outline-offset:3px}.card .icon{background:linear-gradient(160deg,#fff 0%,var(--air-pastel) 90%);border:1px solid var(--air-pastel);width:52px;height:52px;color:var(--air-deep);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;transition:transform .25s;display:inline-flex}.card .icon--warm,.card .icon--mint,.card .icon--alert{background:linear-gradient(160deg,#fff 0%,var(--air-pastel) 90%);border-color:var(--air-pastel);color:var(--air-deep)}.card h3{margin-bottom:.35em}.card p{color:var(--ink-soft);margin:0;font-size:.98rem}.card .more{color:var(--air-deep);margin-top:.95em;font-size:.95rem;font-weight:600;transition:transform .2s,color .2s;display:inline-block}a.card:hover .more{color:var(--air);transform:translate(3px)}.grid>.reveal:nth-child(2),.steps>.reveal:nth-child(2){transition-delay:70ms}.grid>.reveal:nth-child(3),.steps>.reveal:nth-child(3){transition-delay:.14s}.grid>.reveal:nth-child(4),.steps>.reveal:nth-child(4){transition-delay:.21s}.steps{counter-reset:step;gap:var(--gap);display:grid}@media (width>=640px){.steps{grid-template-columns:repeat(2,1fr)}.steps>.step:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=1024px){.steps{grid-template-columns:repeat(4,1fr)}.steps>.step:last-child:nth-child(odd){grid-column:auto}.steps>.step:last-child:nth-child(4n+1){grid-column:1/-1}}.step{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fdfefe 100%);padding:26px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}.step:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.step:before{counter-increment:step;content:counter(step);background:linear-gradient(160deg,var(--air-pastel) 0%,#c9e2f0 100%);width:42px;height:42px;color:var(--air-deep);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.15rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 2px 6px #3d7ea62e}.step p{color:var(--ink-soft);margin:0;font-size:.98rem}.js .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}}.product{flex-direction:column;gap:10px;display:flex}.product .badge{letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff,var(--air-pastel));border:1px solid var(--air-pastel);color:var(--air-deep);border-radius:10px;align-self:flex-start;padding:.32em .95em;font-size:.72rem;font-weight:700}.product .badge--mint{background:linear-gradient(180deg,#fff,var(--air-pastel));border-color:var(--air-pastel);color:var(--air-deep)}.product .specs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.product .specs li{background:var(--air-tint);border:1px solid var(--line);color:var(--ink-soft);border-radius:10px;padding:.25em .7em;font-size:.8rem}.product .price{font-size:1.1rem;font-weight:700}.product .btn{justify-content:center;margin-top:auto}.affiliate-note{color:var(--ink-faint);margin-top:1.2em;font-size:.85rem}.notice{border-radius:var(--radius);border:1px solid #0000;border-left-width:4px;margin-block:1.4em;padding:18px 22px;font-size:.98rem}.notice--info{background:var(--air-tint);border-color:var(--air-pastel);border-left-color:var(--air)}.notice--warn{background:var(--alert-pastel);border-color:#f3cbc8;border-left-color:var(--alert)}.notice--tip{background:var(--mint-pastel);border-color:#c4e6d6;border-left-color:var(--mint)}.notice p:last-child{margin:0}.faq{max-width:760px;margin-inline:auto}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.faq details:hover{border-color:var(--line-strong)}.faq details[open]{border-color:var(--line-strong);box-shadow:var(--shadow-lift)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:var(--air-pastel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%232b5f80' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;border-radius:50%;flex:none;width:28px;height:28px;transition:transform .3s,background-color .3s}.faq details[open] summary:after{transform:rotate(180deg)}.faq details p{color:var(--ink-soft);margin:0;padding:0 22px 18px}.faq details[open]>p{animation:.3s both faq-in}@keyframes faq-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.article-hero{background:radial-gradient(760px 420px at 90% -20%, #ddedf6e6, transparent 60%), radial-gradient(560px 340px at -8% 60%, #fdeadd8c, transparent 58%), linear-gradient(175deg,var(--air-tint),var(--bg));padding-block:clamp(40px,6vw,72px);position:relative;overflow:hidden}.article-hero>.container{z-index:1;position:relative}.breadcrumbs{color:var(--ink-faint);margin-bottom:1em;font-size:.85rem}.breadcrumbs a{color:var(--ink-faint)}.breadcrumbs a:hover{color:var(--air-deep)}.article{max-width:760px;margin-inline:auto}.article h2{margin-top:1.8em}.article h3{margin-top:1.4em}.article ul,.article ol{color:var(--ink);margin:0 0 1.2em;padding-left:1.3em}.article li{margin-bottom:.45em}.table-wrap{border:1px solid var(--line);-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--surface) 30%,#fff0) 0 0, linear-gradient(to right,#fff0,var(--surface) 70%) 100% 0, radial-gradient(farthest-side at 0 50%,#2b5f8029,#2b5f8000) 0 0, radial-gradient(farthest-side at 100% 50%,#2b5f8029,#2b5f8000) 100% 0;background-repeat:no-repeat;background-size:36px 100%,36px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;background-color:var(--surface);border-radius:10px;margin:1.4em 0;position:relative;overflow:auto hidden}.table-wrap table{background:0 0;border:0;border-radius:0;min-width:100%;margin:0}.table-hint{color:var(--ink-faint);align-items:center;gap:.4em;margin:-.7em 0 1.4em;font-size:.82rem;display:none}.table-hint:before{content:"↔";font-size:1rem;line-height:1}@media (width<=720px){.table-hint{display:flex}}.article table{border-collapse:collapse;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;margin:1.4em 0;font-size:.95rem}.article th,.article td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px}.article tbody tr:last-child td{border-bottom:0}.article tbody tr:hover td{background:#eef6fa99}.article th{background:var(--air-tint);white-space:nowrap;font-weight:600}.sources{color:var(--ink-faint);border-top:1px solid var(--line);margin-top:3em;padding-top:1.2em;font-size:.85rem}.sources ul{margin:.5em 0 0;padding-left:1.2em}.sources a{color:var(--ink-faint);word-break:break-word}.cta-band{background:radial-gradient(560px 300px at 88% -30%, #7db8d880, transparent 65%), radial-gradient(420px 260px at 0% 130%, #2e8b6a59, transparent 60%), linear-gradient(120deg,var(--air-deep),var(--air));border-radius:var(--radius-lg);color:#fff;align-items:center;gap:20px;padding:clamp(28px,5vw,52px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #2b5f8047}.cta-band>*{z-index:1;position:relative}@media (width>=840px){.cta-band{grid-template-columns:1.4fr auto}}.cta-band h2{color:#fff;margin:0 0 .3em}.cta-band p{color:#ffffffe0;margin:0}.cta-band .btn:focus-visible{outline-color:#fff}.site-footer{color:#b9c8d2;background:linear-gradient(#1e3648 0%,#152838 100%);border-top:1px solid #7db8d82e;margin-top:32px;padding-block:clamp(48px,7vw,80px);font-size:.95rem}.footer-grid{gap:32px;display:grid}@media (width>=840px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.site-footer h4{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1em;font-size:.9rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:.55em}.site-footer a{color:#b9c8d2;text-decoration:none;transition:color .15s}.site-footer a:hover{color:#fff}.site-footer :focus-visible{outline-color:#7db8d8}.footer-bottom{color:#8ba0ad;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:22px;font-size:.85rem;display:flex}.figure{border-radius:var(--radius-lg);border:2.5px solid var(--ink);background:var(--surface);box-shadow:var(--shadow);margin:2em 0;overflow:hidden}.figure img{width:100%;height:auto;display:block}.figure figcaption{color:var(--ink-faint);border-top:1px solid var(--line);padding:10px 16px;font-size:.85rem}.figure figcaption .credit{opacity:.85;font-size:.78rem}.figure figcaption .credit a{color:inherit}.kenburns{overflow:hidden}.kenburns img{will-change:transform;animation:22s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.09)translate(1.6%,-1.2%)}}@media (prefers-reduced-motion:reduce){.kenburns img{animation:none}}.photo-band{gap:var(--gap);display:grid}@media (width>=720px){.photo-band{grid-template-columns:repeat(3,1fr)}}.photo-band .figure{margin:0}.photo-band .figure img{aspect-ratio:4/3;object-fit:cover}.js .figure.reveal{transform:translateY(24px)scale(.985)}.js .figure.reveal.is-visible{transform:none}.product-thumb{border:2.5px solid var(--ink);background:linear-gradient(165deg,#fff 0%,var(--air-tint) 100%);border-radius:10px;margin-bottom:14px;display:block;overflow:hidden}.product-thumb img{width:100%;height:auto;display:block}.tip{border-bottom:1.5px dotted var(--air);cursor:help;color:inherit;text-decoration:none;position:relative}.tip:after{content:attr(data-tip);background:var(--ink);color:#fff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:60;border-radius:10px;width:max-content;max-width:min(280px,72vw);padding:.55em .95em;font-size:.84rem;font-weight:400;line-height:1.45;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)}.tip:before{content:"";border:6px solid #0000;border-top-color:var(--ink);opacity:0;visibility:hidden;z-index:60;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.tip:hover:after,.tip:focus-visible:after,.tip:hover:before,.tip:focus-visible:before{opacity:1;visibility:visible}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-0{margin-top:0}.mb-2{margin-bottom:2rem}.section-head{text-align:center;margin-inline:auto;max-width:680px;margin-bottom:clamp(32px,5vw,52px)}.section-head .lead,.section-head.center{margin-inline:auto}.section-head--left{text-align:left;margin-inline:0}.section-head--left .lead{margin-inline:0}.compare-table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.92rem}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 14px}.compare-table thead th{background:var(--air-tint);white-space:nowrap;z-index:1;font-weight:600;position:sticky;top:0}.compare-table tbody tr:last-child td{border-bottom:0}.compare-table tbody tr:hover td{background:#eef6fa99}.compare-table th[scope=row]{background:var(--surface);min-width:13rem;box-shadow:1px 0 0 var(--line);font-weight:600;position:sticky;left:0}.compare-table tbody tr:hover th[scope=row]{background:#eef6fad9}.explainer{border:2.5px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);margin:2.2em 0;overflow:hidden}.explainer-stage{background:linear-gradient(170deg,var(--air-tint) 0%,#fff 62%);width:100%;height:auto;display:block}.explainer figcaption{color:var(--ink-soft);border-top:1px solid var(--line);padding:12px 16px;font-size:.88rem}.explainer figcaption b{color:var(--ink)}@keyframes drift-out{0%{opacity:1;transform:translate(0)}70%{opacity:1}to{opacity:0;transform:translate(190px,-26px)}}@keyframes drift-in{0%{opacity:0;transform:translate(-40px,10px)}25%{opacity:.9}to{opacity:0;transform:translate(120px,-4px)}}@keyframes pulse-soft{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes droplet-run{0%{opacity:0;transform:translateY(0)}12%{opacity:1}to{opacity:0;transform:translateY(58px)}}@keyframes fog-grow{0%,to{opacity:.15}50%{opacity:.62}}@keyframes sweep{0%{stroke-dashoffset:var(--len,340)}to{stroke-dashoffset:0}}@keyframes fade-in-late{0%,55%{opacity:0}75%,to{opacity:1}}@keyframes tick-swing{0%,to{transform:rotate(-38deg)}50%{transform:rotate(34deg)}}.anim-slow{animation-duration:9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.anim-mid{animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.anim-d1{animation-delay:.9s}.anim-d2{animation-delay:1.9s}.anim-d3{animation-delay:3.1s}.anim-d4{animation-delay:4.4s}@media (prefers-reduced-motion:reduce){.explainer [class*=anim-],.explainer .breeze{animation:none!important}.explainer .only-motion{opacity:.55}}.explainer-pair{gap:var(--gap);margin:2.2em 0;display:grid}@media (width>=760px){.explainer-pair{grid-template-columns:repeat(2,1fr)}}.explainer-pair .explainer{margin:0}.explainer-verdict{letter-spacing:.05em;text-transform:uppercase;border-radius:10px;align-items:center;gap:.45em;margin-bottom:.7em;padding:.3em .85em;font-size:.8rem;font-weight:700;display:inline-flex}.explainer-verdict--good{background:var(--mint-pastel);color:#1f6b50}.explainer-verdict--bad{background:var(--alert-pastel);color:#9c3a35}.calc{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fdfefe 100%);margin:2em 0;padding:clamp(20px,3.5vw,30px)}.calc-grid{gap:18px;display:grid}@media (width>=640px){.calc-grid{grid-template-columns:repeat(3,1fr)}}.calc-field label{min-height:2.7em;margin-bottom:.5em;font-size:.92rem;font-weight:600;display:block}@media (width<=639px){.calc-field label{min-height:0}}.calc-field .unit{color:var(--ink-faint);font-weight:400}.calc-field input[type=range]{width:100%;accent-color:var(--air)}.calc-field output{font-family:var(--font-display);color:var(--air-deep);margin-bottom:.25em;font-size:1.5rem;font-weight:600;line-height:1.2;display:block}.calc-result{border-radius:var(--radius);border:1px solid #0000;border-left-width:4px;margin-top:22px;padding:18px 22px}.calc-result[data-level=ok]{background:var(--mint-pastel);border-color:#c4e6d6;border-left-color:var(--mint)}.calc-result[data-level=watch]{background:var(--warm-pastel);border-color:#f6d5be;border-left-color:var(--warm-deep)}.calc-result[data-level=risk]{background:var(--alert-pastel);border-color:#f3cbc8;border-left-color:var(--alert)}.calc-result p{margin:0}.calc-result p+p{margin-top:.6em}.calc-headline{font-weight:700}.calc-values{color:var(--ink-soft);flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:.92rem;display:flex}.calc-values b{color:var(--ink)}.calc noscript p{color:var(--ink-faint);margin:0;font-size:.92rem}.calc-note{color:var(--ink-faint);margin:-1.2em 0 2em;font-size:.88rem}.related{border-top:1px solid var(--line);margin-top:2.6em;padding-top:1.6em}.related h2{margin-bottom:.8em;font-size:1.25rem}.related ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.related ul{grid-template-columns:repeat(2,1fr)}}.related a{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:12px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.related a:hover{border-color:var(--line-strong);color:var(--air-deep);transform:translateY(-2px)}.related a span{color:var(--ink-soft);margin-top:.2em;font-size:.88rem;font-weight:400;display:block}