/* Fidelity pass against design/selected-reference.png (787 × 1998).
   Desktop measurements use the rendered page width, excluding its scrollbar.
   Keep this sheet after oxlyn.css. Mobile keeps the existing usable reflow. */
@media (min-width:1101px){
  body.exo-redesign{--ref-unit:calc((100vw - 15px)/787)}
  .exo-redesign .container{width:calc(733 * var(--ref-unit));max-width:none}

  /* Reference: announcement 0–41, navigation 41–101. */
  .exo-announcement{height:calc(41 * var(--ref-unit))}
  .exo-announcement-inner{font-size:calc(9 * var(--ref-unit));gap:calc(25 * var(--ref-unit));font-weight:600;line-height:1.25}
  .exo-announcement-inner>span{gap:calc(8 * var(--ref-unit))}
  .exo-announcement .exo-status-dot{width:calc(6 * var(--ref-unit));height:calc(6 * var(--ref-unit))}
  .exo-announcement a{width:calc(90 * var(--ref-unit));height:calc(26 * var(--ref-unit));padding:0;justify-content:center;font-size:calc(9 * var(--ref-unit));gap:calc(7 * var(--ref-unit));border-radius:calc(6 * var(--ref-unit))}
  .exo-announcement .icon{width:calc(11 * var(--ref-unit));height:calc(11 * var(--ref-unit))}
  .exo-redesign .exo-site-header{height:calc(60 * var(--ref-unit))}
  .exo-nav-inner{width:calc(100% - 32 * var(--ref-unit));gap:calc(16 * var(--ref-unit))}
  .exo-redesign .exo-brand{width:calc(128 * var(--ref-unit))}
  .exo-payment-mark{padding-left:calc(17 * var(--ref-unit))}
  .exo-payment-mark .icon{width:calc(12 * var(--ref-unit));height:calc(23 * var(--ref-unit))}
  .exo-redesign #main-nav{gap:calc(21 * var(--ref-unit))}
  .exo-redesign #main-nav a{font-size:calc(10 * var(--ref-unit));font-weight:650;padding:calc(12 * var(--ref-unit)) 0}
  .exo-header-actions{font-size:calc(10 * var(--ref-unit));gap:calc(13 * var(--ref-unit))}
  .exo-header-actions>a{gap:calc(6 * var(--ref-unit))}
  .exo-header-actions .icon{width:calc(12 * var(--ref-unit));height:calc(12 * var(--ref-unit))}
  .exo-nav-search{display:none!important}
  .exo-nav-docs{width:calc(40 * var(--ref-unit))}
  .exo-nav-discord{width:calc(65 * var(--ref-unit));height:calc(29 * var(--ref-unit));justify-content:center;padding:0;border-radius:calc(6 * var(--ref-unit))}
  .exo-currency summary{width:calc(47 * var(--ref-unit));height:calc(28 * var(--ref-unit));justify-content:center;padding:0;gap:calc(7 * var(--ref-unit));border-radius:calc(6 * var(--ref-unit))}
  .exo-currency .icon{width:calc(8 * var(--ref-unit));height:calc(8 * var(--ref-unit))}
  .exo-redesign .exo-nav-cart{width:calc(49 * var(--ref-unit));min-width:0;min-height:calc(29 * var(--ref-unit));justify-content:center}
  .exo-nav-account{width:calc(77 * var(--ref-unit));height:calc(29 * var(--ref-unit));justify-content:center;padding:0;border-radius:calc(6 * var(--ref-unit))}

  /* Hero: y101–489. Typography/controls follow the same left edge at x34. */
  .exo-hero-grid{height:calc(388 * var(--ref-unit));min-height:0;grid-template-columns:1.05fr 1fr;align-items:stretch}
  .exo-hero-copy{position:absolute;left:calc(7 * var(--ref-unit));top:calc(59 * var(--ref-unit));padding:0}
  .exo-hero-chip{height:calc(25 * var(--ref-unit));padding:0 calc(12 * var(--ref-unit));gap:calc(8 * var(--ref-unit));font-size:calc(10 * var(--ref-unit));line-height:1.2;border-radius:calc(15 * var(--ref-unit));margin-bottom:calc(9 * var(--ref-unit))}
  .exo-hero-chip .exo-status-dot{width:calc(7 * var(--ref-unit));height:calc(7 * var(--ref-unit))}
  .exo-hero-chip .icon{width:calc(11 * var(--ref-unit));height:calc(11 * var(--ref-unit));margin-left:calc(2 * var(--ref-unit))}
  .exo-hero h1{font-size:calc(38 * var(--ref-unit));font-weight:850;line-height:calc(36 * var(--ref-unit));letter-spacing:-.055em}
  .exo-hero-description{font-size:calc(12.4 * var(--ref-unit));line-height:calc(18 * var(--ref-unit));margin-top:calc(19 * var(--ref-unit))!important;max-width:calc(390 * var(--ref-unit));color:#c5c2ce}
  .exo-hero-actions{margin-top:calc(22 * var(--ref-unit));gap:calc(10 * var(--ref-unit))}
  .exo-redesign .exo-hero-actions .exo-button{height:calc(37 * var(--ref-unit));min-height:0;padding:0 calc(16 * var(--ref-unit));gap:calc(10 * var(--ref-unit));font-size:calc(12 * var(--ref-unit));border-radius:calc(8 * var(--ref-unit))}
  .exo-hero-actions .exo-button:first-child{width:calc(146 * var(--ref-unit))}
  .exo-hero-actions .exo-button:nth-child(2){width:calc(151 * var(--ref-unit))}
  .exo-hero-actions .icon{width:calc(13 * var(--ref-unit));height:calc(13 * var(--ref-unit))}
  .exo-benefits{margin-top:calc(19 * var(--ref-unit));gap:calc(10 * var(--ref-unit))}
  .exo-benefits li{height:calc(29 * var(--ref-unit));padding:0 calc(10 * var(--ref-unit));gap:calc(8 * var(--ref-unit));font-size:calc(9 * var(--ref-unit));border-radius:calc(7 * var(--ref-unit));justify-content:center}
  .exo-benefits li:nth-child(1){width:calc(125 * var(--ref-unit))}
  .exo-benefits li:nth-child(2){width:calc(121 * var(--ref-unit))}
  .exo-benefits li:nth-child(3){width:calc(111 * var(--ref-unit))}
  .exo-benefits .icon{width:calc(13 * var(--ref-unit));height:calc(13 * var(--ref-unit))}
  .exo-hero-visual{grid-column:2;margin-left:calc(-22 * var(--ref-unit))}
  .exo-outline-brand{left:calc(-86 * var(--ref-unit));top:calc(-9 * var(--ref-unit));font-size:calc(130 * var(--ref-unit));line-height:1;letter-spacing:-.05em;-webkit-text-stroke:1px #29262e}
  .exo-hero-visual::before{background-size:calc(28 * var(--ref-unit)) calc(28 * var(--ref-unit))}
  .exo-compatibility{height:calc(56 * var(--ref-unit));min-height:0;gap:calc(28 * var(--ref-unit));font-size:calc(12 * var(--ref-unit))}
  .exo-compatibility>span:first-child{font-size:calc(8 * var(--ref-unit));letter-spacing:.17em}
  .exo-compatibility strong{font-size:calc(12 * var(--ref-unit))}
  .exo-compatibility-payment{font-size:calc(11 * var(--ref-unit));gap:calc(8 * var(--ref-unit));padding-left:calc(22 * var(--ref-unit))}
  .exo-compatibility-payment .icon{width:calc(12 * var(--ref-unit));height:calc(20 * var(--ref-unit))}

  /* Products: heading y574, media y623–799, cards y615–938. */
  .exo-products{padding-top:calc(23 * var(--ref-unit));padding-bottom:calc(31 * var(--ref-unit))}
  .exo-section-heading{gap:calc(20 * var(--ref-unit));margin-bottom:calc(12 * var(--ref-unit))}
  .exo-section-heading h2{font-size:calc(29 * var(--ref-unit));font-weight:800;line-height:calc(35 * var(--ref-unit));letter-spacing:-.045em}
  .exo-section-heading p{font-size:calc(13 * var(--ref-unit));line-height:calc(18 * var(--ref-unit));margin-top:0}
  .exo-redesign .exo-button-small{font-size:calc(10 * var(--ref-unit));line-height:1.2;padding:0 calc(12 * var(--ref-unit));height:calc(31 * var(--ref-unit));min-height:0;gap:calc(10 * var(--ref-unit));border-radius:calc(7 * var(--ref-unit))}
  .exo-section-heading>.exo-button{align-self:flex-start;margin-top:calc(4 * var(--ref-unit))}
  .exo-button-small .icon{width:calc(11 * var(--ref-unit));height:calc(11 * var(--ref-unit))}
  .exo-product-track{gap:calc(9 * var(--ref-unit));padding:0;scroll-padding-left:0}
  .exo-product-card{flex-basis:calc(202 * var(--ref-unit));min-height:calc(323 * var(--ref-unit));padding:calc(6 * var(--ref-unit));border-radius:calc(10 * var(--ref-unit))}
  .exo-product-media{height:calc(176 * var(--ref-unit));aspect-ratio:auto;border-radius:calc(6 * var(--ref-unit))}
  .exo-product-content{padding:calc(10 * var(--ref-unit)) calc(4 * var(--ref-unit)) calc(4 * var(--ref-unit))}
  .exo-product-content h3{font-size:calc(14 * var(--ref-unit));line-height:calc(18 * var(--ref-unit));font-weight:750;letter-spacing:-.04em}
  .exo-frameworks{padding:calc(8 * var(--ref-unit)) 0 0;min-height:0;gap:calc(5 * var(--ref-unit));flex-wrap:nowrap}
  .exo-frameworks>span{font-size:calc(8 * var(--ref-unit));line-height:calc(11 * var(--ref-unit));padding:calc(4 * var(--ref-unit)) calc(6 * var(--ref-unit));border-radius:calc(4 * var(--ref-unit))}
  .exo-product-price{font-size:calc(16 * var(--ref-unit));line-height:calc(20 * var(--ref-unit));margin:calc(10 * var(--ref-unit)) 0 calc(10 * var(--ref-unit))!important}
  .exo-redesign .exo-product-cta{height:calc(31 * var(--ref-unit));min-height:0;padding:0;font-size:calc(10 * var(--ref-unit));border-radius:calc(6 * var(--ref-unit))}
  .exo-carousel-next{width:calc(30 * var(--ref-unit));height:calc(30 * var(--ref-unit));right:calc(-10 * var(--ref-unit));top:32%;opacity:0;transition:opacity .2s,background .2s}
  .exo-product-window:hover .exo-carousel-next,.exo-carousel-next:focus-visible{opacity:1}

  /* Purchase steps: title y990, number circles y1060, icons y1077. */
  .exo-process{padding-top:calc(16 * var(--ref-unit));padding-bottom:calc(11 * var(--ref-unit))}
  .exo-process .exo-section-heading{margin-bottom:calc(22 * var(--ref-unit))}
  .exo-process-grid{grid-template-columns:calc(242 * var(--ref-unit)) calc(220 * var(--ref-unit)) 1fr;gap:calc(20 * var(--ref-unit));padding-left:calc(9 * var(--ref-unit));padding-right:calc(5 * var(--ref-unit))}
  .exo-process-grid>li{gap:calc(14 * var(--ref-unit))}
  .exo-step-number{width:calc(34 * var(--ref-unit));height:calc(34 * var(--ref-unit));font-size:calc(15 * var(--ref-unit));line-height:1}
  .exo-step-content{padding-top:calc(17 * var(--ref-unit))}
  .exo-step-content::before{top:calc(15 * var(--ref-unit))}
  .exo-step-icon{width:calc(44 * var(--ref-unit));height:calc(44 * var(--ref-unit));margin-bottom:calc(4 * var(--ref-unit));background:radial-gradient(circle at 50% 45%,#281535,#151318 72%);border-color:#3f3a45}
  .exo-step-icon .icon{width:calc(23 * var(--ref-unit));height:calc(23 * var(--ref-unit))}
  .exo-step-content h3{font-size:calc(15 * var(--ref-unit));line-height:calc(19 * var(--ref-unit));margin-bottom:calc(3 * var(--ref-unit));font-weight:750}
  .exo-step-content p{font-size:calc(13 * var(--ref-unit));line-height:calc(18 * var(--ref-unit));max-width:calc(158 * var(--ref-unit))}

  /* Bundle: x27,y1232,733×251; illustration x354,y1249,390×215. */
  .exo-pack{padding-top:calc(20 * var(--ref-unit));padding-bottom:calc(27 * var(--ref-unit))}
  .exo-pack-panel{height:calc(251 * var(--ref-unit));grid-template-columns:calc(301 * var(--ref-unit)) 1fr;gap:calc(9 * var(--ref-unit));padding:calc(17 * var(--ref-unit));border-radius:calc(9 * var(--ref-unit))}
  .exo-pack-copy{padding:0;align-self:stretch}
  .exo-pack-label{height:calc(16 * var(--ref-unit));display:inline-flex;align-items:center;padding:0 calc(5 * var(--ref-unit));font-size:calc(9 * var(--ref-unit));line-height:1;letter-spacing:.06em;border-radius:calc(3 * var(--ref-unit));margin-bottom:calc(7 * var(--ref-unit))}
  .exo-pack-copy h2{font-size:calc(25 * var(--ref-unit));line-height:calc(29 * var(--ref-unit));font-weight:800;letter-spacing:-.05em;white-space:nowrap}
  .exo-pack-copy h3{font-size:calc(17 * var(--ref-unit));line-height:calc(21 * var(--ref-unit));margin:calc(2 * var(--ref-unit)) 0 calc(4 * var(--ref-unit));font-weight:650;white-space:nowrap}
  .exo-pack-copy>p{max-width:calc(279 * var(--ref-unit));font-size:calc(13 * var(--ref-unit));line-height:calc(18 * var(--ref-unit))}
  .exo-pack-copy .exo-pack-price{font-size:calc(22 * var(--ref-unit));line-height:calc(27 * var(--ref-unit));margin:calc(9 * var(--ref-unit)) 0 calc(11 * var(--ref-unit))!important}
  .exo-pack-copy .exo-button{width:calc(135 * var(--ref-unit));height:calc(36 * var(--ref-unit));min-height:0;padding:0;font-size:calc(12 * var(--ref-unit));gap:calc(13 * var(--ref-unit));border-radius:calc(7 * var(--ref-unit))}
  .exo-pack-copy .exo-button .icon{width:calc(12 * var(--ref-unit));height:calc(12 * var(--ref-unit))}
  .exo-pack-media{height:calc(215 * var(--ref-unit));min-height:0;align-self:center;border-radius:calc(6 * var(--ref-unit))}

  /* FAQ: title y1517, first panel y1575–1660, closed rows 37 high. */
  .exo-faq{padding-top:0;padding-bottom:calc(17 * var(--ref-unit))}
  .exo-faq .exo-section-heading{margin-bottom:calc(12 * var(--ref-unit))}
  .exo-faq-list{gap:calc(4 * var(--ref-unit))}
  .exo-faq-list details{border-radius:calc(6 * var(--ref-unit));padding:0;margin:0}
  .exo-faq-list summary{min-height:calc(36 * var(--ref-unit));padding:calc(6 * var(--ref-unit)) calc(12 * var(--ref-unit));gap:calc(12 * var(--ref-unit));font-size:calc(12 * var(--ref-unit));line-height:calc(18 * var(--ref-unit));font-weight:600}
  .exo-faq-list details[open] summary{min-height:calc(37 * var(--ref-unit))}
  .exo-faq-symbol{width:calc(24 * var(--ref-unit));height:calc(24 * var(--ref-unit));border-radius:calc(6 * var(--ref-unit))}
  .exo-faq-symbol::before,.exo-faq-symbol::after{width:calc(9 * var(--ref-unit));height:1px;top:calc(11.5 * var(--ref-unit));left:calc(7 * var(--ref-unit))}
  .exo-faq-chevron{padding-left:calc(6 * var(--ref-unit))}
  .exo-faq-chevron .icon{width:calc(11 * var(--ref-unit));height:calc(11 * var(--ref-unit))}
  .exo-faq-answer{padding:0 calc(48 * var(--ref-unit)) calc(11 * var(--ref-unit))}
  .exo-faq-answer p{font-size:calc(12 * var(--ref-unit));line-height:calc(18 * var(--ref-unit))}

  /* Closing invitation: x29,y1800,729×110. */
  .exo-final-cta{padding-bottom:calc(17 * var(--ref-unit))}
  .exo-final-panel{height:calc(110 * var(--ref-unit));padding:calc(12 * var(--ref-unit)) calc(25 * var(--ref-unit));border-radius:calc(8 * var(--ref-unit))}
  .exo-final-panel h2{font-size:calc(27 * var(--ref-unit));line-height:calc(32 * var(--ref-unit));font-weight:800;letter-spacing:-.04em}
  .exo-final-panel p{font-size:calc(12 * var(--ref-unit));line-height:calc(18 * var(--ref-unit));margin:0 0 calc(5 * var(--ref-unit))}
  .exo-redesign .exo-final-panel .exo-button{width:calc(119 * var(--ref-unit));height:calc(28 * var(--ref-unit));min-height:0;font-size:calc(10.5 * var(--ref-unit));padding:0;gap:calc(9 * var(--ref-unit));border-radius:calc(7 * var(--ref-unit))}
  .exo-final-panel .icon{width:calc(11 * var(--ref-unit));height:calc(11 * var(--ref-unit))}

  /* Keep the real legal/privacy controls visible in a compact final line. */
  .exo-redesign .exo-footer{padding-bottom:calc(2 * var(--ref-unit))}
  .exo-footer-main{display:grid;grid-template-columns:calc(145 * var(--ref-unit)) 1fr calc(105 * var(--ref-unit));height:calc(42 * var(--ref-unit));padding:0;gap:calc(20 * var(--ref-unit));align-items:flex-start;flex-wrap:nowrap}
  .exo-footer-logo{width:calc(115 * var(--ref-unit));height:calc(28 * var(--ref-unit))}
  .exo-footer-main nav{gap:calc(25 * var(--ref-unit));font-size:calc(9 * var(--ref-unit));line-height:calc(14 * var(--ref-unit));margin-top:calc(8 * var(--ref-unit))}
  .exo-footer-socials{gap:calc(17 * var(--ref-unit));padding-top:calc(9 * var(--ref-unit))}
  .exo-footer-socials .icon{width:calc(12 * var(--ref-unit));height:calc(12 * var(--ref-unit))}
  .exo-footer-bottom{font-size:calc(9 * var(--ref-unit));line-height:calc(14 * var(--ref-unit));gap:calc(20 * var(--ref-unit))}
  .exo-footer-legal{border:0;margin-top:calc(3 * var(--ref-unit));padding-top:0;gap:calc(8 * var(--ref-unit));font-size:calc(6.5 * var(--ref-unit));line-height:calc(9 * var(--ref-unit))}
  .exo-footer-legal .privacy-footer-link{font-size:calc(6.5 * var(--ref-unit));line-height:calc(9 * var(--ref-unit))}
  .exo-preview-note{font-size:calc(6.2 * var(--ref-unit));line-height:calc(8 * var(--ref-unit));margin-top:calc(1 * var(--ref-unit))!important}
}

@media (max-width:1100px){
  .exo-product-media{aspect-ratio:1.068}
  .exo-pack-label{font-size:11px}
  .exo-pack-copy .exo-button{min-width:150px;min-height:48px}
}
@media (min-width:601px) and (max-width:1100px){
  .exo-process-grid>li{gap:14px}
  .exo-step-number{width:40px;height:40px;font-size:18px}
  .exo-step-icon{width:60px;height:60px}
  .exo-step-content h3{font-size:17px}
  .exo-step-content p{font-size:15px}
  .exo-frameworks>span{font-size:9px}
}
@media (max-width:600px){
  .exo-carousel-next{opacity:1}
  .exo-pack-copy .exo-button{font-size:13px}
  .exo-faq-symbol{width:25px;height:25px}
}