.ref-breadcrumbs{background:#09090a;border-bottom:1px solid var(--line)}
.ref-breadcrumbs .container{min-height:46px;display:flex;align-items:center;gap:10px;color:#8f9399;font-size:.86rem}
.ref-breadcrumbs a{color:#aeb1b6}.ref-breadcrumbs a:hover{color:#fff}
.ref-breadcrumbs .sep{color:#5d6167}.ref-breadcrumbs [aria-current="page"]{color:#e5e6e8}
.ref-hero{position:relative;min-height:520px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#050506}
.ref-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}
.ref-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.90) 35%,rgba(5,5,6,.58) 62%,rgba(5,5,6,.16) 100%),linear-gradient(0deg,rgba(5,5,6,.44),transparent 42%)}
.ref-hero .inner{position:relative;z-index:2;padding:82px 0}
.ref-hero .content{max-width:710px}
.ref-hero h1{margin:.55rem 0 1rem;font-size:clamp(3rem,5.4vw,5.5rem);line-height:.94;letter-spacing:-.058em}
.ref-hero p{max-width:665px;margin:0 0 28px;color:#d1d3d6;font-size:1.08rem}
.ref-trust{background:#0a0a0b;border-bottom:1px solid var(--line)}
.ref-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ref-trust-item{padding:24px;border-right:1px solid var(--line)}
.ref-trust-item:last-child{border-right:0}.ref-trust-item strong{display:block;margin-bottom:5px}.ref-trust-item span{color:#92969c;font-size:.88rem}
.ref-section{padding:96px 0}
.ref-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:48px;align-items:end;margin-bottom:28px}
.ref-head h2{margin:.42rem 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.048em}
.ref-head p{margin:0;color:var(--muted);max-width:620px}
.ref-disclaimer{margin:0 0 32px;padding:14px 17px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0e0f11;color:#9fa3a9;font-size:.88rem}
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ref-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,#15161a,#0e0f11);box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease}
.ref-card:hover{transform:translateY(-4px);border-color:rgba(209,31,39,.38)}
.ref-media{aspect-ratio:7/5;overflow:hidden;background:#0b0b0c}
.ref-media img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease}
.ref-card:hover .ref-media img{transform:scale(1.025)}
.ref-body{padding:23px 22px 25px}
.ref-body h3{margin:0 0 9px;font-size:1.25rem;letter-spacing:-.02em}
.ref-body p{margin:0 0 17px;color:var(--muted);font-size:.92rem}
.ref-link{display:inline-flex;gap:7px;align-items:center;font-weight:800;font-size:.88rem;border-bottom:1px solid rgba(209,31,39,.55);padding-bottom:3px}
.ref-link:hover{color:#ef444c}
.ref-feature{padding:0 0 82px}
.ref-feature-panel{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid var(--line);border-radius:27px;background:#101113;box-shadow:var(--shadow)}
.ref-feature-media{min-height:430px}.ref-feature-media img{width:100%;height:100%;object-fit:cover}
.ref-feature-copy{padding:48px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 100% 0%,rgba(209,31,39,.09),transparent 17rem),#101113}
.ref-feature-copy h2{margin:.4rem 0 14px;font-size:clamp(2.1rem,3.6vw,3.7rem);line-height:1;letter-spacing:-.045em}
.ref-feature-copy p{color:var(--muted);margin:0 0 22px}
.ref-quality{padding:72px 0;background:#09090a;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.ref-quality-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;padding:42px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 4% 20%,rgba(209,31,39,.12),transparent 18rem),#101113}
.ref-quality-panel h2{margin:0;font-size:clamp(2.1rem,3.6vw,3.6rem);line-height:1;letter-spacing:-.045em}
.ref-quality-panel p{margin:0 0 22px;color:var(--muted)}
.ref-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0;padding:0;list-style:none}
.ref-points li{position:relative;padding-left:17px;color:#d9dbde}
.ref-points li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--red)}
.ref-cta{padding:72px 0}
.ref-cta .panel{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:40px 42px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle at 90% 50%,rgba(209,31,39,.17),transparent 18rem),#101113}
.ref-cta h2{margin:.3rem 0 8px;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1;letter-spacing:-.04em}
.ref-cta p{margin:0;color:var(--muted);max-width:690px}
.ref-cta .cta-actions{display:flex;gap:10px;flex-wrap:wrap}
a:focus-visible,button:focus-visible{outline:3px solid #ef444c;outline-offset:3px;border-radius:6px}
@media(max-width:980px){.ref-grid{grid-template-columns:1fr 1fr}.ref-trust-grid{grid-template-columns:1fr 1fr}.ref-trust-item:nth-child(2){border-right:0}}
@media(max-width:760px){.ref-head{grid-template-columns:1fr;gap:16px}.ref-feature-panel{grid-template-columns:1fr}.ref-feature-media{min-height:330px}.ref-feature-copy{padding:34px 29px}.ref-quality-panel{grid-template-columns:1fr;padding:33px 28px}.ref-cta .panel{grid-template-columns:1fr;padding:32px 27px}}
@media(max-width:620px){.ref-hero{min-height:555px}.ref-hero .inner{padding:64px 0 70px}.ref-hero h1{font-size:3.15rem}.ref-hero>img{object-position:60% center}.ref-trust-grid,.ref-grid{grid-template-columns:1fr}.ref-trust-item{border-right:0;border-bottom:1px solid var(--line)}.ref-section{padding:74px 0}.ref-media{aspect-ratio:4/3}.ref-points{grid-template-columns:1fr}}