:root{--bg:#f4f8f6;--panel:#fff;--panel-strong:#edf6f1;--text:#111815;--muted:#5e6b66;--line:#dbe5df;--accent:#0f5144;--accent-soft:#dcefe9;--highlight:#2b7f70;--danger-soft:#fff3e6;--shadow:0 18px 55px #11181514;--shadow-soft:0 10px 30px #1118150d}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:radial-gradient(circle at 12% 0%,#0f51441c,transparent 32rem),radial-gradient(circle at 88% 6%,#52887e1a,transparent 28rem),linear-gradient(180deg,#eef6f3 0%,var(--bg)48rem);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{max-width:1180px;margin:0 auto;padding:24px}.siteHeader,.siteFooter{justify-content:space-between;align-items:center;gap:16px;display:flex}.siteHeader{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f8f6db;border-bottom:1px solid #dbe5dfbd;padding:20px 0 28px;position:sticky;top:0}.siteFooter{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:24px 0 48px;font-size:14px}.brand{gap:4px;display:grid}.brand strong{letter-spacing:.02em;font-size:18px}.brand span,.nav a,.lede,.muted,.card span,table{color:var(--muted)}.nav{flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.nav a{border-radius:999px;padding:8px 10px;transition:background .16s,color .16s}.nav a:hover,.nav a:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}.hero,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:24px;padding:28px}.hero{gap:18px;display:grid}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--highlight);font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.08}h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.4rem,2vw,2rem)}.lede{max-width:760px;font-size:18px;line-height:1.6}.badgeRow,.buttonRow,.metaRow,.crumbs{flex-wrap:wrap;gap:12px;display:flex}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;display:inline-flex}.badge.warn{background:var(--danger-soft);color:#9a5a14}.formLabel{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.finderGrid,.twoColumn{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.formGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.field{gap:8px;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:12px;padding:10px 12px;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #184d3b1f}input[type=range]{padding:0}textarea{resize:vertical;line-height:1.5}.toggleGrid{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.toggleGrid label{align-items:center;gap:8px;display:inline-flex}.toggleGrid input{width:auto}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.resultList{gap:12px;display:grid}.resultCard{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.resultCard:hover{box-shadow:var(--shadow-soft);border-color:#184d3b5c;transform:translateY(-2px)}.resultCard div:nth-child(2){gap:4px;display:grid}.resultCard span{color:var(--muted);line-height:1.45}.rankBadge,.scorePill{border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.rankBadge{background:var(--panel-strong);width:34px;height:34px;color:var(--highlight)}.scorePill{background:var(--accent);color:#fff;width:54px;height:54px;font-size:20px}.finderGrid{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}ul{margin:12px 0 0;padding-left:20px}li{color:var(--muted);margin:8px 0}.badge.subtle{background:var(--panel-strong);color:var(--muted)}.button,.buttonGhost{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 12px 25px #184d3b2e}.buttonGhost{background:0 0}.button:hover,.buttonGhost:hover{transform:translateY(-1px)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;gap:6px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.card:hover{box-shadow:var(--shadow-soft);border-color:#184d3b52;transform:translateY(-2px)}.sectionStack{gap:24px;margin-top:24px;display:grid}.split{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.list{gap:12px;display:grid}.listItem{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.listItem span{color:var(--muted);line-height:1.45}.listItem:last-child{border-bottom:0}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px 0}.metricGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.metricCard{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;position:relative;overflow:hidden}.metricCard strong{margin-top:6px;font-size:30px;display:block}.crumbs{margin-bottom:16px;font-size:14px}.crumbs a{color:var(--accent)}@media (max-width:760px){.split,.siteHeader,.siteFooter{grid-template-columns:1fr;display:grid}}.visualHero{background:linear-gradient(135deg,#fffffffa,#edf6f1e6),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;gap:28px;padding:32px;display:grid;overflow:hidden}.visualHeroCopy{align-content:center;gap:18px;display:grid}.visualHeroMedia{background:var(--accent-soft);border-radius:26px;min-height:360px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff61}.visualHeroMedia:after{content:"";pointer-events:none;background:linear-gradient(#0000 42%,#1a1d146b),radial-gradient(circle at 14% 20%,#ffffff57,#0000 10rem);position:absolute;inset:0}.visualHeroMedia img{object-fit:cover;width:100%;height:100%}.mediaFloatCard{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #ffffff6b;border-radius:18px;gap:2px;padding:12px 14px;display:grid;position:absolute;box-shadow:0 12px 30px #1a1d1429}.mediaFloatCard span{color:var(--muted);font-size:13px}.mediaFloatCardTop{top:18px;left:18px}.mediaFloatCardBottom{bottom:18px;right:18px}.finderGrid.visualFinder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd}.photoStrip{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.photoStrip img{object-fit:cover;border:1px solid var(--line);border-radius:16px;width:100%;height:96px}.imageCard{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;overflow:hidden}.imageCard:hover{box-shadow:var(--shadow);border-color:#184d3b5c;transform:translateY(-3px)}.imageCard img{aspect-ratio:4/3;object-fit:cover;width:100%}.imageCardBody{gap:7px;padding:16px;display:grid}.imageCardBody span,.imageCardBody small{color:var(--muted);line-height:1.45}.miniLabel{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--highlight)!important}.visualGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.visualGrid.tight{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.moduleImage{border:1px solid var(--line);background:#fff;border-radius:22px;margin:0;overflow:hidden}.moduleImage img{aspect-ratio:4/3;object-fit:cover;width:100%}.moduleImage figcaption{color:var(--muted);padding:12px 14px;font-size:13px}.moduleImage.spaced{margin-bottom:18px}.visualSplit{grid-template-columns:.9fr 1.1fr;align-items:start;gap:22px;display:grid}.toolLayout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:22px;display:grid}.stickyPanel{position:sticky;top:104px}.formPanel{background:linear-gradient(145deg,#fffffffa,#edf6f1e6)}.resultCard.withImage{grid-template-columns:76px auto minmax(0,1fr) auto}.resultThumb{object-fit:cover;border-radius:16px;width:76px;height:64px}.comparisonTableWrap{overflow-x:auto}.decisionStrip{background:var(--accent-soft);color:var(--accent);border:1px solid #184d3b33;border-radius:22px;gap:10px;padding:18px;display:grid}.mediaPanel{padding:0;overflow:hidden}.mediaPanel img{object-fit:cover;width:100%;height:100%;min-height:260px}.sectionKicker{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}@media (max-width:900px){.visualHero,.visualSplit,.toolLayout{grid-template-columns:1fr}.visualHeroMedia{min-height:280px}.stickyPanel{position:static}}@media (max-width:760px){.shell{padding:16px}.visualHero,.panel,.hero{border-radius:22px;padding:22px}.photoStrip{grid-template-columns:repeat(2,1fr)}.resultCard,.resultCard.withImage{grid-template-columns:1fr}.rankBadge,.scorePill{width:auto;min-width:44px;height:38px}.listItem{display:grid}}