:root{--ink:#102a3c;--slate:#3d5566;--mist:#b8d4de;--frost:#e8f4f8;--glacier:#5ec8d8;--ice:#a8e0ea;--heat:#d4654a;--warm:#e8a070;--paper:#fbfeff;--vent:#1a3a4d;--focus:#2a8f9e;--font-display:"Syne", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--space:clamp(1rem, 2.5vw, 2rem);--max:72rem;--radius:.35rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% -10%, #d4654a2e, transparent 55%), radial-gradient(ellipse 70% 60% at 90% 0%, #5ec8d847, transparent 50%), linear-gradient(180deg, #f7fbfc 0%, var(--frost) 40%, #dceef4 100%);min-height:100vh;margin:0;font-size:1.05rem;line-height:1.55}img{max-width:100%}a{color:var(--focus);text-underline-offset:.15em}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{background:var(--paper);z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:.5rem;left:.5rem}.wrap{width:min(100% - 2 * var(--space), var(--max));margin-inline:auto}.site-header{z-index:50;backdrop-filter:blur(12px);background:#fbfeffc7;border-bottom:1px solid #102a3c14;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);align-items:baseline;gap:.35rem;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:800;text-decoration:none;display:inline-flex}.brand span{color:var(--glacier)}.nav-links{flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.nav-links a{color:var(--slate);font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--ink)}.hero{padding:clamp(2.5rem,8vw,5.5rem) 0 clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 28px,#5ec8d812 28px 30px);position:absolute;inset:0;mask-image:linear-gradient(#0000008c,#0000 85%)}.hero-grid{align-items:end;gap:2rem;display:grid;position:relative}@media (width>=900px){.hero-grid{grid-template-columns:1.2fr .8fr;gap:3rem}}.hero-brand{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);margin:0 0 1rem;font-size:clamp(2.6rem,7vw,4.8rem);font-weight:800;line-height:.95}.hero-brand em{background:linear-gradient(105deg, var(--heat) 0%, var(--warm) 35%, var(--glacier) 75%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{max-width:34rem;color:var(--slate);margin:0 0 1.5rem;font-size:1.1rem}.trust-strip{font-family:var(--font-mono);letter-spacing:.02em;color:var(--slate);border-top:1px solid #102a3c14;gap:.85rem 1.5rem;margin-bottom:.5rem;padding:1.25rem 0 .25rem;font-size:.78rem;display:grid;position:relative}@media (width>=700px){.trust-strip{grid-template-columns:repeat(3,1fr)}}.trust-strip strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:.15rem;font-size:1rem;display:block}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--vent);color:var(--paper)}.btn-ghost{color:var(--ink);background:0 0;border-color:#102a3c33}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.btn-amazon{color:#111;background:#f90}.btn-amazon:hover{color:#111;background:#e88b00}.temp-panel{background:linear-gradient(160deg,#d4654a59,#0000 45%),linear-gradient(200deg,#5ec8d88c,#e8f4f8e6);border:1px solid #102a3c1a;border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:14rem;padding:1.5rem;animation:1.4s ease-out both cool-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #102a3c14}.temp-track{background:#102a3c1f;border-radius:999px;height:.4rem;margin:.75rem 0 1rem;overflow:hidden}.temp-track>span{transform-origin:0;background:linear-gradient(90deg, var(--heat), var(--glacier));width:100%;height:100%;animation:1.4s ease-out both cool-bar;display:block}@keyframes cool-bar{0%{transform:scaleX(.15)}to{transform:scaleX(1)}}@keyframes cool-in{0%{filter:saturate(1.4)hue-rotate(-18deg);transform:scale(.98)}to{filter:none;transform:none}}.temp-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-size:.75rem}.temp-readout{font-family:var(--font-display);letter-spacing:-.04em;margin:.4rem 0;font-size:clamp(3.5rem,8vw,5rem);font-weight:800;line-height:1}.temp-readout span{vertical-align:super;font-size:.45em}.temp-note{color:var(--slate);max-width:16rem;margin:0;font-size:.9rem}.vent-lines{pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 10px,#fbfeff1f 10px 11px);position:absolute;inset:0}.section{padding:clamp(2.5rem,6vw,4.5rem) 0}.section-head{max-width:40rem;margin-bottom:1.75rem}.section-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:750;line-height:1.1}.section-head p{color:var(--slate);margin:0}.product-list{flex-direction:column;gap:.85rem;display:flex}.product{backdrop-filter:blur(8px);background:#fbfeffb8;border:1px solid #102a3c14;border-radius:.75rem;grid-template-columns:auto 1fr;align-items:start;gap:1rem 1.25rem;padding:1.15rem 1.25rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.product.is-featured{background:linear-gradient(90deg,#5ec8d82e,#0000 12px),#fbfeffe0;border-color:#5ec8d8a6;box-shadow:0 16px 40px #102a3c12}.product:hover{border-color:#5ec8d88c;transform:translateY(-2px);box-shadow:0 12px 30px #102a3c0f}@media (width>=700px){.product{grid-template-columns:auto 1fr auto;align-items:center}}.product-emoji{background:radial-gradient(circle at 30% 25%,#ffffffd9,#0000 45%),linear-gradient(145deg,#5ec8d873,#e8f4f8f2);border:1px solid #5ec8d873;border-radius:.65rem;place-items:center;width:4.25rem;height:4.25rem;font-size:2.35rem;line-height:1;animation:3.2s ease-in-out infinite frost-pulse;display:grid;box-shadow:inset 0 0 0 1px #ffffff59}@keyframes frost-pulse{0%,to{filter:saturate()}50%{filter:saturate(1.15)brightness(1.04)}}.specs span{align-items:center;gap:.3rem;display:inline-flex}.specs span:before{content:"";background:var(--glacier);opacity:.8;border-radius:50%;width:.35rem;height:.35rem}.product-body h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.2rem;font-weight:700}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--vent);background:#5ec8d838;border-radius:999px;margin-bottom:.35rem;padding:.15rem .45rem;font-size:.68rem;display:inline-block}.product-body p{color:var(--slate);margin:0 0 .65rem;font-size:.95rem}.specs{font-family:var(--font-mono);color:var(--slate);flex-wrap:wrap;gap:.4rem .85rem;font-size:.75rem;display:flex}.product-actions{flex-direction:column;gap:.5rem;min-width:10.5rem;display:flex}@media (width<=699px){.product-actions{flex-flow:wrap;grid-column:1/-1}}.compare-check{color:var(--slate);cursor:pointer;user-select:none;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.compare-check input{accent-color:var(--glacier);width:1rem;height:1rem}.table-wrap{background:#fbfeffd9;border:1px solid #102a3c1a;border-radius:.75rem;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:40rem;font-size:.92rem}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid #102a3c14;padding:.85rem 1rem}.compare-table th{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--slate);background:#e8f4f8b3;font-size:.72rem;font-weight:500}.compare-table tr:last-child td{border-bottom:none}.compare-table .emoji-cell{font-size:1.4rem}.compare-table .hidden-row{display:none}.compare-table.show-all .hidden-row{display:table-row}.compare-hint{color:var(--slate);margin:0 0 1rem;font-size:.95rem}.quiz{background:#102a3c08;border:1px solid #102a3c14;border-radius:1rem;padding:clamp(1.25rem,3vw,2rem)}.quiz-step h3{font-family:var(--font-display);margin:0 0 1rem;font-size:1.25rem}.quiz-options{gap:.65rem;display:grid}@media (width>=600px){.quiz-options{grid-template-columns:repeat(2,1fr)}}.quiz-option{appearance:none;text-align:left;background:var(--paper);font:inherit;color:var(--ink);cursor:pointer;border:1.5px solid #102a3c1f;border-radius:.65rem;padding:1rem 1.1rem;transition:border-color .15s,background .15s}.quiz-option:hover,.quiz-option:focus-visible{border-color:var(--glacier);background:#5ec8d81f}.quiz-progress{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);margin-bottom:.75rem;font-size:.75rem}.quiz-result{display:none}.quiz-result.active{display:block}.quiz-result .product{margin-top:1rem}.seo-block{background:#fbfeffa6;border-top:1px solid #102a3c14;border-bottom:1px solid #102a3c14}.seo-block h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.4rem,2.5vw,1.85rem)}.seo-block p{color:var(--slate);max-width:52rem;margin:0 0 1rem}.seo-block p:last-child{margin-bottom:0}.site-footer{color:var(--slate);padding:2rem 0 2.5rem;font-size:.88rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.site-footer a{color:var(--slate)}.disclosure{max-width:36rem;line-height:1.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.faq-list{flex-direction:column;gap:.65rem;max-width:48rem;display:flex}.faq-list details{background:#fbfeffbf;border:1px solid #102a3c14;border-radius:.65rem;padding:.85rem 1rem}.faq-list summary{font-family:var(--font-display);letter-spacing:-.02em;cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--glacier);font-weight:700}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:var(--slate);margin:.75rem 0 .15rem;font-size:.95rem}.compare-dock{z-index:60;width:min(100% - 1.5rem,36rem);color:var(--paper);opacity:0;pointer-events:none;background:#102a3cf0;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:transform .25s,opacity .25s;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 16px 40px #102a3c47}.compare-dock.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.compare-dock p{margin:0;font-size:.9rem}.compare-dock .btn{padding:.55rem .95rem;font-size:.85rem}.compare-dock .btn-ghost{color:var(--paper);border-color:#fbfeff59}.compare-dock .btn-ghost:hover{border-color:var(--paper);color:var(--paper)}@media (width<=640px){.brand{font-size:.95rem}.nav-links{gap:.25rem .7rem;font-size:.8rem}.compare-dock{border-radius:.85rem;bottom:.75rem}.hero-brand{font-size:clamp(2.2rem,11vw,3rem)}}body.has-dock{padding-bottom:5.5rem}.page-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.1}.blog-list{flex-direction:column;gap:.85rem;display:flex}.blog-list-home{margin-bottom:1.25rem}.blog-card{color:inherit;background:#fbfeffbf;border:1px solid #102a3c14;border-radius:.75rem;grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1.1rem 1.2rem;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.blog-card:hover{color:inherit;border-color:#5ec8d88c;transform:translateY(-2px)}.blog-emoji{background:linear-gradient(145deg,#5ec8d859,#e8f4f8f2);border-radius:.6rem;place-items:center;width:3.5rem;height:3.5rem;font-size:1.75rem;display:grid}.blog-card h2,.blog-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:.2rem 0 .35rem;font-size:1.15rem}.blog-card p{color:var(--slate);margin:0;font-size:.95rem}.blog-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--slate);flex-wrap:wrap;gap:.35rem .55rem;font-size:.72rem;display:flex}.blog-meta a{color:var(--slate);text-decoration:none}.blog-meta a:hover{color:var(--ink)}.blog-more{margin:0}.article{max-width:44rem}.article-emoji{margin:0 0 .5rem;font-size:2.5rem}.article-lede{color:var(--slate);margin:0 0 1.75rem;font-size:1.1rem}.article-body{color:var(--ink)}.article-body :first-child{margin-top:0}.article-body h2{font-family:var(--font-display);letter-spacing:-.02em;margin:2rem 0 .75rem;font-size:1.35rem}.article-body p,.article-body li{color:var(--slate);line-height:1.65}.article-body ul,.article-body ol{padding-left:1.2rem}.article-body a{color:var(--focus)}.article-body table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:.92rem}.article-body th,.article-body td{text-align:left;vertical-align:top;border-bottom:1px solid #102a3c1a;padding:.65rem .75rem}.article-body th{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--slate);background:#e8f4f8a6;font-size:.72rem}.article-cta{border-top:1px solid #102a3c1a;flex-wrap:wrap;gap:.75rem;margin:2.5rem 0 0;padding-top:1.5rem;display:flex}a[aria-current=page]{color:var(--ink);font-weight:600}
