.hero{position:relative;overflow:hidden;min-height:760px;display:flex;align-items:center;padding:clamp(5rem,8vw,7rem) 0;background:var(--gradient-dark);color:var(--color-text-on-dark)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at 78% 45%,black,transparent 68%)}
.hero::after{content:"";position:absolute;width:52vw;height:52vw;max-width:820px;max-height:820px;right:-10%;top:-22%;border-radius:50%;background:radial-gradient(circle,rgba(38,120,243,.25),rgba(38,120,243,.06) 43%,transparent 70%);filter:blur(2px);pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);align-items:center;gap:clamp(3rem,7vw,7rem)}
.hero-copy{padding-block:2rem}
.hero h1{max-width:12ch;font-size:clamp(3rem,5.8vw,5.2rem)}
.hero h1 span{color:#72deb6}
.hero .lead{max-width:56ch}
.hero-contact{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.15rem;color:#d8e5f2;font-size:.9rem;font-weight:700;text-decoration:none}
.hero-contact:hover{color:#fff}
.hero-trust{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;padding:0;margin:1.5rem 0 0;list-style:none;color:#aebdd0;font-size:.8rem}
.hero-trust li{display:flex;align-items:center;gap:.4rem}.hero-trust .icon{color:var(--color-security)}
.hero-visual{position:relative;min-height:535px;perspective:900px}
.security-console{position:absolute;inset:5% 3% 8% 6%;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:2rem;background:linear-gradient(145deg,rgba(17,43,72,.92),rgba(7,23,41,.92));box-shadow:var(--shadow-lg),inset 0 1px rgba(255,255,255,.1);transform:rotateY(-3deg);backdrop-filter:blur(12px)}
.console-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid rgba(255,255,255,.1);color:#d8e5f2;font-size:.78rem;font-weight:750}
.console-status{display:flex;align-items:center;gap:.45rem;color:#7fe0ba}.console-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-security);box-shadow:0 0 0 5px rgba(38,197,138,.12)}
.console-body{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 56px)}
.console-nav{padding:1.1rem .85rem;border-right:1px solid rgba(255,255,255,.08)}
.console-nav span{display:flex;align-items:center;gap:.55rem;padding:.65rem .7rem;margin-bottom:.35rem;border-radius:.6rem;color:#8598b0;font-size:.74rem}
.console-nav span:first-child{background:rgba(38,120,243,.16);color:#e8f2ff}
.console-main{position:relative;padding:1.4rem}
.console-score{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.045)}
.score-ring{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--color-security) 0 80%,rgba(255,255,255,.08) 80% 100%);box-shadow:inset 0 0 0 9px #10233a}
.score-ring .icon{width:2.2rem;height:2.2rem;color:#fff}
.console-score strong{display:block;font-family:var(--font-heading);font-size:1.1rem}.console-score small{color:#8fa2b8}
.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}
.console-tile{min-height:110px;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;background:rgba(255,255,255,.035)}
.console-tile .icon{color:#63a2ff}.console-tile strong{display:block;margin:.8rem 0 .2rem;font-size:.82rem}.console-tile small{color:#8598af;font-size:.7rem}
.floating-review{position:absolute;right:-1%;bottom:2%;width:230px;padding:1rem;border:1px solid rgba(255,255,255,.13);border-radius:1rem;background:rgba(8,25,44,.96);box-shadow:var(--shadow-lg);color:#fff}
.floating-review-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.floating-review .brand-placeholder{width:42px;height:42px;margin:0;border-radius:.75rem;font-size:1rem}.floating-review strong{font-family:var(--font-heading);font-size:.85rem}.floating-review p{margin:.75rem 0 0;color:#8fa2b8;font-size:.72rem}

.category-showcase{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(2.5rem,6vw,6rem)}
.category-intro{position:sticky;top:calc(var(--header-height) + 2rem)}
.category-intro h2{max-width:11ch}
.category-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.editorial-band{position:relative;overflow:hidden;background:#071422;color:#fff}
.editorial-band::after{content:"";position:absolute;inset:auto -20% -60% 35%;height:420px;background:radial-gradient(circle,rgba(38,120,243,.24),transparent 68%);pointer-events:none}
.review-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;margin-bottom:1.25rem;padding:clamp(2rem,4vw,3rem);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.review-feature-mark{display:grid;place-items:center;min-height:260px;border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 35%,rgba(38,120,243,.35),rgba(6,16,29,.55) 68%)}
.review-feature-mark .brand-placeholder{width:112px;height:112px;margin:0;border-color:rgba(255,255,255,.2);font-size:2.5rem;box-shadow:0 26px 65px rgba(0,0,0,.4)}
.review-feature .lead{color:#aebed0}
.review-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0;margin:1.25rem 0;list-style:none;color:#d9e4ef;font-size:.88rem}
.review-feature-list li{display:flex;gap:.45rem;align-items:center}.review-feature-list .icon{color:var(--color-security)}
.support-split-media{position:relative;overflow:hidden;min-height:500px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#dceaff,#f7fbff)}
.support-orbit{position:absolute;inset:12%;border:1px solid #b9d2f0;border-radius:50%}
.support-orbit::before,.support-orbit::after{content:"";position:absolute;inset:16%;border:1px solid #c8ddf5;border-radius:50%}.support-orbit::after{inset:32%}
.support-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:112px;height:112px;border-radius:1.6rem;background:var(--gradient-brand);color:#fff;transform:translate(-50%,-50%);box-shadow:var(--shadow-glow)}
.support-core .icon{width:2.8rem;height:2.8rem}
.support-node{position:absolute;display:grid;place-items:center;width:54px;height:54px;border:1px solid #c3d8ef;border-radius:50%;background:#fff;color:var(--color-brand-deep);box-shadow:var(--shadow-sm)}
.support-node:nth-child(2){left:11%;top:20%}.support-node:nth-child(3){right:8%;top:30%}.support-node:nth-child(4){left:16%;bottom:12%}.support-node:nth-child(5){right:16%;bottom:10%}
.trust-panel{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-border)}
.trust-panel article{padding:2rem;background:#fff}.trust-panel .icon{margin-bottom:1.2rem;color:var(--color-brand-deep)}

.page-hero{position:relative;overflow:hidden;padding:clamp(4.25rem,7vw,6.75rem) 0;background:var(--gradient-dark);color:#fff}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black 55%,transparent)}
.page-hero::after{content:"";position:absolute;width:430px;height:430px;right:-8%;top:-45%;border-radius:50%;background:radial-gradient(circle,rgba(38,120,243,.25),transparent 68%)}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{max-width:18ch;font-size:clamp(2.45rem,4.8vw,4.5rem)}
.breadcrumbs{display:flex;align-items:center;gap:.45rem;margin-bottom:1.3rem;color:#9cabc0;font-size:.8rem}
.breadcrumbs a{color:#d8e4ef}

.filter-bar{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:.85rem;padding:1.2rem;margin-bottom:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0}

.metric-row{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 0}
.metric{min-width:155px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.metric strong{color:#8fa2b8;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.metric span{font-family:var(--font-heading);font-weight:750}
.review-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:3rem}
.review-identity-panel{padding:1.5rem;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg);background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.review-identity-panel .brand-placeholder{width:72px;height:72px}.review-identity-panel p{color:#9fb0c3;font-size:.82rem}
.disclosure{padding:1.1rem 1.25rem;border:1px solid #bfd5f1;border-left:4px solid var(--color-brand);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-brand-soft);color:#26476e;font-size:.9rem}
.toc-select{display:none;margin:1rem 0}
.toc{position:sticky;top:calc(var(--header-height) + 1.25rem);align-self:start;padding:1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}
.toc h2{margin:.2rem .45rem .8rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}
.toc ul{list-style:none;margin:0;padding:0}
.toc a{display:block;padding:.5rem .7rem;border-left:2px solid transparent;border-radius:0 .5rem .5rem 0;color:var(--color-text-muted);font-size:.84rem;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}
.toc a:hover,.toc a.active{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand-deep)}
.article-section{padding:clamp(2rem,4vw,3rem) 0;border-bottom:1px solid var(--color-border)}
.article-section h2{font-size:clamp(1.65rem,2.5vw,2.3rem)}
.article-section>p{max-width:72ch;color:#46576d}
.review-summary{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:center;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:var(--shadow-sm)}
.review-summary .brand-placeholder{width:84px;height:84px;margin:0;font-size:2rem}
.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.score-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.7rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}
.score-item strong{font-size:.9rem}.score-item span{color:var(--color-text-muted);font-size:.78rem;font-weight:700}
.score-track{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:#e9edf3}.score-track i{display:block;width:18%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c8d4e1,#e2e8ef)}

.product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(2.5rem,6vw,5rem);align-items:start}
.product-image{position:sticky;top:calc(var(--header-height) + 1.5rem);display:grid;place-items:center;min-height:520px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 35%,#fff,#edf2f8);box-shadow:var(--shadow-sm)}
.product-image img{width:100%;max-height:520px;object-fit:contain}
.product-image .empty-state{border:0}
.price{margin:1rem 0 .25rem;color:var(--color-text);font-family:var(--font-heading);font-size:2rem;font-weight:800}
.spec-list{display:grid;grid-template-columns:1fr 1fr;margin:1.4rem 0;border-top:1px solid var(--color-border)}
.spec-list div{padding:.9rem .2rem;border-bottom:1px solid var(--color-border)}
.spec-list dt{color:var(--color-text-muted);font-size:.72rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.spec-list dd{margin:.2rem 0 0;font-weight:700}
.legal-banner{padding:1rem 1.1rem;border:1px solid #ecd19d;border-radius:var(--radius-md);background:var(--color-warning-soft);color:#6b4b17;font-size:.88rem}

.compare-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0 2rem}
.compare-picker label{display:flex;gap:.65rem;align-items:center;min-height:58px;padding:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-family:var(--font-heading);font-size:.9rem;font-weight:700;box-shadow:var(--shadow-xs)}
.compare-picker input{width:20px;height:20px;accent-color:var(--color-brand)}
.compare-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem}

.contact-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:1.5rem;align-items:start}
.contact-panel{position:sticky;top:calc(var(--header-height) + 1.5rem);overflow:hidden;padding:2rem;border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);background:var(--gradient-dark);color:#fff;box-shadow:var(--shadow-md)}
.contact-panel::after{content:"";position:absolute;width:240px;height:240px;right:-100px;bottom:-120px;border-radius:50%;background:rgba(38,120,243,.23)}
.contact-panel a{color:#9dccff}
.contact-list{position:relative;z-index:1;list-style:none;padding:0}
.contact-list li{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.contact-list .icon{color:var(--color-security)}
.contact-form{padding:clamp(1.5rem,4vw,2.25rem)}
.form-intro{padding-bottom:1.2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}

.policy-copy{max-width:820px}
.policy-copy>p,.policy-copy>ul{color:#46576d}
.policy-copy h2{margin-top:2.6rem;font-size:1.55rem}
.policy-copy ul{padding-left:1.3rem}
.resource-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--color-text-muted);font-size:.82rem}