:root{--resource-max:820px;--resource-accent:var(--accent,#3853c8)}
*{box-sizing:border-box}
body.resource-page{margin:0;font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg,#f6f7fb);color:var(--text,#111827)}
.resource-wrap{width:min(var(--resource-max),calc(100% - 32px));margin:0 auto;padding:30px 0 64px}
.resource-hero,.resource-article,.resource-panel{border:1px solid var(--line,#11182714);background:var(--card,#fff);border-radius:26px;box-shadow:0 18px 52px #11182710}
.resource-hero{padding:42px 34px;text-align:center}
.resource-kicker{color:var(--resource-accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.resource-hero h1{margin:10px auto 15px;max-width:18ch;font-size:clamp(36px,7vw,60px);line-height:1.02;letter-spacing:-.045em}
.resource-hero p{max-width:660px;margin:0 auto;color:var(--muted,#596579);font-size:19px}
.resource-button{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:11px 18px;border:0;border-radius:999px;background:var(--resource-accent);color:#fff;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}
.resource-article{margin-top:18px;padding:34px}
.resource-article h2{margin:34px 0 10px;font-size:28px;line-height:1.18;letter-spacing:-.025em}
.resource-article h2:first-child{margin-top:0}
.resource-article h3{margin:24px 0 8px;font-size:20px;line-height:1.25}
.resource-article p,.resource-article li,.resource-panel p{color:var(--muted,#596579)}
.resource-article a{color:var(--resource-accent);font-weight:650}
.resource-note{margin:24px 0;padding:16px 19px;border-left:3px solid var(--resource-accent);border-radius:0 15px 15px 0;background:color-mix(in srgb,var(--resource-accent) 8%,var(--card,#fff))}
.resource-note p{margin:0}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.resource-card{padding:20px;border:1px solid var(--line,#11182714);border-radius:17px;background:color-mix(in srgb,var(--card,#fff) 94%,var(--resource-accent))}
.resource-card h3{margin:0 0 6px}.resource-card p{margin:0}
.resource-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.resource-table th,.resource-table td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--line,#11182714);vertical-align:top}
.resource-table th{color:var(--text,#111827);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.resource-checklist{padding:0;list-style:none}.resource-checklist li{position:relative;margin:10px 0;padding-left:30px}.resource-checklist li:before{content:"";position:absolute;left:0;top:.38em;width:16px;height:16px;border:2px solid var(--resource-accent);border-radius:5px}
.resource-tool{margin:24px 0;padding:22px;border:1px solid var(--line,#11182714);border-radius:19px;background:color-mix(in srgb,var(--resource-accent) 6%,var(--card,#fff))}
.resource-tool label{display:grid;gap:6px;margin:13px 0;color:var(--text,#111827);font-weight:750}
.resource-tool input,.resource-tool select{width:100%;padding:11px 12px;border:1px solid var(--line,#1118272b);border-radius:10px;background:var(--card,#fff);color:var(--text,#111827);font:inherit}
.resource-result{margin-top:16px;padding:17px;border-radius:14px;background:var(--text,#111827);color:var(--bg,#fff)}
.resource-result strong{display:block;font-size:21px}.resource-result span{display:block;margin-top:4px;opacity:.82}
.hdr-capability{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;margin:22px 0;padding:18px;border:1px solid var(--line,#11182714);border-radius:17px;background:color-mix(in srgb,var(--card,#fff) 94%,var(--resource-accent))}.hdr-capability-dot{width:16px;height:16px;border:1px solid #cbd2df;border-radius:50%;background:#9aa3b3;box-shadow:0 0 0 3px #9aa3b31a}.hdr-capability[data-state="high"] .hdr-capability-dot{border-color:#dbe4ff;background:#fff;box-shadow:0 0 0 3px #8aa4ff35,0 0 9px 1px #a9b9ff99}.hdr-capability[data-state="standard"] .hdr-capability-dot{border-color:#ffd59b;background:#f0a847;box-shadow:0 0 0 3px #f0a84724}.hdr-capability strong,.hdr-capability span{display:block}.hdr-capability span{margin-top:2px;color:var(--muted,#596579);font-size:14px;line-height:1.45}
.hdr-reference{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0}.hdr-reference span{display:grid;place-items:end start;height:92px;padding:10px;border-radius:12px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #fff2}.hdr-reference span:nth-child(1){background:#686868}.hdr-reference span:nth-child(2){background:#b8b8b8;color:#171717}.hdr-reference span:nth-child(3){background:#fff;color:#171717}.hdr-reference .hdr-reference-high{background:url("/images/easyhdrglow-white-7-5x.jpg") center/cover,#fff;color:#171717;box-shadow:inset 0 0 0 1px #cbd5ff,0 0 12px #9fb2ff55}
.hdr-demo{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#07102726,#0508158f),url("/images/easyhdrglow-comparison.jpg") center/cover;isolation:isolate;box-shadow:inset 0 0 0 1px #fff2}.hdr-demo:before{content:"";position:absolute;inset:0;opacity:0;background:url("/images/easyhdrglow-comparison.jpg") center/cover;filter:saturate(1.05) brightness(.96) contrast(1.04);transition:opacity .25s ease}.hdr-demo.hdr-on:before{opacity:1}@media (dynamic-range:high){.hdr-demo.hdr-on:after{content:"";position:absolute;z-index:1;inset:0;opacity:.16;background:url("/images/easyhdrglow-white-7-5x.jpg") center/cover;-webkit-mask:radial-gradient(circle at 70% 17%,#000 0 3.25%,#000b 3.5%,transparent 3.9%);mask:radial-gradient(circle at 70% 17%,#000 0 3.25%,#000b 3.5%,transparent 3.9%)}}.hdr-demo-label{position:absolute;z-index:2;left:16px;bottom:15px;padding:7px 11px;border:1px solid #ffffff32;border-radius:999px;background:#070b17c7;color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(10px)}.hdr-toggle-row{display:flex;gap:8px;justify-content:center;margin-top:14px}.hdr-toggle-row button{padding:9px 15px;border:1px solid var(--line,#1118272b);border-radius:999px;background:var(--card,#fff);color:var(--text,#111827);font:inherit;font-weight:750;cursor:pointer}.hdr-toggle-row button[aria-pressed="true"]{background:var(--resource-accent);color:#fff}
.guide-groups{display:grid;gap:20px}.guide-group h2{margin:0 0 10px}.guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-link{display:block;padding:18px;border:1px solid var(--line,#11182714);border-radius:16px;background:var(--card,#fff);color:var(--text,#111827);text-decoration:none}.guide-link strong{display:block}.guide-link span{display:block;margin-top:4px;color:var(--muted,#596579);font-size:14px}
@media(max-width:650px){.resource-wrap{width:min(100% - 22px,var(--resource-max));padding-top:20px}.resource-hero,.resource-article{padding:26px 20px}.resource-grid,.guide-links{grid-template-columns:1fr}.hdr-reference{grid-template-columns:repeat(2,1fr)}.resource-table{font-size:13px}}
@media print{.site-shell-header,.site-breadcrumbs,.site-shell-footer,.resource-button{display:none!important}.resource-wrap{width:100%;padding:0}.resource-hero,.resource-article{box-shadow:none;border:0}.resource-article{margin:0}.resource-page{background:#fff;color:#000}}
