/*
 * OfficialOTT V7.3.8 M-01–M-10 — exact desktop reference layer and mobile fidelity.
 * The approved 1536 × 864 image is shown without reconstruction drift.
 * Semantic HTML hotspots preserve the principal navigation and trial flow.
 * The complete component layout remains active below 1100 px.
 */
.oott-reference-stage{display:none}

@media (min-width:1100px){
 html:has(body.officialott-master-page),
 body.officialott-master-page{
  width:100%;
  min-height:100%;
  margin:0!important;
  overflow:hidden!important;
  background:#020507!important;
 }
 body.officialott-master-page.admin-bar{margin-top:0!important}
 body.officialott-master-page.admin-bar #wpadminbar{display:none!important}
 html:has(body.officialott-master-page.admin-bar){margin-top:0!important}
 body.officialott-master-page .ott{
  min-height:0;
  width:100%;
  background:#020507;
 }
 body.officialott-master-page .ott>.header,
 body.officialott-master-page .ott>main,
 body.officialott-master-page .ott>.footer,
 body.officialott-master-page .ott>.sticky-trial{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
 }
 .oott-reference-stage{
  position:relative;
  display:block;
  width:100vw;
  max-width:none;
  aspect-ratio:16/9;
  margin:0;
  overflow:hidden;
  background:#020507;
 }
 .oott-reference-stage>img{
  position:absolute;
  inset:0;
  width:100%;
 height:100%;
 display:block;
 object-fit:fill;
 image-rendering:auto;
 filter:none;
 }
 .oott-reference-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
  radial-gradient(circle at 54% 17%,rgba(255,196,78,.045),transparent 29%),
   linear-gradient(180deg,rgba(255,247,224,.04),rgba(255,224,156,.014) 48%,transparent 78%);
  box-shadow:inset 0 0 70px rgba(229,164,45,.025);
 }
 .oott-hotspot,
 .oott-reference-search{
  position:absolute;
  z-index:2;
  margin:0;
  border:0;
  border-radius:4px;
  background:transparent;
  color:transparent;
  text-decoration:none;
  cursor:pointer;
 }
 .oott-hotspot:focus-visible,
 .oott-reference-search:focus-within{
  outline:3px solid #ffd66d;
  outline-offset:1px;
  background:rgba(255,214,109,.08);
 }
 .hs-home{left:20.3%;top:.7%;width:3.1%;height:3.8%}
 .hs-plans{left:24.2%;top:.7%;width:5.2%;height:3.8%}
 .hs-guides{left:30.3%;top:.7%;width:4.6%;height:3.8%}
 .hs-devices{left:35.1%;top:.7%;width:4.6%;height:3.8%}
 .hs-hub{left:39.9%;top:.7%;width:6.0%;height:3.8%}
 .hs-academy{left:46.2%;top:.7%;width:5.2%;height:3.8%}
 .hs-blog{left:51.5%;top:.7%;width:3.2%;height:3.8%}
 .hs-support{left:54.7%;top:.7%;width:4.9%;height:3.8%}
 .hs-language{left:68.5%;top:.7%;width:5.4%;height:3.8%}
 .hs-trial-top{left:74.8%;top:.6%;width:8.5%;height:3.9%}
 .hs-trial-hero{left:1.9%;top:25.6%;width:13.1%;height:4.0%}
 .hs-explore{left:15.6%;top:25.6%;width:11.2%;height:4.0%}
 .hs-trial-side{left:74.3%;top:24.4%;width:24.0%;height:8.9%}
 .hs-trial-bottom{left:30.8%;top:86.6%;width:15.7%;height:3.8%}
 .hs-faq{left:64.1%;top:76.9%;width:17.2%;height:14.6%}
 .oott-reference-search{
  left:18.2%;
  top:34.6%;
  width:37.9%;
  height:4.3%;
  display:grid;
  grid-template-columns:1fr 14%;
 }
 .oott-reference-search input,
 .oott-reference-search button{
  width:100%;
  height:100%;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:transparent;
  caret-color:#ffd66d;
 }
 .oott-reference-status{
  position:absolute;
  left:18.2%;
  top:39.1%;
  z-index:4;
  max-width:38%;
  margin:0;
  padding:3px 7px;
  border-radius:4px;
  background:rgba(2,5,7,.92);
  color:#fff0bd;
  font-size:clamp(10px,.75vw,13px);
 }
 .oott-reference-status:empty{display:none}
}

@media (max-width:1099.98px){
 body.officialott-master-page,
 body.officialott-master-page .ott{
  max-width:100%;
  overflow-x:hidden;
 }
 body.officialott-master-page .ott>.header,
 body.officialott-master-page .ott>main,
 body.officialott-master-page .ott>.footer{
 position:static;
 }
 body.officialott-master-page .header-in{
  position:relative;
 }
 body.officialott-master-page .header-actions .menu{
  display:inline-flex;
  width:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  align-items:center;
  justify-content:center;
  border-color:var(--line);
  background:#071018;
  color:#fff0bd;
 }
 body.officialott-master-page .nav.is-open{
  position:absolute;
  top:100%;
  left:8px;
  right:8px;
  z-index:90;
  display:grid!important;
  gap:0;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#071018;
  box-shadow:0 12px 30px rgba(0,0,0,.55);
 }
 body.officialott-master-page .nav.is-open a{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:6px 10px;
  border-bottom:1px solid var(--soft);
 }

 /* Shared responsive identity: same graphite, black and gold language as desktop. */
 body.officialott-master-page .panel{
  border-color:rgba(214,154,45,.62);
  background:
   radial-gradient(circle at 82% 8%,rgba(222,164,58,.08),transparent 34%),
   linear-gradient(155deg,#0b151d 0%,#050a0f 72%);
  box-shadow:
   inset 0 0 0 1px rgba(255,221,137,.035),
   0 8px 22px rgba(0,0,0,.38);
 }
 body.officialott-master-page .hero-grid{
  gap:8px;
  margin-top:8px;
 }
 body.officialott-master-page .hero-copy{
  background:
   radial-gradient(circle at 82% 44%,rgba(214,154,45,.20),transparent 35%),
   linear-gradient(100deg,#05090d 0%,#0b151d 100%);
 }
body.officialott-master-page .hero-copy h1,
body.officialott-master-page .section-label h2{
  font-family:Georgia,"Times New Roman",serif;
  text-shadow:0 2px 10px #000;
 }
 body.officialott-master-page .kicker{
  border-color:rgba(235,184,75,.72);
  background:rgba(3,7,10,.72);
  color:#fff0bd;
 }
 body.officialott-master-page .hero-tv{
  position:relative;
  width:100%;
  min-height:0;
  margin:0;
  justify-self:stretch;
  aspect-ratio:16/9;
  border-color:rgba(235,184,75,.72);
  background:
   radial-gradient(circle at 50% 44%,rgba(235,184,75,.20),transparent 50%),
   #05090d;
  box-shadow:
   inset 0 0 28px rgba(235,184,75,.10),
   0 12px 28px rgba(0,0,0,.48);
 }
 body.officialott-master-page .hero-tv>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.08) contrast(1.05);
 }
 body.officialott-master-page .hero-tv figcaption{
  position:absolute;
  inset:5%;
  padding:10px;
  border:1px solid rgba(235,184,75,.74);
  border-radius:5px;
  background:linear-gradient(90deg,rgba(3,7,10,.88),rgba(3,7,10,.16) 62%,rgba(3,7,10,.44));
  box-shadow:inset 0 0 18px rgba(235,184,75,.08);
 }
 body.officialott-master-page .hero-tv figcaption>img{
  width:min(42%,170px);
  height:auto;
  object-fit:contain;
  object-position:left top;
 }
 body.officialott-master-page .hero-tv figcaption strong{
  margin-top:7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.15rem,3.6vw,1.75rem);
  line-height:.92;
  letter-spacing:.01em;
  text-shadow:0 2px 9px #000;
 }
 body.officialott-master-page .hero-tv figcaption em{
  color:#e7ae43;
 }
 body.officialott-master-page .hero-tv figcaption div{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
  width:100%;
  margin-top:auto;
 }
 body.officialott-master-page .hero-tv figcaption div a{
  min-width:0;
  min-height:52px;
  padding:4px 2px;
  border:1px solid rgba(235,184,75,.72);
  border-radius:5px;
  background:linear-gradient(155deg,rgba(22,29,33,.94),rgba(4,8,12,.96));
  color:#e7ae43;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:1.05rem;
  font-weight:900;
  line-height:1;
  text-align:center;
  text-decoration:none;
  box-shadow:inset 0 0 10px rgba(235,184,75,.08);
 }
 body.officialott-master-page .hero-tv figcaption div a small{
  margin-top:4px;
  color:#fff8df;
  font-size:.43rem;
  line-height:1.05;
  letter-spacing:.02em;
 }
 body.officialott-master-page .device-panel,
 body.officialott-master-page .trial-panel{
  border-color:rgba(235,184,75,.62);
 }
 body.officialott-master-page .device-logo,
 body.officialott-master-page .tile,
 body.officialott-master-page .device-card,
 body.officialott-master-page .app-compat,
 body.officialott-master-page .box,
 body.officialott-master-page .plan{
  border-color:rgba(235,184,75,.28);
  background:linear-gradient(150deg,#101b24,#060b10);
 }
 body.officialott-master-page .device-logo{
  box-shadow:inset 0 0 12px rgba(235,184,75,.06);
 }
 body.officialott-master-page .ico,
 body.officialott-master-page .device-pic,
 body.officialott-master-page .metric-icon,
 body.officialott-master-page .num{
  border-color:rgba(235,184,75,.68);
  color:#f0b84e;
  background:radial-gradient(circle at 40% 30%,rgba(235,184,75,.14),transparent 60%),#081018;
 }
 body.officialott-master-page .trial-panel{
  background:
   radial-gradient(circle at 18% 50%,rgba(67,211,111,.12),transparent 30%),
   linear-gradient(125deg,#09131b,#261a08);
  box-shadow:inset 0 0 20px rgba(235,184,75,.10);
 }
 body.officialott-master-page .navigator,
 body.officialott-master-page .knowledge,
 body.officialott-master-page .device-row,
 body.officialott-master-page .main-grid,
 body.officialott-master-page .trustbar,
 body.officialott-master-page .bottom-grid{
  margin-top:7px;
 }
}

@media (min-width:768px) and (max-width:1099.98px){
 body.officialott-master-page .hero-grid{
  grid-template-columns:1fr;
 }
 body.officialott-master-page .hero-copy{
  padding:18px;
 }
 body.officialott-master-page .hero-copy h1{
  max-width:880px;
  font-size:clamp(2rem,4.4vw,3rem);
 }
 body.officialott-master-page .hero-side{
  grid-column:auto;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto;
 }
 body.officialott-master-page .trial-panel{
  display:flex;
  align-items:center;
 }
 body.officialott-master-page .knowledge{
  grid-template-columns:repeat(3,1fr);
 }
 body.officialott-master-page .knowledge>.section-label{
  grid-column:1/-1;
 }
 body.officialott-master-page .device-row{
  grid-template-columns:repeat(3,1fr);
 }
 body.officialott-master-page .device-row>.section-label,
 body.officialott-master-page .device-row>.app-compat{
  grid-column:1/-1;
 }
 body.officialott-master-page .main-grid{
  grid-template-columns:repeat(3,1fr);
 }
}

@media (min-width:768px) and (max-width:899.98px){
 body.officialott-master-page .hero-grid{
  grid-template-columns:1fr;
 }
 body.officialott-master-page .hero-side{
  grid-column:auto;
 }
 body.officialott-master-page .hero-copy h1{
  max-width:680px;
  font-size:clamp(2.35rem,6vw,3.15rem);
 }
 body.officialott-master-page .hero-tv{
  width:100%;
  aspect-ratio:16/9;
 }
}

@media (max-width:767.98px){
 body.officialott-master-page{
  font-size:15px;
  background:#03070a;
 }
 body.officialott-master-page .wrap{
  width:calc(100% - 16px);
 }
 body.officialott-master-page .header-in{
  min-height:64px;
  grid-template-columns:minmax(106px,1fr) auto;
  gap:6px;
 }
 body.officialott-master-page .brand img{
  width:136px;
  height:46px;
  object-position:left center;
 }
 body.officialott-master-page .header-actions{
  gap:6px;
 }
 body.officialott-master-page .header-actions>.btn-gold{
  width:106px;
  min-height:48px;
  padding:3px 7px;
  font-size:.69rem;
  line-height:1.05;
  text-align:center;
 }
 body.officialott-master-page .header-actions .menu{
  flex:0 0 44px;
 }
 body.officialott-master-page .nav.is-open{
  left:0;
  right:0;
  padding:6px;
  border-color:rgba(235,184,75,.72);
  background:linear-gradient(155deg,#0b151d,#04080c);
 }
 body.officialott-master-page .nav.is-open a{
  color:#fff8df;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.86rem;
 }
 body.officialott-master-page .hero-copy{
  padding:16px;
 }
 body.officialott-master-page .hero-copy h1{
  margin:10px 0 8px;
  font-size:clamp(2rem,9vw,2.6rem);
  line-height:.94;
 }
 body.officialott-master-page .hero-copy>p{
  margin:0;
  font-size:.88rem;
  line-height:1.35;
 }
 body.officialott-master-page .hero-copy .actions{
  display:grid;
  grid-template-columns:1.14fr .86fr;
  gap:7px;
  margin-top:14px;
 }
 body.officialott-master-page .hero-copy .actions .btn{
  min-height:46px;
  padding:5px 8px;
  font-size:.68rem;
  line-height:1.08;
  text-align:center;
 }
 body.officialott-master-page .metrics{
  grid-template-columns:1fr 1fr;
  gap:9px 7px;
  margin-top:14px;
 }
 body.officialott-master-page .metric{
  gap:6px;
  font-size:.65rem;
 }
 body.officialott-master-page .metric-icon{
  flex:0 0 30px;
  width:30px;
  height:30px;
 }
 body.officialott-master-page .metric span{
  font-size:.58rem;
 }
 body.officialott-master-page .hero-tv{
  min-height:0;
  aspect-ratio:16/9;
 }
 body.officialott-master-page .hero-tv>img{
  object-fit:contain;
 }
 body.officialott-master-page .hero-tv figcaption{
  inset:11px;
  padding:10px;
 }
 body.officialott-master-page .hero-tv figcaption>img{
  width:46%;
  max-height:36px;
 }
 body.officialott-master-page .hero-tv figcaption strong{
  font-size:1.35rem;
 }
 body.officialott-master-page .hero-tv figcaption div{
  gap:4px;
 }
 body.officialott-master-page .hero-tv figcaption div a{
  min-height:48px;
  font-size:.96rem;
 }
 body.officialott-master-page .hero-tv figcaption div a small{
  font-size:.38rem;
 }
 body.officialott-master-page .hero-side{
  gap:7px;
 }
 body.officialott-master-page .device-panel,
 body.officialott-master-page .trial-panel{
  padding:13px;
 }
 body.officialott-master-page .device-panel h3,
 body.officialott-master-page .trial-panel h3{
  color:#fff0bd;
  font-family:Georgia,"Times New Roman",serif;
 }
 body.officialott-master-page .device-logos{
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  margin-top:9px;
 }
 body.officialott-master-page .device-logo{
  min-height:43px;
  font-size:.66rem;
 }
 body.officialott-master-page .trial-row{
  justify-content:center;
 }
 body.officialott-master-page .whatsapp{
  width:55px;
  height:55px;
  font-size:1.05rem;
 }
 body.officialott-master-page .navigator{
  gap:8px;
  padding:10px;
 }
 body.officialott-master-page .tags{
  justify-content:center;
 }
 body.officialott-master-page .knowledge{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  padding:7px;
 }
 body.officialott-master-page .knowledge>.section-label{
  grid-column:1/-1;
 }
 body.officialott-master-page .section-label{
  padding:7px;
 }
 body.officialott-master-page .section-label h2{
  font-size:1.35rem;
 }
 body.officialott-master-page .tile{
  min-height:88px;
  padding:9px;
  gap:7px;
 }
 body.officialott-master-page .tile .ico{
  flex:0 0 34px;
  width:34px;
  height:34px;
 }
 body.officialott-master-page .tile span{
  font-size:.61rem;
 }
 body.officialott-master-page .device-row{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  padding:7px;
 }
 body.officialott-master-page .device-row>.section-label,
 body.officialott-master-page .device-row>.app-compat{
  grid-column:1/-1;
 }
 body.officialott-master-page .device-card{
  min-height:76px;
  padding:8px;
 }
 body.officialott-master-page .device-pic{
  flex:0 0 42px;
  width:42px;
  height:46px;
 }
 body.officialott-master-page .app-icons{
  grid-template-columns:repeat(3,1fr);
  gap:4px;
 }
 body.officialott-master-page .app-icon{
  min-height:28px;
  font-size:.5rem;
 }
 body.officialott-master-page .main-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
 }
 body.officialott-master-page .main-grid .box{
  min-height:178px;
  padding:10px;
 }
 body.officialott-master-page .main-grid .box h3{
  color:#fff0bd;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.87rem;
 }
 body.officialott-master-page .trustbar{
  grid-template-columns:repeat(2,1fr);
 }
 body.officialott-master-page .trust{
  min-height:66px;
  padding:9px 6px;
  border-bottom:1px solid var(--soft);
 }
 body.officialott-master-page .bottom-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
 }
 body.officialott-master-page .plans,
 body.officialott-master-page .journey{
  grid-column:1/-1;
 }
 body.officialott-master-page .plans,
 body.officialott-master-page .journey,
 body.officialott-master-page .faq,
 body.officialott-master-page .status{
  padding:10px;
 }
 body.officialott-master-page .plan-cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
 }
 body.officialott-master-page .plan{
  padding:8px;
 }
 body.officialott-master-page .plan h3{
  min-height:34px;
  margin:0;
  font-size:.78rem;
 }
 body.officialott-master-page .plan label{
  font-size:.62rem;
 }
 body.officialott-master-page .plan select{
  min-height:39px;
  padding:5px;
  font-size:.66rem;
 }
 body.officialott-master-page .price{
  margin:6px 0;
  font-size:1.45rem;
 }
 body.officialott-master-page .plan .btn{
  min-height:42px;
  padding:5px 6px;
  font-size:.6rem;
  line-height:1.05;
  text-align:center;
 }
 body.officialott-master-page .journey-row{
  grid-template-columns:repeat(3,1fr);
  gap:7px;
 }
 body.officialott-master-page .footer-grid{
  grid-template-columns:repeat(2,1fr);
  gap:14px;
 }
 body.officialott-master-page .footer-brand{
  grid-column:1/-1;
 }
 body.officialott-master-page .sticky-trial{
  border-color:rgba(235,184,75,.75);
  box-shadow:0 6px 22px rgba(0,0,0,.55);
 }
}

@media (max-width:419.98px){
 body.officialott-master-page .hero-copy .actions{
  grid-template-columns:1fr;
 }
 body.officialott-master-page .hero-tv{
  min-height:0;
 }
 body.officialott-master-page .hero-tv figcaption{
  inset:9px;
  padding:8px;
 }
 body.officialott-master-page .hero-tv figcaption div{
  gap:3px;
 }
 body.officialott-master-page .hero-tv figcaption div a{
  min-height:45px;
  font-size:.88rem;
 }
 body.officialott-master-page .hero-tv figcaption div a small{
  font-size:.34rem;
 }
}

/* V7.3.12 — deterministic readable typography for the priority desktop zones. */
.oott-reference-copy{display:none}

@media (min-width:1100px){
 body.officialott-master-page .oott-reference-copy{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  pointer-events:none;
  color:#f8f2e7;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-synthesis:none;
  text-rendering:geometricPrecision;
 }
 body.officialott-master-page .oott-reference-copy a,
 body.officialott-master-page .oott-reference-copy button,
 body.officialott-master-page .oott-reference-copy input{
  pointer-events:auto;
  font:inherit;
 }
 body.officialott-master-page .oott-copy-header{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4.87%;
  display:grid;
  grid-template-columns:20% 39% 41%;
  align-items:center;
  border-bottom:1px solid rgba(222,158,39,.67);
  background:#020507;
 }
 body.officialott-master-page .oott-copy-brand{
  position:absolute;
  left:3.5807291667%;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  width:15.2994791667%;
  height:auto;
  aspect-ratio:235/42;
  margin:0;
  isolation:isolate;
 }
 body.officialott-master-page .oott-copy-brand img{
  display:block!important;
  width:100%;
  height:100%;
  object-fit:fill;
  image-rendering:auto!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  backface-visibility:hidden;
 }
 body.officialott-master-page .oott-copy-nav{
  grid-column:2;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.3vw,20px);
 }
 body.officialott-master-page .oott-copy-nav a{
  position:relative;
  display:flex;
  height:100%;
  align-items:center;
  color:#f7f2e8;
  font-size:clamp(8px,.69vw,11px);
  font-weight:700;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
 }
 body.officialott-master-page .oott-copy-nav a.active{
  color:#e6b14c;
 }
 body.officialott-master-page .oott-copy-nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:2px;
  background:#dca63d;
 }
 body.officialott-master-page .oott-copy-actions{
  grid-column:3;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(5px,.62vw,10px);
  padding-left:1.3%;
 }
 body.officialott-master-page .oott-copy-actions span,
 body.officialott-master-page .oott-copy-actions button{
  width:auto;
  height:clamp(24px,2vw,31px)!important;
  min-height:0!important;
  max-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 clamp(7px,.75vw,12px);
  border:1px solid rgba(204,145,35,.57);
  border-radius:5px;
  background:#05090c;
  color:#faf4e8;
  font-size:clamp(8px,.66vw,10px);
  font-weight:700;
  line-height:1;
  white-space:nowrap;
 }
 body.officialott-master-page .oott-copy-actions button{
  border-color:#e5a838;
  background:linear-gradient(180deg,#f2bd55,#d99b2f);
  color:#201607;
  font-weight:900;
 }
 body.officialott-master-page .oott-copy-hero{
  position:absolute;
  left:0;
  top:4.87%;
  width:33.86%;
  height:29.42%;
  padding:1.05% 1.9% .7%;
  background:
   linear-gradient(90deg,#030608 0%,#030608 60%,rgba(3,6,8,.96) 69%,rgba(3,6,8,.70) 82%,transparent 100%);
 }
body.officialott-master-page .oott-copy-kicker{
  display:inline-flex;
  margin:0;
  padding:3px 7px;
  border:1px solid rgba(222,158,39,.7);
  border-radius:999px;
  color:#f8e7bc;
  background:rgba(2,5,7,.86);
  font-size:clamp(6px,.53vw,8px);
  font-weight:800;
  letter-spacing:.01em;
  line-height:1;
 }
 body.officialott-master-page .oott-copy-hero h1{
  margin:clamp(5px,.58vw,9px) 0 clamp(3px,.35vw,6px);
  color:#fff9ed;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(25px,2.34vw,36px);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:.88;
  text-shadow:0 2px 8px #000;
 }
 body.officialott-master-page .oott-copy-hero h1 em{
  color:#e7ad42;
  font-style:normal;
 }
 body.officialott-master-page .oott-maple{
  color:#e7ad42;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.72em;
  vertical-align:.1em;
 }
 body.officialott-master-page .oott-copy-intro{
  margin:0;
  color:#eee9df;
  font-size:clamp(7px,.66vw,10px);
  font-weight:500;
  line-height:1.23;
 }
 body.officialott-master-page .oott-copy-hero-actions{
  position:relative;
  z-index:6;
  display:flex;
  gap:clamp(5px,.75vw,11px);
  margin-top:clamp(3px,.28vw,4px);
 }
 body.officialott-master-page .oott-copy-hero-actions button,
 body.officialott-master-page .oott-copy-hero-actions a{
  min-height:clamp(24px,1.89vw,29px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 clamp(7px,.72vw,11px);
  border:1px solid #d49a32;
  border-radius:5px;
  background:#060a0d;
  color:#f9f2e5;
  font-size:clamp(7px,.62vw,9.5px);
  font-weight:850;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  overflow:visible;
  text-shadow:none;
 }
 body.officialott-master-page .oott-copy-hero-actions button{
  background:linear-gradient(180deg,#f0bb52,#d99b2e);
  color:#201607!important;
  flex:0 0 43.7%;
 }
 body.officialott-master-page .oott-copy-hero-actions a{
  color:#f9f2e5!important;
  flex:0 0 36.1%;
 }
 body.officialott-master-page .oott-copy-metrics{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  min-height:14.2%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  padding:0 4.5%;
  background:linear-gradient(180deg,rgba(3,6,8,.93),#030608 50%);
 }
 body.officialott-master-page .oott-copy-metrics span{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 6%;
  border-right:1px solid rgba(213,151,37,.28);
 }
 body.officialott-master-page .oott-copy-metrics span:last-child{border-right:0}
 body.officialott-master-page .oott-copy-metrics b{
  color:#f4ead6;
  font-size:clamp(6px,.52vw,8px);
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
 }
 body.officialott-master-page .oott-copy-metrics small{
  color:#c7c0b4;
  font-size:clamp(5px,.43vw,7px);
  font-weight:500;
  line-height:1.1;
  white-space:nowrap;
 }
 body.officialott-master-page .oott-copy-navigator{
  position:absolute;
  left:.52%;
  top:34.38%;
  width:98.96%;
  height:4.86%;
  display:grid;
  grid-template-columns:17.6% 39% 43.4%;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(211,149,34,.62);
  border-radius:6px;
  background:linear-gradient(180deg,#070c10,#03070a);
 }
 body.officialott-master-page .oott-copy-navigator-title{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:6%;
 }
 body.officialott-master-page .oott-copy-navigator-title b{
  color:#f7f0e5;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(10px,1.05vw,16px);
  font-weight:700;
  line-height:1;
 }
 body.officialott-master-page .oott-copy-navigator-title b small{
  padding:1px 4px;
  border:1px solid #a67425;
  border-radius:4px;
  color:#e7ad42;
  font-family:Inter,system-ui,sans-serif;
  font-size:.48em;
 }
 body.officialott-master-page .oott-copy-navigator-title span{
  margin-top:2px;
  color:#bdb7ad;
  font-size:clamp(5px,.46vw,7px);
  font-weight:500;
 }
 body.officialott-master-page .oott-copy-search{
  height:61%;
  display:grid;
  grid-template-columns:1fr 14%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:4px;
  background:#0b1218;
 }
 body.officialott-master-page .oott-copy-search input{
  min-width:0;
  padding:0 3%;
  border:0;
  outline:0;
  background:transparent;
  color:#e7e2d9;
  font-size:clamp(6px,.58vw,9px);
 }
 body.officialott-master-page .oott-copy-search input::placeholder{color:#aaa8a5;opacity:1}
 body.officialott-master-page .oott-copy-search button{
  border:0;
  background:linear-gradient(180deg,#f0bb52,#d99b2e);
  color:#221708;
  font-size:clamp(6px,.56vw,9px);
  font-weight:900;
 }
 body.officialott-master-page .oott-copy-tags{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(3px,.38vw,6px);
  padding-left:1.4%;
  white-space:nowrap;
 }
 body.officialott-master-page .oott-copy-tags span{
  color:#d1cbc1;
  font-size:clamp(5px,.48vw,7px);
  font-weight:700;
 }
 body.officialott-master-page .oott-copy-tags a{
  padding:clamp(2px,.23vw,4px) clamp(4px,.48vw,7px);
  border:1px solid rgba(211,149,34,.54);
  border-radius:4px;
  color:#e7ba61;
  background:#060b0e;
  font-size:clamp(5px,.46vw,7px);
  font-weight:700;
  text-decoration:none;
 }
 body.officialott-master-page .oott-copy-quick-guides{
  position:absolute;
  left:76.17%;
  top:39.47%;
  z-index:3;
  width:7.82%;
  height:7.99%;
  box-sizing:border-box!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 3px 0 clamp(30px,3vw,46px);
  color:#eee8dc;
  text-decoration:none;
 }
 body.officialott-master-page .oott-copy-quick-guides b{
  font-size:clamp(6px,.51vw,8px);
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
 }
 body.officialott-master-page .oott-copy-quick-guides span{
  margin-top:2px;
  color:#bdb7ad;
  font-size:clamp(5px,.40vw,6px);
  font-weight:500;
  line-height:1.15;
 }
 body.officialott-master-page .oott-hotspot{z-index:4}
 body.officialott-master-page .oott-reference-status{z-index:5}
}
body.officialott-master-page .oott-copy-kicker .oott-ca-flag{
 position:relative;
 display:inline-block;
 width:1.55em;
 height:.92em;
 margin-left:5px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.72);
 border-radius:1px;
 background:linear-gradient(90deg,#d80621 0 25%,#fff 25% 75%,#d80621 75%);
 vertical-align:-1px;
 box-sizing:border-box;
 box-shadow:0 0 3px rgba(255,255,255,.2);
}
body.officialott-master-page .oott-copy-kicker .oott-ca-flag:after{
 content:"◆";
 position:absolute;
 left:50%;
 top:50%;
 color:#d80621;
 font-size:.62em;
 line-height:1;
 transform:translate(-50%,-53%) rotate(45deg);
}

/* X-01 to X-12: exact reference crops for responsive viewports. */
.oott-mobile-reference-stage{display:none}

@media (max-width:1099.98px){
 body.officialott-master-page .ott>.header,
 body.officialott-master-page .ott>main,
 body.officialott-master-page .ott>.footer,
 body.officialott-master-page .ott>.sticky-trial{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
 }
 body.officialott-master-page .oott-mobile-reference-stage{
  display:block;
  width:min(760px,calc(100% - 16px));
  margin:0 auto;
  padding:0 0 14px;
  color:#fff;
  background:
   radial-gradient(circle at 50% 4%,rgba(225,166,58,.11),transparent 20%),
   #03070a;
 }
 body.officialott-master-page .mref-header-row{
  position:sticky;
  top:0;
  z-index:110;
  display:grid;
  grid-template-columns:minmax(112px,1fr) minmax(96px,116px) 44px;
  gap:6px;
  align-items:center;
  min-height:58px;
  padding:6px;
  border:1px solid rgba(215,155,36,.58);
  border-top:0;
  border-radius:0 0 7px 7px;
  background:#030608;
  box-shadow:0 8px 22px rgba(0,0,0,.58);
 }
 body.officialott-master-page .mref-header-logo{
  width:min(100%,154px);
  justify-self:start;
 }
 body.officialott-master-page .mref-header-trial{
  width:100%;
 }
 body.officialott-master-page .mref-menu{
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(235,184,75,.72);
  border-radius:6px;
  background:#071018;
  color:#fff0bd;
  font-size:1rem;
  font-weight:900;
 }
 body.officialott-master-page .mref-nav{
  position:absolute;
  top:100%;
  left:6px;
  right:6px;
  display:none;
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:7px;
  border:1px solid rgba(235,184,75,.72);
  border-radius:7px;
  background:linear-gradient(155deg,#0b151d,#03070a);
  box-shadow:0 14px 30px rgba(0,0,0,.68);
 }
 body.officialott-master-page .mref-nav.is-open{
  display:grid!important;
 }
body.officialott-master-page .mref-nav a{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:6px 10px;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#fff8df;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:.83rem;
  font-weight:700;
  text-decoration:none;
 }
 body.officialott-master-page .mref-stack{
  display:grid;
  gap:7px;
  padding-top:7px;
 }
 body.officialott-master-page .mref-grid{
  display:grid;
  gap:7px;
 }
 body.officialott-master-page .mref-grid-one{
  grid-template-columns:1fr;
 }
 body.officialott-master-page .mref-grid-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 body.officialott-master-page .mref-grid-full,
 body.officialott-master-page .mref-hero-devices,
 body.officialott-master-page .mref-hero-side-trial{
  grid-column:1/-1;
 }
 body.officialott-master-page .mref-crop{
  --mref-full:100%;
  --mref-tx:0%;
  --mref-ty:0%;
  --mref-ratio:16/9;
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  aspect-ratio:var(--mref-ratio);
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(215,155,36,.64);
  border-radius:7px;
  background:#030608;
  box-shadow:
   inset 0 0 0 1px rgba(255,230,168,.025),
   0 7px 18px rgba(0,0,0,.42);
  text-decoration:none;
  cursor:pointer;
 }
 body.officialott-master-page div.mref-crop{
  cursor:default;
 }
 body.officialott-master-page .mref-crop>img{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:var(--mref-full);
  max-width:none;
  height:auto;
  margin:0;
  transform:translate(var(--mref-tx),var(--mref-ty));
  transform-origin:top left;
  pointer-events:none;
  user-select:none;
  image-rendering:auto;
  filter:none;
 }
 body.officialott-master-page .mref-crop::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
   radial-gradient(circle at 50% 14%,rgba(255,199,86,.045),transparent 36%),
   linear-gradient(180deg,rgba(255,247,224,.045),rgba(255,229,168,.012) 54%,transparent 82%);
  box-shadow:inset 0 0 18px rgba(232,171,58,.025);
 }
 body.officialott-master-page .mref-crop:focus-visible,
 body.officialott-master-page .mref-hit:focus-visible,
 body.officialott-master-page .mref-search-overlay:focus-within,
 body.officialott-master-page .mref-menu:focus-visible,
 body.officialott-master-page .mref-nav a:focus-visible{
  outline:3px solid #ffd66d;
  outline-offset:2px;
 }
 body.officialott-master-page .mref-hit{
  position:absolute;
  z-index:3;
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  color:transparent;
  cursor:pointer;
 }
 body.officialott-master-page .mref-hit-hero-trial{
  left:4.8%;
  top:70.5%;
  width:39%;
  height:13%;
 }
 body.officialott-master-page .mref-hit-hero-explore{
  left:46%;
  top:70.5%;
  width:34%;
  height:13%;
 }
 body.officialott-master-page .mref-hit-tv{
  top:48%;
  width:14.5%;
  height:38%;
 }
 body.officialott-master-page .mref-hit-tv-1{left:2.5%}
 body.officialott-master-page .mref-hit-tv-2{left:18.7%}
 body.officialott-master-page .mref-hit-tv-3{left:34.9%}
 body.officialott-master-page .mref-hit-tv-4{left:51.1%}
 body.officialott-master-page .mref-hit-tv-5{left:67.3%}
 body.officialott-master-page .mref-hit-tv-6{left:83.0%}
 body.officialott-master-page .mref-search-overlay{
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  grid-template-columns:1fr 18%;
  margin:0;
 }
 body.officialott-master-page .mref-search-overlay input,
 body.officialott-master-page .mref-search-overlay button{
  width:100%;
  min-width:0;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:transparent;
  caret-color:#ffd66d;
 }
 body.officialott-master-page .mref-search-results{
  min-height:0;
  margin:0;
  padding:0 7px;
  color:#fff0bd;
  font-size:.72rem;
 }
 body.officialott-master-page .mref-search-results:empty{
  display:none;
 }
 body.officialott-master-page .mref-header-logo,
 body.officialott-master-page .mref-header-trial{
  border:0;
  border-radius:4px;
  box-shadow:none;
 }
 body.officialott-master-page .mref-header-logo>img{
  image-rendering:auto!important;
  filter:none!important;
  opacity:1!important;
  backface-visibility:hidden;
 }
 body.officialott-master-page .mref-logo-direct{
  aspect-ratio:235/42;
 }
 body.officialott-master-page .mref-logo-direct>img{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  object-fit:fill!important;
  transform:none!important;
 }
 body.officialott-master-page .mref-quick-guides{
  position:absolute;
  left:15.5%;
  top:18%;
  z-index:3;
  width:18%;
  color:#eee8dc;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  line-height:1.1;
 }
 body.officialott-master-page .mref-quick-guides b,
 body.officialott-master-page .mref-quick-guides small{
  display:block;
 }
 body.officialott-master-page .mref-quick-guides b{
  font-size:clamp(6px,1.7vw,10px);
 }
 body.officialott-master-page .mref-quick-guides small{
  margin-top:2px;
  color:#bdb7ad;
  font-size:clamp(5px,1.25vw,8px);
 }
 body.officialott-master-page .mref-header-trial,
 body.officialott-master-page .mref-hero-side-trial,
 body.officialott-master-page .mref-journey{
  box-shadow:
   0 0 13px rgba(239,178,55,.13),
   inset 0 0 0 1px rgba(255,225,157,.035);
 }
 body.officialott-master-page .mref-header-row .mref-header-logo{
  width:min(100%,154px);
  justify-self:start;
 }
 body.officialott-master-page .mref-header-row .mref-header-trial{
  width:100%;
 }
 body.officialott-master-page .mref-main .mref-crop,
 body.officialott-master-page .mref-bottom>.mref-crop{
  border-color:rgba(215,155,36,.72);
 }
 body.officialott-master-page .mref-trust{
  gap:4px;
 }
 body.officialott-master-page .mref-trust .mref-crop{
  border-radius:4px;
 }
}

@media (max-width:419.98px){
 body.officialott-master-page .mref-header-row{
  grid-template-columns:minmax(104px,1fr) 102px 44px;
  gap:5px;
  padding:5px;
 }
 body.officialott-master-page .mref-header-logo{
  width:min(100%,142px);
 }
 body.officialott-master-page .mref-grid{
  gap:6px;
 }
 body.officialott-master-page .mref-stack{
  gap:6px;
  padding-top:6px;
 }
}