:root{
  color-scheme:dark;
  --bg:#000000;
  --text:#e5ebef;
  --muted:#9eaab3;
  --line:#243039;
  --accent:#0193ff;
  --accent2:#83cfff;
  --max:1040px
}
*{box-sizing:border-box}
html{background:#000000;scroll-behavior:auto}
body{
  margin:0;
  background:#000000;
  color:var(--text);
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  line-height:1.66;
  letter-spacing:.008em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
a{color:var(--accent2);text-decoration:none}
a:hover,a:focus-visible{color:#fff}
.reg-mark{font-size:.58em;line-height:0;vertical-align:super;margin-left:.03em}
.site-header{
  width:min(var(--max),calc(100% - 36px));
  margin:0 auto;
  padding:38px 0 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:32px
}
.brand-logo,.premium-logo{display:block;line-height:0}
.brand-logo img{display:block;width:min(292px,54vw);height:auto}
.premium-logo{margin-left:auto;padding-top:0;display:flex;align-items:center;justify-content:flex-end}
.premium-logo img{display:block;width:min(510px,48vw);height:auto}
main{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:0 0 54px}
.service-hero{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:46px 0 44px;
  text-align:center
}
.af-logo{display:block;width:min(570px,69%);height:auto;margin:0 auto 28px}
.service-hero h1{
  max-width:900px;
  margin:0 auto 26px;
  font-size:clamp(1.215rem,3.075vw,2.565rem);
  line-height:1.02;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase
}
.service-subtitle{
  max-width:920px;
  margin:-8px auto 31px;
  color:var(--accent);
  font-size:clamp(.92rem,1.8vw,1.08rem);
  line-height:1.45;
  letter-spacing:.10em;
  text-transform:uppercase
}
.service-hero .lead{max-width:900px;margin:0 auto;text-align:left}
.service-hero .lead p{margin:0 0 17px;color:#dce3e8}
.service-hero .lead p:first-child{font-size:1.03rem}
.brand-anchor{font-style:italic;color:var(--accent2);border-bottom:1px solid rgba(131,207,255,.42)}
.brand-anchor:hover,.brand-anchor:focus-visible{color:#fff;border-bottom-color:#fff}
.paper{padding-top:10px}
.paper section{padding:42px 0 38px;border-bottom:1px solid rgba(255,255,255,.075);scroll-margin-top:22px}
.paper section:last-of-type{border-bottom:0}
.section-no{display:block;margin:0 0 9px;color:#62717d;font-size:.7rem;letter-spacing:.18em}
.paper h2{
  max-width:880px;
  margin:0 0 24px;
  color:var(--accent);
  font-size:clamp(1.05rem,2vw,1.28rem);
  line-height:1.35;
  letter-spacing:.09em;
  text-transform:uppercase;
  font-weight:700
}
.paper h3{
  max-width:860px;
  margin:28px 0 10px;
  color:#cfeaff;
  font-size:.96rem;
  line-height:1.45;
  letter-spacing:.075em;
  text-transform:uppercase;
  font-weight:700
}
.paper p{max-width:900px;margin:0 0 17px;color:#dce3e8}
.paper ul{max-width:900px;margin:20px 0 24px;padding:0;list-style:none}
.paper li{position:relative;margin:9px 0;padding-left:22px;color:#dce3e8}
.paper li::before{content:"";position:absolute;left:0;top:.76em;width:7px;height:1px;background:var(--accent)}
.payment-methods{border-left:2px solid var(--accent);padding-left:18px}
.brand-section:focus{outline:none}
.brand-frame{
  max-width:960px;
  margin:26px 0 20px;
  padding:24px 26px 22px;
  border:1px solid rgba(1,147,255,.72);
  background:#000000
}
.brand-list{
  max-width:none!important;
  margin:0!important;
  color:#dce3e8!important;
  font-size:.90rem;
  line-height:1.78;
  letter-spacing:.018em
}
.trademark-note{
  max-width:none!important;
  margin:23px 0 0!important;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.09);
  color:var(--muted)!important;
  font-size:.86rem
}
.back-top{display:inline-block;margin-top:4px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.references{
  padding:34px clamp(24px,4vw,42px)!important;
  border:1px solid var(--line)!important;
  background:#000000;
  margin-top:18px
}
.service-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-width:900px;
  margin:46px auto 4px
}
.button{
  display:block;
  padding:11px 12px;
  border:1px solid var(--accent);
  color:#dff3ff;
  text-align:center;
  font-size:.74rem;
  letter-spacing:.11em;
  text-transform:uppercase
}
.button:hover,.button:focus-visible{background:rgba(1,147,255,.10);color:#fff}
.site-footer{width:100%;padding:1.2rem 0 1.9rem;color:#0193ff;font-size:13px;line-height:1.45;letter-spacing:.02em;background:#000000}
.footer-wrap{
  width:min(1120px,calc(100% - 36px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:1rem
}
.footer-block{display:flex;flex-direction:column;color:#0193ff;text-decoration:none}
.footer-block strong{color:#fff}
.footer-left{justify-self:start;text-align:left}
.footer-right{justify-self:end;text-align:right}
.footer-block:hover,.footer-block:focus-visible{color:#fff;text-decoration:none}
@media(max-width:760px){
  .site-header{padding-top:26px;align-items:center;gap:18px}
  .brand-logo img{width:min(235px,48vw)}
  .premium-logo{padding-top:8px}
  .premium-logo img{width:min(420px,43vw)}
  .service-hero{padding:38px 0 36px}
  .af-logo{width:min(510px,75%);margin-bottom:26px}
  .paper section{padding:34px 0 30px}
  .service-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-wrap{grid-template-columns:1fr 1fr;align-items:end}
  .footer-left{grid-column:1;grid-row:1}
  .footer-right{grid-column:2;grid-row:1}
}
@media(max-width:470px){
  .site-header{display:block}
  .premium-logo{margin-top:20px;margin-left:0;padding-top:0}
  .premium-logo img{width:min(430px,100%)}
  .service-hero h1{font-size:1.32rem}
  .service-actions{grid-template-columns:1fr}
  .footer-wrap{display:flex;flex-direction:column;align-items:center}
  .footer-left,.footer-right{align-self:stretch;text-align:center;justify-self:auto}
  .footer-block{align-items:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
