:root{--navy:#0e2039;--ink:#142740;--muted:#596779;--border:#dce2e9;--teal:#92e5d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f6f8fb;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:26px 5%;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:500;letter-spacing:1px;line-height:1.15}.brand svg{width:31px;height:37px;fill:none;stroke:var(--navy);stroke-width:2.5}.brand .check{stroke:#168d84}.brand small{display:block;font-size:10px;letter-spacing:1.5px;margin-top:7px}.brand strong{font-weight:800}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:#168d84}.header-note{font-size:14px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding:75px 0 80px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px}.line{width:30px;height:2px;background:#168d84}h1{font-size:clamp(54px,6.3vw,86px);letter-spacing:-4px;line-height:1.02;margin:24px 0}h1 em{font-style:normal;color:#147f79}.hero-copy>p{font-size:19px;color:var(--muted);line-height:1.65}.hero-link{display:inline-block;margin-top:16px;background:var(--navy);padding:15px 24px;color:white;border-radius:4px;font-size:14px;font-weight:700}.hero-link:hover{background:#204264}.hero-board{background:var(--navy);color:white;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px #0e20391a;transform:rotate(-1deg)}.board-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:20px 24px;border-bottom:3px solid var(--teal);color:var(--teal)}.hero-board>a{display:grid;grid-template-columns:38px 1fr;gap:16px;position:relative;padding:25px 24px;border-bottom:1px solid #ffffff26;font-size:24px;font-weight:700;line-height:1.25}.hero-board>a:hover{background:#ffffff08}.round{font-size:16px;color:var(--teal);border-top:2px solid var(--teal);padding-top:5px}.hero-board small{display:block;font-size:11px;letter-spacing:1.5px;color:#b8c5d8;margin-bottom:7px}.hero-board i{font-family:Georgia,serif;font-weight:400;color:var(--teal);margin:0 4px}.tag{grid-column:2;font-size:10px;font-weight:400;letter-spacing:1px;color:#a3b2c7}.board-bottom{padding:17px 24px;font-size:12px;color:#bac8da}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-title .eyebrow{color:#147f79}h2{font-size:29px;letter-spacing:-.8px;max-width:560px;line-height:1.25;margin:10px 0 0}.section-title>p{font-size:14px;color:var(--muted);margin:0;text-align:right}.matchup{--accent:#167d78;--tint:#edf8f5;background:white;border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:6px;margin-bottom:28px;overflow:hidden;scroll-margin-top:24px}.cameras{--accent:#285fa1;--tint:#eef4fc}.alarms{--accent:#a36b20;--tint:#fbf5e9}.card-top{display:flex;justify-content:space-between;align-items:center;padding:20px 32px}.card-top .eyebrow{color:var(--accent)}.category{font-size:12px;letter-spacing:1.5px;font-weight:700}.opponents{display:grid;grid-template-columns:1fr 80px 1fr;gap:25px;align-items:center;padding:10px 32px 30px}.opponents>div:last-child{text-align:right}.corner-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}h3{font-size:clamp(26px,3.2vw,42px);letter-spacing:-1.2px;line-height:1.15;margin:12px 0 14px}.opponents p{font-size:16px;color:var(--muted);margin:0;line-height:1.6}.versus{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:1px solid var(--border);font-size:18px;font-weight:800;color:var(--accent);background:var(--tint);position:relative}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--tint);padding:22px 32px}.card-bottom>p{font-size:14px;margin:0;color:#455569}.learn{cursor:pointer;border:1px solid var(--accent);border-radius:4px;background:white;color:var(--accent);padding:13px 17px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:22px;text-align:left}.learn span{font-size:22px;line-height:1}.learn:hover{background:var(--accent);color:white}.tape-preview{display:flex;gap:32px;padding:15px 32px;align-items:center;font-size:12px;color:var(--muted);border-top:1px solid #00000009}.tape-preview span:first-child{font-size:10px;font-weight:700;letter-spacing:1.3px;color:var(--accent);margin-right:auto}.tape{padding:22px 32px 25px;border-top:1px solid var(--border);overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}caption{text-align:left;font-size:18px;font-weight:700;margin-bottom:16px}th,td{text-align:left;padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--border)}thead{background:var(--tint)}th:first-child{width:23%}.referee{font-size:14px;color:var(--muted);margin:20px 0 0;max-width:900px}.expert{text-align:center;padding:52px 0 58px}.expert .eyebrow{color:#147f79}.expert p{font-size:23px;line-height:1.55;letter-spacing:-.4px;margin:15px 0 0}.expert strong{font-weight:600}footer{max-width:1440px;margin:auto;padding:26px 5%;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid #de8a24;outline-offset:5px}@media(min-width:1500px){h1{font-size:86px}}@media(max-width:900px){.header-note{display:none}.hero{gap:30px}.hero-board>a{font-size:20px}.board-top{flex-direction:column;gap:4px}.opponents{grid-template-columns:1fr 50px 1fr;gap:16px}.versus{width:48px;height:48px}.card-bottom{align-items:start}.learn{max-width:260px}h3{font-size:30px}}@media(max-width:650px){header{padding:20px 6%;flex-wrap:wrap;gap:20px}.brand{font-size:18px}nav{width:100%;justify-content:space-between;gap:10px}main{padding:0 6%}.hero{grid-template-columns:1fr;padding:44px 0 50px;gap:35px}h1{font-size:64px;letter-spacing:-3px}.hero-copy>p{font-size:17px}.hero-board{transform:none}.board-top{flex-direction:row;font-size:9px}.hero-board>a{font-size:21px}.section-title{display:block}.section-title>p{text-align:left;margin-top:14px}h2{font-size:26px}.card-top{padding:18px}.category{font-size:10px;letter-spacing:1px}.opponents{padding:8px 18px 24px;grid-template-columns:1fr 34px 1fr;gap:9px;align-items:start}.corner-label{font-size:9px;letter-spacing:.8px}h3{font-size:24px;letter-spacing:-.7px;overflow-wrap:normal}.opponents p{font-size:14px;line-height:1.5}.versus{width:34px;height:34px;font-size:12px;margin-top:52px}.card-bottom{flex-direction:column;padding:20px 18px;gap:18px}.learn{max-width:none;width:100%;justify-content:space-between;font-size:14px}.tape-preview{padding:14px 18px;gap:10px;flex-wrap:wrap;font-size:11px}.tape-preview span:first-child{width:100%}.tape{padding:18px}th,td{padding:10px 7px;font-size:12px;overflow-wrap:anywhere}th:first-child{width:22%}.expert{padding:30px 0 44px}.expert p{font-size:19px}footer{padding:24px 6%;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Fight Night treatment: retain the surrounding brand and page structure. */
.hero-copy h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(70px,7.9vw,112px);letter-spacing:-1.8px;line-height:.96;transform:skew(-5deg);transform-origin:left center;margin:26px 0 30px;text-shadow:3px 4px 0 #0e20390d}.hero-copy h1 em{display:inline-block;position:relative;padding-bottom:13px}.hero-copy h1 em:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#147f79 0 73%,transparent 73% 76%,#147f79 76% 86%,transparent 86% 89%,#147f79 89%);transform:skew(-15deg)}.hero-copy>.eyebrow{letter-spacing:2.8px}.hero-board{box-shadow:0 24px 48px #0e20392b,0 2px 0 #ffffff inset;transform:rotate(-2deg);border:1px solid #31455f}.board-top{background:#172e4a}.hero-board>a{background:linear-gradient(110deg,#ffffff05,transparent 50%);padding-top:26px;padding-bottom:26px}.hero-board>a>span:nth-child(2){font-family:'Arial Narrow',Arial,sans-serif;font-weight:800}.matchup{--right-accent:#92e5d6;background:#0e2039;color:#fff;border:1px solid #263b54;border-top:4px solid var(--accent);border-radius:8px;box-shadow:0 18px 32px #0e20391a,0 3px 7px #0e203914;margin-bottom:38px;position:relative}.cameras{--right-accent:#92bced}.alarms{--right-accent:#eccb92}.card-top{background:#08182b;border-bottom:1px solid #ffffff18;padding:19px 32px}.card-top .eyebrow{color:var(--right-accent);letter-spacing:2px}.category{letter-spacing:2.3px;color:#d6dfeb}.opponents{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:10px;padding:38px 32px 36px;background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 28%,#0e2039),#0e2039 45%,#09182b 55%,color-mix(in srgb,var(--right-accent) 12%,#0e2039));align-items:center}.opponents:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,#ffffff36,transparent);z-index:-1;transform:rotate(12deg)}.opponents>div{border-left:3px solid var(--accent);padding:0 0 0 20px}.opponents>div:last-child{border-left:0;border-right:3px solid var(--right-accent);padding:0 20px 0 0}.corner-label{color:#9cb5ce;font-size:11px;font-weight:700;letter-spacing:2px}.opponents>div:last-child .corner-label{color:var(--right-accent)}.opponents h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(34px,4vw,57px);letter-spacing:.1px;line-height:1.06;margin:16px 0 20px;text-shadow:2px 4px 0 #00000040}.opponents p{color:#d0dcea;font-size:16px;line-height:1.55}.versus{width:100px;height:100px;justify-self:center;border-radius:6px;transform:rotate(-8deg);background:linear-gradient(145deg,#1d3552,#09182b);border:1px solid #8da3bd;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-style:italic;font-size:53px;color:#fff;box-shadow:0 0 0 7px #0e2039,0 0 0 8px #ffffff1a,0 15px 28px #00000055;text-shadow:2px 3px 0 var(--accent)}.card-bottom{background:#132941;border-top:1px solid #ffffff18;padding:22px 32px}.card-bottom>p{color:#d0dcea}.learn{background:transparent;color:#fff;border-color:#7490ab;border-radius:3px}.learn:hover{background:#fff;color:#0e2039}.tape-preview{background:#09182b;color:#bfcedf;border-top:1px solid #ffffff20;padding:18px 32px;font-size:13px}.tape-preview span:first-child{color:var(--right-accent);font-size:11px;letter-spacing:1.8px}.tape{background:linear-gradient(90deg,#132941,#0b1b30 50%,#132941);border-top:1px solid #ffffff20;padding:26px 32px}.tape table{display:block}.tape caption{display:block;text-align:center;text-transform:uppercase;font-size:16px;letter-spacing:2px;color:var(--right-accent);margin-bottom:22px}.tape thead,.tape tbody{display:block;background:none}.tape tr{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch;gap:12px;margin-bottom:10px}.tape tr>*{display:flex;align-items:center;border:1px solid #ffffff23;padding:15px 18px;font-size:14px;line-height:1.5;min-width:0}.tape tr>*:first-child{grid-column:2;grid-row:1;width:auto;justify-content:center;text-align:center;color:#b6c8dc;background:#07172a;border:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tape tr>*:nth-child(2){grid-column:1;grid-row:1;text-align:right;justify-content:flex-end;background:color-mix(in srgb,var(--accent) 17%,#122740);border-left:3px solid var(--accent)}.tape tr>*:nth-child(3){grid-column:3;grid-row:1;background:#152c45;border-right:3px solid var(--right-accent)}.tape thead tr>*:nth-child(n+2){font-size:16px;font-weight:800;text-transform:uppercase;border-top:0;border-bottom:2px solid var(--right-accent);background:none}.referee{color:#c4d3e3;border-top:1px solid #ffffff23;padding-top:18px;font-size:14px}
@media(max-width:1000px){.opponents{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);padding-left:24px;padding-right:24px}.opponents h3{font-size:38px}.versus{width:72px;height:72px;font-size:42px}.opponents>div{padding-left:14px}.opponents>div:last-child{padding-right:14px}.tape tr{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)}}
@media(max-width:650px){.hero-copy h1{font-size:clamp(64px,16vw,94px);letter-spacing:-1px}.hero-board{transform:none}.card-top{padding:17px 18px}.category{font-size:10px;letter-spacing:1.5px}.opponents{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:7px;padding:28px 13px;align-items:start}.opponents>div{padding-left:9px;border-left-width:2px}.opponents>div:last-child{padding-right:9px;border-right-width:2px}.corner-label{font-size:9px;letter-spacing:.6px}.opponents h3{font-size:clamp(22px,5.5vw,34px);line-height:1.12;letter-spacing:0;margin:13px 0 16px;overflow-wrap:anywhere}.opponents p{font-size:14px}.versus{width:42px;height:52px;font-size:28px;margin-top:65px;border-radius:3px;box-shadow:0 0 0 3px #0e2039,0 0 0 4px #ffffff1a,0 10px 15px #00000044}.card-bottom{padding:20px 18px}.tape-preview{padding:17px 18px;font-size:12px}.tape{padding:22px 12px}.tape caption{font-size:14px;letter-spacing:1px}.tape tr{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:5px}.tape tr>*{font-size:12px;padding:11px 7px;overflow-wrap:normal}.tape tr>*:first-child{font-size:10px;letter-spacing:.3px;padding:10px 3px}.tape thead tr>*:nth-child(n+2){font-size:13px}.referee{padding:17px 6px 0}.matchup{margin-bottom:28px}}
/* Supplied matchup artwork, displayed in full with no image cropping. */
.graphic-card{display:block;width:100%;padding:0;margin:0;border:0;background:#08182b;color:inherit;cursor:pointer;line-height:0;border-radius:0 0 6px 6px;overflow:hidden;position:relative}.graphic-card img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.graphic-card:focus-visible{outline:4px solid #92e5d6;outline-offset:-4px}.graphic-card:hover{filter:brightness(1.06)}.graphic-card:active{filter:brightness(.98)}
/* Professional explanation beside a compact, uncropped fight card. */
.editorial-matchup{background:#fff;color:var(--ink);border-color:var(--border);border-top:3px solid var(--accent);box-shadow:0 7px 22px #0e203909}.editorial-matchup .card-top{background:#f6f8fb;border-bottom:1px solid var(--border)}.editorial-matchup .card-top .eyebrow{color:var(--accent)}.editorial-matchup .category{color:var(--ink)}.matchup-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:32px}.matchup-copy>.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.5px}.matchup-copy h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,2.7vw,36px);font-weight:800;line-height:1.16;letter-spacing:-1px;margin:13px 0 22px}.matchup-copy p{color:var(--muted);font-size:16px;line-height:1.65;margin:14px 0}.matchup-copy .matchup-summary{font-size:18px;font-weight:700;color:var(--ink);line-height:1.45}.matchup-copy .matchup-note{font-size:14px;border-top:1px solid var(--border);padding-top:16px;margin-top:21px}.compact-graphic{aspect-ratio:auto;display:block;padding:0;background:transparent;border-radius:6px;box-shadow:none;border:0;line-height:0;align-self:center}.compact-graphic img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.video-placeholder{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 32px;padding:23px 0 26px;border-top:1px solid var(--border)}.video-placeholder p{font-size:18px;font-weight:700;margin:0 0 3px}.video-placeholder>div>span{font-size:14px;color:var(--muted)}.video-placeholder button{display:flex;align-items:center;gap:15px;background:#f6f8fb;border:1px solid #c9d3df;border-radius:4px;color:#42536a;padding:13px 18px;font-size:14px;font-weight:700;opacity:1}.video-placeholder button span{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;border-left:1px solid #c9d3df;padding-left:15px}
@media(max-width:900px) and (min-width:701px){.matchup-body{gap:22px;padding:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.matchup-copy h3{font-size:26px}.matchup-copy p{font-size:14px}.matchup-copy .matchup-summary{font-size:16px}.video-placeholder{margin:0 24px}}
@media(max-width:700px){.matchup-body{grid-template-columns:1fr;gap:24px;padding:22px 18px}.matchup-copy h3{font-size:29px;margin-bottom:17px}.matchup-copy p{font-size:16px}.matchup-copy .matchup-note{font-size:14px}.compact-graphic{aspect-ratio:auto}.compact-graphic img{max-height:none}.video-placeholder{margin:0 18px;flex-direction:column;align-items:flex-start;padding:21px 0 24px;gap:16px}.video-placeholder p{font-size:17px}.video-placeholder button{width:100%;justify-content:space-between}}
/* Final landing-page direction; matchup sections retain their existing styles. */
.landing-hero{display:flex;flex-direction:column;gap:0;background:#000;color:#fff;text-align:center;padding:45px 5% 65px;margin:0 calc(50% - 50vw) 65px;width:100vw;overflow:hidden}.official-logo{display:block;width:240px;max-width:55vw;height:auto;margin:0 auto 18px}.landing-hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(46px,6.1vw,90px);font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.03;margin:0 0 22px;max-width:1200px;color:#f8f8f8}.landing-hero h1 span{display:block}.landing-hero>p{font-size:clamp(17px,2vw,27px);line-height:1.4;color:#eee;margin:0 0 32px}.landing-actions{display:flex;justify-content:center;gap:20px;width:100%;max-width:1200px}.landing-button{display:flex;align-items:center;justify-content:center;gap:16px;flex:1;border:2px solid transparent;border-radius:5px;padding:17px 16px;font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(13px,1.5vw,19px);font-weight:800;line-height:1.3;letter-spacing:.2px;white-space:nowrap}.landing-button span{font-size:29px;line-height:1}.price-button{background:#fff;color:#080808;border-color:#fff}.matchup-button{background:#000;color:#cb36ef;border-color:#cb36ef}.booking-button{background:#ff6b00;color:#080808;border-color:#ff6b00}.price-button:hover{background:#e5e5e5}.matchup-button:hover{background:#26032f}.booking-button:hover{background:#ff842b}.contact-placeholders{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 55px}.contact-placeholders article{background:#fff;border:1px solid var(--border);border-radius:6px;padding:30px;scroll-margin-top:30px}.contact-placeholders .eyebrow{color:#147f79}.contact-placeholders h2{font-size:25px;margin:12px 0}.contact-placeholders p{font-size:16px;color:var(--muted);margin:0 0 20px;max-width:440px}.placeholder-label{display:inline-block;background:#f1f4f8;color:#596779;font-size:12px;padding:6px 10px;border-radius:3px}
@media(max-width:700px){.landing-hero{padding:36px 6% 44px;margin-bottom:42px}.official-logo{width:190px;margin-bottom:20px}.landing-hero h1{font-size:clamp(28px,7.6vw,53px);letter-spacing:-.4px;margin-bottom:20px}.landing-hero>p{font-size:17px;max-width:420px;margin-bottom:26px}.landing-actions{flex-direction:column;gap:12px;max-width:440px}.landing-button{font-size:16px;padding:14px 20px;justify-content:space-between}.contact-placeholders{grid-template-columns:1fr;gap:18px}.contact-placeholders article{padding:24px}.contact-placeholders h2{font-size:24px}}
/* Full-screen approved poster hero, without a separate header. */
.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-hero{height:100svh;min-height:570px;box-sizing:border-box;justify-content:center;padding:24px 5%;gap:0;margin-bottom:65px}.landing-hero .official-logo{width:auto;height:clamp(140px,27svh,275px);max-width:50vw;object-fit:contain;margin:0 auto clamp(14px,2.8svh,28px)}.landing-hero h1{width:min(100%,1200px);max-width:1200px;margin:0 0 clamp(14px,2.5svh,26px);line-height:0;font-size:inherit;letter-spacing:normal}.poster-headline{display:block;width:100%;height:auto;max-height:34svh;object-fit:contain;margin:auto}.landing-hero>p{margin:0 0 clamp(20px,3.5svh,36px);font-size:clamp(17px,2vw,27px);line-height:1.4}.landing-actions{flex-shrink:0}.landing-button{padding:clamp(13px,2svh,20px) 16px}.contact-placeholders h2{scroll-margin-top:24px}
@media(max-width:700px){.landing-hero{height:auto;min-height:100svh;padding:32px 6%;margin-bottom:42px}.landing-hero .official-logo{height:clamp(140px,23svh,200px);max-width:65vw;margin-bottom:24px}.landing-hero h1{margin-bottom:24px}.poster-headline{max-height:none;width:100%;height:auto}.landing-hero>p{font-size:17px;max-width:420px;margin-bottom:26px}.landing-button{padding:14px 20px}.landing-actions{gap:12px}}
@media(min-width:701px) and (max-height:650px){.landing-hero{min-height:480px;padding-top:18px;padding-bottom:18px}.landing-hero .official-logo{height:24svh;margin-bottom:12px}.poster-headline{max-height:30svh}.landing-hero h1{margin-bottom:14px}.landing-hero>p{font-size:19px;margin-bottom:20px}.landing-button{padding:12px}}
/* Subtle utility line above the black hero. */
.contact-strip{height:30px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff12}.contact-strip a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:400;line-height:1;padding:7px 12px;letter-spacing:.2px}.contact-strip svg{flex-shrink:0}.contact-strip a:hover{color:#ddd}.landing-hero{height:calc(100svh - 30px)}
@media(max-width:700px){.landing-hero{height:auto;min-height:calc(100svh - 30px)}}
/* Matchup 01: a dark, three-column editorial comparison. */
.doorbell-editorial{background:#08080d;color:#f7f7fa;border:1px solid #28242f;border-top:0;border-radius:6px;box-shadow:none}.doorbell-editorial .card-top{background:transparent;border-color:#ffffff15;padding:22px 28px}.doorbell-editorial .card-top .eyebrow{color:#bfa5d9}.doorbell-editorial .category{color:#bfc0ca}.doorbell-three-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);gap:26px;padding:42px 28px 38px;align-items:start}.competitor-copy{--corner:#b12eff;min-width:0}.battery-copy{--corner:#ff7a16}.competitor-copy h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(39px,4.4vw,64px);font-weight:900;letter-spacing:.1px;line-height:1.05;color:#fff;margin:0;white-space:nowrap}.paint-streak{height:9px;width:110px;max-width:70%;background:var(--corner);margin:14px 0 29px;transform:rotate(-3deg);clip-path:polygon(1% 29%,19% 14%,38% 20%,66% 0,97% 13%,88% 37%,100% 47%,81% 61%,93% 79%,61% 91%,24% 87%,0 100%,7% 67%,0 49%)}.tape-label{display:block;font-size:10px;font-weight:500;letter-spacing:1.6px;color:#97919f;margin-bottom:11px}.competitor-copy h4{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(17px,1.55vw,22px);font-weight:800;letter-spacing:.1px;line-height:1.25;margin:0 0 23px;color:#eeeaf3}.competitor-copy dl{margin:0}.competitor-copy dl>div{padding:13px 0;border-top:1px solid #ffffff18}.competitor-copy dt{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--corner);margin-bottom:6px}.competitor-copy dd{margin:0;font-size:15px;line-height:1.55;color:#ccc7d3}.center-fightcard{align-self:center;min-width:0}.center-fightcard .compact-graphic{border-radius:3px}.doorbell-editorial .video-placeholder{border-color:#ffffff18;margin:0 28px;color:#eeeaf3}.doorbell-editorial .video-placeholder>div>span{color:#a6a0ae}.doorbell-editorial .video-placeholder button{background:#14111b;border-color:#44384d;color:#c6bdce}.doorbell-editorial .video-placeholder button span{border-color:#44384d}
@media(min-width:701px) and (max-width:1000px){.doorbell-three-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);gap:17px;padding:32px 20px}.competitor-copy h3{font-size:clamp(28px,4vw,40px)}.competitor-copy dd{font-size:14px}.competitor-copy h4{font-size:17px}.paint-streak{margin-bottom:23px}}
@media(max-width:700px){.doorbell-three-columns{grid-template-columns:1fr;gap:30px;padding:28px 20px}.competitor-copy h3{font-size:56px}.competitor-copy h4{font-size:21px}.competitor-copy h4 br{display:none}.competitor-copy h4 br:after{content:' '}.competitor-copy dd{font-size:16px}.paint-streak{margin-bottom:24px}.center-fightcard{width:100%}.doorbell-editorial .card-top{padding:18px 20px}.doorbell-editorial .video-placeholder{margin:0 20px}.competitor-copy h4{max-width:280px}}
/* Continuous black page below the hero, with an open editorial width. */
body{background:#000}.matchups{width:calc(100vw - 64px);margin-left:calc(50% - 50vw + 32px);color:#fff}.matchups .section-title{background:#000;border:1px solid #ffffffb3;padding:18px 24px;margin-bottom:34px;align-items:center;gap:24px}.matchups .section-title .eyebrow{color:#fff;font-size:10px;letter-spacing:1.8px}.matchups .section-title h2{color:#fff;font-size:24px;max-width:none;margin-top:5px;line-height:1.2}.matchups .section-title>p{color:#e1e1e5;font-size:14px;line-height:1.4}.matchups .editorial-matchup{background:#000;color:#fff;border:0;border-radius:0;box-shadow:none}.matchups .editorial-matchup .card-top{background:#000;border-bottom:1px solid #ffffff20;padding:16px 0}.matchups .editorial-matchup .category{color:#d4d3da}.matchups .editorial-matchup .card-top .eyebrow{color:#bbb5c5}.doorbell-three-columns{grid-template-columns:minmax(220px,1fr) minmax(0,2.5fr) minmax(220px,1fr);gap:clamp(30px,3.2vw,64px);padding:38px 0 42px;align-items:center}.doorbell-three-columns .competitor-copy{align-self:start}.center-fightcard{width:100%}.matchups .doorbell-editorial .video-placeholder{margin:0;padding:23px 0 28px}.matchups .matchup-copy h3,.matchups .matchup-copy .matchup-summary{color:#fff}.matchups .matchup-copy p{color:#c9c6d1}.matchups .matchup-copy>.eyebrow{color:#bbb5c5}.matchups .matchup-copy .matchup-note{border-color:#ffffff22}.matchups .matchup-body{padding-left:0;padding-right:0;gap:42px}.matchups .video-placeholder{color:#fff;border-color:#ffffff22;margin-left:0;margin-right:0}.matchups .video-placeholder>div>span{color:#a9a5b1}.matchups .video-placeholder button{background:#15121b;border-color:#44384d;color:#c6bdce}.matchups .video-placeholder button span{border-color:#44384d}.expert{color:#fff}.expert .eyebrow{color:#c0b8cf}.contact-placeholders article{background:#000;color:#fff;border:0;border-top:1px solid #ffffff30;border-radius:0}.contact-placeholders .eyebrow{color:#bfb5cd}.contact-placeholders h2{color:#fff}.contact-placeholders p{color:#aaa5b2}.placeholder-label{background:#16131d;color:#bfb9c9}footer{background:#000;color:#aba6b4;border-color:#ffffff22}
@media(min-width:701px) and (max-width:1050px){.matchups{width:calc(100vw - 40px);margin-left:calc(50% - 50vw + 20px)}.doorbell-three-columns{grid-template-columns:minmax(160px,1fr) minmax(0,2fr) minmax(160px,1fr);gap:22px;padding:32px 0}.competitor-copy h3{font-size:clamp(29px,4vw,42px)}}
@media(max-width:700px){.matchups{width:calc(100vw - 36px);margin-left:calc(50% - 50vw + 18px)}.matchups .section-title{padding:16px 18px;margin-bottom:24px}.matchups .section-title h2{font-size:22px}.matchups .section-title>p{margin-top:12px;font-size:14px}.doorbell-three-columns{grid-template-columns:1fr;gap:28px;padding:28px 0}.matchups .matchup-body{padding:24px 0;gap:24px}.matchups .editorial-matchup .card-top{padding:17px 0}.matchups .video-placeholder{margin:0}.contact-placeholders article{padding:24px 0}}
/* Camera edition of the open three-column matchup. */
.camera-editorial .premium-copy{--corner:#159dff}.camera-editorial .budget-copy{--corner:#ff302c}.matchups .camera-editorial .card-top{border:1px solid #ffffffb3;padding:14px 20px;background:#000;margin-bottom:8px}.camera-editorial .competitor-copy h3{font-size:clamp(34px,3.45vw,56px);white-space:normal;line-height:1.04;overflow-wrap:normal}.camera-editorial .paint-streak{width:130px;height:10px;clip-path:polygon(0 32%,9% 23%,5% 13%,33% 19%,45% 0,72% 15%,98% 4%,87% 29%,100% 39%,93% 53%,99% 73%,70% 80%,52% 100%,29% 83%,2% 97%,8% 66%,0 58%)}.camera-editorial .competitor-copy dl>div{border-top:0;position:relative;margin-top:5px;padding-top:17px}.camera-editorial .competitor-copy dl>div:before{content:'';position:absolute;left:0;top:0;width:75%;height:2px;background:var(--corner);opacity:.35;clip-path:polygon(0 35%,19% 0,43% 25%,76% 0,100% 40%,88% 70%,53% 100%,20% 75%,0 100%)}.camera-editorial .center-fightcard{align-self:center}.camera-editorial .video-placeholder{padding-top:23px;padding-bottom:28px}
@media(min-width:701px) and (max-width:1050px){.camera-editorial .competitor-copy h3{font-size:clamp(28px,3.6vw,38px)}}
@media(max-width:700px){.camera-editorial .competitor-copy h3{font-size:clamp(42px,10vw,58px)}.matchups .camera-editorial .card-top{padding:14px 16px}.camera-editorial .video-placeholder{margin:0}}
/* Typography only: consistent tall, clean headlines in Matchups 01 and 02. */
@font-face{font-family:'Security Headline';src:url('fonts/security-headline-bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.doorbell-editorial .competitor-copy h3,.camera-editorial .competitor-copy h3{font-family:'Security Headline','Arial Narrow',Arial,sans-serif;font-weight:700;font-stretch:normal;font-size:clamp(48px,4.6vw,72px);line-height:1.09;letter-spacing:1.5px;text-shadow:none;white-space:normal;word-break:normal;overflow-wrap:normal;margin:0}
.camera-editorial .competitor-copy h3{font-size:clamp(43px,4.2vw,66px);max-width:100%;text-wrap:balance}
@media(min-width:701px) and (max-width:1050px){.doorbell-editorial .competitor-copy h3{font-size:clamp(35px,4.7vw,49px);letter-spacing:1px}.camera-editorial .competitor-copy h3{font-size:clamp(32px,4.3vw,45px);letter-spacing:1px}}
@media(max-width:700px){.doorbell-editorial .competitor-copy h3,.camera-editorial .competitor-copy h3{font-size:clamp(48px,12vw,66px);line-height:1.1;letter-spacing:1.5px}.camera-editorial .competitor-copy h3{max-width:340px}}
/* Reference-matched headline proportions only: narrow, tall and tightly set. */
@font-face{font-family:'Security Poster';src:url('fonts/security-poster-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
.doorbell-editorial .competitor-copy h3,.camera-editorial .competitor-copy h3{font-family:'Security Poster','Arial Narrow',sans-serif;font-weight:700;font-size:clamp(58px,5.3vw,84px);line-height:.98;letter-spacing:0;word-spacing:0;font-kerning:normal;text-wrap:balance;white-space:normal;font-synthesis:none}
.camera-editorial .competitor-copy h3{font-size:clamp(54px,4.9vw,78px)}
@media(min-width:701px) and (max-width:1050px){.doorbell-editorial .competitor-copy h3{font-size:clamp(44px,5.5vw,58px);letter-spacing:0}.camera-editorial .competitor-copy h3{font-size:clamp(40px,5.1vw,54px);letter-spacing:0}}
@media(max-width:700px){.doorbell-editorial .competitor-copy h3,.camera-editorial .competitor-copy h3{font-size:clamp(60px,15vw,80px);line-height:.98;letter-spacing:0}}
/* Native Bebas Neue letterforms; no geometric scaling or added tracking. */
@font-face{font-family:'Security Bebas Neue';src:url('fonts/bebas-neue.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.doorbell-editorial .competitor-copy h3,.camera-editorial .competitor-copy h3{font-family:'Security Bebas Neue','Arial Narrow',sans-serif;font-weight:400;letter-spacing:0;word-spacing:0;line-height:.98;transform:none;font-synthesis:none}
.camera-editorial .competitor-copy h3>span{display:block}

/* Matchup 03 only: the established alarm edition. */
.matchups .alarm-editorial .card-top{border:1px solid #ffffffb3;padding:14px 20px;background:#000;margin-bottom:8px}
.alarm-editorial .paint-streak{width:130px;height:10px;clip-path:polygon(0 32%,9% 23%,5% 13%,33% 19%,45% 0,72% 15%,98% 4%,87% 29%,100% 39%,93% 53%,99% 73%,70% 80%,52% 100%,29% 83%,2% 97%,8% 66%,0 58%)}
.alarm-editorial .competitor-copy dl>div{border-top:0;position:relative;margin-top:5px;padding-top:17px}
.alarm-editorial .competitor-copy dl>div:before{content:'';position:absolute;left:0;top:0;width:75%;height:2px;background:var(--corner);opacity:.35;clip-path:polygon(0 35%,19% 0,43% 25%,76% 0,100% 40%,88% 70%,53% 100%,20% 75%,0 100%)}
.alarm-editorial .center-fightcard{align-self:center}
.alarm-editorial .video-placeholder{padding-top:23px;padding-bottom:28px}
.alarm-editorial .video-placeholder{margin:0}
.alarm-editorial .competitor-copy h3{font-family:'Security Bebas Neue','Arial Narrow',sans-serif;font-weight:400;letter-spacing:0;word-spacing:0;line-height:.98;transform:none;font-synthesis:none}
.alarm-editorial .competitor-copy h3>span{display:block}
.alarm-editorial .smart-copy{--corner:#00f5d4}.alarm-editorial .legacy-copy{--corner:#ff2da6}
.alarm-editorial .competitor-copy h3{font-size:clamp(54px,4.9vw,78px);letter-spacing:0;line-height:.98;max-width:100%;white-space:normal;text-wrap:balance}.alarm-editorial .competitor-copy h3>span{display:block}
@media(min-width:701px) and (max-width:1050px){.alarm-editorial .competitor-copy h3{font-size:clamp(40px,5.1vw,54px);letter-spacing:0}}
@media(max-width:700px){.alarm-editorial .competitor-copy h3{font-size:clamp(60px,15vw,80px);line-height:.98;letter-spacing:0;max-width:340px}.matchups .alarm-editorial .card-top{padding:14px 16px}.alarm-editorial .video-placeholder{margin:0}}

#matchup-menu{width:min(760px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:auto;padding:52px 36px 36px;border:1px solid #ffffff30;background:#000;color:#fff;overflow:auto}#matchup-menu::backdrop{background:#000d}#matchup-menu .matchup-menu-close{position:absolute;top:12px;right:16px;border:0;background:none;color:#aaa;font-size:26px;line-height:1;cursor:pointer;padding:6px}#matchup-menu .matchup-menu-choices{display:flex;flex-direction:column;gap:36px}#matchup-menu .matchup-menu-choice{display:block;text-align:center;padding:16px 8px;font-family:'Security Bebas Neue','Arial Narrow',sans-serif;font-weight:400;line-height:1.1}#matchup-menu .matchup-menu-title{display:block;color:#fff;font-size:clamp(28px,4.5vw,42px);margin-bottom:14px}#matchup-menu .matchup-menu-comparison{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:12px;font-size:clamp(28px,4.8vw,44px)}#matchup-menu .matchup-menu-comparison>span:first-child{color:#cb36ef}#matchup-menu .matchup-menu-comparison>span:nth-child(2){color:#fff}#matchup-menu .matchup-menu-comparison>span:last-child{color:#ff6b00}#matchup-menu .matchup-menu-choice:hover{background:#ffffff06}#matchup-menu .matchup-menu-choice:focus-visible,#matchup-menu .matchup-menu-close:focus-visible{outline:2px solid #cb36ef;outline-offset:4px}@media(max-width:480px){#matchup-menu{padding:48px 12px 24px}#matchup-menu .matchup-menu-choices{gap:24px}#matchup-menu .matchup-menu-comparison{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px;font-size:clamp(22px,7vw,32px)}#matchup-menu .matchup-menu-title{font-size:30px}}

/* Original approved artwork, displayed through three full-panel viewports. */
#matchup-menu{width:min(900px,calc(100% - 24px),calc(119.7svh - 148.4px));padding:40px 0 12px;border:0;background:transparent;box-shadow:none}#matchup-menu::backdrop{background:#000a}#matchup-menu .matchup-menu-close{top:0;right:8px;color:#fff}#matchup-menu .matchup-menu-choices{gap:20px}#matchup-menu .matchup-menu-choice{padding:0;background:transparent;transition:transform .18s ease,filter .18s ease}#matchup-menu .matchup-menu-choice svg{display:block;width:100%;height:auto;overflow:hidden}#matchup-menu .matchup-menu-choice:hover{background:transparent;transform:translateY(-2px);filter:brightness(1.08)}@media(max-width:480px){#matchup-menu{padding:38px 0 10px}#matchup-menu .matchup-menu-choices{gap:16px}}@media(prefers-reduced-motion:reduce){#matchup-menu .matchup-menu-choice{transition:none}#matchup-menu .matchup-menu-choice:hover{transform:none}}