@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Bodoni+Moda:opsz,wght@6..96,600;6..96,700&family=Outfit:wght@600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#07090c;--orange:#ff6a00;--text:#f5f7fa;--muted:#aeb7c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 15%,#1c2631,#0d1218 40%,#07090c 75%);color:var(--text);font:16px/1.7 Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#0007,transparent 70%);z-index:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.container{width:min(1180px,92vw);margin:auto;position:relative}.header{position:absolute;z-index:3;inset:0 0 auto;padding:20px 0}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:13px;font:900 1rem Outfit,sans-serif;letter-spacing:.06em}.brand img{width:62px;height:62px;object-fit:contain}.brand small{display:block;color:#b8c1cd;font:600 .72rem Manrope,sans-serif;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:5px;border:1px solid #ffffff20;background:#ffffff0b;backdrop-filter:blur(16px);border-radius:999px;padding:6px}.nav a{color:#c9d0da;font:700 .82rem Manrope,sans-serif;padding:10px 14px;border-radius:999px}.nav a:hover{background:#ffffff16;color:white}.header-cta,.primary{border-radius:999px;color:#111;background:linear-gradient(135deg,#ff8d32,#ff6500);font:800 .9rem Manrope,sans-serif;box-shadow:0 12px 36px #ff6a003f;display:inline-flex;align-items:center;gap:12px;padding:14px 21px}.header-cta:hover,.primary:hover{filter:brightness(1.12)}.hero{position:relative;isolation:isolate;min-height:590px;display:flex;align-items:end;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#07090cfb 0%,#07090ce0 52%,#07090c7a 100%),linear-gradient(0deg,#07090c 0%,transparent 35%),url('/bryon-auto-hero-final.webp');background-size:cover;background-position:center 38%;z-index:-1}.hero .container{padding:165px 0 85px}.crumb{display:inline-flex;color:#b8c0cd;font:.8rem Manrope,sans-serif;margin-bottom:45px}.crumb:hover{color:#fff}.kicker{color:#e5ebf2;font:800 .76rem Manrope,sans-serif;letter-spacing:.19em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.kicker:before{content:"";width:29px;height:1px;background:#ff7d29}.hero h1{font:600 clamp(3.4rem,6.1vw,5.8rem)/1.11 "Bodoni Moda",Georgia,serif;letter-spacing:-.045em;text-transform:none;max-width:820px;text-shadow:0 3px 30px #0009;margin:22px 0}.hero h1 span{display:inline-block;color:#f1e8df;font-size:.82em;-webkit-text-stroke:0;text-shadow:0 3px 26px #000b}.hero p{max-width:640px;color:#c7ced7;font-size:1.07rem;line-height:1.75;margin:0}.content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr);gap:60px;padding-top:92px;padding-bottom:110px}.eyebrow{font:800 .72rem Manrope,sans-serif;color:#ff8733;letter-spacing:.18em;text-transform:uppercase}.editorial h2{font:900 clamp(2rem,3.2vw,3.4rem)/1.06 Outfit,sans-serif;letter-spacing:-.035em;margin:15px 0 22px;max-width:690px}.editorial p,.editorial li{color:#b9c3ce;line-height:1.85}.editorial p{max-width:700px}.editorial h3{font:800 1.34rem Outfit,sans-serif;margin:42px 0 9px}.editorial ul{padding-left:20px}.editorial li{padding:3px 0}.card{align-self:start;position:relative;overflow:hidden;border-radius:26px;border:1px solid #ffffff23;background:linear-gradient(145deg,#1b2027,#0b0e12);box-shadow:0 25px 75px #0006;padding:28px}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff8135,#fff6e7,#ff6a00,transparent)}.card h2{font:800 1.4rem Outfit,sans-serif;margin:12px 0 22px;text-transform:uppercase}.price{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffffff18;padding:15px 0;font:600 .91rem Manrope,sans-serif}.price strong{color:#ff8a36;white-space:nowrap;font:800 1.08rem Outfit,sans-serif}.price-link{border-radius:8px;transition:background .2s,padding .2s}.price-link:hover,.price-link:focus-visible{background:#ff6a0017;padding-left:9px;padding-right:9px;outline:2px solid #ff8a36;outline-offset:2px}.price-link strong{text-decoration:underline;text-underline-offset:4px}.card .note{color:#aeb7c4;font-size:.8rem;line-height:1.6;border-top:1px solid #ffffff18;padding-top:19px;margin:12px 0 0}.bottom-cta{padding:65px 0;background:linear-gradient(110deg,#141c25,#0b0e12);border-top:1px solid #ffffff1b}.bottom-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.bottom-cta h2{font:900 clamp(2rem,4vw,3.5rem)/1 Outfit,sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:11px 0}.bottom-cta p{color:#b9c2ce;margin:0}.footer{border-top:1px solid #ffffff18;padding:28px 0;color:#98a3b0;font:.8rem Manrope,sans-serif}.footer .container{display:flex;justify-content:space-between;gap:20px}.footer a:hover{color:white}@media(max-width:800px){.header{padding:9px 0}.brand img{width:45px;height:45px}.nav{display:none}.header-cta{padding:11px 15px;font-size:.75rem}.hero{min-height:620px}.hero:before{background-image:linear-gradient(0deg,#07090c 0%,#07090c86 65%,#07090c66 100%),url('/bryon-auto-hero-mobile.webp');background-position:center}.hero .container{padding:130px 0 65px}.hero h1{font-size:clamp(2.65rem,9vw,4.5rem)}.content{grid-template-columns:1fr;gap:34px;padding-top:60px;padding-bottom:75px}.bottom-cta .container{align-items:flex-start;flex-direction:column}.footer .container{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){
  .container{width:min(100% - 34px,480px)}
  .header{padding:11px 0}
  .header-inner{gap:8px}
  .brand{gap:7px;font-size:.84rem;letter-spacing:.035em;white-space:nowrap}
  .brand img{width:39px;height:39px}
  .brand small{font-size:.61rem}
  .header-cta{flex:none;padding:10px 12px;font-size:.7rem;box-shadow:none}
  .hero{min-height:0;display:block}
  .hero:before{background-image:linear-gradient(0deg,#07090c 0%,#07090cca 40%,#07090c75 100%),url('/bryon-auto-hero-mobile.webp');background-position:center top}
  .hero .container{padding:115px 0 52px}
  .crumb{margin-bottom:35px;font-size:.76rem}
  .kicker{font-size:.65rem;letter-spacing:.09em;line-height:1.5;gap:8px}
  .kicker:before{width:19px;flex:none}
  .hero h1{font-size:clamp(2.6rem,10.8vw,3.7rem);line-height:1.13;letter-spacing:-.035em;margin:17px 0 19px}
  .hero h1 span{display:block;font-size:.77em;overflow-wrap:anywhere}
  .hero p{font-size:.98rem;line-height:1.7}
  .content{gap:36px;padding-top:29px;padding-bottom:67px}
  .content .card{order:-1;width:100%;padding:23px;border-radius:20px}
  .card h2{font-size:1.26rem;margin-bottom:12px}
  .price{gap:10px;font-size:.84rem;align-items:baseline}
  .price span{min-width:0}
  .price strong{font-size:1rem;text-align:right}
  .price-link{flex-direction:column;align-items:flex-start;gap:0}
  .price-link strong{text-align:left;white-space:normal}
  .editorial h2{font-size:clamp(1.9rem,8vw,2.5rem);line-height:1.12}
  .editorial h3{margin-top:32px}
  .bottom-cta{padding:48px 0}
  .bottom-cta h2{font-size:clamp(2rem,8vw,2.8rem);line-height:1.08}
  .footer{padding:23px 0}
}
@media(max-width:360px){.brand small{display:none}.hero h1{font-size:2.5rem}.hero h1 span{font-size:.74em}.header-cta{font-size:.66rem;padding:9px 11px}}