.page-home{
  --pd-card-shadow:0 10px 30px rgba(11,31,58,.10);
  --pd-shadow-hover:0 18px 44px rgba(11,31,58,.20);
  overflow-x:hidden;
  background:var(--c-fog);
}
.page-home .pd-dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  flex:0 0 auto;
}
.page-home .pd-dot--red{background:var(--c-red);}
.page-home .pd-dot--green{background:var(--c-green);}
.page-home .pd-dot--gold{background:var(--c-gold);}
.page-home .pd-dot--ghost{
  background:transparent;
  border:2px solid rgba(255,255,255,.55);
}
.page-home .pd-section-head{margin-bottom:2rem;}
.page-home .pd-section-title{
  font-family:var(--font-display);
  font-size:clamp(1.6rem,3vw,2.6rem);
  font-weight:600;
  line-height:1.15;
  color:var(--c-ink);
  margin:.6rem 0 .4rem;
}
.page-home .pd-section-desc{
  color:var(--c-gray);
  max-width:62ch;
  margin:0;
  line-height:1.75;
}

.page-home .pd-hero{
  position:relative;
  overflow:hidden;
  background:var(--grad-navy);
  color:var(--c-white);
  isolation:isolate;
}
.page-home .pd-hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}
.page-home .pd-hero__overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg,rgba(11,31,58,.96) 0%,rgba(11,31,58,.84) 52%,rgba(245,184,46,.22) 100%);
}
.page-home .pd-hero__slash{
  position:absolute;
  top:0;
  right:0;
  width:38%;
  height:100%;
  background:linear-gradient(135deg,rgba(245,184,46,.95),rgba(245,184,46,.55));
  clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);
  z-index:0;
}
.page-home .pd-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:2.5rem;
  padding-top:3rem;
  padding-bottom:3.5rem;
}
.page-home .pd-hero__crumb{
  margin-bottom:.2rem;
  color:rgba(255,255,255,.7);
}
.page-home .pd-hero__crumb a{
  color:var(--c-gold);
  text-decoration:none;
}
.page-home .pd-hero__crumb [aria-current="page"]{
  color:rgba(255,255,255,.78);
}
.page-home .pd-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-size:.85rem;
  letter-spacing:.06em;
  color:var(--c-gold);
  font-weight:600;
  border:1px solid rgba(245,184,46,.35);
  padding:.4rem .8rem;
  border-radius:999px;
  background:rgba(245,184,46,.1);
  margin-top:2.2rem;
}
.page-home .pd-hero__title{
  font-family:var(--font-display);
  font-size:clamp(2.2rem,6vw,4.8rem);
  font-weight:600;
  line-height:1.08;
  text-wrap:balance;
  margin:.8rem 0 .6rem;
  letter-spacing:.01em;
  max-width:820px;
}
.page-home .pd-hero__sub{
  font-size:1.05rem;
  color:rgba(255,255,255,.82);
  margin:0 0 1rem;
}
.page-home .pd-hero__sub-brand{
  color:var(--c-gold);
  font-family:var(--font-display);
  font-weight:600;
}
.page-home .pd-hero__desc{
  max-width:58ch;
  color:rgba(255,255,255,.75);
  line-height:1.8;
  margin:0;
}
.page-home .pd-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1.5rem;
}
.page-home .pd-hero__panel{
  background:var(--c-white);
  color:var(--c-ink);
  border-radius:var(--radius-lg);
  padding:1.6rem 1.4rem;
  box-shadow:var(--shadow-float);
  display:grid;
  gap:.3rem;
  align-content:start;
  border:3px solid var(--c-navy);
}
.page-home .pd-hero__panel-label{
  font-size:.78rem;
  color:var(--c-gray);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
}
.page-home .pd-hero__panel-num{
  font-family:var(--font-display);
  font-size:5rem;
  font-weight:600;
  line-height:.95;
  color:var(--c-navy);
}
.page-home .pd-hero__panel-unit{
  font-size:.95rem;
  color:var(--c-gray);
}
.page-home .pd-hero__panel-line{
  height:3px;
  width:48px;
  background:var(--c-gold);
  margin:.5rem 0;
}
.page-home .pd-hero__panel-tag{
  font-size:.85rem;
  background:var(--c-fog);
  border-left:3px solid var(--c-red);
  padding:.35rem .6rem;
  color:var(--c-ink);
}

.page-home .pd-index{
  padding:2.5rem 0;
}
.page-home .pd-index__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.page-home .pd-index__card{
  display:flex;
  flex-direction:column;
  gap:.3rem;
  padding:1.2rem 1.1rem;
  background:var(--c-white);
  border:2px solid var(--c-navy);
  border-radius:var(--radius-md);
  box-shadow:var(--pd-card-shadow);
  text-decoration:none;
  color:var(--c-ink);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  min-height:118px;
}
.page-home .pd-index__card:hover{
  transform:translateY(-3px);
  border-color:var(--c-gold);
  box-shadow:var(--pd-shadow-hover);
}
.page-home .pd-index__card:focus-visible{
  outline:3px solid var(--c-gold);
  outline-offset:2px;
}
.page-home .pd-index__num{
  font-family:var(--font-display);
  color:var(--c-gold);
  font-weight:600;
  font-size:.9rem;
  letter-spacing:.08em;
}
.page-home .pd-index__name{
  font-weight:600;
  font-size:.95rem;
  line-height:1.45;
}
.page-home .pd-index__sub{
  font-size:.8rem;
  color:var(--c-gray);
  line-height:1.4;
}
.page-home .pd-index__arrow{
  align-self:flex-end;
  margin-top:auto;
  font-size:1.3rem;
  color:var(--c-gold);
  transition:transform .2s ease;
  line-height:1;
}
.page-home .pd-index__card:hover .pd-index__arrow{
  transform:translateX(5px);
}

.page-home .pd-fixtures{
  background:var(--c-white);
  border-block:3px solid var(--c-navy);
  padding:4rem 0;
}
.page-home .pd-fixtures__head{
  display:grid;
  gap:1rem;
  align-items:end;
}
.page-home .pd-fixtures__layout{
  display:grid;
  gap:2rem;
  align-items:start;
}
.page-home .pd-fixtures__table-scroll{
  max-height:390px;
  overflow:auto;
  border:2px solid var(--c-navy);
  border-radius:var(--radius-md);
  box-shadow:var(--pd-card-shadow);
  -webkit-overflow-scrolling:touch;
}
.page-home .pd-fixtures__table{
  width:100%;
  border-collapse:collapse;
  font-size:.9rem;
  background:var(--c-white);
}
.page-home .pd-fixtures__table thead th{
  position:sticky;
  top:0;
  background:var(--c-navy);
  color:var(--c-white);
  text-align:left;
  font-weight:600;
  padding:.75rem .8rem;
  z-index:2;
  white-space:nowrap;
}
.page-home .pd-fixtures__table tbody td{
  padding:.65rem .8rem;
  border-bottom:1px solid #e7ebf0;
  vertical-align:middle;
}
.page-home .pd-fixtures__table tbody tr:hover{
  background:#f0f4f8;
}
.page-home .pd-fixtures__table tbody tr:last-child td{
  border-bottom:none;
}
.page-home .pd-fixtures__team{
  display:inline-block;
  font-weight:600;
  white-space:nowrap;
}
.page-home .pd-fixtures__vs{
  margin:0 .35rem;
  color:var(--c-gray);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.page-home .pd-fixtures__dots{
  white-space:nowrap;
  display:flex;
  gap:.4rem;
  align-items:center;
}
.page-home .pd-star{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:32px;
}
.page-home .pd-star input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
  margin:0;
  z-index:1;
}
.page-home .pd-star__icon{
  width:22px;
  height:22px;
  fill:transparent;
  stroke:var(--c-gray);
  stroke-width:1.5;
  transition:fill .2s ease,stroke .2s ease,transform .2s ease;
  transform-origin:center;
  pointer-events:none;
}
.page-home .pd-star input:checked + .pd-star__icon{
  fill:var(--c-gold);
  stroke:var(--c-gold);
}
.page-home .pd-star input:hover + .pd-star__icon{
  transform:scale(1.14);
}
.page-home .pd-star input:focus-visible + .pd-star__icon{
  outline:2px solid var(--c-navy);
  outline-offset:2px;
}
.page-home .pd-fixtures__figure{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-lg);
  border:3px solid var(--c-navy);
  box-shadow:var(--shadow-card);
}
.page-home .pd-fixtures__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-home .pd-fixtures__figure figcaption{
  position:absolute;
  left:0;
  bottom:0;
  background:rgba(11,31,58,.85);
  color:var(--c-white);
  font-size:.8rem;
  padding:.4rem .7rem;
  border-radius:0 var(--radius-md) 0 0;
}

.page-home .pd-pricing{
  padding:4rem 0;
  background:radial-gradient(circle at 85% 20%,rgba(245,184,46,.15) 0%,transparent 42%),var(--c-fog);
}
.page-home .pd-pricing__grid{
  display:grid;
  gap:1.5rem;
}
.page-home .pd-pricing__card{
  border-radius:var(--radius-lg);
  padding:1.8rem 1.6rem;
  box-shadow:var(--pd-card-shadow);
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.page-home .pd-pricing__card--light{
  background:var(--c-white);
  border:2px solid var(--c-navy);
}
.page-home .pd-pricing__card--dark{
  background:var(--grad-navy);
  border:none;
  color:var(--c-white);
  position:relative;
  overflow:hidden;
}
.page-home .pd-pricing__card--dark::after{
  content:"";
  position:absolute;
  right:-46px;
  top:-46px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:rgba(245,184,46,.16);
}
.page-home .pd-pricing__card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.page-home .pd-pricing__tag{
  background:var(--c-gold);
  color:var(--c-navy);
  font-weight:700;
  font-size:.8rem;
  padding:.35rem .7rem;
  border-radius:999px;
  letter-spacing:.05em;
  display:inline-flex;
}
.page-home .pd-pricing__tag--dark{
  background:rgba(245,184,46,.15);
  color:var(--c-gold);
}
.page-home .pd-pricing__arrow{
  font-size:1.3rem;
  color:var(--c-gold);
  font-weight:700;
  line-height:1;
}
.page-home .pd-pricing__big-num{
  font-family:var(--font-display);
  font-size:3.4rem;
  line-height:1;
  color:var(--c-gold);
}
.page-home .pd-pricing__name{
  font-family:var(--font-display);
  font-size:1.8rem;
  font-weight:600;
  margin:0;
  line-height:1.15;
}
.page-home .pd-pricing__desc{
  color:var(--c-gray);
  line-height:1.75;
  margin:0;
}
.page-home .pd-pricing__card--dark .pd-pricing__desc{
  color:rgba(255,255,255,.72);
  position:relative;
  z-index:1;
}
.page-home .pd-pricing__list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.5rem;
}
.page-home .pd-pricing__list li{
  position:relative;
  padding-left:1.6rem;
  font-size:.93rem;
  color:var(--c-ink);
  line-height:1.5;
}
.page-home .pd-pricing__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.45rem;
  width:10px;
  height:10px;
  background:var(--c-gold);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(245,184,46,.22);
}
.page-home .pd-pricing__card .btn{
  margin-top:auto;
  align-self:flex-start;
}

.page-home .pd-version{
  padding:4rem 0;
  background:var(--c-white);
}
.page-home .pd-version__grid{
  display:grid;
  gap:2rem;
  align-items:center;
}
.page-home .pd-version__compare{
  display:grid;
  gap:.8rem;
  margin:1.4rem 0;
}
.page-home .pd-version__row{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:center;
  border:2px solid #e3e8ee;
  border-radius:var(--radius-md);
  padding:.85rem 1rem;
  background:var(--c-fog);
  font-size:.9rem;
}
.page-home .pd-version__row--new{
  border-color:var(--c-gold);
  background:rgba(245,184,46,.08);
}
.page-home .pd-version__year{
  font-family:var(--font-display);
  font-weight:600;
  font-size:.95rem;
  background:var(--c-navy);
  color:var(--c-white);
  padding:.25rem .55rem;
  border-radius:6px;
  white-space:nowrap;
}
.page-home .pd-version__row--new .pd-version__year{
  background:var(--c-gold);
  color:var(--c-navy);
}
.page-home .pd-version__order{
  color:var(--c-gray);
  line-height:1.5;
}
.page-home .pd-version__order b{
  color:var(--c-red);
}
.page-home .pd-version__list{
  display:grid;
  gap:.55rem;
  padding:0;
  margin:0 0 1.5rem;
  list-style:none;
}
.page-home .pd-version__list li{
  padding-left:1.4rem;
  position:relative;
  font-size:.93rem;
  color:var(--c-ink);
  line-height:1.55;
}
.page-home .pd-version__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.45rem;
  width:8px;
  height:8px;
  background:var(--c-red);
  border-radius:50%;
}
.page-home .pd-version__figure{
  margin:0;
}
.page-home .pd-version__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border:3px solid var(--c-navy);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  object-fit:cover;
}
.page-home .pd-version__figure figcaption{
  font-size:.8rem;
  color:var(--c-gray);
  margin-top:.5rem;
  text-align:center;
}

.page-home .pd-mobile{
  padding:4rem 0;
  background:var(--grad-navy);
  color:var(--c-white);
}
.page-home .pd-mobile .pd-section-title{
  color:var(--c-white);
}
.page-home .pd-mobile .pd-section-desc{
  color:rgba(255,255,255,.72);
}
.page-home .pd-mobile__grid{
  display:grid;
  gap:2.5rem;
  align-items:center;
}
.page-home .pd-mobile__figure{
  margin:0;
  max-width:320px;
  margin-inline:auto;
  order:-1;
}
.page-home .pd-mobile__figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  border-radius:24px;
  border:3px solid var(--c-gold);
  box-shadow:var(--shadow-float);
  object-fit:cover;
}
.page-home .pd-mobile__figure figcaption{
  color:rgba(255,255,255,.62);
  font-size:.8rem;
  text-align:center;
  margin-top:.6rem;
}
.page-home .pd-mobile__demo{
  margin:1.4rem 0;
  border:2px solid rgba(255,255,255,.2);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.06);
  overflow:hidden;
}
.page-home .pd-mobile__demo summary{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.1rem;
  list-style:none;
}
.page-home .pd-mobile__demo summary::-webkit-details-marker{
  display:none;
}
.page-home .pd-mobile__demo summary::marker{
  content:"";
}
.page-home .pd-mobile__demo summary:hover{
  background:rgba(255,255,255,.06);
}
.page-home .pd-mobile__demo summary:focus-visible{
  outline:2px solid var(--c-gold);
  outline-offset:-3px;
}
.page-home .pd-mobile__demo-label{
  font-weight:600;
  font-size:.95rem;
}
.page-home .pd-mobile__dots{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
}
.page-home .pd-mobile__detail{
  border-top:2px solid rgba(255,255,255,.2);
  padding:1rem 1.1rem;
}
.page-home .pd-mobile__score{
  display:flex;
  align-items:center;
  gap:1rem;
  justify-content:center;
  background:var(--c-white);
  border-radius:var(--radius-md);
  padding:1.1rem;
  color:var(--c-ink);
}
.page-home .pd-mobile__team{
  font-weight:600;
  font-size:.9rem;
}
.page-home .pd-mobile__nums{
  font-family:var(--font-display);
  font-weight:600;
  font-size:2rem;
  color:var(--c-navy);
  letter-spacing:.02em;
}
.page-home .pd-mobile__note{
  font-size:.8rem;
  color:rgba(255,255,255,.68);
  text-align:center;
  margin:.8rem 0 0;
}
.page-home .pd-mobile__list{
  display:grid;
  gap:.6rem;
  padding:0;
  margin:0 0 1rem;
  list-style:none;
}
.page-home .pd-mobile__list li{
  padding-left:1.6rem;
  position:relative;
  color:rgba(255,255,255,.82);
  font-size:.95rem;
  line-height:1.55;
}
.page-home .pd-mobile__list li::before{
  content:"";
  width:10px;
  height:10px;
  background:var(--c-gold);
  position:absolute;
  left:0;
  top:.45rem;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(245,184,46,.2);
}
.page-home .pd-mobile__faq{
  color:rgba(255,255,255,.68);
  font-size:.9rem;
  margin:0;
}
.page-home .pd-mobile__faq a{
  color:var(--c-gold);
  text-decoration:none;
  font-weight:600;
}
.page-home .pd-mobile__faq a:hover{
  text-decoration:underline;
}

.page-home .pd-trust{
  padding:3.5rem 0;
  background:var(--c-fog);
  border-bottom:1px solid #e3e8ee;
}
.page-home .pd-trust__inner{
  display:grid;
  gap:1.4rem;
  text-align:center;
  justify-items:center;
}
.page-home .pd-trust__title{
  font-family:var(--font-display);
  font-size:clamp(1.4rem,2.6vw,2rem);
  margin:0;
  color:var(--c-navy);
  font-weight:600;
}
.page-home .pd-trust__statement{
  max-width:60ch;
  color:var(--c-gray);
  margin:0;
  line-height:1.8;
}
.page-home .pd-trust__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.6rem 1.2rem;
}
.page-home .pd-trust__links a{
  color:var(--c-navy);
  text-decoration:none;
  font-weight:600;
  font-size:.9rem;
  border-bottom:2px solid transparent;
  transition:border-color .2s ease,color .2s ease;
}
.page-home .pd-trust__links a:hover{
  border-bottom-color:var(--c-gold);
  color:var(--c-navy);
}
.page-home .pd-trust__links a:focus-visible{
  outline:2px solid var(--c-gold);
  outline-offset:2px;
}

@media (min-width:680px){
  .page-home .pd-index__grid{
    grid-template-columns:repeat(2,1fr);
  }
  .page-home .pd-fixtures__head{
    grid-template-columns:1fr auto;
  }
}

@media (min-width:920px){
  .page-home .pd-hero__inner{
    grid-template-columns:minmax(0,1fr) 320px;
    align-items:center;
    min-height:620px;
    padding-top:4.5rem;
    padding-bottom:5rem;
  }
  .page-home .pd-fixtures__layout{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  }
  .page-home .pd-pricing__grid{
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  }
  .page-home .pd-version__grid{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  }
  .page-home .pd-mobile__grid{
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  }
  .page-home .pd-mobile__figure{
    order:0;
  }
}

@media (min-width:1080px){
  .page-home .pd-index__grid{
    grid-template-columns:repeat(4,1fr);
  }
}