/* Eastel public website: all custom styles, scoped by body page class. */

/* ===== HOME ===== */

/* ===== RESET ===== */
:where(body.page-home), :where(body.page-home) * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* ===== BODY ===== */
body:where(.page-home) {
  font-family: 'Poppins', sans-serif;
  background: #f3f0ff;
  color: #252525;
}
/* ===== CONTAINER ===== */
:where(body.page-home) .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

:where(body.page-home) .container1 {
  width: 85%;
  max-width: 1200px;
  margin: auto;
}

:where(body.page-home) .container2 {
  width: 95%;
  max-width: 1200px;
  margin: auto;
}
/* =============================== *//*          HEADER PREMIUM        *//* =============================== */
:where(body.page-home) header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;

  padding: 16px 0;

  /* Glass dark background */
  background: rgba(10,10,10,0.7);
  backdrop-filter: blur(12px);

  border-bottom: 1px solid rgba(148,163,184,0.1);

  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-110%);
  pointer-events: none;
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}

:where(body.page-home) header.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
/* NAV */
:where(body.page-home) .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* LOGO */
:where(body.page-home) .logo {
  color: #f4f4f5;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
}
/* MENU */
:where(body.page-home) nav ul {
  list-style: none;
  display: flex;
  gap: 28px;
}
/* LINK */
:where(body.page-home) nav a {
  text-decoration: none;
  color: #c6c6cf;
  font-weight: 500;
  font-size: 15px;

  position: relative;
  transition: 0.25s;
}
/* Hover text */
:where(body.page-home) nav a:hover {
  color: #ffffff;
}
/* Underline animation (premium feel) */
:where(body.page-home) nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0%;
  height: 2px;

  background: #7c3aed;

  transition: 0.3s;
}

:where(body.page-home) nav a:hover::after {
  width: 100%;
}
/* =============================== *//*        HAMBURGER PREMIUM       *//* =============================== */
:where(body.page-home) .hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
  z-index: 1100;
}

:where(body.page-home) .hamburger span {
  width: 26px;
  height: 2px;
  background: #e5e5e8;
  border-radius: 2px;
  transition: all 0.3s ease;
}
/* Animation */
:where(body.page-home) .hamburger.open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

:where(body.page-home) .hamburger.open span:nth-child(2) {
  opacity: 0;
  transform: scale(0);
}

:where(body.page-home) .hamburger.open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* =============================== */
/*            MOBILE              */
/* =============================== */

@media(max-width: 768px){

:where(body.page-home) .hamburger {
    display: flex;
  }
/* NAV CONTAINER */
:where(body.page-home) nav {
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;

    /* PREMIUM GLASS */
    background: rgba(10,10,10,0.95);
    backdrop-filter: blur(12px);

    /* REMOVE LINE ISSUE */
    border-top: none;

    /* smooth open */
    max-height: 0;
    overflow: hidden;

    opacity: 0;
    transform: translateY(-10px);

    transition: all 0.35s ease;
  }
/* ACTIVE MENU */
:where(body.page-home) nav.active {
    max-height: 350px;
    padding: 20px 0;

    opacity: 1;
    transform: translateY(0);
  }
/* MENU LIST */
:where(body.page-home) nav ul {
    flex-direction: column;
    align-items: center;
    gap: 22px;
  }
/* LINKS */
:where(body.page-home) nav a {
    font-size: 16px;
    color: #e5e5e8;
    transition: 0.25s;
  }

:where(body.page-home) nav a:hover {
    color: #a78bfa;
  }

}
/* ===================================== *//*               HERO SECTION            *//* ===================================== */
:where(body.page-home) .hero-section {
  position: relative;
  min-height: 100vh;
  padding-top: 100px;
  background: url("gig-economy.jpg") center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: white;
}
/* Overlay (lebih solid untuk nampakkan text) */
:where(body.page-home) .hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(30, 0, 60, 0.9),
    rgba(88, 28, 135, 0.85)
  );
  z-index: 1;
}
/* ===================================== *//*               LAYOUT                  *//* ===================================== */
:where(body.page-home) .hero-container {
  position: relative;
  z-index: 2;

  max-width: 1200px;
  width: 100%;
  margin: auto;
  padding: 0 40px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
/* ===================================== *//*               LEFT TEXT               *//* ===================================== */
:where(body.page-home) .hero-content {
  flex: 1;
  font-family: 'Poppins', sans-serif;
}

:where(body.page-home) .hero-content h1 {
  font-size: 64px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.1;
  letter-spacing: 1px;
  background: linear-gradient(135deg, #ffffff 0%, #67e8f9 45%, #a855f7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 4px 16px rgba(10,10,10,0.45),
    0 0 28px rgba(34, 211, 238, 0.12);
}
/* CLEAN TITLE (no stroke) */
:where(body.page-home) .hero-content h1 span {
  background: none;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: inherit;
  text-shadow: none;
}
/* SUBTITLE */
:where(body.page-home) .hero-content p {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 40px;
  color: #f3e8ff;
  line-height: 1.6;

  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}
/* BUTTON */
:where(body.page-home) .hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

:where(body.page-home) .hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  min-width: 210px;
  border-radius: 50px;
  background: linear-gradient(135deg, #9333ea, #ec4899);
  color: white;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: 0.3s;

  box-shadow: 0 10px 25px rgba(168,85,247,0.4);
}

:where(body.page-home) .hero-btn:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.4);
}

:where(body.page-home) .hero-btn-secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.45);
  box-shadow: 0 10px 25px rgba(10,10,10,0.28);
}

:where(body.page-home) .hero-btn-secondary:hover {
  background: rgba(255,255,255,0.1);
}
/* ===================================== *//*             RIGHT IMAGE               *//* ===================================== */
:where(body.page-home) .hero-image {
  flex: 1;
  text-align: right;
}

:where(body.page-home) .hero-image img {
  width: 100%;
  max-width: 460px;
  filter: drop-shadow(0 30px 60px rgba(0,0,0,0.6));
  animation: floatPhone 4s ease-in-out infinite;
}

/* FLOAT ANIMATION */
@keyframes floatPhone {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0px); }
}

/* ===================================== */
/*               RESPONSIVE              */
/* ===================================== */

@media (max-width: 1024px){

:where(body.page-home) .hero-container {
    gap:40px;
  }

:where(body.page-home) .hero-content h1 {
    font-size:50px;
  }

}

/* Tablet */
@media (max-width: 768px){

:where(body.page-home) .hero-section {
    padding-top:180px;
    padding-bottom: 20px;
    overflow: visible;
  }

:where(body.page-home) .hero-container {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

:where(body.page-home) .hero-content {
    text-align:center;
  }

:where(body.page-home) .hero-content h1 {
    font-size:40px;
  }

:where(body.page-home) .hero-content p {
    font-size:25px;
  }

:where(body.page-home) .hero-actions {
    justify-content:center;
  }

:where(body.page-home) .hero-image {
    margin-top: 0;
    margin-bottom: 0;
    text-align:center;
    position: relative;
    z-index: 3;
    transform: translateY(78px);
  }

:where(body.page-home) .hero-image img {
    max-width:300px;
  }

:where(body.page-home) .seo-section {
    position: relative;
    z-index: 1;
    margin-top: -28px;
    padding-top: 125px;
  }

}

/* Small phone */
@media (max-width: 480px){

:where(body.page-home) .hero-content h1 {
    font-size:35px;
  }

:where(body.page-home) .hero-content p {
    font-size:20px;
  }

:where(body.page-home) .hero-btn {
    padding:14px 30px;
    font-size:14px;
  }

:where(body.page-home) .hero-actions {
    gap:12px;
  }

}
/* =============================== *//*        SEO SECTION UPGRADE     *//* =============================== */

/* CONTAINER */

/* =============================== *//* IMAGE *//* =============================== */





/* =============================== *//* CONTENT *//* =============================== */

/* TITLE */

/* HIGHLIGHT */

/* TEXT */

/* SUBTITLE */

/* BUTTON */




/* =============================== */
/* MOBILE */
/* =============================== */

@media(max-width:768px){





}
/* =============================== *//*        WHY EASTEL PREMIUM      *//* =============================== */
:where(body.page-home) .why-eastel-section {
  padding: 120px 20px;
  background: radial-gradient(circle at top, #060606, #000);
}
/* TITLE */
:where(body.page-home) .why-title {
  text-align: center;
  font-size: 42px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 15px;
}

:where(body.page-home) .why-title span {
  background: linear-gradient(135deg, #22d3ee, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* SUBTITLE */
:where(body.page-home) .why-subtitle {
  text-align: center;
  color: #c6c6cf;
  max-width: 700px;
  margin: 0 auto 70px auto;
  line-height: 1.7;
}
/* GRID */
:where(body.page-home) .why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
/* =============================== *//* CARD *//* =============================== */
:where(body.page-home) .why-card {
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);

  border-radius: 24px;
  padding: 30px;

  border: 1px solid rgba(148,163,184,0.15);

  text-align: center;

  transition: 0.35s ease;

  position: relative;
  overflow: hidden;
}
/* glow border effect */
:where(body.page-home) .why-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 24px;
  background: linear-gradient(135deg, transparent, rgba(124,58,237,0.4), transparent);
  opacity: 0;
  transition: 0.3s;
}
/* hover effect */
:where(body.page-home) .why-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 30px 60px rgba(124,58,237,0.25);
}

:where(body.page-home) .why-card:hover::before {
  opacity: 1;
}
/* =============================== *//* ICON *//* =============================== */
:where(body.page-home) .why-icon {
  font-size: 38px;
  margin-bottom: 15px;

  /* glow */
  text-shadow: 0 0 15px rgba(124,58,237,0.6);
}
/* TITLE */
:where(body.page-home) .why-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
/* TEXT */
:where(body.page-home) .why-card p {
  font-size: 14px;
  color: #c6c6cf;
  line-height: 1.6;
}
/* =============================== *//* COLOR VARIANTS *//* =============================== */
:where(body.page-home) .why-card.gold {
  box-shadow: 0 0 30px rgba(250,204,21,0.15);
}

:where(body.page-home) .why-card.purple {
  box-shadow: 0 0 30px rgba(124,58,237,0.2);
}

:where(body.page-home) .why-card.cyan {
  box-shadow: 0 0 30px rgba(34,211,238,0.2);
}

:where(body.page-home) .why-card.pink {
  box-shadow: 0 0 30px rgba(236,72,153,0.2);
}

/* =============================== */
/* MOBILE */
/* =============================== */

@media(max-width:768px){

:where(body.page-home) .why-title {
    font-size: 28px;
  }

:where(body.page-home) .why-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

:where(body.page-home) .why-card {
    padding: 25px;
  }

}
/* ===================================== *//*           VIDEO INTRO SECTION         *//* ===================================== */
:where(body.page-home) .video-section {
  padding: 120px 0;
  background: linear-gradient(135deg, #f3f0ff, #e9e6f2);
  text-align: center;
}

:where(body.page-home) .video-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #252525;
}

:where(body.page-home) .video-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:where(body.page-home) .video-subtitle {
  font-size: 18px;
  color: #64748b;
  margin-bottom: 60px;
}
/* Video Frame */
:where(body.page-home) .video-wrapper {
  position: relative;
  max-width: 900px;
  margin: auto;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}
/* 16:9 Ratio */
:where(body.page-home) .video-wrapper iframe,
:where(body.page-home) .video-wrapper video {
  width: 100%;
  height: 500px;
  border-radius: 30px;
}

/* Responsive */
@media (max-width: 768px) {

:where(body.page-home) .video-title {
    font-size: 28px;
  }

:where(body.page-home) .video-wrapper iframe,
:where(body.page-home) .video-wrapper video {
    height: 250px;
  }

}
/* =============================== *//*        TELCO UPGRADE           *//* =============================== */
:where(body.page-home) .telco-section {
  padding: 120px 0;
  background: linear-gradient(to bottom, #060606, #111111);
  text-align: center;
}

:where(body.page-home) .telco-title {
  font-size: 42px;
  font-weight: 800;
  color: #f4f4f5;
  margin-bottom: 60px;
}
/* GRID */
:where(body.page-home) .telco-grid {
  display: flex;
  gap: 40px;
  max-width: 1000px;
  margin: auto;
}
/* BOX */
:where(body.page-home) .telco-box {
  flex: 1;
  padding: 40px;
  border-radius: 20px;

  background: #101010;
  border: 1px solid rgba(148,163,184,0.15);

  text-align: left;
}
/* TITLE */
:where(body.page-home) .telco-box h3 {
  font-size: 24px;
  margin-bottom: 25px;
  color: #c6c6cf;
}
/* ITEM */
:where(body.page-home) .telco-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  color: #94a3b8;
}

:where(body.page-home) .telco-item strong {
  color: #f4f4f5;
}
/* =============================== *//*        HIGHLIGHT BOX           *//* =============================== */
:where(body.page-home) .telco-box.highlight {
  border: 1px solid #7c3aed;
  box-shadow: 0 20px 60px rgba(124,58,237,0.3);
}

:where(body.page-home) .prepaid {
  color: #a78bfa;
}

:where(body.page-home) .postpaid {
  color: #94a3b8;
}
/* CTA */
:where(body.page-home) .telco-cta {
  margin-top: 60px;
  font-size: 26px;
  color: #e5e5e8;
}

:where(body.page-home) .telco-cta span {
  color: #7c3aed;
  font-weight: 700;
}
/* ICON STYLE */
:where(body.page-home) .icon {
  width: 18px;
  height: 18px;

  stroke: #a78bfa;
  stroke-width: 2;
  fill: none;

  margin-right: 8px;
}
/* Align icon + text */
:where(body.page-home) .telco-item span {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Highlight card icon */
:where(body.page-home) .telco-box.highlight .icon {
  stroke: #c084fc;
}

/* =============================== */
/*        MOBILE FIX TELCO        */
/* =============================== */

@media (max-width:768px){

:where(body.page-home) .telco-section {
    padding: 80px 20px;
  }

:where(body.page-home) .telco-grid {
    flex-direction: column;
    gap: 30px;
  }

:where(body.page-home) .telco-box {
    padding: 30px 20px;
    text-align: left;
  }

:where(body.page-home) .telco-title {
    font-size:30px;
    margin-bottom:40px;
    padding:0 20px;
  }
/* FIX ITEM */
:where(body.page-home) .telco-item {
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 10px;
    padding: 12px 0;

    border-bottom: 1px solid rgba(148,163,184,0.1);
  }

:where(body.page-home) .telco-item:last-child {
    border-bottom: none;
  }
/* LEFT SIDE (icon + text) */
:where(body.page-home) .telco-item span {
    display: flex;
    align-items: center;
    gap: 8px;

    font-size: 14px;
    color: #94a3b8;
  }
/* RIGHT VALUE */
:where(body.page-home) .telco-item strong {
    font-size: 16px;
    font-weight: 700;
    color: #f4f4f5;

    white-space: nowrap; /* 🔥 penting elak turun line */
  }
/* TITLE */
:where(body.page-home) .telco-box h3 {
    text-align: center;
    margin-bottom: 20px;
  }

}
/* =============================== *//*        MAIN SECTION            *//* =============================== */
:where(body.page-home) .eastel-section {
    background: linear-gradient(135deg, #6a11cb, #3b072c);
    padding: 60px 20px;
    display: flex;
    justify-content: center;
}
/* CONTAINER */
:where(body.page-home) .eastel-section .container {
    width: 100%;
    max-width: 1200px;
    text-align: center;
}
/* TITLE */
:where(body.page-home) .eastel-section h1 {
    font-size: 40px;
    margin-bottom: 40px;
}
/* LAYOUT */
:where(body.page-home) .eastel-section .grid {
    display: flex;
    gap: 30px;
    align-items: center;
}
/* HERO CARD */
:where(body.page-home) .eastel-section .eastel {
    flex: 1;
    padding: 45px;
    border-radius: 25px;
    background: linear-gradient(135deg, #00c6ff, #0072ff, #6a11cb);
    background-size: 200% 200%;
    animation: eastelGradient 6s ease infinite;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
    color: white;
    position: relative;
    overflow: hidden;
}
/* glow */
:where(body.page-home) .eastel-section .eastel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top, rgba(255,255,255,0.25), transparent);
}
/* badge */
:where(body.page-home) .eastel-section .eastel::after {
    content: "🔥 BEST VALUE";
    position: absolute;
    top: 20px;
    right: -40px;
    background: #ffeb3b;
    color: #000;
    padding: 8px 40px;
    font-size: 12px;
    transform: rotate(45deg);
    font-weight: bold;
}

:where(body.page-home) .eastel-section .eastel h2 {
    font-size: 55px;
    font-weight: 800;
}

:where(body.page-home) .eastel-section .eastel p {
    font-size: 18px;
    opacity: 0.95;
}

/* ANIMATION */
@keyframes eastelGradient {
    0% { background-position: 0% }
    50% { background-position: 100% }
    100% { background-position: 0% }
}
/* VS */
:where(body.page-home) .eastel-section .vs {
    background: white;
    color: #333;
    font-weight: bold;
    padding: 15px 20px;
    border-radius: 50%;
}
/* RIGHT GRID */
:where(body.page-home) .eastel-section .right {
    flex: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
/* CARD */
:where(body.page-home) .eastel-section .card {
    padding: 25px;
    border-radius: 20px;
    background: linear-gradient(145deg, #7b1fa2, #8e24aa);
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    text-align: center;
}

:where(body.page-home) .eastel-section .card h3 {
    font-size: 24px;
    color: #fff;
}

:where(body.page-home) .eastel-section .card p {
    color: #f3e5f5;
}
/* PRICE */
:where(body.page-home) .eastel-section .price {
    margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
}

:where(body.page-home) .eastel-section .blue { color: #00e5ff; }

:where(body.page-home) .eastel-section .green { color: #00ff95; }

:where(body.page-home) .eastel-section .orange { color: #ffcc00; }

:where(body.page-home) .eastel-section .pink1 { color: #ff80ab; }

/* MOBILE */
@media(max-width:768px){

:where(body.page-home) .eastel-section .grid {
        flex-direction: column;
        gap: 20px;
    }

:where(body.page-home) .eastel-section .right {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

:where(body.page-home) .eastel-section .card {
        padding: 20px;
    }

:where(body.page-home) .eastel-section .card h3 {
        font-size: 20px;
    }

:where(body.page-home) .eastel-section .card p {
        font-size: 13px;
    }

:where(body.page-home) .eastel-section .price {
        font-size: 18px;
    }

:where(body.page-home) .eastel-section h1 {
        font-size: 28px;
    }
}
/* =============================== *//*        PREMIUM PLANS PRO        *//* =============================== */
:where(body.page-home) .plans {
  padding: 120px 0;
  background: linear-gradient(to bottom, #060606, #111111);
  text-align: center;
  color: white;
  overflow-x: hidden;

}
/* TITLE */
:where(body.page-home) .plan-title {
  font-size: 46px;
  font-weight: 800;
  margin-bottom: 80px;
  color: #f4f4f5;
}
/* =============================== *//*         DESKTOP GRID           *//* =============================== */
:where(body.page-home) .plan-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 40px;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}
/* =============================== *//*            CARD                *//* =============================== */
:where(body.page-home) .plan-card {
  background: #101010;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(148,163,184,0.15);
  box-shadow: 0 15px 50px rgba(0,0,0,0.6);

  transition: 0.3s ease;
 
}

:where(body.page-home) .plan-card:hover {
  transform: translateY(-6px);
}
/* =============================== *//* CONTENT SPACING FIX            *//* =============================== */
:where(body.page-home) .plan-header {
  padding: 25px 20px;
  font-size: 22px;
  font-weight: 600;
}

:where(body.page-home) .plan-body {
  padding: 30px 20px;
  flex: 1;
}

:where(body.page-home) .plan-body h3 {
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #facc15;
}

:where(body.page-home) .plan-body p {
  font-size: 15px;
  color: #94a3b8;
}

:where(body.page-home) .price-tag {
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #c4b5fd;
  border-top: 1px solid rgba(148,163,184,0.1);
}
/* FEATURED */
:where(body.page-home) .plan-card.featured {
  border: 2px solid #7c3aed;
}
/* BADGE */
:where(body.page-home) .badge {

  border-radius: 6px; /* buang rotate */
}
/* NAV hidden desktop */
:where(body.page-home) .plan-nav {
  display: none;
}

/* =============================== */
/*            MOBILE              */
/* =============================== */
@media (max-width:768px){

:where(body.page-home) .plans {
    padding: 80px 0;
  }

:where(body.page-home) .plan-title {
    font-size:30px;
    margin-bottom:40px;
    padding:0 20px;
  }
/* SLIDER */
:where(body.page-home) .plan-wrapper {
    display:flex;
    overflow-x:auto;

    gap:0;               /* 🔥 penting */
    padding:0;           /* 🔥 buang padding */

    scroll-snap-type:x mandatory;
  }

:where(body.page-home) .plan-wrapper::-webkit-scrollbar {
    display:none;
  }
/* CARD FULL SIZE */
:where(body.page-home) .plan-card {
    flex:0 0 100%;
    max-width:100%;

    scroll-snap-align:start;
  }
/* DISABLE SCALE (VERY IMPORTANT) */
:where(body.page-home) .plan-card.featured {
    transform:none !important;
    border:2px solid #facc15;
  }

:where(body.page-home) .plan-card:hover {
    transform:none;
  }
/* BODY */
:where(body.page-home) .plan-body {
    padding:30px 20px;
  }

:where(body.page-home) .plan-body h3 {
    font-size:24px;
  }

:where(body.page-home) .plan-body p {
    font-size:15px;
  }
/* PRICE */
:where(body.page-home) .price-tag {
    font-size:22px;
  }
/* =============================== *//*         NAV BUTTON             *//* =============================== */
:where(body.page-home) .plan-nav {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
  }

:where(body.page-home) .plan-nav button {
    width: 40px;
    height: 40px;
    border-radius: 50%;

    border: 1px solid rgba(148,163,184,0.3);

    background: #101010;
    color: #c6c6cf;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: 0.25s;
  }

:where(body.page-home) .plan-nav button:active {
    background: #7c3aed;
    color: white;
    border-color: #7c3aed;
  }

}
/* ============================= *//*          SIM PREMIUM         *//* ============================= */
:where(body.page-home) .sim-section {
  padding: 120px 0;
  background:
    radial-gradient(circle at top left, rgba(124,58,237,0.18), transparent 32%),
    radial-gradient(circle at bottom right, rgba(34,211,238,0.12), transparent 30%),
    linear-gradient(to bottom, #060606, #111111);
}
/* Layout */
:where(body.page-home) .sim-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(148,163,184,0.14);
  border-radius: 32px;
  padding: 56px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.35);
}
/* ============================= *//*            LEFT              *//* ============================= */
:where(body.page-home) .sim-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

:where(body.page-home) .sim-card {
  position: relative;
  width: min(100%, 430px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 18px 26px;
}

:where(body.page-home) .sim-card::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 16px;
  width: 78%;
  height: 42px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(10,10,10,0.62), transparent 72%);
  filter: blur(10px);
  z-index: 0;
}
/* Product Image */
:where(body.page-home) .sim-card img {
  position: relative;
  z-index: 1;
  width: min(100%, 340px);
  margin: 0 auto;
  display: block;
  border-radius: 18px;
  filter:
    drop-shadow(0 24px 42px rgba(10,10,10,0.42))
    drop-shadow(0 0 22px rgba(34,211,238,0.16));
}
/* Price Badge (more premium) */
:where(body.page-home) .price-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  background: linear-gradient(135deg, #ef4444, #f97316);
  color: white;
  padding: 10px 14px;
  font-weight: 700;
  border-radius: 16px;
  transform: rotate(-10deg);
  text-align: center;
  box-shadow: 0 14px 28px rgba(239,68,68,0.28);
  line-height: 1.2;
}

:where(body.page-home) .price-badge small {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.92;
}
/* ============================= *//*         BUY BUTTON           *//* ============================= */
:where(body.page-home) .sim-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}

:where(body.page-home) .sim-buy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 50px;
  min-width: 210px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;

  color: white;
  border-radius: 50px;

  background: linear-gradient(135deg, #7c3aed, #9333ea);

  border: 1px solid rgba(124,58,237,0.5);

  box-shadow:
    0 14px 30px rgba(124,58,237,0.32);

  transition: all 0.25s ease;
}
/* Hover premium (not overkill) */
:where(body.page-home) .sim-buy-btn:hover {
  transform: translateY(-3px);
  box-shadow:
    0 20px 40px rgba(124,58,237,0.6);
}

:where(body.page-home) .sim-buy-btn-secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 10px 30px rgba(10,10,10,0.28);
}

:where(body.page-home) .sim-buy-btn-secondary:hover {
  background: rgba(255,255,255,0.08);
}
/* ============================= *//*            RIGHT             *//* ============================= */
:where(body.page-home) .sim-right {
  flex: 1;
  background: rgba(10,10,10,0.42);
  border: 1px solid rgba(148,163,184,0.12);
  border-radius: 28px;
  padding: 36px 34px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

:where(body.page-home) .sim-eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(34,211,238,0.08);
  border: 1px solid rgba(34,211,238,0.22);
  color: #67e8f9;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
/* Title */
:where(body.page-home) .sim-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 28px;
  color: #f4f4f5;
  line-height: 1.15;
}
/* ============================= *//*         BENEFITS LIST        *//* ============================= */
:where(body.page-home) .sim-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

:where(body.page-home) .sim-list li {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #c6c6cf;
  position: relative;
  padding: 0 0 0 38px;
  line-height: 1.65;
}
/* Check Icon (clean premium) */
:where(body.page-home) .sim-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 3px;

  background: linear-gradient(135deg, rgba(124,58,237,0.24), rgba(34,211,238,0.18));
  color: #c4b5fd;

  font-size: 13px;
  width: 22px;
  height: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
}
/* Highlight text */
:where(body.page-home) .sim-list .highlight {
  color: #c4b5fd;
  font-weight: 600;
}
/* ============================= *//*             CTA              *//* ============================= */
:where(body.page-home) .sim-cta {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(148,163,184,0.14);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.55;
  color: #e5e5e8;
}

:where(body.page-home) .sim-cta span {
  color: #7c3aed;
  font-weight: 700;
}

/* ============================= */
/*          RESPONSIVE          */
/* ============================= */

@media(max-width: 768px){

:where(body.page-home) .sim-section {
    padding: 72px 14px;
  }

:where(body.page-home) .sim-section .container {
    width: 100%;
  }

:where(body.page-home) .sim-wrapper {
    flex-direction: column;
    gap: 30px;
    width: 100%;
    border-radius: 24px;
    padding: 24px 16px;
  }

:where(body.page-home) .sim-left {
    width: 100%;
    text-align: center;
  }

:where(body.page-home) .sim-card {
    width: 100%;
    max-width: none;
    padding: 10px 8px 18px;
  }

:where(body.page-home) .sim-actions {
    justify-content: center;
    width: 100%;
    gap: 10px;
  }

:where(body.page-home) .sim-title {
    font-size: 26px;
    text-align: center;
  }

:where(body.page-home) .sim-right {
    width: 100%;
    border-radius: 22px;
    padding: 24px 18px;
    text-align: center;
  }

:where(body.page-home) .sim-eyebrow {
    justify-content: center;
  }

:where(body.page-home) .sim-list li {
    font-size: 16px;
    text-align: left;
  }

:where(body.page-home) .sim-cta {
    font-size: 18px;
    text-align: center;
  }

:where(body.page-home) .sim-card img {
    width: min(100%, 260px);
  }

:where(body.page-home) .price-badge {
    top: 10px;
    left: 8px;
    padding: 7px 10px;
    transform: rotate(-8deg);
  }
}
/* ============================= *//* DIFFERENCE SECTION *//* ============================= */
:where(body.page-home) .difference-section {
padding: 120px 0;

background:
linear-gradient(135deg,#c312d6,#f533be);

text-align:center;
position:relative;
overflow:hidden;
}
/* glow background */
:where(body.page-home) .difference-section::before {
content:"";
position:absolute;
width:600px;
height:600px;
background:radial-gradient(circle,#9333ea40,transparent);
top:-200px;
left:-200px;
}

:where(body.page-home) .difference-section::after {
content:"";
position:absolute;
width:600px;
height:600px;
background:radial-gradient(circle,#22d3ee30,transparent);
bottom:-200px;
right:-200px;
}
/* ============================= *//* TITLE *//* ============================= */
:where(body.page-home) .difference-title {
font-size: 42px; 
font-weight: 700; 
margin-bottom: 80px; 
color: #fff;
}
/* ============================= *//* LAYOUT *//* ============================= */
:where(body.page-home) .difference-wrapper {
display:flex;
align-items:center;
justify-content:center;
gap:70px;
max-width:1200px;
margin:auto;
position:relative;
z-index:2;
}
/* ============================= *//* MAIN PLAN *//* ============================= */
:where(body.page-home) .main-plan {

background:linear-gradient(135deg,#7c3aed,#9333ea);

color:white;

padding:70px 50px;

border-radius:30px;

width:340px;

box-shadow:
0 30px 80px rgba(124,58,237,0.5);

transition:0.4s;
}

:where(body.page-home) .main-plan:hover {
transform:translateY(-12px) scale(1.05);

box-shadow:
0 40px 100px rgba(124,58,237,0.7);
}

:where(body.page-home) .main-plan h3 {
font-size:52px;
margin-bottom:35px;
font-weight:900;
}

:where(body.page-home) .main-plan p {
font-size:20px;
margin-bottom:14px;
opacity:0.95;
}
/* ============================= *//* VS BADGE *//* ============================= */
:where(body.page-home) .vs-badge {

font-size:28px;
font-weight:700;

width:90px;
height:90px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

background:white;

box-shadow:
0 20px 40px rgba(0,0,0,0.15);

color:#252525;

animation:vsGlow 2.5s infinite;
}

@keyframes vsGlow{

0%{
box-shadow:0 0 0 rgba(124,58,237,0.4);
}

50%{
box-shadow:0 0 30px rgba(124,58,237,0.6);
}

100%{
box-shadow:0 0 0 rgba(124,58,237,0.4);
}

}
/* ============================= *//* COMPETITOR GRID *//* ============================= */
:where(body.page-home) .competitor-grid {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
/* ============================= *//* COMPETITOR CARD *//* ============================= */
:where(body.page-home) .competitor-card {

padding:40px 30px;

border-radius:25px;

background:rgba(255,255,255,0.6);

backdrop-filter:blur(10px);

box-shadow:
0 20px 40px rgba(0,0,0,0.08);

transition:0.35s;
}

:where(body.page-home) .competitor-card:hover {

transform:translateY(-8px) scale(1.03);

box-shadow:
0 25px 60px rgba(0,0,0,0.12);
}

:where(body.page-home) .competitor-card p {

font-size:18px;

margin-bottom:10px;

color:#334155;
}

:where(body.page-home) .competitor-card span {

font-weight:800;

font-size:20px;
}
/* ============================= *//* TELCO COLORS *//* ============================= */
:where(body.page-home) .celcom {
border-top:6px solid #2563eb;
}

:where(body.page-home) .celcom span {
color:#2563eb;
}

:where(body.page-home) .maxis {
border-top:6px solid #16a34a;
}

:where(body.page-home) .maxis span {
color:#16a34a;
}

:where(body.page-home) .umobile {
border-top:6px solid #f97316;
}

:where(body.page-home) .umobile span {
color:#f97316;
}

:where(body.page-home) .unifi {
border-top:6px solid #ec4899;
}

:where(body.page-home) .unifi span {
color:#ec4899;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media(max-width:992px){

:where(body.page-home) .difference-wrapper {
flex-direction:column;
}

:where(body.page-home) .vs-badge {
margin:20px 0;
}

}

@media(max-width:768px){

:where(body.page-home) .difference-section {
padding: 80px 20px;
}

:where(body.page-home) .difference-title {
font-size:30px;
margin-bottom:50px;
padding:0 20px;
}

:where(body.page-home) .main-plan {
width:100%;
padding:60px 30px;
}

:where(body.page-home) .main-plan h3 {
font-size:40px;
}

:where(body.page-home) .main-plan p {
font-size:18px;
}

:where(body.page-home) .competitor-grid {
grid-template-columns:repeat(2,1fr);
gap:20px;
}

:where(body.page-home) .competitor-card {
padding:25px 15px;
}

:where(body.page-home) .competitor-card p {
font-size:16px;
}

:where(body.page-home) .competitor-card span {
font-size:18px;
}

}
/* ============================= *//*          FAQ PREMIUM         *//* ============================= */
:where(body.page-home) .faq-section {
  padding: 120px 0;
  background: linear-gradient(to bottom, #060606, #111111);
}
/* Title */
:where(body.page-home) .faq-title {
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #f4f4f5;
}
/* ============================= *//*        FAQ ITEM CARD         *//* ============================= */
:where(body.page-home) .faq-item {
  max-width: 750px;
  margin: 0 auto 20px;

  border-radius: 18px;
  overflow: hidden;

  background: #101010;

  border: 1px solid rgba(148,163,184,0.15);

  box-shadow:
    0 10px 40px rgba(0,0,0,0.5);

  transition: 0.25s ease;
}
/* Hover effect (subtle) */
:where(body.page-home) .faq-item:hover {
  border-color: rgba(124,58,237,0.4);
  transform: translateY(-2px);
}
/* ============================= *//*         QUESTION             *//* ============================= */
:where(body.page-home) .faq-question {
  width: 100%;
  padding: 22px 25px;
  font-size: 17px;
  font-weight: 600;

  background: transparent;
  color: #e5e5e8;

  border: none;
  text-align: left;
  cursor: pointer;

  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* Icon */
:where(body.page-home) .faq-question span {
  font-size: 20px;
  color: #a78bfa;
  transition: transform 0.3s ease;
}
/* ============================= *//*           ANSWER             *//* ============================= */
:where(body.page-home) .faq-answer {
  max-height: 0;
  overflow: hidden;

  transition: all 0.35s ease;

  background: transparent;
}
/* Text */
:where(body.page-home) .faq-answer p {
  padding: 0 25px 20px;
  color: #94a3b8;
  line-height: 1.7;
  font-size: 15px;
}
/* Divider line */
:where(body.page-home) .faq-item.active {
  border-color: rgba(124,58,237,0.5);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.7);
}
/* Open state */
:where(body.page-home) .faq-item.active .faq-answer {
  max-height: 300px;
}
/* Rotate icon */
:where(body.page-home) .faq-item.active .faq-question span {
  transform: rotate(45deg);
}

/* ============================= */
/*          RESPONSIVE          */
/* ============================= */

@media(max-width:768px){

:where(body.page-home) .faq-section {
    padding: 80px 20px;
  }

:where(body.page-home) .faq-title {
    font-size: 28px;
  }

:where(body.page-home) .faq-question {
    font-size: 15px;
  }
}
/* ============================= *//*      TESTIMONI PREMIUM PRO   *//* ============================= */
:where(body.page-home) .testimoni-section {
  padding: 120px 0;
  background: linear-gradient(to bottom, #060606, #111111);
  text-align: center;
}

:where(body.page-home) .testimoni-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #f4f4f5;
  letter-spacing: 0.5px;
}
/* ============================= *//*        SLIDER WRAPPER        *//* ============================= */
:where(body.page-home) .testimoni-slider {
  position: relative;
  max-width: 750px;
  margin: auto;
  overflow: hidden;
}

:where(body.page-home) .testimoni-track {
  display: flex;
  transition: transform 0.5s ease;
}
/* ============================= *//*        PREMIUM CARD          *//* ============================= */
:where(body.page-home) .testimoni-item {
  min-width: 100%;
  padding: 60px 50px;
  border-radius: 24px;

  background: #101010;

  border: 1px solid rgba(148,163,184,0.15);

  box-shadow:
    0 20px 60px rgba(0,0,0,0.6),
    0 0 0 1px rgba(255,255,255,0.02) inset;

  transition: all 0.3s ease;
}
/* subtle hover (premium style, not aggressive) */
:where(body.page-home) .testimoni-item:hover {
  transform: translateY(-6px);
  box-shadow:
    0 30px 80px rgba(0,0,0,0.8),
    0 0 0 1px rgba(124,58,237,0.25) inset;
}
/* ============================= *//*        PROFILE IMAGE         *//* ============================= */
:where(body.page-home) .testimoni-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 25px;

  border: 3px solid #7c3aed;

  box-shadow:
    0 10px 30px rgba(124,58,237,0.4);
}
/* ============================= *//*         TEXT STYLE           *//* ============================= */
:where(body.page-home) .testimoni-text {
  font-size: 19px;
  font-style: italic;
  margin-bottom: 25px;
  color: #e5e5e8;
  line-height: 1.7;
}

:where(body.page-home) .rating {
  color: #facc15;
  font-size: 20px;
  margin-bottom: 15px;
}

:where(body.page-home) .testimoni-item h4 {
  color: #c4b5fd;
  font-weight: 600;
  font-size: 17px;
}

:where(body.page-home) .testimoni-item span {
  font-size: 14px;
  color: #94a3b8;
}
/* ============================= *//*         NAV BUTTONS          *//* ============================= */
:where(body.page-home) .prev-btn,
:where(body.page-home) .next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  background: #131313;
  border: 1px solid rgba(148,163,184,0.2);
  color: white;

  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;

  transition: 0.25s;
}

:where(body.page-home) .prev-btn:hover,
:where(body.page-home) .next-btn:hover {
  background: #7c3aed;
  border-color: #7c3aed;
}

:where(body.page-home) .prev-btn { left: 10px; }

:where(body.page-home) .next-btn { right: 10px; }
/* ============================= *//*            DOTS              *//* ============================= */
:where(body.page-home) .dots {
  margin-top: 30px;
}

:where(body.page-home) .dots span {
  width: 10px;
  height: 10px;
  background: #475569;
  margin: 0 5px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: 0.3s;
}

:where(body.page-home) .dots span.active {
  background: #7c3aed;
  transform: scale(1.2);
}

/* ============================= */
/*          RESPONSIVE          */
/* ============================= */

@media (max-width: 768px) {

:where(body.page-home) .testimoni-section {
    padding: 80px 20px;
  }

:where(body.page-home) .testimoni-title {
    font-size: 28px;
  }

:where(body.page-home) .testimoni-item {
    padding: 40px 25px;
  }

:where(body.page-home) .testimoni-text {
    font-size: 16px;
  }

:where(body.page-home) .prev-btn,
:where(body.page-home) .next-btn {
    display: none;
  }

}
/* ===================================== *//*        SOCIAL MEDIA SECTION           *//* ===================================== */




:where(body.page-home) .social-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* GRID */

/* CARD */
:where(body.page-home) .social-card {
  color: #252525;
}


/* ICON WRAPPER */

/* SVG ICON */
:where(body.page-home) .social-card .icon svg {
  width: 26px;
  height: 26px;

  stroke: #a78bfa;
}
/* TEXT */
:where(body.page-home) .social-card h4 {
  font-weight: 700;
}

:where(body.page-home) .social-card span {
  font-size: 14px;
  color: #64748b;
}

/* RESPONSIVE */
@media (max-width: 992px) {

:where(body.page-home) .social-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {

:where(body.page-home) .social-title {
    font-size: 28px;
  }

:where(body.page-home) .social-grid {
    grid-template-columns: 1fr;
  }

:where(body.page-home) .social-card {
    padding: 30px 20px;
  }
}
/* ===================================== *//*        AGENT PREMIUM PRO              *//* ===================================== */
:where(body.page-home) .agent2-section {
  padding: 120px 0;

  /* Dark premium gradient */
  background: linear-gradient(to bottom, #060606, #111111);
}

:where(body.page-home) .agent2-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
/* =============================== *//*           LEFT SIDE            *//* =============================== */
:where(body.page-home) .agent2-content {
  flex: 1;
}

:where(body.page-home) .agent2-content h2 {
  font-size: 44px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #f4f4f5;
}
/* Gradient highlight text */
:where(body.page-home) .agent2-content h2 span {
  background: linear-gradient(135deg, #7c3aed, #c084fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:where(body.page-home) .agent2-sub {
  font-size: 18px;
  margin-bottom: 30px;
  color: #c6c6cf;
}
/* LIST */
:where(body.page-home) .agent2-list {
  list-style: none;
  padding: 0;
}

:where(body.page-home) .agent2-list li {
  margin-bottom: 14px;
  font-size: 15px;
  color: #e5e5e8;
  padding-left: 28px;
  position: relative;
}
/* Check icon premium */
:where(body.page-home) .agent2-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 1px;

  width: 18px;
  height: 18px;

  font-size: 12px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(124,58,237,0.2);
  color: #a78bfa;
}
/* =============================== *//*         RIGHT CARD             *//* =============================== */
:where(body.page-home) .agent2-admin-card {
  flex: 1;

  /* Glass dark card */
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);

  padding: 50px 40px;
  border-radius: 24px;

  border: 1px solid rgba(148,163,184,0.15);

  box-shadow:
    0 30px 80px rgba(0,0,0,0.7);

  text-align: center;
}
/* IMAGE */
:where(body.page-home) .admin-img {
  width: 130px;
  aspect-ratio: 1 / 1;   /* 🔥 ini penting */
  border-radius: 50%;

  object-fit: cover;
  object-position: center;

  display: block;
  margin: 0 auto 20px;

  border: 3px solid #7c3aed;
  box-shadow: 0 10px 30px rgba(124,58,237,0.5);
}
/* NAME */
:where(body.page-home) .agent2-admin-card h4 {
  font-size: 18px;
  color: #e5e5e8;
  margin-bottom: 8px;
}
/* ROLE */
:where(body.page-home) .admin-role {
  font-size: 14px;
  color: #94a3b8;
  margin-bottom: 20px;
}
/* CONTACT */
:where(body.page-home) .admin-contact p {
  font-size: 14px;
  margin-bottom: 8px;
  color: #c6c6cf;
}
/* =============================== *//*            BUTTON              *//* =============================== */
:where(body.page-home) .agent2-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-top: 25px;
}

:where(body.page-home) .agent2-btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 999px;

  background: #7c3aed;
  color: white;

  text-decoration: none;
  font-weight: 600;

  border: 1px solid rgba(124,58,237,0.4);

  box-shadow: 0 10px 30px rgba(124,58,237,0.4);

  transition: 0.25s;
}

:where(body.page-home) .agent2-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(124,58,237,0.6);
}

:where(body.page-home) .agent2-btn-secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.28);
  box-shadow: 0 10px 30px rgba(10,10,10,0.22);
}

:where(body.page-home) .agent2-btn-secondary:hover {
  background: rgba(255,255,255,0.08);
}

/* =============================== */
/*          RESPONSIVE            */
/* =============================== */

@media (max-width: 768px) {

:where(body.page-home) .agent2-section {
    padding: 80px 20px;
  }

:where(body.page-home) .agent2-wrapper {
    flex-direction: column;
    gap: 40px;
  }

:where(body.page-home) .agent2-content {
    text-align: center;
  }

:where(body.page-home) .agent2-content h2 {
    font-size: 28px;
    line-height: 1.3;
  }

:where(body.page-home) .agent2-sub {
    font-size: 16px;
  }

:where(body.page-home) .agent2-list {
    text-align: left;
    margin: 20px auto 0;
    max-width: 300px;
  }

:where(body.page-home) .agent2-admin-card {
    padding: 35px 25px;
  }

:where(body.page-home) .admin-img {
    width: 110px;
    height: 110px;
  }

:where(body.page-home) .agent2-btn {
    width: 100%;
  }

:where(body.page-home) .agent2-actions {
    gap: 12px;
  }

}
/* ===== FEATURED ===== */
:where(body.page-home) .featured {
  transform: scale(1.05);
  border: 3px solid #9333ea;
}

:where(body.page-home) .badge {
  position: absolute;
  top: 15px;
  right: -30px;
  background: #ff0080;
  color: white;
  padding: 5px 40px;
  transform: rotate(45deg);
  font-size: 12px;
  font-weight: 600;
}
/* =============================== *//*          FOOTER PREMIUM        *//* =============================== */
:where(body.page-home) footer {
  background: #060606;
  color: #c6c6cf;

  text-align: center;
  padding: 60px 20px;

  border-top: 1px solid rgba(148,163,184,0.12);

  box-shadow: 0 -10px 40px rgba(0,0,0,0.6);
}
/* TEXT */
:where(body.page-home) footer p {
  font-size: 14px;
  color: #94a3b8;
  margin-bottom: 15px;
}
/* LINKS */
:where(body.page-home) footer a {
  color: #c4b5fd;
  text-decoration: none;
  transition: 0.25s;
}

:where(body.page-home) footer a:hover {
  color: #ffffff;
}
/* ===== BACKGROUND SECTION ===== */
:where(body.page-home) .background-section {
  padding: 120px 0;
  background: #f3f0ff;
}

:where(body.page-home) .background-title {
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #252525;
}

:where(body.page-home) .background-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Box */
:where(body.page-home) .background-box {
  background: white;
  padding: 70px 60px;
  border-radius: 30px;
  border: 3px solid transparent;
  background-clip: padding-box;
  position: relative;
  box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
/* Gradient Border Effect */
:where(body.page-home) .background-box::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 30px;
  background: linear-gradient(135deg, #7c3aed, #c084fc);
  z-index: -1;
}
/* Text */
:where(body.page-home) .background-box p {
  font-size: 20px;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 30px;
}

:where(body.page-home) .background-box strong {
  font-weight: 700;
  color: #000;
}
/* Highlight Quote */
:where(body.page-home) .highlight-quote {
  font-size: 38px;
  font-weight: 800;
  text-align: center;
  margin: 40px 0;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Responsive */
@media(max-width: 768px){

:where(body.page-home) .background-title {
    font-size: 28px;
  }

:where(body.page-home) .background-box {
    padding: 40px 25px;
  }

:where(body.page-home) .background-box p {
    font-size: 16px;
  }

:where(body.page-home) .highlight-quote {
    font-size: 24px;
  }
}
/* ===== LICENSE SECTION ===== */
:where(body.page-home) .license-section {
  padding: 120px 0;
  background: #f3f0ff;
  text-align: center;
}

:where(body.page-home) .license-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #252525;
}
/* Image */
:where(body.page-home) .license-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

:where(body.page-home) .license-image {
  width: 100%;
  max-width: 900px;
  border-radius: 20px;
  box-shadow: 0 25px 50px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

:where(body.page-home) .license-image:hover {
  transform: scale(1.02);
}
/* Button */
:where(body.page-home) .license-btn-wrapper {
  margin-top: 30px;
}

:where(body.page-home) .license-btn {
  display: inline-block;
  padding: 16px 40px;
  border-radius: 50px;
  border: 2px solid #c084fc;
  color: #252525;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

:where(body.page-home) .license-btn:hover {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  border-color: transparent;
}

/* Responsive */
@media(max-width: 768px){

:where(body.page-home) .license-title {
    font-size: 28px;
  }

:where(body.page-home) .license-image {
    max-width: 100%;
  }

:where(body.page-home) .license-btn {
    font-size: 14px;
    padding: 12px 25px;
  }
}
/* ============================= *//*        SOCIAL SECTION        *//* ============================= */
:where(body.page-home) .social-section {
  padding: 100px 20px;
  background: linear-gradient(to bottom, #060606, #111111);
  text-align: center;
}

:where(body.page-home) .social-title {
  font-size: 38px;
  font-weight: 700;
  color: #f4f4f5;
  margin-bottom: 15px;
}

:where(body.page-home) .social-subtitle {
  text-align: center;
  color: #c6c6cf;
  max-width: 700px;
  margin: 0 auto 70px auto;
  line-height: 1.7;
}
/* Grid */
:where(body.page-home) .social-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  max-width: 900px;
  margin: auto;
}
/* Card */
:where(body.page-home) .social-card {
  text-decoration: none;
  padding: 30px 20px;
  border-radius: 18px;

  background: #101010;
  border: 1px solid rgba(148,163,184,0.15);

  box-shadow: 0 10px 40px rgba(0,0,0,0.5);

  transition: 0.3s ease;
}
/* Hover effect */
:where(body.page-home) .social-card:hover {
  transform: translateY(-6px);
  border-color: rgba(124,58,237,0.4);
  box-shadow: 0 20px 60px rgba(0,0,0,0.7);
}
/* Icon */
:where(body.page-home) .social-card .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 15px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(124,58,237,0.1);
}

:where(body.page-home) .social-card .icon i {
  font-size: 30px;
  color: #e5e5e8;
}

:where(body.page-home) .social-card.facebook .icon i {
  color: #1877f2;
}

:where(body.page-home) .social-card.tiktok .icon i {
  color: #ffffff;
}

:where(body.page-home) .social-card.shopee .icon i {
  color: #e1306c;
}

:where(body.page-home) .social-card.telegram .icon i {
  color: #229ed9;
}
/* Title */
:where(body.page-home) .social-card h4 {
  font-size: 18px;
  color: #e5e5e8;
  margin-bottom: 5px;
}
/* Text */
:where(body.page-home) .social-card p {
  font-size: 14px;
  color: #94a3b8;
}
/* ============================= *//*     BRAND COLOR ACCENTS      *//* ============================= */
:where(body.page-home) .facebook:hover {
  border-color: #1877f2;
}

:where(body.page-home) .tiktok:hover {
  border-color: #000000;
}

:where(body.page-home) .shopee:hover {
  border-color: #ee4d2d;
}

:where(body.page-home) .telegram:hover {
  border-color: #229ed9;
}

/* ============================= */
/*          RESPONSIVE          */
/* ============================= */

@media(max-width:768px){

:where(body.page-home) .social-grid {
    grid-template-columns: repeat(2, 1fr);
  }

:where(body.page-home) .social-title {
    font-size: 26px;
  }
}
/* ============================= *//*     SECTION TITLE ALIGN      *//* ============================= */
:where(body.page-home) .why-title,
:where(body.page-home) .sim-title,
:where(body.page-home) .plan-title,
:where(body.page-home) .eastel-section h1,
:where(body.page-home) .testimoni-title,
:where(body.page-home) .faq-title,
:where(body.page-home) .social-title,
:where(body.page-home) .agent2-content h2 {
  color: #fff;
  text-shadow: 0 3px 14px rgba(10,10,10,0.25);
}

:where(body.page-home) .why-title span,
:where(body.page-home) .sim-title span,
:where(body.page-home) .plan-title span,
:where(body.page-home) .testimoni-title span,
:where(body.page-home) .faq-title span,
:where(body.page-home) .social-title span,
:where(body.page-home) .agent2-content h2 span {
  background: linear-gradient(135deg, #22d3ee, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:where(body.page-home) .eastel-section h1 {
  color: #f4f4f5;
  text-shadow: 0 4px 18px rgba(10,10,10,0.4);
}

:where(body.page-home) .eastel-section h1 span {
  background: linear-gradient(135deg, #ffffff, #67e8f9 45%, #22d3ee 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
/* ============================= *//*        SECTION SUBTITLES     *//* ============================= */
:where(body.page-home) .plan-title,
:where(body.page-home) .eastel-section h1,
:where(body.page-home) .testimoni-title,
:where(body.page-home) .faq-title {
  margin-bottom: 15px;
}

:where(body.page-home) .plan-subtitle,
:where(body.page-home) .testimoni-subtitle,
:where(body.page-home) .faq-subtitle {
  max-width: 700px;
  margin: 0 auto 70px auto;
  text-align: center;
  color: #c6c6cf;
  line-height: 1.7;
}

:where(body.page-home) .plan-subtitle {
  margin: 0 auto 70px auto;
}

:where(body.page-home) .eastel-subtitle {
  max-width: 700px;
  margin: 0 auto 70px auto;
  text-align: center;
  color: #c6c6cf;
  line-height: 1.7;
}

@media(max-width:768px) {

:where(body.page-home) .plan-subtitle,
:where(body.page-home) .testimoni-subtitle,
:where(body.page-home) .faq-subtitle,
:where(body.page-home) .eastel-subtitle {
    font-size: 15px;
    padding: 0 20px;
    margin: 0 auto 70px auto;
  }
}

:where(body.page-home) .responsive {
  width: 30%;
  height: auto;
}
/* POPUP */
:where(body.page-home) .overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:flex;
align-items:center;
justify-content:center;
z-index:999;
}

:where(body.page-home) .popup {
background:white;
padding:30px;
border-radius:16px;
width:90%;
max-width:350px;
text-align:center;
box-shadow:0 20px 50px rgba(0,0,0,0.2);
}

:where(body.page-home) .popup button {
padding:10px 20px;
background:#4f46e5;
color:white;
border:none;
border-radius:8px;
cursor:pointer;
}

:where(body.page-home) .wa-float {
  position: fixed;
  width: 58px;
  height: 58px;
  bottom: 25px;
  right: 25px;
  
  /* DARK PREMIUM STYLE */
  background: linear-gradient(145deg, #0f0f0f, #1c1c1c);
  border-radius: 50%;
  
  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 
    0 8px 25px rgba(0,0,0,0.6),
    inset 0 1px 2px rgba(255,255,255,0.05);

  z-index: 999;
  
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.4s ease;
}

:where(body.page-home) .wa-float svg {
  opacity: 1;
}
/* ICON WHITE */
:where(body.page-home) .wa-float img {
  width: 26px;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}
/* SHOW ON SCROLL */
:where(body.page-home) .wa-float.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/* HOVER EFFECT */
:where(body.page-home) .wa-float:hover {
  transform: scale(1.12);
  box-shadow: 
    0 12px 35px rgba(0,0,0,0.8),
    0 0 12px rgba(255,255,255,0.08);
}
/* SUBTLE GLOW RING */
:where(body.page-home) .wa-float::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.08);
}
/* =============================== *//*        SEO SECTION UPGRADE     *//* =============================== */
:where(body.page-home) .seo-section {
  padding: 100px 20px;
  background: linear-gradient(to bottom, #060606, #111111);
}
/* CONTAINER */
:where(body.page-home) .seo-container {
  max-width: 1100px;
  margin: auto;

  display: flex;
  align-items: center;
  gap: 60px;

  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);

  padding: 50px;

  border-radius: 30px;
  border: 1px solid rgba(148,163,184,0.15);
}
/* =============================== *//* IMAGE *//* =============================== */
:where(body.page-home) .seo-image {
  flex: 1;
  text-align: center;
}

:where(body.page-home) .seo-image img {
  width: 100%;
  max-width: 400px;

  border-radius: 20px;

  box-shadow:
    0 0 40px rgba(124,58,237,0.4),
    0 0 80px rgba(168,85,247,0.2);

  transition: 0.4s;
}

:where(body.page-home) .seo-image img:hover {
  transform: scale(1.05);
}
/* =============================== *//* CONTENT *//* =============================== */
:where(body.page-home) .seo-content {
  flex: 1;
}
/* TITLE */
:where(body.page-home) .seo-content h2 {
  font-size: 36px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 15px;
}
/* HIGHLIGHT */
:where(body.page-home) .seo-highlight {
  font-size: 15px;
  font-weight: 600;

  background: linear-gradient(135deg, #22d3ee, #a855f7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  margin-bottom: 20px;
}
/* TEXT */
:where(body.page-home) .seo-content p {
  color: #c6c6cf;
  line-height: 1.7;
  margin-bottom: 15px;
}
/* SUBTITLE */
:where(body.page-home) .seo-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: #a78bfa;

  margin-top: 20px;
  margin-bottom: 10px;
}
/* BUTTON */
:where(body.page-home) .seo-btn {
  display: inline-block;
  margin-top: 20px;

  padding: 12px 28px;
  border-radius: 50px;

  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;

  text-decoration: none;
  font-weight: 600;

  box-shadow: 0 15px 35px rgba(124,58,237,0.4);
  transition: 0.3s;
}

:where(body.page-home) .seo-btn:hover {
  transform: translateY(-3px);
}

/* =============================== */
/* MOBILE */
/* =============================== */

@media(max-width:768px){

:where(body.page-home) .seo-container {
    flex-direction: column;
    text-align: center;
    padding: 30px 20px;
  }

:where(body.page-home) .seo-content h2 {
    font-size: 26px;
  }

}


/* ===== ABOUTUS ===== */

/* ===== RESET ===== */
:where(body.page-aboutus,body.page-sim-guide), :where(body.page-aboutus,body.page-sim-guide) * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* ===== BODY ===== */
body:where(.page-aboutus,.page-sim-guide) {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(to bottom, #060606, #111111);
  color: #252525;
}
/* ===== CONTAINER ===== */
:where(body.page-aboutus,body.page-sim-guide) .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
/* =============================== *//*          HEADER PREMIUM        *//* =============================== */
:where(body.page-aboutus,body.page-sim-guide) header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;

  padding: 16px 0;

  /* Glass dark background */
  background: rgba(10,10,10,0.7);
  backdrop-filter: blur(12px);

  border-bottom: 1px solid rgba(148,163,184,0.1);

  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
/* NAV */
:where(body.page-aboutus,body.page-sim-guide) .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* LOGO */
:where(body.page-aboutus,body.page-sim-guide) .logo {
  color: #f4f4f5;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
}
/* MENU */
:where(body.page-aboutus,body.page-sim-guide) nav ul {
  list-style: none;
  display: flex;
  gap: 28px;
}
/* LINK */
:where(body.page-aboutus,body.page-sim-guide) nav a {
  text-decoration: none;
  color: #c6c6cf;
  font-weight: 500;
  font-size: 15px;

  position: relative;
  transition: 0.25s;
}
/* Hover text */
:where(body.page-aboutus,body.page-sim-guide) nav a:hover {
  color: #ffffff;
}
/* Underline animation (premium feel) */
:where(body.page-aboutus,body.page-sim-guide) nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0%;
  height: 2px;

  background: #7c3aed;

  transition: 0.3s;
}

:where(body.page-aboutus,body.page-sim-guide) nav a:hover::after {
  width: 100%;
}
/* =============================== *//*        HAMBURGER PREMIUM       *//* =============================== */
:where(body.page-aboutus,body.page-sim-guide) .hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
  z-index: 1100;
}

:where(body.page-aboutus,body.page-sim-guide) .hamburger span {
  width: 26px;
  height: 2px;
  background: #e5e5e8;
  border-radius: 2px;
  transition: all 0.3s ease;
}
/* Animation */
:where(body.page-aboutus,body.page-sim-guide) .hamburger.open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

:where(body.page-aboutus,body.page-sim-guide) .hamburger.open span:nth-child(2) {
  opacity: 0;
  transform: scale(0);
}

:where(body.page-aboutus,body.page-sim-guide) .hamburger.open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* =============================== */
/*            MOBILE              */
/* =============================== */

@media(max-width: 768px){

:where(body.page-aboutus,body.page-sim-guide) .hamburger {
    display: flex;
  }
/* NAV CONTAINER */
:where(body.page-aboutus,body.page-sim-guide) nav {
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;

    /* PREMIUM GLASS */
    background: rgba(10,10,10,0.95);
    backdrop-filter: blur(12px);

    /* REMOVE LINE ISSUE */
    border-top: none;

    /* smooth open */
    max-height: 0;
    overflow: hidden;

    opacity: 0;
    transform: translateY(-10px);

    transition: all 0.35s ease;
  }
/* ACTIVE MENU */
:where(body.page-aboutus,body.page-sim-guide) nav.active {
    max-height: 350px;
    padding: 20px 0;

    opacity: 1;
    transform: translateY(0);
  }
/* MENU LIST */
:where(body.page-aboutus,body.page-sim-guide) nav ul {
    flex-direction: column;
    align-items: center;
    gap: 22px;
  }
/* LINKS */
:where(body.page-aboutus,body.page-sim-guide) nav a {
    font-size: 16px;
    color: #e5e5e8;
    transition: 0.25s;
  }

:where(body.page-aboutus,body.page-sim-guide) nav a:hover {
    color: #a78bfa;
  }

}
/* =============================== *//*          HERO PREMIUM          *//* =============================== */
:where(body.page-aboutus,body.page-sim-guide) .hero {
  position: relative;
  padding: 160px 20px 80px;

  text-align: center;
  color: white;

  /* Dark gradient base */
  background: linear-gradient(to bottom, #060606, #111111);

  overflow: hidden;
}
/* Glow effect background */
:where(body.page-aboutus,body.page-sim-guide) .hero::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);

  width: 600px;
  height: 600px;

  background: radial-gradient(circle, rgba(124,58,237,0.4), transparent 70%);
  filter: blur(120px);

  z-index: 0;
}
/* CONTENT */
:where(body.page-aboutus,body.page-sim-guide) .hero-content {
  position: relative;
  z-index: 1;
}
/* TITLE */
:where(body.page-aboutus,body.page-sim-guide) .hero h1 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 20px;

  color: #f4f4f5;
}
/* SUBTEXT */
:where(body.page-aboutus,body.page-sim-guide) .hero p {
  font-size: 18px;
  color: #c6c6cf;
  margin-bottom: 30px;
}
/* BUTTON */
:where(body.page-aboutus,body.page-sim-guide) .btn {
  display: inline-block;
  padding: 14px 32px;

  border-radius: 999px;

  background: #7c3aed;
  color: white;

  font-weight: 600;
  text-decoration: none;

  border: 1px solid rgba(124,58,237,0.4);

  box-shadow: 0 10px 30px rgba(124,58,237,0.4);

  transition: 0.25s;
}

:where(body.page-aboutus,body.page-sim-guide) .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(124,58,237,0.6);
}

/* =============================== */
/*          HERO MOBILE FIX       */
/* =============================== */

@media (max-width:768px){

:where(body.page-aboutus,body.page-sim-guide) .hero {
    padding: 130px 20px 60px;
  }

:where(body.page-aboutus,body.page-sim-guide) .hero h1 {
    font-size: 32px;   /* 🔥 kecilkan */
    line-height: 1.3;
  }

:where(body.page-aboutus,body.page-sim-guide) .hero p {
    font-size: 16px;
  }

:where(body.page-aboutus,body.page-sim-guide) .btn {
    padding: 12px 24px;
    font-size: 14px;
  }

}
/* ===================================== *//*        STARBOSS SECTION               *//* ===================================== */
:where(body.page-aboutus,body.page-sim-guide) .starboss-section {
  padding: 120px 0;
  background: linear-gradient(135deg, #f3f0ff, #e9e6f2);
}

:where(body.page-aboutus,body.page-sim-guide) .starboss-title {
  text-align: center;
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 70px;
  color: #252525;
}

:where(body.page-aboutus,body.page-sim-guide) .starboss-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* CARD STYLE */
:where(body.page-aboutus,body.page-sim-guide) .starboss-card {
  background: white;
  padding: 60px 50px;
  border-radius: 30px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.07);
  margin-bottom: 60px;
}

:where(body.page-aboutus,body.page-sim-guide) .starboss-card h3 {
  font-size: 26px;
  margin-bottom: 30px;
  color: #7c3aed;
}

:where(body.page-aboutus,body.page-sim-guide) .starboss-card p {
  font-size: 18px;
  line-height: 1.8;
  color: #334155;
}
/* KEKUATAN GRID */
:where(body.page-aboutus,body.page-sim-guide) .starboss-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

:where(body.page-aboutus,body.page-sim-guide) .starboss-item {
  background: #f3f0ff;
  padding: 18px;
  border-radius: 15px;
  font-weight: 500;
  transition: 0.3s;
}

:where(body.page-aboutus,body.page-sim-guide) .starboss-item:hover {
  background: #ede9fe;
  transform: translateY(-3px);
}

:where(body.page-aboutus,body.page-sim-guide) .highlight-item {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  font-weight: 600;
}
/* MANFAAT */
:where(body.page-aboutus,body.page-sim-guide) .benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

:where(body.page-aboutus,body.page-sim-guide) .benefit-box {
  background: #f8f7ff;
  padding: 30px;
  border-radius: 20px;
  text-align: center;
  transition: 0.3s;
}

:where(body.page-aboutus,body.page-sim-guide) .benefit-box span {
  font-size: 32px;
  display: block;
  margin-bottom: 15px;
}

:where(body.page-aboutus,body.page-sim-guide) .benefit-box h4 {
  margin-bottom: 10px;
  color: #7c3aed;
}

:where(body.page-aboutus,body.page-sim-guide) .benefit-box p {
  font-size: 16px;
}

:where(body.page-aboutus,body.page-sim-guide) .benefit-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
/* CONCLUSION STYLE */
:where(body.page-aboutus,body.page-sim-guide) .conclusion-card {
  border: 3px solid #7c3aed;
  background: #faf9ff;
}

/* RESPONSIVE */
@media (max-width: 768px) {

:where(body.page-aboutus,body.page-sim-guide) .starboss-title {
    font-size: 28px;
  }

:where(body.page-aboutus,body.page-sim-guide) .starboss-card {
    padding: 40px 25px;
  }

:where(body.page-aboutus,body.page-sim-guide) .starboss-grid,
:where(body.page-aboutus,body.page-sim-guide) .benefit-grid {
    grid-template-columns: 1fr;
  }

}
/* ===== PLAN SECTION ===== */
:where(body.page-aboutus,body.page-sim-guide) .plans {
  padding: 120px 0;
  background: #e9e6f2;
  text-align: center;
}

:where(body.page-aboutus,body.page-sim-guide) .plan-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #252525;
}
/* GRID */
:where(body.page-aboutus,body.page-sim-guide) .plan-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  align-items: stretch;
}
/* CARD */
:where(body.page-aboutus,body.page-sim-guide) .plan-card {
  background: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(0,0,0,0.05);
  transition: 0.3s ease;
  position: relative;
}

:where(body.page-aboutus,body.page-sim-guide) .plan-card:hover {
  transform: translateY(-6px);
}
/* HEADER */
:where(body.page-aboutus,body.page-sim-guide) .plan-header {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  padding: 30px;
  font-size: 24px;
  font-weight: 600;
}
/* BODY */
:where(body.page-aboutus,body.page-sim-guide) .plan-body {
  flex: 1;              /* ini penting untuk stretch */
  padding: 35px 25px;
  background: #f2f2f2;
}

:where(body.page-aboutus,body.page-sim-guide) .plan-body h3 {
  color: #7c3aed;
  margin-bottom: 25px;
  font-size: 22px;
}

:where(body.page-aboutus,body.page-sim-guide) .plan-body p {
  margin: 12px 0;
  color: #475569;
  font-weight: 500;
}
/* PRICE */
:where(body.page-aboutus,body.page-sim-guide) .price-tag {
  background: linear-gradient(135deg, #a855f7, #9333ea);
  color: #ffd700;
  font-weight: 700;
  padding: 20px;
  font-size: 20px;
}
/* FEATURED */

/* BEST RIBBON */
:where(body.page-aboutus,body.page-sim-guide) .badge {
  letter-spacing: 1px;
}
/* ===== SIM SECTION ===== */
:where(body.page-aboutus,body.page-sim-guide) .sim-section {
  padding: 120px 0;
  background: #f3f0ff;
}

:where(body.page-aboutus,body.page-sim-guide) .sim-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
/* LEFT */
:where(body.page-aboutus,body.page-sim-guide) .sim-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;   /* ini paling penting */
}

:where(body.page-aboutus,body.page-sim-guide) .sim-card {
  position: relative;
  display: inline-block;
}

:where(body.page-aboutus,body.page-sim-guide) .sim-card img {
  width: 320px;
  max-width: 100%;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
/* ===== BUY BUTTON ===== */
:where(body.page-aboutus,body.page-sim-guide) .sim-buy-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 14px 45px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: white;
  border-radius: 50px;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  box-shadow: 0 15px 35px rgba(124,58,237,0.3);
  transition: 0.3s ease;
}

:where(body.page-aboutus,body.page-sim-guide) .sim-buy-btn:hover {
  transform: translateY(-4px);
}
/* Price Badge */
:where(body.page-aboutus,body.page-sim-guide) .price-badge {
  position: absolute;
  top: -20px;
  left: -20px;
  background: #ff0000;
  color: white;
  padding: 15px 20px;
  font-weight: 700;
  border-radius: 12px;
  transform: rotate(-15deg);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
/* RIGHT */
:where(body.page-aboutus,body.page-sim-guide) .sim-right {
  flex: 1;
}

:where(body.page-aboutus,body.page-sim-guide) .sim-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #252525;
}
/* Benefit List */
:where(body.page-aboutus,body.page-sim-guide) .sim-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

:where(body.page-aboutus,body.page-sim-guide) .sim-list li {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 500;
  color: #334155;
  position: relative;
  padding-left: 35px;
}
/* Check Icon */
:where(body.page-aboutus,body.page-sim-guide) .sim-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  font-size: 14px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

:where(body.page-aboutus,body.page-sim-guide) .sim-list .highlight {
  color: #7c3aed;
  font-weight: 700;
}
/* CTA */
:where(body.page-aboutus,body.page-sim-guide) .sim-cta {
  margin-top: 50px;
  font-size: 28px;
  font-weight: 600;
}

:where(body.page-aboutus,body.page-sim-guide) .sim-cta span {
  color: #7c3aed;
  font-weight: 800;
  text-decoration: underline;
}

/* Responsive */
@media(max-width: 768px){

:where(body.page-aboutus,body.page-sim-guide) .sim-section {
    padding: 80px 20px;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-wrapper {
    flex-direction: column;
    gap: 40px;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-title {
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-list {
    width: 100%;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-list li {
    font-size: 16px;
    padding-left: 40px;
    margin-bottom: 16px;
    line-height: 1.5;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-list li::before {
    width: 24px;
    height: 24px;
    font-size: 13px;
    left: 0;
    top: 3px;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-list .highlight {
    font-size: 17px;
    text-align: left;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-cta {
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
  }

:where(body.page-aboutus,body.page-sim-guide) .sim-card img {
    width: 260px;
  }

:where(body.page-aboutus,body.page-sim-guide) .price-badge {
    font-size: 14px;
    padding: 10px 14px;
  }
}
/* ===== DIFFERENCE SECTION ===== */
:where(body.page-aboutus,body.page-sim-guide) .difference-section {
  padding: 120px 0;
  background: #f3f0ff;
  text-align: center;
}

:where(body.page-aboutus,body.page-sim-guide) .difference-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 80px;
  color: #252525;
}
/* Layout */
:where(body.page-aboutus,body.page-sim-guide) .difference-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
/* Main Plan */
:where(body.page-aboutus,body.page-sim-guide) .main-plan {
  background: linear-gradient(135deg, #7c3aed, #c084fc);
  color: white;
  padding: 60px 40px;
  border-radius: 30px;
  width: 320px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

:where(body.page-aboutus,body.page-sim-guide) .main-plan h3 {
  font-size: 48px;
  margin-bottom: 30px;
}

:where(body.page-aboutus,body.page-sim-guide) .main-plan p {
  margin: 12px 0;
  font-size: 18px;
  font-weight: 500;
}
/* VS */
:where(body.page-aboutus,body.page-sim-guide) .vs-text {
  font-size: 28px;
  font-weight: 700;
  color: #252525;
}
/* Competitor Grid */
:where(body.page-aboutus,body.page-sim-guide) .competitor-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

:where(body.page-aboutus,body.page-sim-guide) .competitor-card {
  background: white;
  padding: 40px 30px;
  border-radius: 25px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.05);
  transition: 0.3s ease;
}

:where(body.page-aboutus,body.page-sim-guide) .competitor-card:hover {
  transform: translateY(-6px);
}

:where(body.page-aboutus,body.page-sim-guide) .competitor-card p {
  margin: 10px 0;
  font-size: 18px;
  color: #334155;
}

:where(body.page-aboutus,body.page-sim-guide) .competitor-card span {
  display: block;
  margin-top: 20px;
  font-weight: 700;
  font-size: 20px;
  color: #7c3aed;
}

/* Responsive */
@media(max-width: 992px){

:where(body.page-aboutus,body.page-sim-guide) .difference-wrapper {
    flex-direction: column;
    gap: 40px;
  }

:where(body.page-aboutus,body.page-sim-guide) .vs-text {
    display: none;
  }

:where(body.page-aboutus,body.page-sim-guide) .difference-title {
    font-size: 30px;
  }

:where(body.page-aboutus,body.page-sim-guide) .main-plan {
    width: 100%;
  }

:where(body.page-aboutus,body.page-sim-guide) .competitor-grid {
    grid-template-columns: 1fr;
  }
}
/* ===== FAQ SECTION ===== */
:where(body.page-aboutus,body.page-sim-guide) .faq-section {
  padding: 120px 0;
  background: #f3f0ff;
}

:where(body.page-aboutus,body.page-sim-guide) .faq-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #7c3aed;
}
/* FAQ Item */
:where(body.page-aboutus,body.page-sim-guide) .faq-item {
  margin-bottom: 20px;
  border-radius: 15px;
  overflow: hidden;
  background: white;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}
/* Question */
:where(body.page-aboutus,body.page-sim-guide) .faq-question {
  width: 100%;
  padding: 20px 25px;
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  border: none;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

:where(body.page-aboutus,body.page-sim-guide) .faq-question span {
  font-size: 22px;
  transition: 0.3s;
}
/* Answer */
:where(body.page-aboutus,body.page-sim-guide) .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background: #ffffff;
}

:where(body.page-aboutus,body.page-sim-guide) .faq-answer p {
  padding: 20px 25px;
  color: #334155;
  line-height: 1.6;
}
/* Active State */
:where(body.page-aboutus,body.page-sim-guide) .faq-item.active .faq-answer {
  max-height: 200px;
}

:where(body.page-aboutus,body.page-sim-guide) .faq-item.active .faq-question span {
  transform: rotate(45deg);
}

/* Responsive */
@media(max-width:768px){

:where(body.page-aboutus,body.page-sim-guide) .faq-title {
    font-size: 26px;
  }

:where(body.page-aboutus,body.page-sim-guide) .faq-question {
    font-size: 16px;
  }
}
/* ============================= *//*      TESTIMONI PREMIUM       *//* ============================= */
:where(body.page-aboutus,body.page-sim-guide) .testimoni-section {
  padding: 120px 0;
  background: #f3f0ff;
  text-align: center;
}

:where(body.page-aboutus,body.page-sim-guide) .testimoni-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #252525;
}
/* ============================= *//*          SLIDER              *//* ============================= */
:where(body.page-aboutus,body.page-sim-guide) .testimoni-slider {
  position: relative;
  max-width: 750px;
  margin: auto;
  overflow: hidden;
}

:where(body.page-aboutus,body.page-sim-guide) .testimoni-track {
  display: flex;
  transition: transform 0.5s ease;
}

:where(body.page-aboutus,body.page-sim-guide) .testimoni-item {
  min-width: 100%;
  background: white;
  padding: 70px 50px;
  border-radius: 30px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.08);
  position: relative;
}
/* ============================= *//*        PROFILE IMAGE         *//* ============================= */
:where(body.page-aboutus,body.page-sim-guide) .testimoni-img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 25px auto;
  display: block;
  border: 5px solid #7c3aed;
}
/* ============================= *//*         TEXT STYLE           *//* ============================= */
:where(body.page-aboutus,body.page-sim-guide) .testimoni-text {
  font-size: 20px;
  font-style: italic;
  margin-bottom: 25px;
  color: #334155;
  line-height: 1.6;
}

:where(body.page-aboutus,body.page-sim-guide) .rating {
  color: #facc15;
  font-size: 22px;
  margin-bottom: 20px;
}

:where(body.page-aboutus,body.page-sim-guide) .testimoni-item h4 {
  color: #7c3aed;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
}

:where(body.page-aboutus,body.page-sim-guide) .testimoni-item span {
  font-size: 14px;
  color: #64748b;
}
/* ============================= *//*         NAV BUTTONS          *//* ============================= */
:where(body.page-aboutus,body.page-sim-guide) .prev-btn,
:where(body.page-aboutus,body.page-sim-guide) .next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  border: none;
  color: white;
  font-size: 18px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  transition: 0.3s ease;
  z-index: 10;
}
/* Duduk kemas dalam card */
:where(body.page-aboutus,body.page-sim-guide) .prev-btn {
  left: 15px;
}

:where(body.page-aboutus,body.page-sim-guide) .next-btn {
  right: 15px;
}

:where(body.page-aboutus,body.page-sim-guide) .prev-btn:hover,
:where(body.page-aboutus,body.page-sim-guide) .next-btn:hover {
  transform: translateY(-50%) scale(1.1);
}
/* ============================= *//*            DOTS              *//* ============================= */
:where(body.page-aboutus,body.page-sim-guide) .dots {
  margin-top: 30px;
}

:where(body.page-aboutus,body.page-sim-guide) .dots span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #c084fc;
  margin: 0 6px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.4;
  transition: 0.3s;
}

:where(body.page-aboutus,body.page-sim-guide) .dots span.active {
  opacity: 1;
  background: #7c3aed;
  transform: scale(1.2);
}

/* ============================= */
/*          RESPONSIVE          */
/* ============================= */

@media (max-width: 768px) {

:where(body.page-aboutus,body.page-sim-guide) .testimoni-section {
    padding: 80px 20px;
  }

:where(body.page-aboutus,body.page-sim-guide) .testimoni-title {
    font-size: 28px;
  }

:where(body.page-aboutus,body.page-sim-guide) .testimoni-item {
    padding: 40px 25px;
  }

:where(body.page-aboutus,body.page-sim-guide) .testimoni-text {
    font-size: 16px;
  }

:where(body.page-aboutus,body.page-sim-guide) .prev-btn,
:where(body.page-aboutus,body.page-sim-guide) .next-btn {
    display: none;
  }

}
/* ===================================== *//*        SOCIAL MEDIA SECTION           *//* ===================================== */
:where(body.page-aboutus,body.page-sim-guide) .social-section {
  padding: 120px 0;
  background: linear-gradient(135deg, #f3f0ff, #e9e6f2);
  text-align: center;
}

:where(body.page-aboutus,body.page-sim-guide) .social-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 20px;
  color: #252525;
}

:where(body.page-aboutus,body.page-sim-guide) .social-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

:where(body.page-aboutus,body.page-sim-guide) .social-subtitle {
  font-size: 18px;
  color: #64748b;
  margin-bottom: 60px;
}
/* GRID */
:where(body.page-aboutus,body.page-sim-guide) .social-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
/* CARD */
:where(body.page-aboutus,body.page-sim-guide) .social-card {
  background: white;
  padding: 40px 25px;
  border-radius: 25px;
  text-decoration: none;
  color: #252525;
  box-shadow: 0 25px 50px rgba(0,0,0,0.07);
  transition: 0.3s ease;
}

:where(body.page-aboutus,body.page-sim-guide) .social-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 70px rgba(0,0,0,0.1);
}
/* ICON */
:where(body.page-aboutus,body.page-sim-guide) .social-icon {
  font-size: 40px;
  margin-bottom: 20px;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* TEXT */
:where(body.page-aboutus,body.page-sim-guide) .social-card h4 {
  margin-bottom: 10px;
  font-weight: 700;
}

:where(body.page-aboutus,body.page-sim-guide) .social-card span {
  font-size: 14px;
  color: #64748b;
}

/* RESPONSIVE */
@media (max-width: 992px) {

:where(body.page-aboutus,body.page-sim-guide) .social-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {

:where(body.page-aboutus,body.page-sim-guide) .social-title {
    font-size: 28px;
  }

:where(body.page-aboutus,body.page-sim-guide) .social-grid {
    grid-template-columns: 1fr;
  }

:where(body.page-aboutus,body.page-sim-guide) .social-card {
    padding: 30px 20px;
  }
}
/* ===== FEATURED ===== */
:where(body.page-aboutus,body.page-sim-guide) .featured {
  transform: scale(1.05);
  border: 3px solid #9333ea;
}

:where(body.page-aboutus,body.page-sim-guide) .badge {
  position: absolute;
  top: 15px;
  right: -30px;
  background: #ff0080;
  color: white;
  padding: 5px 40px;
  transform: rotate(45deg);
  font-size: 12px;
  font-weight: 600;
}
/* =============================== *//*          FOOTER PREMIUM        *//* =============================== */
:where(body.page-aboutus,body.page-sim-guide) footer {
  background: #060606;
  color: #c6c6cf;

  text-align: center;
  padding: 60px 20px;

  border-top: 1px solid rgba(148,163,184,0.12);

  box-shadow: 0 -10px 40px rgba(0,0,0,0.6);
}
/* TEXT */
:where(body.page-aboutus,body.page-sim-guide) footer p {
  font-size: 14px;
  color: #94a3b8;
  margin-bottom: 15px;
}
/* LINKS */
:where(body.page-aboutus,body.page-sim-guide) footer a {
  color: #c4b5fd;
  text-decoration: none;
  transition: 0.25s;
}

:where(body.page-aboutus,body.page-sim-guide) footer a:hover {
  color: #ffffff;
}
/* ===== BACKGROUND SECTION ===== */
:where(body.page-aboutus,body.page-sim-guide) .background-section {
  padding: 120px 0;
  background: #e6e5eb;
}

:where(body.page-aboutus,body.page-sim-guide) .background-title {
  text-align: center;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #252525;
}

:where(body.page-aboutus,body.page-sim-guide) .background-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Box */
:where(body.page-aboutus,body.page-sim-guide) .background-box {
  background: white;
  padding: 70px 60px;
  border-radius: 30px;
  border: 3px solid transparent;
  background-clip: padding-box;
  position: relative;
  box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
/* Gradient Border Effect */
:where(body.page-aboutus,body.page-sim-guide) .background-box::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 30px;
  background: linear-gradient(135deg, #7c3aed, #c084fc);
  z-index: -1;
}
/* Text */
:where(body.page-aboutus,body.page-sim-guide) .background-box p {
  font-size: 20px;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 30px;
}

:where(body.page-aboutus,body.page-sim-guide) .background-box strong {
  font-weight: 700;
  color: #000;
}
/* Highlight Quote */
:where(body.page-aboutus,body.page-sim-guide) .highlight-quote {
  font-size: 38px;
  font-weight: 800;
  text-align: center;
  margin: 40px 0;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Responsive */
@media(max-width: 768px){

:where(body.page-aboutus,body.page-sim-guide) .background-title {
    font-size: 28px;
  }

:where(body.page-aboutus,body.page-sim-guide) .background-box {
    padding: 40px 25px;
  }

:where(body.page-aboutus,body.page-sim-guide) .background-box p {
    font-size: 16px;
  }

:where(body.page-aboutus,body.page-sim-guide) .highlight-quote {
    font-size: 24px;
  }
}
/* ===== LICENSE SECTION ===== */



/* Image */
:where(body.page-aboutus,body.page-sim-guide) .license-wrapper {
  margin-bottom: 40px;
}

:where(body.page-aboutus,body.page-sim-guide) .license-image {
  width: 100%;
  max-width: 900px;
  border-radius: 20px;
  box-shadow: 0 25px 50px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

:where(body.page-aboutus,body.page-sim-guide) .license-image:hover {
  transform: scale(1.02);
}
/* Button */
:where(body.page-aboutus,body.page-sim-guide) .license-btn-wrapper {
  margin-top: 30px;
  color: #fff;
}

:where(body.page-aboutus,body.page-sim-guide) .license-btn {
  display: inline-block;
  padding: 16px 40px;
  border-radius: 50px;
  border: 2px solid #c084fc;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

:where(body.page-aboutus,body.page-sim-guide) .license-btn:hover {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  border-color: transparent;
}

/* Responsive */
@media(max-width: 768px){

:where(body.page-aboutus,body.page-sim-guide) .license-title {
    font-size: 28px;
  }

:where(body.page-aboutus,body.page-sim-guide) .license-image {
    max-width: 100%;
  }

:where(body.page-aboutus,body.page-sim-guide) .license-btn {
    font-size: 14px;
    padding: 12px 25px;
  }
}
/* =============================== *//*        LICENSE SECTION          *//* =============================== */
:where(body.page-aboutus,body.page-sim-guide) .license-section {
  padding: 120px 20px;
  background: linear-gradient(to bottom, #060606, #111111);
  text-align: center;
}
/* TITLE */
:where(body.page-aboutus,body.page-sim-guide) .license-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 60px;
  color: #f4f4f5;
}

:where(body.page-aboutus,body.page-sim-guide) .license-title span {
  background: linear-gradient(135deg, #a78bfa, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* WRAPPER */
:where(body.page-aboutus,body.page-sim-guide) .license-wrapper {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
/* CARD */
:where(body.page-aboutus,body.page-sim-guide) .license-card {
  flex: 1;
  max-width: 420px;

  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(10px);

  padding: 25px;

  border-radius: 20px;
  border: 1px solid rgba(148,163,184,0.15);

  transition: 0.25s;
}
/* HOVER */
:where(body.page-aboutus,body.page-sim-guide) .license-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(124,58,237,0.3);
}
/* IMAGE */
:where(body.page-aboutus,body.page-sim-guide) .license-card img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 18px;
}
/* BADGE */
:where(body.page-aboutus,body.page-sim-guide) .license-badge {
  font-size: 16px;
  font-weight: 600;
  color: #e5e5e8;
}

:where(body.page-aboutus,body.page-sim-guide) .license-badge span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #a78bfa;
  margin-top: 4px;
}

/* =============================== */
/*          MOBILE FIX            */
/* =============================== */

@media (max-width:768px){

:where(body.page-aboutus,body.page-sim-guide) .background-title,
:where(body.page-aboutus,body.page-sim-guide) .license-title {
    font-size: 28px;
  }

:where(body.page-aboutus,body.page-sim-guide) .background-box {
    padding: 35px 20px;
  }

:where(body.page-aboutus,body.page-sim-guide) .background-box p {
    font-size: 15px;
  }

:where(body.page-aboutus,body.page-sim-guide) .highlight-quote {
    font-size: 22px;
  }

}
/* =============================== *//*       ABOUT / BACKGROUND       *//* =============================== */
:where(body.page-aboutus,body.page-sim-guide) .about-section {
  padding: 120px 20px;
  background: linear-gradient(to bottom, #060606, #111111);
  text-align: center;
}
/* TITLE */
:where(body.page-aboutus,body.page-sim-guide) .about-title {
  font-size: 42px;
  font-weight: 800;
  margin-bottom: 50px;
  color: #f4f4f5;
}

:where(body.page-aboutus,body.page-sim-guide) .about-title span {
  background: linear-gradient(135deg, #a78bfa, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* BOX */
:where(body.page-aboutus,body.page-sim-guide) .about-box {
  max-width: 900px;
  margin: auto;

  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);

  padding: 50px 40px;

  border-radius: 24px;
  border: 1px solid rgba(148,163,184,0.15);

  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}
/* TEXT */
:where(body.page-aboutus,body.page-sim-guide) .about-box p {
  font-size: 18px;
  line-height: 1.7;
  color: #c6c6cf;
  margin-bottom: 25px;
}

:where(body.page-aboutus,body.page-sim-guide) .about-box strong {
  color: #f4f4f5;
}
/* QUOTE */
:where(body.page-aboutus,body.page-sim-guide) .about-quote {
  font-size: 32px;
  font-weight: 800;
  margin: 30px 0;

  background: linear-gradient(135deg, #c084fc, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* =============================== */
/*          MOBILE FIX            */
/* =============================== */

@media (max-width:768px){

:where(body.page-aboutus,body.page-sim-guide) .about-title {
    font-size: 28px;
  }

:where(body.page-aboutus,body.page-sim-guide) .about-box {
    padding: 35px 20px;
  }

:where(body.page-aboutus,body.page-sim-guide) .about-box p {
    font-size: 15px;
  }

:where(body.page-aboutus,body.page-sim-guide) .about-quote {
    font-size: 22px;
  }

}


/* ===== DATA ===== */


:where(body.page-data), :where(body.page-data) *,
body:where(.page-data) {margin:0}

:where(body.page-data) .nav,
:where(body.page-data) nav ul {display:flex}

:where(body.page-data) .hero::before,
:where(body.page-data) nav a::after {content:"";position:absolute}

:where(body.page-data) .btn,
:where(body.page-data) footer a,
:where(body.page-data) nav a {text-decoration:none;transition:.25s}

:where(body.page-data) .hero,
:where(body.page-data) .plan-card {overflow:hidden;position:relative}

:where(body.page-data) .hero,
:where(body.page-data) .plans,
:where(body.page-data) .plans-title,
:where(body.page-data) footer {text-align:center}

:where(body.page-data) .logo,
:where(body.page-data) .plan-group {letter-spacing:.5px}

:where(body.page-data) .hero,
:where(body.page-data) .hero-content,
:where(body.page-data) .plan-card,
:where(body.page-data) .plan-features li,
:where(body.page-data) nav a {position:relative}

:where(body.page-data), :where(body.page-data) * {padding:0;box-sizing:border-box}

body:where(.page-data) {font-family:Poppins,sans-serif;background:linear-gradient(135deg,#111111,#252525);color:#fff}

:where(body.page-data) .container {width:90%;max-width:1200px;margin:auto}

:where(body.page-data) .plan-item,
:where(body.page-data) header,
:where(body.page-data) nav a:hover::after {width:100%}

:where(body.page-data) header {position:fixed;top:0;z-index:1000;padding:16px 0;background:rgba(10,10,10,.7);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.1);box-shadow:0 10px 30px rgba(0,0,0,.4)}

:where(body.page-data) .nav {justify-content:space-between;align-items:center}

:where(body.page-data) .logo {color:#f4f4f5;font-weight:700;font-size:22px}

:where(body.page-data) .btn,
:where(body.page-data) .hero,
:where(body.page-data) .plans,
:where(body.page-data) footer a:hover,
:where(body.page-data) nav a:hover {color:#fff}

:where(body.page-data) nav ul {list-style:none;gap:28px}

:where(body.page-data) nav a {color:#c6c6cf;font-weight:500;font-size:15px}

:where(body.page-data) nav a::after {left:0;bottom:-6px;width:0%;height:2px;background:#7c3aed;transition:.3s}

:where(body.page-data) .hamburger {display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1100}

:where(body.page-data) .hamburger span {width:26px;height:2px;background:#e5e5e8;border-radius:2px;transition:.3s}

:where(body.page-data) .hamburger.open span:first-child {transform:rotate(45deg) translate(5px,5px)}

:where(body.page-data) .hamburger.open span:nth-child(2) {opacity:0;transform:scale(0)}

:where(body.page-data) .hamburger.open span:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){

:where(body.page-data) .hamburger {display:flex}

:where(body.page-data) nav {position:absolute;top:70px;right:0;width:100%;background:rgba(10,10,10,.95);backdrop-filter:blur(12px);border-top:none;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:.35s}

:where(body.page-data) nav.active {max-height:350px;padding:20px 0;opacity:1;transform:translateY(0)}

:where(body.page-data) nav ul {flex-direction:column;align-items:center;gap:22px}

:where(body.page-data) nav a {font-size:16px;color:#e5e5e8;transition:.25s}

:where(body.page-data) nav a:hover {color:#a78bfa}}

:where(body.page-data) .hero {padding:160px 20px 80px;background:linear-gradient(to bottom,#060606,#111111)}

:where(body.page-data) .hero::before {top:-100px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.4),transparent 70%);filter:blur(120px);z-index:0}

:where(body.page-data) .hero-content {z-index:1}

:where(body.page-data) .hero h1 {font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;color:#f4f4f5}

:where(body.page-data) .hero p {font-size:18px;color:#c6c6cf;margin-bottom:30px}

:where(body.page-data) .btn {display:inline-block;padding:14px 32px;border-radius:999px;background:#7c3aed;font-weight:600;border:1px solid rgba(124,58,237,.4);box-shadow:0 10px 30px rgba(124,58,237,.4)}

:where(body.page-data) .plan-card,
:where(body.page-data) .plan-item,
:where(body.page-data) .toggle {transition:.3s}

:where(body.page-data) .btn:hover {transform:translateY(-3px);box-shadow:0 20px 50px rgba(124,58,237,.6)}

:where(body.page-data) .featured {transform:scale(1.05);border:3px solid #9333ea}

:where(body.page-data) .badge,
:where(body.page-data) .plan-item.active .toggle {transform:rotate(45deg)}

:where(body.page-data) footer {background:#060606;color:#c6c6cf;padding:60px 20px;border-top:1px solid rgba(148,163,184,.12);box-shadow:0 -10px 40px rgba(0,0,0,.6)}

:where(body.page-data) footer p {font-size:14px;color:#94a3b8;margin-bottom:15px}

:where(body.page-data) footer a {color:#c4b5fd}

:where(body.page-data) .plans {padding:120px 0;background:linear-gradient(to bottom,#060606,#111111);overflow-x:hidden}

:where(body.page-data) .plan-title {font-size:46px;font-weight:800;margin-bottom:80px;color:#f4f4f5}

:where(body.page-data) .plan-wrapper {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;max-width:1200px;margin:auto;padding:0 20px}

:where(body.page-data) .plan-card {background:#101010;border-radius:20px;display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.15);box-shadow:0 15px 50px rgba(0,0,0,.6)}

:where(body.page-data) .plan-card:hover {transform:translateY(-6px)}

:where(body.page-data) .plan-header {padding:25px 20px;font-size:22px;font-weight:600}

:where(body.page-data) .plan-body {padding:30px 20px;flex:1}

:where(body.page-data) .plan-body h3 {font-size:34px;font-weight:800;margin-bottom:20px;color:#facc15}

:where(body.page-data) .plan-body p {font-size:15px;color:#94a3b8}

:where(body.page-data) .price-tag {padding:20px;font-size:20px;font-weight:700;color:#c4b5fd;border-top:1px solid rgba(148,163,184,.1)}

:where(body.page-data) .plan-card.featured {border:2px solid #7c3aed}

:where(body.page-data) .badge {position:absolute;top:12px;right:12px;background:#ff007f;color:#fff;padding:6px 12px;font-size:11px;font-weight:700;border-radius:6px;transform:none}

:where(body.page-data) .plan-nav {display:none}

:where(body.page-data) .plan-section {padding:100px 20px;background:radial-gradient(circle at top,#060606,#000)}

:where(body.page-data) .plans-title {font-size:42px;font-weight:900;color:#fff;margin-bottom:10px}

:where(body.page-data) .plan-group {max-width:700px;margin:50px auto 15px;font-size:18px;font-weight:700;color:#a78bfa}

:where(body.page-data) .plan-item {max-width:700px;margin:0 auto 15px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border:1px solid rgba(124,58,237,.2)}

:where(body.page-data) .plan-item:hover {transform:translateY(-3px);border-color:#7c3aed;box-shadow:0 0 25px rgba(124,58,237,.3)}

:where(body.page-data) .plan-question {width:100%;padding:18px 20px;background:0 0;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}

:where(body.page-data) .plan-head {display:flex;flex-direction:column;gap:2px}

:where(body.page-data) .plan-code {font-size:13px;color:#a78bfa;text-align:left}

:where(body.page-data) .plan-gb {font-size:24px;font-weight:800;background:linear-gradient(135deg,#22d3ee,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(168,85,247,.5)}

:where(body.page-data) .toggle {font-size:22px;color:#c6c6cf}

:where(body.page-data) .plan-answer {max-height:0;overflow:hidden;transition:.35s;padding:0 20px}

:where(body.page-data) .plan-features {list-style:none;padding:0;margin:15px 0}

:where(body.page-data) .plan-features li {font-size:14px;color:#c6c6cf;margin-bottom:10px;padding-left:22px}

:where(body.page-data) .plan-features li::before {content:"✔";position:absolute;left:0;top:0;font-size:12px;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}

:where(body.page-data) .plan-price {text-align:center;margin:20px auto;background:#000;padding:12px;border-radius:50px;width:130px;font-weight:700;color:#fff;box-shadow:0 0 15px rgba(124,58,237,.6),0 0 30px rgba(168,85,247,.3);transition:.3s}

:where(body.page-data) .plan-price:hover {transform:scale(1.05)}

:where(body.page-data) .plan-item.active .plan-answer {max-height:320px;padding:10px 20px 20px}

:where(body.page-data) .plan-item.active {border-color:#7c3aed;box-shadow:0 0 35px rgba(124,58,237,.4)}

:where(body.page-data) .plan-container {display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:700px;margin:0 auto}

:where(body.page-data) .plan-col {display:flex;flex-direction:column;align-items:stretch}@media (max-width:768px){

:where(body.page-data) .hero {padding:130px 20px 60px}

:where(body.page-data) .hero h1 {font-size:32px;line-height:1.3}

:where(body.page-data) .hero p,
:where(body.page-data) .plan-group {font-size:16px}

:where(body.page-data) .btn {padding:12px 24px;font-size:14px}

:where(body.page-data) .plans {padding:80px 0}

:where(body.page-data) .plan-title {margin-bottom:40px;padding:0 20px}

:where(body.page-data) .plan-wrapper {display:flex;overflow-x:auto;gap:0;padding:0;scroll-snap-type:x mandatory}

:where(body.page-data) .plan-wrapper::-webkit-scrollbar {display:none}

:where(body.page-data) .plan-card {flex:0 0 100%;max-width:100%;scroll-snap-align:start}

:where(body.page-data) .plan-card.featured {transform:none!important;border:2px solid #facc15}

:where(body.page-data) .plan-card:hover {transform:none}

:where(body.page-data) .plan-body {padding:30px 20px}

:where(body.page-data) .plan-body h3 {font-size:24px}

:where(body.page-data) .plan-body p {font-size:15px}

:where(body.page-data) .price-tag {font-size:22px}

:where(body.page-data) .plan-nav {display:flex;justify-content:center;gap:15px;margin-top:25px}

:where(body.page-data) .plan-nav button {width:40px;height:40px;border-radius:50%;border:1px solid rgba(148,163,184,.3);background:#101010;color:#c6c6cf;display:flex;align-items:center;justify-content:center;transition:.25s}

:where(body.page-data) .plan-nav button:active {background:#7c3aed;color:#fff;border-color:#7c3aed}

:where(body.page-data) .plan-section {padding:60px 15px}

:where(body.page-data) .plan-container {display:grid;grid-template-columns:1fr;gap:0;width:100%}

:where(body.page-data) .plan-col {width:100%}

:where(body.page-data) .plans-title {font-size:30px;margin-bottom:20px;padding:0 20px}

:where(body.page-data) .plan-group,
:where(body.page-data) .plan-item {max-width:100%;margin-left:0;margin-right:0}

:where(body.page-data) .plan-title {font-size:28px}

:where(body.page-data) .plan-gb {font-size:20px}

:where(body.page-data) .plan-features li {font-size:13px}

:where(body.page-data) .plan-price {width:110px;font-size:14px}}

:where(body.page-data) .responsive {
  width: 30%;
  height: auto;
}


/* ===== AFFILIATE ===== */


:where(body.page-affiliate) .nav,
:where(body.page-affiliate) nav ul {display:flex}

:where(body.page-affiliate) .hero,
body:where(.page-affiliate) {background:linear-gradient(to bottom,#060606,#111111)}

:where(body.page-affiliate) .hero::before,
:where(body.page-affiliate) nav a::after {position:absolute;content:""}

:where(body.page-affiliate) .table tbody tr,
:where(body.page-affiliate) header {border-bottom:1px solid rgba(148,163,184,.1)}

:where(body.page-affiliate) .box,
:where(body.page-affiliate) .desc,
:where(body.page-affiliate) .hero,
:where(body.page-affiliate) .marketing-sub,
:where(body.page-affiliate) .marketing-title,
:where(body.page-affiliate) .steps-section,
:where(body.page-affiliate) .table td {text-align:center}

:where(body.page-affiliate) .hero,
:where(body.page-affiliate) .hero-content,
:where(body.page-affiliate) .step-card,
:where(body.page-affiliate) .steps-grid,
:where(body.page-affiliate) nav a {position:relative}

:where(body.page-affiliate) .box,
:where(body.page-affiliate) .step-card,
:where(body.page-affiliate) .table,
:where(body.page-affiliate) header {backdrop-filter:blur(12px)}

:where(body.page-affiliate) .btn,
:where(body.page-affiliate) footer a,
:where(body.page-affiliate) nav a {text-decoration:none;transition:.25s}

:where(body.page-affiliate) .background-title span,
:where(body.page-affiliate) .big,
:where(body.page-affiliate) .highlight-quote {-webkit-text-fill-color:transparent}

:where(body.page-affiliate), :where(body.page-affiliate) * {margin:0;padding:0;box-sizing:border-box}

body:where(.page-affiliate) {font-family:Poppins,sans-serif;color:#252525}

:where(body.page-affiliate) .container {width:90%;max-width:1200px;margin:auto}

:where(body.page-affiliate) .table,
:where(body.page-affiliate) header,
:where(body.page-affiliate) nav a:hover::after {width:100%}

:where(body.page-affiliate) header {position:fixed;top:0;z-index:1000;padding:16px 0;background:rgba(10,10,10,.7);box-shadow:0 10px 30px rgba(0,0,0,.4)}

:where(body.page-affiliate) .nav {justify-content:space-between;align-items:center}

:where(body.page-affiliate) .logo {color:#f4f4f5;font-weight:700;font-size:22px;letter-spacing:.5px}

:where(body.page-affiliate) .btn,
:where(body.page-affiliate) .hero,
:where(body.page-affiliate) footer a:hover,
:where(body.page-affiliate) nav a:hover {color:#fff}

:where(body.page-affiliate) nav ul {list-style:none;gap:28px}

:where(body.page-affiliate) nav a {color:#c6c6cf;font-weight:500;font-size:15px}

:where(body.page-affiliate) nav a::after {left:0;bottom:-6px;width:0%;height:2px;background:#7c3aed;transition:.3s}

:where(body.page-affiliate) .hamburger {display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1100}

:where(body.page-affiliate) .hamburger span {width:26px;height:2px;background:#e5e5e8;border-radius:2px;transition:.3s}

:where(body.page-affiliate) .hamburger.open span:first-child {transform:rotate(45deg) translate(5px,5px)}

:where(body.page-affiliate) .hamburger.open span:nth-child(2) {opacity:0;transform:scale(0)}

:where(body.page-affiliate) .hamburger.open span:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px)}

:where(body.page-affiliate) .hero {padding:160px 20px 80px;overflow:hidden}

:where(body.page-affiliate) .hero::before {top:-100px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.4),transparent 70%);filter:blur(120px);z-index:0}

:where(body.page-affiliate) .hero-content {z-index:1}

:where(body.page-affiliate) .hero h1 {font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;color:#f4f4f5}

:where(body.page-affiliate) .hero p {font-size:18px;color:#c6c6cf;margin-bottom:30px}

:where(body.page-affiliate) .btn {display:inline-block;padding:14px 32px;border-radius:999px;background:#7c3aed;font-weight:600;border:1px solid rgba(124,58,237,.4);box-shadow:0 10px 30px rgba(124,58,237,.4)}

:where(body.page-affiliate) .btn:hover {transform:translateY(-3px);box-shadow:0 20px 50px rgba(124,58,237,.6)}

:where(body.page-affiliate) .box:hover,
:where(body.page-affiliate) .step-card:hover {box-shadow:0 25px 60px rgba(124,58,237,.25)}@media (max-width:768px){

:where(body.page-affiliate) .hero {padding:130px 20px 60px}

:where(body.page-affiliate) .hero h1 {font-size:32px;line-height:1.3}

:where(body.page-affiliate) .hero p {font-size:16px}

:where(body.page-affiliate) .btn {padding:12px 24px;font-size:14px}}

:where(body.page-affiliate) .marketing {padding:120px 10px 60px;background:linear-gradient(to bottom,#060606,#000)}

:where(body.page-affiliate) .marketing-title {font-size:42px;font-weight:900;color:#fff;margin-bottom:20px}

:where(body.page-affiliate) .marketing-title span,
:where(body.page-affiliate) .steps-title span {background:linear-gradient(135deg,#22d3ee,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

:where(body.page-affiliate) .marketing-sub {font-size:22px;font-weight:700;color:#c084fc;margin-top:40px;margin-bottom:4px}

:where(body.page-affiliate) .box h4,
:where(body.page-affiliate) .desc {margin-bottom:10px}

:where(body.page-affiliate) .desc {font-size:16px;color:#c6c6cf;line-height:1.6}

:where(body.page-affiliate) .table-wrap {overflow-x:auto;margin-bottom:40px}

:where(body.page-affiliate) .table {border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:20px;overflow:hidden;border:1px solid rgba(148,163,184,.15)}

:where(body.page-affiliate) .highlight,
:where(body.page-affiliate) .table thead {background:rgba(124,58,237,.2)}

:where(body.page-affiliate) .table th {padding:14px;font-size:14px;color:#e5e5e8}

:where(body.page-affiliate) .table td {padding:12px;font-size:14px;color:#c6c6cf}

:where(body.page-affiliate) .price {color:#22d3ee;font-weight:700}

:where(body.page-affiliate) .grid-3 {display:grid;grid-template-columns:repeat(3,1fr);gap:25px}

:where(body.page-affiliate) .box {background:rgba(255,255,255,.03);padding:30px;border-radius:20px;border:1px solid rgba(148,163,184,.15);transition:.3s}

:where(body.page-affiliate) .box:hover {transform:translateY(-6px)}

:where(body.page-affiliate) .box h4 {font-size:18px;color:#fff}

:where(body.page-affiliate) .big {font-size:32px;font-weight:900;background:linear-gradient(135deg,#22d3ee,#a855f7);-webkit-background-clip:text;margin-bottom:5px}

:where(body.page-affiliate) .box small {font-size:13px;color:#94a3b8}

:where(body.page-affiliate) .step-card h3,
:where(body.page-affiliate) .steps-title {color:#fff;margin-bottom:10px}

:where(body.page-affiliate) .steps-section {padding:100px 20px;background:linear-gradient(to bottom,#060606,#000)}

:where(body.page-affiliate) .steps-title {font-size:42px;font-weight:900}

:where(body.page-affiliate) .steps-subtitle {color:#c6c6cf;margin-bottom:70px}

:where(body.page-affiliate) .steps-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(min-width:769px){

:where(body.page-affiliate) .steps-grid::before {content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#22d3ee,#a855f7);opacity:.3}}

:where(body.page-affiliate) .step-card {background:rgba(255,255,255,.03);border-radius:24px;padding:40px 25px;border:1px solid rgba(148,163,184,.15);transition:.35s}

:where(body.page-affiliate) .step-card:hover {transform:translateY(-8px) scale(1.02)}

:where(body.page-affiliate) .step-icon {font-size:40px;margin-bottom:15px;text-shadow:0 0 15px rgba(124,58,237,.6)}

:where(body.page-affiliate) .step-number {position:absolute;top:15px;right:20px;font-size:14px;font-weight:700;color:#a78bfa}

:where(body.page-affiliate) .step-card h3 {font-size:20px}

:where(body.page-affiliate) .step-card p {font-size:14px;color:#c6c6cf;line-height:1.6}

:where(body.page-affiliate) footer {background:#060606;color:#c6c6cf;text-align:center;padding:60px 20px;border-top:1px solid rgba(148,163,184,.12);box-shadow:0 -10px 40px rgba(0,0,0,.6)}

:where(body.page-affiliate) footer p {font-size:14px;color:#94a3b8;margin-bottom:15px}

:where(body.page-affiliate) footer a {color:#c4b5fd}

:where(body.page-affiliate) .background-section {padding:120px 0;background:#f3f0ff}

:where(body.page-affiliate) .background-title {text-align:center;font-size:42px;font-weight:700;margin-bottom:60px;color:#252525}

:where(body.page-affiliate) .background-title span {background:linear-gradient(135deg,#7c3aed,#9333ea);-webkit-background-clip:text}

:where(body.page-affiliate) .background-box {background:padding-box #fff;padding:70px 60px;border-radius:30px;border:3px solid transparent;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.05)}

:where(body.page-affiliate) .background-box::before {content:"";position:absolute;inset:-3px;border-radius:30px;background:linear-gradient(135deg,#7c3aed,#c084fc);z-index:-1}

:where(body.page-affiliate) .background-box p {font-size:20px;line-height:1.8;color:#334155;margin-bottom:30px}

:where(body.page-affiliate) .background-box strong {font-weight:700;color:#000}

:where(body.page-affiliate) .highlight-quote {font-size:38px;font-weight:800;text-align:center;margin:40px 0;background:linear-gradient(135deg,#7c3aed,#9333ea);-webkit-background-clip:text}@media(max-width:768px){

:where(body.page-affiliate) .hamburger {display:flex}

:where(body.page-affiliate) nav {position:absolute;top:70px;right:0;width:100%;background:rgba(10,10,10,.95);backdrop-filter:blur(12px);border-top:none;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:.35s}

:where(body.page-affiliate) nav.active {max-height:350px;padding:20px 0;opacity:1;transform:translateY(0)}

:where(body.page-affiliate) nav ul {flex-direction:column;align-items:center;gap:22px}

:where(body.page-affiliate) nav a {font-size:16px;color:#e5e5e8;transition:.25s}

:where(body.page-affiliate) nav a:hover {color:#a78bfa}

:where(body.page-affiliate) .marketing {padding:80px 0}

:where(body.page-affiliate) .marketing-title {font-size:30px}

:where(body.page-affiliate) .marketing-sub {font-size:18px}

:where(body.page-affiliate) .desc {font-size:14px}

:where(body.page-affiliate) .grid-3 {grid-template-columns:1fr}

:where(body.page-affiliate) .table td,
:where(body.page-affiliate) .table th {font-size:12px;padding:10px}

:where(body.page-affiliate) .big {font-size:26px}

:where(body.page-affiliate) .background-title,
:where(body.page-affiliate) .step-icon,
:where(body.page-affiliate) .steps-title {font-size:28px}

:where(body.page-affiliate) .steps-grid {grid-template-columns:1fr;gap:25px;position:relative}

:where(body.page-affiliate) .steps-grid::before {content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#22d3ee,#a855f7);opacity:.4}

:where(body.page-affiliate) .step-card {text-align:left;padding:30px 20px 30px 70px}

:where(body.page-affiliate) .step-card::before {content:"";position:absolute;left:16px;top:38px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a855f7);box-shadow:0 0 15px rgba(124,58,237,.8)}

:where(body.page-affiliate) .step-icon {margin-bottom:10px}

:where(body.page-affiliate) .step-number {right:15px;top:10px}

:where(body.page-affiliate) .background-box {padding:40px 25px}

:where(body.page-affiliate) .background-box p {font-size:16px}

:where(body.page-affiliate) .highlight-quote {font-size:24px}}


/* ===== SHOP ===== */

/* ===== RESET ===== */
:where(body.page-shop), :where(body.page-shop) * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* ===== BODY ===== */
body:where(.page-shop) {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(to bottom, #060606, #111111);
  color: #252525;
}
/* ===== CONTAINER ===== */
:where(body.page-shop) .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
/* =============================== *//*          HEADER PREMIUM        *//* =============================== */
:where(body.page-shop) header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;

  padding: 16px 0;

  /* Glass dark background */
  background: rgba(10,10,10,0.7);
  backdrop-filter: blur(12px);

  border-bottom: 1px solid rgba(148,163,184,0.1);

  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
/* NAV */
:where(body.page-shop) .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* LOGO */
:where(body.page-shop) .logo {
  color: #f4f4f5;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
}
/* MENU */
:where(body.page-shop) nav ul {
  list-style: none;
  display: flex;
  gap: 28px;
}
/* LINK */
:where(body.page-shop) nav a {
  text-decoration: none;
  color: #c6c6cf;
  font-weight: 500;
  font-size: 15px;

  position: relative;
  transition: 0.25s;
}
/* Hover text */
:where(body.page-shop) nav a:hover {
  color: #ffffff;
}
/* Underline animation (premium feel) */
:where(body.page-shop) nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0%;
  height: 2px;

  background: #7c3aed;

  transition: 0.3s;
}

:where(body.page-shop) nav a:hover::after {
  width: 100%;
}
/* =============================== *//*        HAMBURGER PREMIUM       *//* =============================== */
:where(body.page-shop) .hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
  z-index: 1100;
}

:where(body.page-shop) .hamburger span {
  width: 26px;
  height: 2px;
  background: #e5e5e8;
  border-radius: 2px;
  transition: all 0.3s ease;
}
/* Animation */
:where(body.page-shop) .hamburger.open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

:where(body.page-shop) .hamburger.open span:nth-child(2) {
  opacity: 0;
  transform: scale(0);
}

:where(body.page-shop) .hamburger.open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* =============================== */
/*            MOBILE              */
/* =============================== */

@media(max-width: 768px){

:where(body.page-shop) .hamburger {
    display: flex;
  }
/* NAV CONTAINER */
:where(body.page-shop) nav {
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;

    /* PREMIUM GLASS */
    background: rgba(10,10,10,0.95);
    backdrop-filter: blur(12px);

    /* REMOVE LINE ISSUE */
    border-top: none;

    /* smooth open */
    max-height: 0;
    overflow: hidden;

    opacity: 0;
    transform: translateY(-10px);

    transition: all 0.35s ease;
  }
/* ACTIVE MENU */
:where(body.page-shop) nav.active {
    max-height: 350px;
    padding: 20px 0;

    opacity: 1;
    transform: translateY(0);
  }
/* MENU LIST */
:where(body.page-shop) nav ul {
    flex-direction: column;
    align-items: center;
    gap: 22px;
  }
/* LINKS */
:where(body.page-shop) nav a {
    font-size: 16px;
    color: #e5e5e8;
    transition: 0.25s;
  }

:where(body.page-shop) nav a:hover {
    color: #a78bfa;
  }

}
/* =============================== *//*           WRAPPER              *//* =============================== */
:where(body.page-shop) .wrap {
  max-width:500px;
  margin:auto;
  padding:15px;
  overflow:hidden;
}
/* =============================== *//*         PRODUCT LIST           *//* =============================== */
:where(body.page-shop) .product-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 100px;
  margin-bottom: 15px;
}
/* =============================== *//*        PRODUCT CARD PRO        *//* =============================== */
:where(body.page-shop) .product-card {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(124,58,237,0.26), transparent 34%),
    linear-gradient(160deg, #171717, #0d0d0d 62%, #060606);

  border-radius: 22px;
  padding: 20px;

  border: 1px solid rgba(148,163,184,0.15);

  box-shadow: 0 20px 60px rgba(0,0,0,0.6);

  transition: 0.25s ease;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

:where(body.page-shop) .product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.08), transparent 40%);
  pointer-events: none;
}

:where(body.page-shop) .product-badge {
  align-self: flex-start;
  position: relative;
  z-index: 1;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(34,197,94,0.14);
  border: 1px solid rgba(34,197,94,0.28);
  color: #bbf7d0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

:where(body.page-shop) .product-visual {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 8px 0 4px;
}

:where(body.page-shop) .product-copy {
  width: 100%;
  text-align: center;
}

:where(body.page-shop) .product-desc {
  margin-top: 6px;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.5;
}

:where(body.page-shop) .product-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

:where(body.page-shop) .product-price-block {
  min-width: 0;
}

:where(body.page-shop) .product-price-label {
  display: block;
  margin-bottom: 4px;
  color: #94a3b8;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
/* HOVER */
:where(body.page-shop) .product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 80px rgba(124,58,237,0.3);
}
/* ACTIVE */
:where(body.page-shop) .product-card.active {
  border: 1px solid #7c3aed;
  box-shadow: 0 0 0 1px #7c3aed;
}
/* =============================== *//*            IMAGE               *//* =============================== */
:where(body.page-shop) .product-card img {
  width: 165px;

  filter: drop-shadow(0 10px 20px rgba(0,0,0,0.6));
}
/* =============================== *//*            TITLE               *//* =============================== */
:where(body.page-shop) .product-title {
  font-size: 22px;
  font-weight: 700;
  color: #e5e5e8;
}
/* =============================== *//*            PRICE               *//* =============================== */
:where(body.page-shop) .product-price {
  font-size: 30px;
  font-weight: 800;

  color: #c4b5fd;
  line-height: 1;
}
/* =============================== *//*            QTY BOX             *//* =============================== */
:where(body.page-shop) .qty-box {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(148,163,184,0.1);

  padding: 10px;
  border-radius: 16px;

  min-width: 170px;
}
/* QTY */
:where(body.page-shop) .qty {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* BUTTON */
:where(body.page-shop) .qty button {
  width: 42px;
  height: 42px;

  border-radius: 12px;
  border: none;

  background: linear-gradient(135deg, #7c3aed, #9333ea);

  color: white;
  font-size: 18px;

  cursor: pointer;

  transition: 0.2s;
}

:where(body.page-shop) .qty button:hover {
  transform: scale(1.05);
}
/* VALUE */
:where(body.page-shop) .qty span {
  font-size: 18px;
  font-weight: 700;
  color: #f4f4f5;
}

/* =============================== */
/*        MOBILE PRODUCT FIX      */
/* =============================== */

@media (max-width:768px){
/* GRID → 1 COLUMN */
:where(body.page-shop) .product-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
/* CARD */
:where(body.page-shop) .product-card {
    padding: 16px;
    border-radius: 18px;
  }

:where(body.page-shop) .product-badge {
    font-size: 11px;
  }
/* IMAGE */
:where(body.page-shop) .product-card img {
    width: 190px; /* kecilkan */
    margin-bottom: 10px;
    margin-top: 10px;
  }
/* TITLE */
:where(body.page-shop) .product-title {
    font-size: 20px;
    line-height: 1.3;
  }

:where(body.page-shop) .product-desc {
    font-size: 12px;
  }
/* PRICE */
:where(body.page-shop) .product-price {
    font-size: 24px;
  }

:where(body.page-shop) .product-footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
/* QTY BOX */
:where(body.page-shop) .qty-box {
    padding: 8px;
    width: auto;
    min-width: 140px;
  }

:where(body.page-shop) .qty {
    justify-content: space-between;
  }
/* BUTTON */
:where(body.page-shop) .qty button {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }
/* VALUE */
:where(body.page-shop) .qty span {
    font-size: 16px;
  }

}
/* =============================== *//*          FORM CARD             *//* =============================== */
:where(body.page-shop) .form-card {
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(10px);

  border-radius:16px;
  padding:18px;

  border:1px solid rgba(148,163,184,0.15);

  margin-bottom:15px;
}

:where(body.page-shop) .form-title {
  font-weight:600;
  margin-bottom:12px;
  color:#f4f4f5;
}
/* =============================== *//*        ORDER DETAIL FIX        *//* =============================== */
:where(body.page-shop) .order-card {
  background: rgba(255,255,255,0.03);
  border-radius: 18px;
  padding: 18px;

  border: 1px solid rgba(148,163,184,0.15);
}
/* TITLE */
:where(body.page-shop) .order-title {
  font-weight: 600;
  color: #f4f4f5;
  margin-bottom: 12px;
}
/* ROW *//* =============================== *//*        ORDER UI UPGRADE        *//* =============================== */
:where(body.page-shop) .order-row {
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-bottom: 10px;
  font-size: 14px;
}

:where(body.page-shop) .order-row span {
  color: #94a3b8;
}

:where(body.page-shop) .order-row strong {
  color: #e5e5e8;
  font-weight: 600;
}

:where(body.page-shop) .order-divider {
  height: 1px;
  background: rgba(148,163,184,0.15);
  margin: 12px 0;
}

:where(body.page-shop) .order-total {
  display: flex;
  justify-content: space-between;

  font-size: 18px;
  font-weight: 700;
}

:where(body.page-shop) .order-total span {
  color: #c6c6cf;
}

:where(body.page-shop) .order-total strong {
  color: #22c55e;
}
/* =============================== *//*           INPUT                *//* =============================== */
:where(body.page-shop) input,
:where(body.page-shop) textarea,
:where(body.page-shop) select {
  width:100%;
  padding:14px;
  margin-bottom:14px;

  border-radius:12px;
  border:1px solid rgba(148,163,184,0.2);

  background:#060606;
  color:#f4f4f5;

  font-size:14px;
}

:where(body.page-shop) input:focus,
:where(body.page-shop) textarea:focus,
:where(body.page-shop) select:focus {
  border:1px solid #7c3aed;
  box-shadow: 0 0 0 2px rgba(124,58,237,0.2);
  outline:none;
}
/* =============================== *//*            QR CARD             *//* =============================== */
:where(body.page-shop) .qr-card {
  background: linear-gradient(145deg, #060606, #111111);

  border-radius: 20px;
  padding: 20px;

  border: 1px solid rgba(148,163,184,0.15);

  text-align: center;

  
}

:where(body.page-shop) .qr-title {
  font-weight: 600;
  margin-bottom: 15px;
  color: #f4f4f5;
  text-align: left;
}
/* QR BOX */
:where(body.page-shop) .qr-box {
  background: white;
  padding: 10px;
  border-radius: 16px;
text-align: center;
  display: inline-block;
box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  
}

:where(body.page-shop) .qr img {
  width:180px;
  border-radius:10px;
  
}
/* NOTE */
:where(body.page-shop) .qr-note {
  font-size: 13px;
  color: #94a3b8;
  margin-top: 12px;
}

/* =============================== */
/*          MOBILE FIX           */
/* =============================== */

@media (max-width:768px){

:where(body.page-shop) .qr-card {
    padding: 18px;
  }

:where(body.page-shop) .qr-box img {
    width: 160px;
  }

}
/* =============================== *//*         UPLOAD CARD            *//* =============================== */
:where(body.page-shop) .upload-card {
  width: 100%;
  display: block;
  box-sizing: border-box;

  background: linear-gradient(145deg, #060606, #111111);

  border-radius: 20px;
  padding: 20px;

  border: 1px solid rgba(148,163,184,0.15);

  margin-top: 15px;

  overflow: hidden;
  margin-bottom: 70px;
}
/* TITLE */
:where(body.page-shop) .upload-title {
  font-weight: 600;
  color: #f4f4f5;
  margin-bottom: 15px;
}
/* =============================== *//*        UPLOAD BOX              *//* =============================== */
:where(body.page-shop) .upload-box {
  width: 100%;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,0.03);
  border: 1px dashed rgba(148,163,184,0.3);

  border-radius: 16px;
  padding: 22px;

  cursor: pointer;

  transition: 0.25s;
}
/* HOVER */
:where(body.page-shop) .upload-box:hover {
  border-color: #7c3aed;
  background: rgba(124,58,237,0.08);
  transform: translateY(-2px);
}
/* ACTIVE (AFTER SELECT FILE) */
:where(body.page-shop) .upload-box.active {
  border-color: #22c55e;
  background: rgba(34,197,94,0.08);
}
/* =============================== *//*           ICON                *//* =============================== */
:where(body.page-shop) .upload-icon {
  width: 48px;
  height: 48px;

  border-radius: 14px;

  background: rgba(124,58,237,0.15);

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 12px;
}

:where(body.page-shop) .upload-icon svg {
  width: 24px;
  height: 24px;
  stroke: #a78bfa;
}
/* =============================== *//*           TEXT                *//* =============================== */
:where(body.page-shop) .upload-text {
  font-size: 14px;
  color: #c6c6cf;
}
/* =============================== *//*         FILE INPUT            *//* =============================== */
:where(body.page-shop) .upload-box input {
  display: none;
}
/* =============================== *//*        IMAGE PREVIEW          *//* =============================== */
:where(body.page-shop) .upload-preview {
  margin-top: 15px;
  width: 110px;
  border-radius: 12px;

  display: none;

  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

/* =============================== */
/*         MOBILE FIX            */
/* =============================== */

@media (max-width:768px){

:where(body.page-shop) .upload-card {
    padding: 18px;
  }

:where(body.page-shop) .upload-box {
    padding: 20px;
  }

:where(body.page-shop) .upload-icon {
    width: 44px;
    height: 44px;
  }

:where(body.page-shop) .upload-preview {
    width: 100px;
  }

}

:where(body.page-shop) .upload-error {
  display:none;
  margin-top:10px;

  background: rgba(239,68,68,0.1);
  color: #ef4444;

  padding:10px;
  border-radius:10px;

  font-size:13px;
  text-align:center;
}
/* =============================== *//*        STICKY BAR             *//* =============================== */
:where(body.page-shop) .sticky-bar {
  position:fixed;
  bottom:0;
  left:0;
  right:0;

  background: rgba(10,10,10,0.95);
  backdrop-filter: blur(12px);

  border-top:1px solid rgba(148,163,184,0.1);

  padding:12px 15px;

  display:flex;
  justify-content:space-between;
  align-items:center;
}

:where(body.page-shop) .total-price {
  font-size:18px;
  font-weight:700;
  color:#22c55e;
}
/* BUTTON */
:where(body.page-shop) .btn {
  background:#7c3aed;
  color:white;

  border:none;
  padding:12px 20px;

  border-radius:999px;
  font-weight:600;

  box-shadow:0 10px 25px rgba(124,58,237,0.4);

  cursor:pointer;
  transition:0.25s;
}

:where(body.page-shop) .btn:hover {
  transform: translateY(-2px);
  box-shadow:0 15px 40px rgba(124,58,237,0.6);
}



/* Shared menu button reset, previously inline in layout.php. */
.hamburger[type="button"] { border: 0; background: transparent; padding: 0; }

/* ===== PREMIUM PUBLIC DESIGN SYSTEM ===== */
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) {
 --surface:#101010;--surface-soft:#0b0b0b;--ink:#f4f6fc;--muted:#a6a6af;
 --accent:#a394ff;--mint:#a394ff;--line:rgba(165,184,219,.14);
 background:#050505;color:var(--ink);font-family:'Manrope','Poppins',sans-serif;line-height:1.7;
 -webkit-font-smoothing:antialiased;
}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) ::selection{background:#b7aaff;color:#050505}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) :focus-visible{outline:3px solid var(--mint);outline-offset:5px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) img{max-width:100%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .container,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .container1,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .container2{width:min(90%,1180px);max-width:1180px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) section{scroll-margin-top:120px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) header{
 position:fixed;top:18px;left:50%;width:calc(100% - 48px);max-width:1220px;
 padding:0;transform:translateX(-50%);border:1px solid var(--line);border-radius:20px;
 background:rgba(10,10,10,.92);backdrop-filter:blur(24px);box-shadow:0 12px 44px #0003;
 opacity:1;visibility:visible;pointer-events:auto;z-index:1000;
}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) header .nav{width:100%;max-width:none;gap:24px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .logo{display:inline-flex;align-items:center;font-weight:800;letter-spacing:.08em;text-decoration:none;color:var(--ink);white-space:nowrap}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#b7a4ff,#8078f8);color:#111111;font-weight:800;letter-spacing:-.08em;box-shadow:0 4px 18px #a394ff25}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .brand-detail{display:block;color:var(--mint);line-height:1.1;margin-top:1px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav ul{align-items:center;}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a{color:var(--muted);letter-spacing:0}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a[aria-current="page"]{color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a::after{background:var(--mint);height:2px;bottom:-8px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a[aria-current="page"]::after{width:100%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav li:last-child a{display:inline-flex;align-items:center;border:1px solid #a394ff55;border-radius:11px;background:#a394ff12;color:#e4deff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav li:last-child a::after{display:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero{background:radial-gradient(ellipse at 78% 30%,#6b56db28,transparent 52%),radial-gradient(ellipse at 15% 80%,#1d9e9020,transparent 44%),#050505;color:var(--ink);position:relative;isolation:isolate}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-section{min-height:780px;padding:160px 0 90px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-overlay{background:linear-gradient(90deg,#05050500,#05050500);pointer-events:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-container{width:min(90%,1180px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-content{text-align:left;max-width:660px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-content h1{font-family:inherit;font-size:clamp(44px,5.6vw,78px);font-weight:800;letter-spacing:-.065em;line-height:1.08;margin:20px 0 26px;color:var(--ink)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-content h1 span{color:var(--ink);background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-content p{font-size:18px;line-height:1.9;color:var(--muted);max-width:520px;margin-bottom:30px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .premium-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;border:1px solid #a394ff33;border-radius:999px;padding:7px 13px;background:#a394ff08}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .premium-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a394ff70}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-buy-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-btn{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 24px;
 border:1px solid transparent;border-radius:12px;font-family:inherit;font-size:13px;font-weight:800;
 text-decoration:none;background:linear-gradient(135deg,#bcacff,#9483ef);color:#121212;box-shadow:0 8px 28px #8b73ed20;
 transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-buy-btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b73ed38;color:#121212}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-btn-secondary,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-buy-btn-secondary,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-btn-secondary{background:#ffffff05;border:1px solid #a6a6af40;color:#e0e7f5;box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-btn-secondary:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-buy-btn-secondary:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-btn-secondary:hover{background:#ffffff0d;color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-image{position:relative;display:flex;justify-content:center;align-items:center}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-image::before{content:'';position:absolute;width:85%;aspect-ratio:1;border:1px solid #a394ff26;border-radius:50%;background:radial-gradient(circle,#a394ff14,transparent 68%);z-index:-1}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-image img{width:min(100%,450px);max-height:540px;object-fit:contain;filter:drop-shadow(0 30px 50px #0005);animation:none;transform:rotate(-3deg)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:#a6a6af;font-size:11px;font-weight:600}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-trust span::before{content:'\2713';margin-right:7px;color:var(--mint)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero{padding:175px 24px 95px;min-height:390px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero::before{background:none;pointer-events:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero .hero-content{max-width:850px;margin:auto;text-align:center}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero .hero-content p{margin:0 auto 26px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero .hero-content h1{font-size:clamp(42px,5vw,64px);margin:22px 0 16px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plans,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .testimoni-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .marketing,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .steps-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-section{padding:88px 0;background:#050505}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plans,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .testimoni-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .steps-section{background:#090909;border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff05}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) h2,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .testimoni-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .marketing-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .steps-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plans-title{font-family:inherit;font-size:clamp(28px,3.3vw,42px);line-height:1.2;letter-spacing:-.045em;font-weight:800;color:var(--ink);text-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) h2 span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .marketing-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .steps-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-title span{background:none;-webkit-text-fill-color:currentColor;color:var(--accent)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .testimoni-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .eastel-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .desc{color:var(--muted);font-size:15px;line-height:1.9;max-width:650px;margin-left:auto;margin-right:auto}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-container{width:min(90%,1120px);gap:70px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-content h2{font-size:clamp(28px,3vw,40px)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-content h3{color:#e4e9f5;font-size:17px;letter-spacing:-.02em;margin-top:24px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-content p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-content p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-text p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-box p{color:var(--muted);font-size:15px;line-height:1.95}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-highlight{color:var(--mint)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-grid{gap:18px;margin-top:38px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .step-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .box,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-box,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-admin-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .form-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .qr-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .upload-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .product-card{background:#121212;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 38px #00000014;backdrop-filter:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card{padding:28px;text-align:left;transition:transform .2s ease,border-color .2s ease}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card::before,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card::after{display:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .step-card:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-card:hover{transform:translateY(-5px);border-color:#a394ff66;box-shadow:0 14px 36px #0002}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card h3{color:#f4f6fc;font-size:16px;font-weight:800;margin-bottom:12px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .step-card p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .card p{color:var(--muted);font-size:13px;line-height:1.85}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card .icon{background:#a394ff12;border-radius:14px;width:48px;height:48px;font-size:24px;margin-bottom:22px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-wrapper{gap:64px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-card{border:1px solid #a394ff30;background:linear-gradient(145deg,#1e1e1e,#121212);border-radius:28px;box-shadow:0 24px 70px #0003}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1180px;padding:22px 0 0;overflow:visible}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-card{position:relative;overflow:hidden;transform:none;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-card:hover{transform:translateY(-5px);border-color:#a394ff77}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-card.featured{border:1px solid #a99af2;transform:none;background:linear-gradient(160deg,#25213e,#161616);box-shadow:0 12px 40px #8b73ed12}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-header{background:transparent;padding:28px 24px 18px;font-size:13px;font-weight:800;text-align:left;letter-spacing:.1em;color:var(--mint);border-bottom:1px solid var(--line)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-body{padding:24px;flex:1;text-align:left}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-body h3{color:#fff;font-size:25px;font-weight:800;letter-spacing:-.045em;line-height:1.3;margin-bottom:24px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-body p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:12px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-body i{color:var(--mint);margin-right:8px;font-size:12px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .price-tag{background:#ffffff05;border-top:1px solid var(--line);border-radius:0;padding:19px 24px;color:var(--ink);font-size:26px;text-align:left;font-weight:800;letter-spacing:-.045em;box-shadow:none;width:auto;margin:0}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .badge{top:0;right:0;left:auto;background:#b5a6ff;color:#17122b;font-size:9px;font-weight:800;padding:7px 11px;border-radius:0 19px 0 12px;letter-spacing:.1em;box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-nav{display:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .eastel-section h1{font-size:clamp(30px,3.3vw,42px);letter-spacing:-.045em;color:var(--ink)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .eastel{background:linear-gradient(145deg,#262445,#121212);border:1px solid #a394ff70;border-radius:20px;box-shadow:none;animation:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .vs{background:transparent;box-shadow:none;color:var(--mint);animation:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .testimoni-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .testimonial-card{background:#121212;border:1px solid var(--line);border-radius:22px;box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-section{padding-left:5%;padding-right:5%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-item,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-item{background:#121212;border:1px solid var(--line);border-radius:15px;box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-item.active,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-item.active{border-color:#a394ff70;box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-question,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-question{color:var(--ink);font-family:inherit;font-weight:700;background:transparent}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-answer p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-features li{color:var(--muted)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-group{color:var(--mint);font-size:14px;letter-spacing:.02em}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-code{color:var(--accent)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-gb{color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-price{background:#a394ff14;border:1px solid #a394ff33;color:#d9d0ff;box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-wrapper{gap:48px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-admin-card{padding:30px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-admin-card h4{color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-grid{gap:16px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-card{padding:26px 18px;color:#dce3f3}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-card h4{color:#dce3f3;font-size:13px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-card .icon{color:var(--accent);background:transparent;font-size:24px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-section{padding-left:5%;padding-right:5%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-box{max-width:900px;padding:48px;text-align:left}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-quote{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;line-height:1.45;color:var(--accent);background:none;-webkit-text-fill-color:currentColor}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-card{overflow:hidden;padding:16px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-badge{background:#0e0e0e;color:var(--mint);border:1px solid var(--line);box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .marketing-sub{color:#e3e8f5;font-size:19px;margin-top:38px;letter-spacing:-.02em}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .table-wrap{border:1px solid var(--line);border-radius:18px;background:#101010;overflow-x:auto}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .table{background:transparent;border:0;border-radius:0;margin:0;width:100%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .table th{background:#1a1a1a;color:#e1d9ff;font-size:12px;letter-spacing:.01em;padding:18px 14px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .table td{padding:17px 14px;font-size:13px;color:#c5cfe2;border-color:var(--line)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .table .highlight{background:#a394ff0d}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .table .price{color:var(--mint);font-weight:800}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .table tbody tr:hover{background:#ffffff05}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .box{padding:30px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .box h3{font-size:14px;color:var(--muted);font-weight:600}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .big{font-size:46px;font-weight:800;letter-spacing:-.065em;color:var(--accent);background:none;-webkit-text-fill-color:currentColor}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .box small{color:var(--muted)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .step-card{padding:34px 26px;text-align:left}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .step-card h3{color:#fff;font-size:17px;margin:18px 0 12px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .step-number{background:#a394ff18;border:1px solid #a394ff33;color:var(--accent);box-shadow:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .shop-intro{width:min(90%,1080px);margin:auto;padding:155px 0 20px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .shop-intro h1{font-size:clamp(33px,4vw,49px);line-height:1.15;letter-spacing:-.05em;margin:22px 0 16px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .shop-intro p{font-size:14px;color:var(--muted);max-width:650px}
body.page-shop .wrap{max-width:1080px;width:90%;padding:24px 0 90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;overflow:visible;align-items:start}
body.page-shop .product-list{margin:0;position:sticky;top:120px}
body.page-shop .product-card{padding:24px;overflow:hidden}
body.page-shop .product-card.selected{border-color:var(--mint);box-shadow:0 0 0 2px #a394ff15}
body.page-shop .product-visual{border-radius:16px;background:#0c0c0c}
body.page-shop .product-title{color:#fff;font-size:23px;font-weight:800;letter-spacing:-.03em}
body.page-shop .product-desc{color:var(--muted);line-height:1.8;font-size:13px}
body.page-shop .product-price{color:var(--mint);font-size:28px}
body.page-shop .product-badge{background:#a394ff16;color:var(--mint);border:1px solid #a394ff30;box-shadow:none}
body.page-shop .wrap>form{min-width:0;display:grid;gap:20px}
body.page-shop .form-card,body.page-shop .qr-card,body.page-shop .upload-card{margin:0;padding:28px}
body.page-shop .form-title,body.page-shop .qr-title,body.page-shop .upload-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#f4f6fc;margin-bottom:22px}
body.page-shop input:not([type="file"]):not([type="hidden"]),body.page-shop select{background:#0c0c0c;border:1px solid #a6a6af30;border-radius:11px;padding:15px 16px;font-family:inherit;font-size:14px;color:#edf1fa;min-height:50px}
body.page-shop input::placeholder{color:#8291aa}
body.page-shop input:focus,body.page-shop select:focus{border-color:#a394ff;outline:3px solid #a394ff15}
body.page-shop .order-row{color:var(--muted);font-size:13px}
body.page-shop .order-row strong{color:#e7ecf7}
body.page-shop .order-total{color:#fff;border-color:var(--line);font-size:17px}
body.page-shop .order-total strong{color:var(--mint);font-size:26px}
body.page-shop .qty{background:#0c0c0c;border-color:var(--line);border-radius:11px}
body.page-shop .qty button{background:#a394ff1a;color:#ded5ff}
body.page-shop .qr{background:white;border-radius:14px;max-width:220px;margin:0 auto 18px;padding:12px}
body.page-shop .qr-note{color:var(--muted);font-size:12px}
body.page-shop .upload-box{background:#0c0c0c;border:1px dashed #a394ff66;border-radius:15px;padding:30px 18px}
body.page-shop .upload-text{color:#d9d1fb;font-size:13px}
body.page-shop form>.btn{width:100%;font-size:14px;min-height:55px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) footer{background:#080808;border-top:1px solid var(--line);padding:60px 0 24px;color:var(--muted)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-main{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.footer-brand-logo{display:inline-block;width:43px;height:43px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:8px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-wordmark{font-size:22px;font-weight:800;letter-spacing:.09em;color:#fff;line-height:1.4}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-wordmark span{color:var(--accent)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-brand p{font-size:13px;line-height:1.9;color:var(--muted);max-width:330px;margin:13px 0 0}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:8px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-links a{color:#b0bdd3;font-size:12px;font-weight:600;text-decoration:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-links a:hover{color:var(--mint)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:38px;padding-top:22px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-bottom p{font-size:10px;color:#8291aa;margin:0;letter-spacing:.01em}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .wa-float{width:52px;height:52px;right:22px;bottom:22px;background:#7354ad;border:1px solid #a394ff55;box-shadow:0 8px 26px #0004}
@media(min-width:769px) and (max-width:1100px){
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav ul{gap:17px}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) header .nav{padding:0 18px;gap:16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-container{gap:28px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media(max-width:768px){
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) header{top:12px;width:calc(100% - 24px);border-radius:16px}
 
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .logo{gap:9px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hamburger{display:flex;min-height:44px;min-width:36px;align-items:center;justify-content:center;gap:5px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hamburger span{width:23px;height:2px;background:#eef1fc}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav{position:absolute;top:calc(100% + 10px);left:0;right:0;width:100%;border-radius:16px;background:#101010;border:1px solid var(--line);box-shadow:0 20px 40px #0005;max-height:0;opacity:0;visibility:hidden;transform:translateY(-6px);overflow:hidden}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav.active{max-height:420px;opacity:1;visibility:visible;transform:translateY(0)}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav ul{display:flex;flex-direction:column;align-items:stretch;padding:12px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav li{width:100%}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a{display:block;padding:13px 14px;border-radius:9px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a::after{display:none}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a[aria-current="page"]{background:#a394ff12;color:#e1d8ff}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav li:last-child a{display:flex;justify-content:center;margin-top:8px;min-height:45px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-section{min-height:auto;padding:132px 0 55px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-container{grid-template-columns:1fr;gap:38px;width:88%}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-content{text-align:center;max-width:100%}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-content h1{font-size:clamp(42px,11vw,60px);margin:22px 0;letter-spacing:-.06em}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-content p{font-size:15px;max-width:360px;margin:0 auto 24px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-actions{justify-content:center;gap:10px;margin-top:26px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-btn{min-height:48px;padding:13px 18px;font-size:12px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-trust{justify-content:center;gap:8px 13px;font-size:9px;margin-top:24px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .premium-eyebrow{font-size:9px;letter-spacing:.16em}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero-image img{width:280px;max-height:330px;transform:rotate(-3deg)}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero{padding:142px 24px 62px;min-height:340px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .hero .hero-content h1{font-size:43px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plans,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .testimoni-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .agent2-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .social-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .marketing,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .steps-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-section{padding:60px 0}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-container{display:flex;flex-direction:column;gap:32px;width:88%}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-image img{max-height:290px;object-fit:contain}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-content{text-align:left}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .seo-content h2{font-size:29px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-grid{grid-template-columns:1fr 1fr;gap:12px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card{padding:20px 16px;border-radius:16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card h3{font-size:14px;line-height:1.4}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .why-card p{font-size:12px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .sim-wrapper{gap:32px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-wrapper{display:grid;grid-template-columns:1fr;gap:20px;overflow:visible;padding:12px 0 0;max-width:420px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-card{max-width:none;flex:none;width:100%}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-body{padding:24px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-body h3{font-size:29px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-body p{font-size:13px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-header{padding:22px 24px 16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .faq-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-section{padding-left:5%;padding-right:5%}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .about-box{padding:28px 24px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .license-wrapper{gap:20px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .plan-container{width:90%;gap:20px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-main{flex-direction:column;gap:28px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-links{gap:18px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .footer-bottom{flex-direction:column;gap:8px;margin-top:30px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) footer{padding:44px 0 24px}
 body.page-shop .shop-intro{padding-top:130px}
 body.page-shop .shop-intro h1{font-size:34px}
 body.page-shop .wrap{grid-template-columns:1fr;gap:20px;padding-top:15px;padding-bottom:60px}
 body.page-shop .product-list{position:static}
 body.page-shop .product-card,body.page-shop .form-card,body.page-shop .qr-card,body.page-shop .upload-card{padding:24px}
}
@media(prefers-reduced-motion:reduce){
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) *,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) *::before,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Refined order summary and locally hosted product image. */
body.page-shop{padding-bottom:0}
body.page-shop .product-visual{padding:20px;min-height:250px}
body.page-shop .product-visual img{height:260px;width:auto;max-width:100%;object-fit:contain;display:block;margin:auto;border-radius:8px}
body.page-shop .sticky-bar{left:50%;bottom:16px;transform:translateX(-50%);width:calc(100% - 48px);max-width:1080px;border:1px solid #a6a6af30;border-radius:16px;background:rgba(10,10,10,.96);backdrop-filter:blur(20px);padding:12px 18px;box-shadow:0 10px 40px #0005}
body.page-shop .total-price{color:var(--mint);font-size:21px;font-weight:800;letter-spacing:-.04em}
body.page-shop .sticky-bar .btn{min-height:44px;padding:11px 22px;font-size:12px}
@media(max-width:768px){body.page-shop .sticky-bar{width:calc(100% - 24px);bottom:12px;padding:10px 14px}body.page-shop .product-visual img{height:230px}}

/* Layout refinement only: retain existing colours, surfaces and font family. */
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) header .nav{min-height:60px;padding:0 22px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .logo{font-size:16px;gap:9px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .brand-mark{width:30px;height:30px;border-radius:9px;font-size:18px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .brand-detail{font-size:7px;letter-spacing:.2em}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav ul{gap:23px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a{font-size:12px;font-weight:600}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav li:last-child a{min-height:35px;padding:0 15px}
body.page-home .hero-section{min-height:620px;padding:132px 0 64px}
body.page-home .hero-container{width:min(90%,1120px);grid-template-columns:1.1fr 1fr;gap:52px}
body.page-home .hero-content{width:100%;max-width:100%;margin:0}
body.page-home .hero-content h1{font-size:48px;line-height:1.15;letter-spacing:-.04em;margin:18px 0 22px}
body.page-home .hero-content p{font-size:15px;line-height:1.85;margin-bottom:24px}
body.page-home .hero-actions{gap:10px;margin-top:24px}
body.page-home .hero-btn{min-height:44px;padding:12px 20px;font-size:12px;border-radius:9px}
body.page-home .hero-trust{font-size:10px;gap:8px 17px;margin-top:22px}
body.page-home .premium-eyebrow{font-size:10px;letter-spacing:.13em;padding:6px 11px}
body.page-home .hero-image{width:100%;margin:0}
body.page-home .hero-image img{width:min(100%,360px);max-height:420px;object-fit:contain;transform:none}
body.page-home :is(.seo-section,.why-eastel-section,.sim-section,.plans,.eastel-section,.testimoni-section,.faq-section,.agent2-section,.social-section){padding-top:64px;padding-bottom:64px}
body.page-home :is(h2,.why-title,.sim-title,.plan-title,.testimoni-title,.faq-title,.social-title){font-size:30px;line-height:1.3;letter-spacing:-.03em}
body.page-home .seo-container{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;width:min(90%,1080px);max-width:1080px;gap:40px;padding:32px;border-radius:20px}
body.page-home .seo-image{width:100%;min-width:0}
body.page-home .seo-image img{display:block;width:100%;height:385px;object-fit:cover;object-position:center 25%;border-radius:14px;margin:0}
body.page-home .seo-content{min-width:0;text-align:left}
body.page-home .seo-content h2{font-size:27px;line-height:1.35;margin-bottom:15px}
body.page-home .seo-content p{font-size:14px;line-height:1.85;margin-bottom:14px}
body.page-home .seo-highlight{font-size:13px;line-height:1.7}
body.page-home .seo-content h3{font-size:15px;line-height:1.5;margin:20px 0 10px}
body.page-home .seo-btn{font-size:12px;padding:11px 20px;min-height:42px;margin-top:6px}
body.page-home .why-grid{gap:16px;margin-top:30px}
body.page-home .why-card{padding:24px;border-radius:16px}
body.page-home .why-card h3{font-size:15px;line-height:1.45}
body.page-home .why-card p{font-size:13px;line-height:1.8}
body.page-home .sim-wrapper{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;width:min(90%,1080px);max-width:1080px;padding:32px;gap:36px;border-radius:22px}
body.page-home .sim-left{min-width:0;width:100%;gap:18px}
body.page-home .sim-card{width:100%;max-width:330px;padding:18px;border-radius:18px;margin:0 auto}
body.page-home .sim-card img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px}
body.page-home .price-badge{font-size:12px;padding:9px 13px;line-height:1.4}
body.page-home .sim-right{min-width:0;width:100%;padding:26px;border-radius:17px}
body.page-home .sim-title{font-size:27px;line-height:1.35;margin-bottom:20px}
body.page-home .sim-list li{font-size:14px;line-height:1.75;margin-bottom:12px}
body.page-home .sim-eyebrow{font-size:10px;padding:7px 11px;margin-bottom:18px;letter-spacing:.06em}
body.page-home .sim-cta{font-size:14px;line-height:1.8;margin-top:20px;padding-top:18px}
body.page-home .sim-actions{display:flex;gap:10px;width:100%;max-width:390px;margin:0 auto}
body.page-home .sim-buy-btn{flex:1;min-height:42px;padding:11px 16px;font-size:12px;border-radius:9px}
body.page-home .plan-title{margin-bottom:20px}
body.page-home .plan-body h3{font-size:24px}
body.page-home .plan-body p{font-size:13px}
body.page-home .eastel-section h1{font-size:30px;line-height:1.3}
body.page-home :is(.plan-subtitle,.why-subtitle,.testimoni-subtitle,.faq-subtitle,.social-subtitle,.eastel-subtitle){font-size:14px;line-height:1.85}
body.page-home .testimoni-title{margin-bottom:15px}
body.page-home .testimoni-subtitle{margin-bottom:28px}
body.page-home .testimoni-slider{max-width:680px;width:90%}
body.page-home .testimoni-item{min-width:100%;padding:28px 54px;border-radius:17px}
body.page-home .testimoni-img{width:66px;height:66px;margin:0 auto 17px;object-fit:cover}
body.page-home .testimoni-text{font-size:15px;font-style:normal;line-height:1.85;max-width:540px;margin:0 auto 14px}
body.page-home .rating{font-size:15px;line-height:1.4;margin:0 0 12px;letter-spacing:1px}
body.page-home .testimoni-item h4{font-size:14px;line-height:1.5;margin:0 0 4px}
body.page-home .testimoni-item p:not(.testimoni-text){font-size:12px;line-height:1.6;margin:0}
body.page-home :is(.prev-btn,.next-btn){width:32px;height:32px;font-size:18px}
body.page-home .prev-btn{left:11px}body.page-home .next-btn{right:11px}
body.page-home .dots{margin-top:17px}
body.page-home .faq-question{font-size:14px;line-height:1.6}
body.page-home .faq-answer p{font-size:13px;line-height:1.8}
@media(min-width:769px) and (max-width:1050px){body.page-home .seo-container{gap:28px;padding:26px}body.page-home .seo-image img{height:350px}body.page-home .sim-wrapper{gap:24px;padding:25px}body.page-home .sim-right{padding:22px}body.page-home .sim-title{font-size:24px}}
@media(max-width:768px){
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) header .nav{min-height:58px;padding:0 16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .logo{font-size:15px}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .brand-mark{width:28px;height:28px;font-size:17px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) .brand-detail{font-size:6px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav ul{gap:0}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop,body.page-sim-guide) nav a{font-size:12px}
 body.page-home .hero-section{min-height:auto;padding:114px 0 44px}
 body.page-home .hero-container{width:90%;grid-template-columns:1fr;gap:28px}
 body.page-home .hero-content h1{font-size:34px;line-height:1.18;margin:18px 0 20px}
 body.page-home .hero-content p{font-size:14px;line-height:1.85;margin-bottom:22px}
 body.page-home .hero-btn{font-size:12px;min-height:43px;padding:11px 17px}
 body.page-home .hero-trust{font-size:10px;margin-top:20px;gap:8px 13px}
 body.page-home .hero-image img{width:250px;max-height:300px}
 body.page-home :is(.seo-section,.why-eastel-section,.sim-section,.plans,.eastel-section,.testimoni-section,.faq-section,.agent2-section,.social-section){padding-top:44px;padding-bottom:44px}
 body.page-home :is(h2,.why-title,.sim-title,.plan-title,.testimoni-title,.faq-title,.social-title,.eastel-section h1){font-size:24px;line-height:1.35}
 body.page-home .seo-container{width:90%;display:grid;grid-template-columns:1fr;gap:24px;padding:22px;border-radius:18px}
 body.page-home .seo-image img{width:100%;height:285px;object-position:center 25%}
 body.page-home .seo-content h2{font-size:23px;line-height:1.4}
 body.page-home .seo-content p{font-size:13px;line-height:1.85}
 body.page-home .seo-content h3{font-size:14px;margin-top:18px}
 body.page-home .why-card{padding:20px 16px}
 body.page-home .sim-wrapper{display:grid;grid-template-columns:1fr;width:90%;gap:24px;padding:20px;border-radius:18px}
 body.page-home .sim-card{max-width:285px;padding:15px}
 body.page-home .sim-card img{max-height:310px}
 body.page-home .sim-right{padding:22px 19px;border-radius:15px;text-align:left}
 body.page-home .sim-title{font-size:23px;line-height:1.4;margin-bottom:17px}
 body.page-home .sim-list li{font-size:13px;line-height:1.8;margin-bottom:10px;text-align:left}
 body.page-home .sim-cta{font-size:13px;margin-top:16px;padding-top:16px}
 body.page-home .sim-buy-btn{font-size:11px;padding:11px 12px}
 body.page-home .testimoni-item{padding:25px 39px;border-radius:15px}
 body.page-home .testimoni-img{width:58px;height:58px;margin-bottom:16px}
 body.page-home .testimoni-text{font-size:14px;line-height:1.8;margin-bottom:13px}
 body.page-home .testimoni-item h4{font-size:13px}
 body.page-home .testimoni-slider{width:90%}
 body.page-home .plan-body h3{font-size:24px}
}

body.page-home .sim-actions{flex-direction:row}

/* Home v2: editorial structure, neutral black surfaces, compact typography. */
body.home-v2{--surface:#111111;--surface-soft:#090909;--ink:#f4f4f5;--muted:#aaaab3;--line:rgba(255,255,255,.12);--accent:#a394ff;--mint:#a394ff;background:#050505;color:var(--ink);font-size:14px}
body.home-v2 .home-shell{width:min(90%,1120px);margin:0 auto}
body.home-v2 .home-hero{padding:140px 0 50px}
body.home-v2 .home-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
body.home-v2 .home-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1.6;color:var(--accent);margin-bottom:16px}
body.home-v2 .home-title{font-size:48px;font-weight:700;line-height:1.15;letter-spacing:-.045em;margin:0 0 23px;color:var(--ink);background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
body.home-v2 .home-title span{color:var(--accent);background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
body.home-v2 .home-lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:450px;margin:0 0 28px}
body.home-v2 .home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px}
body.home-v2 .home-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:12px 20px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#111111;font-size:12px;font-weight:700;line-height:1.5;text-decoration:none;transition:transform .2s ease}
body.home-v2 .home-button:hover{transform:translateY(-2px)}
body.home-v2 .home-button-outline{background:transparent;color:var(--ink);border-color:var(--line)}
body.home-v2 .home-affiliate-link{display:inline-block;margin-top:20px;font-size:11px;color:var(--muted);text-decoration:none;line-height:1.8}
body.home-v2 .home-affiliate-link:hover{color:var(--ink)}
body.home-v2 .home-hero-visual{display:flex;flex-direction:column;align-items:center;padding:0 16px;min-width:0}
body.home-v2 .home-hero-visual>img{width:100%;max-width:350px;height:340px;object-fit:contain;filter:none;animation:none;transform:none}
body.home-v2 .home-visual-caption{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:360px;border-top:1px solid var(--line);padding-top:16px;margin-top:15px;gap:15px}
body.home-v2 .home-visual-caption span{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--ink)}
body.home-v2 .home-visual-caption p{font-size:10px;color:var(--muted);margin:0}
body.home-v2 .home-highlights{padding:0;border-block:1px solid var(--line)}
body.home-v2 .home-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
body.home-v2 .home-highlight-grid>div{padding:23px 25px;border-right:1px solid var(--line)}
body.home-v2 .home-highlight-grid>div:first-child{padding-left:0}
body.home-v2 .home-highlight-grid>div:last-child{border-right:0}
body.home-v2 .home-highlight-grid strong{display:block;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
body.home-v2 .home-highlight-grid span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
body.home-v2 .home-plans{padding:65px 0;background:#050505;border:0}
body.home-v2 .home-plans>.container1{width:min(90%,1120px);max-width:1120px}
body.home-v2 .home-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px}
body.home-v2 .home-section-top .home-kicker{margin-bottom:9px}
body.home-v2 .home-heading{font-size:29px;font-weight:600;line-height:1.35;letter-spacing:-.035em;color:var(--ink);margin:0;background:none;-webkit-text-fill-color:currentColor;text-shadow:none;text-align:left}
body.home-v2 .home-text-link{font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;line-height:1.8}
body.home-v2 .home-text-link:hover{text-decoration:underline;text-underline-offset:5px}
body.home-v2 .plan-subtitle{max-width:none;margin:0 0 22px;text-align:left;font-size:13px;line-height:1.8}
body.home-v2 .plan-wrapper{gap:16px;padding-top:0}
body.home-v2 .plan-card{border-radius:11px;box-shadow:none;background:#111111}
body.home-v2 .plan-card.featured{background:#16131d;border-color:var(--accent);box-shadow:none}
body.home-v2 .plan-header{padding:19px 20px 15px;font-size:11px;background:transparent;color:var(--accent);border-color:var(--line)}
body.home-v2 .plan-body{padding:21px 20px}
body.home-v2 .plan-body h3{font-size:22px;font-weight:600;letter-spacing:-.03em;margin-bottom:23px}
body.home-v2 .plan-body p{font-size:12px;margin-bottom:12px;line-height:1.65}
body.home-v2 .plan-body i{color:var(--muted)}
body.home-v2 .price-tag{font-size:24px;font-weight:600;padding:16px 20px;letter-spacing:-.03em;background:transparent;border-color:var(--line)}
body.home-v2 .badge{transform:none;top:0;right:0;border-radius:0 10px 0 7px;font-size:8px;padding:6px 9px}
body.home-v2 .home-benefits{padding:60px 0 70px;border-top:1px solid var(--line)}
body.home-v2 .home-benefits-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
body.home-v2 .home-benefits-image{padding:0 20px 0 0}
body.home-v2 .home-benefits-image img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 25%;border-radius:12px;box-shadow:none;filter:none}
body.home-v2 .home-benefits-copy{min-width:0}
body.home-v2 .home-copy{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 0;max-width:460px}
body.home-v2 .home-feature-list{margin:26px 0 22px}
body.home-v2 .home-feature-list article{display:grid;grid-template-columns:30px 1fr;gap:17px;align-items:start;border-top:1px solid var(--line);padding:17px 0}
body.home-v2 .home-feature-number{font-size:10px;line-height:2;color:var(--accent)}
body.home-v2 .home-feature-list h3{font-size:14px;font-weight:600;line-height:1.6;margin:0 0 5px;color:var(--ink)}
body.home-v2 .home-feature-list p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
body.home-v2 .home-reviews{padding:60px 0;border-block:1px solid var(--line);background:#090909}
body.home-v2 .home-section-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:250px}
body.home-v2 .home-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.home-v2 .home-review{display:flex;flex-direction:column;padding:25px 23px;border:1px solid var(--line);border-radius:11px;background:#111111;min-width:0}
body.home-v2 .home-review-stars{font-size:12px;letter-spacing:2px;color:var(--accent);line-height:1.4}
body.home-v2 .home-review blockquote{font-size:13px;line-height:1.9;font-style:normal;color:#dfdfe3;margin:18px 0 24px;flex:1}
body.home-v2 .home-review-person{display:flex;gap:12px;align-items:center}
body.home-v2 .home-review-avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;border:0;box-shadow:none}
body.home-v2 .home-review-person h3{font-size:12px;font-weight:600;color:var(--ink);margin:0 0 2px;line-height:1.5}
body.home-v2 .home-review-person p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}
body.home-v2 .home-faq{padding:65px 0;background:#050505}
body.home-v2 .home-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
body.home-v2 .home-faq-items{min-width:0}
body.home-v2 .home-faq .faq-item{max-width:none;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
body.home-v2 .home-faq .faq-question{padding:20px 0;font-size:13px;line-height:1.7;font-weight:600;background:transparent}
body.home-v2 .home-faq .faq-answer{padding-left:0;padding-right:22px;background:transparent}
body.home-v2 .home-faq .faq-item.active .faq-answer{padding:0 22px 20px 0}
body.home-v2 .home-faq .faq-answer p{font-size:12px;line-height:1.85;margin:0}
body.home-v2 .home-contact{padding:60px 0 75px;border-top:1px solid var(--line)}
body.home-v2 .home-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px}
body.home-v2 .home-contact .home-actions{margin-top:25px}
body.home-v2 .home-contact-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:#111111;min-width:0}
body.home-v2 .home-contact-person{display:flex;align-items:center;gap:13px;margin-bottom:21px}
body.home-v2 .home-contact-person img{width:42px;height:42px;object-fit:cover;border-radius:50%}
body.home-v2 .home-contact-person span{font-size:8px;color:var(--muted);letter-spacing:.12em}
body.home-v2 .home-contact-person h3{font-size:14px;font-weight:600;color:var(--ink);margin:4px 0 0}
body.home-v2 .home-contact-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin:3px 0;overflow-wrap:anywhere}
body.home-v2 .home-contact-card>.home-text-link{display:inline-block;margin-top:17px;font-size:11px}
@media(min-width:769px) and (max-width:1050px){body.home-v2 .home-hero-grid{gap:30px}body.home-v2 .home-title{font-size:41px}body.home-v2 .home-benefits-grid,body.home-v2 .home-faq-grid,body.home-v2 .home-contact-grid{gap:36px}body.home-v2 .home-benefits-image{padding:0}body.home-v2 .home-hero-visual{padding:0}body.home-v2 .home-visual-caption{display:block}body.home-v2 .home-visual-caption p{margin-top:6px}}
@media(max-width:768px){
 body.home-v2 .home-hero{padding:110px 0 36px}
 body.home-v2 .home-hero-grid{grid-template-columns:1fr;gap:30px}
 body.home-v2 .home-kicker{font-size:9px;margin-bottom:15px;letter-spacing:.12em}
 body.home-v2 .home-title{font-size:34px;line-height:1.2;margin-bottom:20px}
 body.home-v2 .home-lead{font-size:14px;line-height:1.85;margin-bottom:23px}
 body.home-v2 .home-button{font-size:11px;padding:11px 15px;min-height:42px;gap:16px}
 body.home-v2 .home-affiliate-link{font-size:10px;margin-top:17px}
 body.home-v2 .home-hero-visual{padding:0}
 body.home-v2 .home-hero-visual>img{height:265px;max-width:285px}
 body.home-v2 .home-visual-caption{margin-top:15px;padding-top:12px;max-width:none}
 body.home-v2 .home-visual-caption p{font-size:9px}
 body.home-v2 .home-highlight-grid{grid-template-columns:1fr 1fr}
 body.home-v2 .home-highlight-grid>div{padding:19px 18px;border-bottom:1px solid var(--line)}
 body.home-v2 .home-highlight-grid>div:first-child{padding-left:18px}
 body.home-v2 .home-highlight-grid>div:nth-child(2){border-right:0}
 body.home-v2 .home-highlight-grid>div:nth-child(n+3){border-bottom:0}
 body.home-v2 .home-highlight-grid strong{font-size:15px}
 body.home-v2 .home-highlight-grid span{font-size:9px;margin-top:3px}
 body.home-v2 .home-plans,body.home-v2 .home-benefits,body.home-v2 .home-reviews,body.home-v2 .home-faq,body.home-v2 .home-contact{padding:44px 0}
 body.home-v2 .home-heading{font-size:24px;line-height:1.35}
 body.home-v2 .home-section-top{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:23px}
 body.home-v2 .home-section-top .home-text-link{font-size:11px}
 body.home-v2 .plan-subtitle{font-size:12px;margin-bottom:22px}
 body.home-v2 .plan-wrapper{grid-template-columns:1fr;max-width:none;gap:15px}
 body.home-v2 .plan-body h3{font-size:25px}
 body.home-v2 .home-benefits-grid{grid-template-columns:1fr;gap:30px}
 body.home-v2 .home-benefits-image{padding:0}
 body.home-v2 .home-benefits-image img{height:295px;object-position:center 23%}
 body.home-v2 .home-copy{font-size:12px;line-height:1.85;margin-top:15px}
 body.home-v2 .home-feature-list{margin:22px 0 17px}
 body.home-v2 .home-feature-list article{padding:15px 0;grid-template-columns:23px 1fr;gap:14px}
 body.home-v2 .home-feature-list h3{font-size:13px}
 body.home-v2 .home-feature-list p{font-size:12px}
 body.home-v2 .home-review-grid{grid-template-columns:1fr;gap:13px}
 body.home-v2 .home-review{padding:22px}
 body.home-v2 .home-review blockquote{font-size:13px;margin:15px 0 20px}
 body.home-v2 .home-faq-grid{grid-template-columns:1fr;gap:25px}
 body.home-v2 .home-faq .faq-question{font-size:12px;padding:18px 0}
 body.home-v2 .home-contact-grid{grid-template-columns:1fr;gap:26px}
 body.home-v2 .home-contact-card{padding:23px}
 body.home-v2 .home-contact{padding-bottom:52px}
}

/* Keep the monthly plan label aligned with its heading. */
body.home-v2 .home-plans .home-kicker{text-align:left}

/* Inner pages: retain content, align structure and typography with Home. */
body.inner-page{--surface:#111111;--surface-soft:#090909;--ink:#f4f4f5;--muted:#aaaab3;--accent:#a394ff;--mint:#a394ff;--line:rgba(255,255,255,.12);background:#050505;color:var(--ink);font-size:14px}
body.inner-page .inner-shell{width:min(90%,1120px);margin:0 auto}
body.inner-page .inner-kicker,body.inner-page .shop-intro .premium-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:.14em;line-height:1.7;color:var(--accent);margin-bottom:15px;padding:0;background:none;border:0;border-radius:0}
body.inner-page .shop-intro .premium-eyebrow::before{display:none}
body.inner-page .inner-hero{padding:140px 0 46px;min-height:auto;background:#050505;border-bottom:1px solid var(--line)}
body.inner-page .inner-hero::before,body.inner-page .inner-hero::after{display:none}
body.inner-page .inner-hero-grid{display:grid;align-items:end}
body.inner-page .inner-hero .hero-content{width:100%;max-width:none;text-align:left;margin:0}
body.inner-page .inner-hero .hero-content h1{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-.04em;margin:0 0 17px;background:none;-webkit-text-fill-color:currentColor;color:var(--ink);text-shadow:none}
body.inner-page .inner-hero .hero-content p{font-size:14px;line-height:1.9;color:var(--muted);}
body.inner-page .inner-hero-actions{display:flex;padding-bottom:3px}
body.inner-page .btn,body.inner-page .license-btn{font-size:12px;font-weight:600;min-height:43px;padding:12px 20px;border-radius:7px;background:var(--accent);color:#111111;border:1px solid var(--accent);box-shadow:none}
body.inner-page .btn:hover,body.inner-page .license-btn:hover{box-shadow:none;transform:translateY(-2px);color:#111111}
body.inner-page .inner-text-link{color:var(--accent);font-size:11px;font-weight:600;text-decoration:none;line-height:1.7}
body.inner-page .inner-text-link:hover{text-decoration:underline;text-underline-offset:5px}
body.inner-page .inner-section-heading{margin-bottom:27px;text-align:left}
body.inner-page :is(.about-title,.license-title,.plan-title,.plans-title,.marketing-title,.steps-title){font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-.035em;color:var(--ink);text-shadow:none;margin:0 0 25px;}
body.inner-page :is(.about-title,.license-title,.plan-title,.plans-title,.marketing-title,.steps-title) span{color:var(--accent);background:none;-webkit-text-fill-color:currentColor}
body.inner-page .inner-about{padding:65px 0;background:#050505}
body.inner-page .inner-about-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:start}
body.inner-page .inner-about .inner-section-heading{margin:0}
body.inner-page .inner-about .about-title{font-size:28px;max-width:280px;margin-bottom:0}
body.inner-page .about-box{max-width:none;width:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;text-align:left}
body.inner-page .about-box p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 20px}
body.inner-page .about-box strong{color:var(--ink);font-weight:600}
body.inner-page .about-quote{font-size:24px;font-weight:500;letter-spacing:-.03em;line-height:1.6;margin:27px 0;padding:21px 0 21px 23px;border-left:2px solid var(--accent);color:var(--accent);background:none;-webkit-text-fill-color:currentColor}
body.inner-page .inner-licenses{padding:60px 0;background:#090909;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.inner-page .inner-licenses .container{width:min(90%,1120px);max-width:1120px}
body.inner-page .inner-licenses .inner-kicker{margin-bottom:11px}
body.inner-page .license-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:25px auto 0;max-width:100%}
body.inner-page .license-image{display:block;width:100%;max-width:700px;max-height:430px;object-fit:contain;margin:25px auto;border-radius:10px;box-shadow:none}
body.inner-page .license-btn-wrapper{margin:20px auto 28px;text-align:left}
body.inner-page .license-card{padding:20px;background:#111111;border:1px solid var(--line);border-radius:11px;box-shadow:none;transform:none}
body.inner-page .license-card img{width:100%;height:360px;object-fit:contain;display:block;margin:0;border-radius:6px}
body.inner-page .license-badge{padding:14px 12px;margin-top:16px;border:0;border-top:1px solid var(--line);border-radius:0;background:none;color:var(--muted);font-size:11px;line-height:1.8;box-shadow:none}
body.inner-page .license-badge span{color:var(--muted);font-size:10px}
body.inner-page .inner-plans{padding:60px 0;background:#050505;border:0}
body.inner-page .inner-plans>.container{width:min(90%,1120px);max-width:1120px}
body.inner-page .inner-plans .inner-section-heading .plan-title{margin-bottom:0}
body.inner-page .plan-wrapper{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;max-width:none;overflow:visible}
body.inner-page .plan-card{background:#111111;border:1px solid var(--line);border-radius:11px;box-shadow:none}
body.inner-page .plan-card.featured{background:#16131d;border-color:var(--accent);box-shadow:none}
body.inner-page .plan-header{background:transparent;font-size:11px;color:var(--accent);padding:19px 20px 15px;border-color:var(--line)}
body.inner-page .plan-body{padding:22px 20px}
body.inner-page .plan-body h3{font-size:23px;line-height:1.4;letter-spacing:-.03em;font-weight:600;margin-bottom:23px}
body.inner-page .plan-body p{font-size:12px;line-height:1.75;margin-bottom:12px}
body.inner-page .plan-body i{color:var(--muted)}
body.inner-page .price-tag{background:transparent;border-color:var(--line);font-size:24px;padding:16px 20px;font-weight:600;letter-spacing:-.035em}
body.inner-page .badge{font-size:8px;padding:6px 9px;top:0;right:0;transform:none;border-radius:0 10px 0 7px}
body.inner-page .inner-other-plans{padding:55px 0 65px;background:#090909;border-block:1px solid var(--line)}
body.inner-page .inner-other-plans .inner-section-heading{margin-bottom:25px}
body.inner-page .inner-other-plans .plans-title{margin:0}
body.inner-page .plan-container{width:min(90%,1120px);max-width:1120px;gap:30px;grid-template-columns:1fr 1fr}
body.inner-page .plan-col{min-width:0;align-items:stretch}
body.inner-page .plan-group{max-width:none;width:100%;font-size:12px;line-height:1.7;letter-spacing:.025em;text-align:left;margin:24px 0 14px;color:var(--muted)}
body.inner-page .plan-item{width:100%;max-width:none;border:1px solid var(--line);background:#111111;border-radius:9px;box-shadow:none;margin-bottom:12px}
body.inner-page .plan-question{padding:18px;font-size:13px;gap:14px}
body.inner-page .plan-code{font-size:11px;color:var(--accent)}
body.inner-page .plan-gb{font-size:16px;font-weight:600;color:var(--ink)}
body.inner-page .plan-answer{padding-left:18px;padding-right:18px}
body.inner-page .plan-features li{font-size:12px;line-height:1.8;color:var(--muted)}
body.inner-page .plan-price{font-size:13px;width:110px;padding:9px 12px;background:#a394ff12;border-color:#a394ff30;box-shadow:none}
body.inner-page .affiliate-index{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:0;gap:25px}
body.inner-page .affiliate-index a{display:flex;align-items:center;gap:15px;padding:21px 0;text-decoration:none;font-size:12px;font-weight:500;color:var(--muted)}
body.inner-page .affiliate-index a:hover{color:var(--ink)}
body.inner-page .affiliate-index span{font-size:9px;color:var(--accent)}
body.inner-page .inner-marketing{padding:55px 0;background:#050505}
body.inner-page .inner-marketing>.container,body.inner-page .inner-steps>.container{width:min(90%,1120px);max-width:1120px}
body.inner-page .marketing-title{margin-bottom:30px}
body.inner-page .marketing-sub{font-size:17px;line-height:1.6;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:30px 0 10px;text-align:left;scroll-margin-top:120px}
body.inner-page .desc{font-size:13px;line-height:1.85;color:var(--muted);max-width:none;text-align:left;margin:0 0 23px}
body.inner-page .table-wrap{width:100%;max-width:100%;overflow:auto;border:1px solid var(--line);background:#111111;border-radius:10px;margin-bottom:30px}
body.inner-page .table{background:transparent;border:0;border-radius:0;width:100%;margin:0}
body.inner-page .table th{padding:16px 15px;font-size:11px;line-height:1.6;font-weight:600;background:#191919;color:var(--ink);border-color:var(--line)}
body.inner-page .table td{padding:15px;font-size:12px;line-height:1.6;color:var(--muted);border-color:var(--line)}
body.inner-page .table .price{color:var(--accent);font-weight:600}
body.inner-page .table .highlight{background:#a394ff0b}
body.inner-page .grid-3{gap:18px;margin:24px 0 30px}
body.inner-page .box{padding:25px;text-align:left;background:#111111;border:1px solid var(--line);border-radius:10px;box-shadow:none;transform:none}
body.inner-page .box h3{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:15px}
body.inner-page .big{font-size:36px;font-weight:600;letter-spacing:-.045em;color:var(--accent);background:none;-webkit-text-fill-color:currentColor;margin:0 0 7px;line-height:1.2}
body.inner-page .box small{font-size:10px;color:var(--muted)}
body.inner-page .inner-steps{padding:55px 0 65px;background:#090909;border-block:1px solid var(--line)}
body.inner-page .steps-subtitle{font-size:13px;color:var(--muted);line-height:1.8;text-align:left;margin-bottom:25px}
body.inner-page .steps-grid{gap:18px;margin-top:28px}
body.inner-page .step-card{padding:26px;text-align:left;background:#111111;border:1px solid var(--line);border-radius:11px;box-shadow:none;transform:none}
body.inner-page .step-card h3{font-size:15px;font-weight:600;line-height:1.6;margin:20px 0 10px;color:var(--ink)}
body.inner-page .step-card p{font-size:12px;line-height:1.85;color:var(--muted)}
body.inner-page .step-icon{font-size:24px;box-shadow:none}
body.inner-page .step-number{font-size:11px;width:28px;height:28px;background:#a394ff12;color:var(--accent);box-shadow:none}
body.inner-page .inner-shop-intro{width:min(90%,1120px);padding:135px 0 0;margin:0 auto}
body.inner-page .inner-shop-intro h1{font-size:34px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:0 0 15px;color:var(--ink);text-shadow:none}
body.inner-page .inner-shop-intro>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}
body.inner-page .shop-progress{display:flex;align-items:center;gap:30px;list-style:none;padding:20px 0;margin:23px 0 0;border-block:1px solid var(--line)}
body.inner-page .shop-progress li{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);line-height:1.7}
body.inner-page .shop-progress span{font-size:9px;color:var(--accent)}
body.inner-page.page-shop .wrap{width:min(90%,1120px);max-width:1120px;padding:30px 0 65px;}
body.inner-page.page-shop .product-list{top:110px;}
body.inner-page .shop-side-title{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;color:var(--muted);margin:0}
body.inner-page.page-shop .product-card{border-radius:11px;border-color:var(--line);}
body.inner-page.page-shop .product-visual{border-radius:9px;}
body.inner-page.page-shop .product-visual img{filter:none;box-shadow:none}
body.inner-page.page-shop .product-badge{background:#a394ff10;border-color:#a394ff30;box-shadow:none}
body.inner-page.page-shop .product-title{font-weight:600;letter-spacing:-.025em;color:var(--ink)}

body.inner-page.page-shop .product-price{font-weight:600;color:var(--accent)}
body.inner-page.page-shop .qty{background:#090909;border-color:var(--line);border-radius:7px}
body.inner-page.page-shop .qty button{background:#a394ff12;color:var(--accent)}

body.inner-page.page-shop .form-card,body.inner-page.page-shop .qr-card,body.inner-page.page-shop .upload-card{padding:24px;border-radius:11px;border-color:var(--line);background:#111111;box-shadow:none;min-width:0}
body.inner-page.page-shop .form-title,body.inner-page.page-shop .qr-title,body.inner-page.page-shop .upload-title{font-size:14px;line-height:1.6;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin-bottom:21px}
body.inner-page .recipient-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
body.inner-page .order-field{min-width:0}
body.inner-page .order-field-wide{grid-column:1/-1}
body.inner-page .order-field>label{display:block;margin:0 0 7px;font-size:10px;font-weight:500;line-height:1.6;color:var(--muted)}
body.inner-page.page-shop input:not([type="file"]):not([type="hidden"]),body.inner-page.page-shop select{width:100%;min-width:0;margin:0;background:#0a0a0a;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:12px 13px;font-family:inherit;font-size:12px;min-height:44px;line-height:1.6}
body.inner-page.page-shop input::placeholder{color:#81818a}
body.inner-page.page-shop .order-row{font-size:12px;line-height:1.8;color:var(--muted)}
body.inner-page.page-shop .order-total{font-size:14px;font-weight:600;line-height:1.6;color:var(--ink)}
body.inner-page.page-shop .order-total strong{font-size:24px;font-weight:600;color:var(--accent)}
body.inner-page .shop-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
body.inner-page.page-shop .shop-payment-grid>.qr-card,body.inner-page.page-shop .shop-payment-grid>.upload-card{padding:20px;margin:0;max-width:100%;min-width:0}
body.inner-page.page-shop .qr{max-width:190px;padding:10px;border-radius:8px}
body.inner-page.page-shop .qr img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%}
body.inner-page.page-shop .qr-note{font-size:10px;line-height:1.8;color:var(--muted)}
body.inner-page.page-shop .upload-box{padding:25px 15px;border-radius:8px;min-width:0;background:#0a0a0a;border:1px dashed #a394ff55}
body.inner-page.page-shop .upload-text{font-size:11px;line-height:1.8;color:var(--muted)}
body.inner-page.page-shop .upload-icon{margin-bottom:15px}
body.inner-page.page-shop .upload-preview{max-width:100%;object-fit:contain}
body.inner-page.page-shop .sticky-bar{border-color:var(--line);}
body.inner-page.page-shop .total-price{font-size:20px;font-weight:600;color:var(--accent)}

@media(min-width:769px) and (max-width:1050px){body.inner-page .plan-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}body.inner-page .inner-about-grid{gap:40px;grid-template-columns:.8fr 1.2fr}body.inner-page.page-shop .wrap{grid-template-columns:.8fr 1.2fr;gap:22px}body.inner-page .shop-payment-grid{grid-template-columns:1fr}}
@media(max-width:768px){
 body.inner-page .inner-hero{padding:110px 0 35px}
 body.inner-page .inner-hero-grid{grid-template-columns:1fr;gap:24px}
 body.inner-page .inner-hero .hero-content h1{font-size:29px;line-height:1.3;margin:0 0 13px}
 body.inner-page .inner-hero .hero-content p{font-size:13px;line-height:1.85}
 body.inner-page .inner-hero-actions{flex-direction:row;flex-wrap:wrap;gap:13px 22px;align-items:center}
 body.inner-page .btn,body.inner-page .license-btn{font-size:11px;min-height:41px;padding:11px 17px}
 body.inner-page :is(.about-title,.license-title,.plan-title,.plans-title,.marketing-title,.steps-title){font-size:24px;line-height:1.4;margin-bottom:22px}
 body.inner-page .inner-about,body.inner-page .inner-licenses,body.inner-page .inner-plans,body.inner-page .inner-other-plans,body.inner-page .inner-marketing,body.inner-page .inner-steps{padding:42px 0}
 body.inner-page .inner-about-grid{grid-template-columns:1fr;gap:24px}
 body.inner-page .inner-about .about-title{font-size:24px;max-width:none}
 body.inner-page .about-box p{font-size:13px;line-height:1.9;margin-bottom:17px}
 body.inner-page .about-quote{font-size:21px;line-height:1.6;margin:20px 0;padding:17px 0 17px 18px}
 body.inner-page .license-wrapper{grid-template-columns:1fr;gap:18px}
 body.inner-page .license-card{padding:17px}
 body.inner-page .license-card img{height:330px}
 body.inner-page .plan-wrapper{display:grid;grid-template-columns:1fr;max-width:none;gap:16px}
 body.inner-page .plan-card{width:100%;max-width:none}
 body.inner-page .plan-container{grid-template-columns:1fr;gap:12px}
 body.inner-page .plan-group{margin:20px 0 12px;font-size:11px}
 body.inner-page .plan-body h3{font-size:25px}
 body.inner-page .affiliate-index{gap:14px;grid-template-columns:1fr}
 body.inner-page .affiliate-index a{padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}
 body.inner-page .affiliate-index a:last-child{border:0}
 body.inner-page .affiliate-index{border:0;padding-top:12px}
 body.inner-page .marketing-sub{font-size:15px;margin:27px 0 10px}
 body.inner-page .desc{font-size:12px}
 body.inner-page .table{min-width:600px}
 body.inner-page .table th{font-size:10px;padding:13px 12px}
 body.inner-page .table td{font-size:11px;padding:13px 12px}
 body.inner-page .grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 body.inner-page .box{padding:19px 13px;border-radius:9px}
 body.inner-page .big{font-size:29px}
 body.inner-page .box h3{font-size:11px;margin-bottom:13px}
 body.inner-page .box small{font-size:9px;line-height:1.7;display:block}
 body.inner-page .steps-grid{grid-template-columns:1fr;gap:15px}
 body.inner-page .step-card{padding:23px}
 body.inner-page .inner-shop-intro{padding-top:108px}
 body.inner-page .inner-shop-intro h1{font-size:28px;line-height:1.35}
 body.inner-page .inner-shop-intro>p{font-size:12px}
 body.inner-page .shop-progress{gap:13px;align-items:flex-start;margin-top:21px;padding:17px 0}
 body.inner-page .shop-progress li{display:block;flex:1;font-size:10px;line-height:1.7}
 body.inner-page .shop-progress span{display:block;margin-bottom:5px;font-size:8px}
 body.inner-page.page-shop .wrap{grid-template-columns:1fr;gap:27px;padding-top:25px;padding-bottom:50px}
 body.inner-page.page-shop .product-list{position:static}
 body.inner-page.page-shop .form-card,body.inner-page.page-shop .qr-card,body.inner-page.page-shop .upload-card,body.inner-page.page-shop .product-card{padding:22px}
 body.inner-page .recipient-fields{grid-template-columns:1fr;gap:15px}
 body.inner-page .order-field-wide{grid-column:auto}
 body.inner-page .shop-payment-grid{grid-template-columns:1fr;gap:18px}
 body.inner-page.page-shop .shop-payment-grid>.qr-card,body.inner-page.page-shop .shop-payment-grid>.upload-card{padding:22px}
}

body.inner-page .inner-kicker{text-align:left;display:block}
body.inner-page .inner-licenses .license-wrapper:has(>.license-image){display:block}
body.inner-page .inner-licenses .license-wrapper>.license-image{display:block;width:100%;max-width:680px;margin:0 auto}

/* Home: product presentation, scoped to the redesigned landing page. */
body.home-v3{background:#070707;color:#f5f4f7;--home-bg:#070707;--home-panel:#111112;--home-muted:#aaa8b1;--home-accent:#ac9aff}
body.home-v3 .home-shell,body.home-v3 .home-plans .container1{max-width:1200px;width:calc(100% - 80px);margin:0 auto}
body.home-v3 .home-kicker{display:block;text-align:left;font-size:10px;line-height:1.6;letter-spacing:2px;color:#ac9aff;font-weight:700;margin:0 0 20px}
body.home-v3 .home-heading{font-size:36px;line-height:1.2;letter-spacing:-1.5px;font-weight:700;color:#f5f4f7;margin:0 0 22px;text-align:left}
body.home-v3 .home-copy{color:#aaa8b1;font-size:14px;line-height:1.9}
body.home-v3 .home-hero{padding:145px 0 42px;background:#070707;border:0}
body.home-v3 .home-hero-grid{grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:510px}
body.home-v3 .home-title{line-height:1.06;letter-spacing:-3px;font-weight:700;margin:0 0 26px;max-width:600px}
body.home-v3 .home-title span{color:#ac9aff}
body.home-v3 .home-lead{font-size:15px;line-height:1.9;max-width:440px;margin:0 0 30px;color:#b5b2bd}
body.home-v3 .home-actions{gap:12px;flex-wrap:wrap}
body.home-v3 .home-button{font-size:12px;padding:16px 23px;min-height:48px;border-radius:7px;font-weight:700;background:#ac9aff;color:#100d18;box-shadow:none;border:1px solid #ac9aff}
body.home-v3 .home-button-outline{background:transparent;color:#efedf4;border-color:#37343d}
body.home-v3 .home-button:hover{transform:translateY(-2px);background:#bbaaFF}
body.home-v3 .home-button-outline:hover{background:#1a1720}
body.home-v3 .home-affiliate-link{font-size:11px;margin-top:23px;color:#95909f;display:inline-block}
body.home-v3 .home-hero-visual{height:510px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #302a3c;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 55% 45%,#292034 0%,#141017 48%,#0d0c0e 78%);padding:0;isolation:isolate}
body.home-v3 .home-product-orbit{position:absolute;width:415px;height:415px;border:1px solid #544064;border-radius:50%;transform:rotate(-25deg) scaleY(.72);z-index:-1;opacity:.55}
body.home-v3 .home-product-orbit:after{content:'';position:absolute;inset:-58px;border:1px solid #3b2c47;border-radius:50%}
body.home-v3 .home-hero-visual .home-product-sim{display:block;width:226px;height:auto;max-height:none;object-fit:contain;transform:rotate(-12deg) translate(12px,-20px);border-radius:15px;box-shadow:22px 35px 40px #0009;position:relative;z-index:1}
body.home-v3 .home-product-label{position:absolute;top:27px;left:27px;font-size:9px;letter-spacing:2px;color:#b9a5cc}
body.home-v3 .home-product-price{position:absolute;bottom:31px;left:30px;z-index:2}
body.home-v3 .home-product-price>span,body.home-v3 .home-product-data>span{display:block;font-size:8px;letter-spacing:1.7px;color:#b6aebf}
body.home-v3 .home-product-price strong{font-size:33px;letter-spacing:-1.5px;display:block;line-height:1.5}
body.home-v3 .home-product-price strong span{font-size:20px}
body.home-v3 .home-product-price a{font-size:10px;color:#c2b8d1}
body.home-v3 .home-product-data{position:absolute;right:25px;bottom:37px;text-align:right;z-index:2}
body.home-v3 .home-product-data strong{display:block;font-size:53px;letter-spacing:-3px;font-weight:600;color:#eee5fa;line-height:1.2}
body.home-v3 .home-product-data strong span{font-size:15px;letter-spacing:0;margin-left:4px}
body.home-v3 .home-highlights{padding:0 0 70px;background:#070707;border:0}
body.home-v3 .home-highlight-grid{border-top:1px solid #28252d;border-bottom:1px solid #28252d;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;gap:0}
body.home-v3 .home-highlight-grid>div{display:flex;flex-direction:column;gap:7px;border-right:1px solid #28252d;padding:0 30px}
body.home-v3 .home-highlight-grid>div:first-child{padding-left:0}
body.home-v3 .home-highlight-grid>div:last-child{border:0}
body.home-v3 .home-highlight-grid strong{font-size:18px;letter-spacing:-.5px;font-weight:600;color:#eae7ef}
body.home-v3 .home-highlight-grid span{font-size:10px;color:#8f899a}
body.home-v3 .home-plans{padding:32px 0 85px;background:#070707;border:0}
body.home-v3 .home-section-top{align-items:flex-end;gap:24px;margin-bottom:0}
body.home-v3 .home-section-top .home-heading{margin-bottom:0}
body.home-v3 .home-text-link{font-size:11px;color:#b8a6eb;border:0;white-space:nowrap}
body.home-v3 .home-plans .plan-subtitle{font-size:13px;color:#aaa8b1}
body.home-v3 .home-plans .plan-wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:visible;padding:0}
body.home-v3 .home-plans .plan-card{display:flex;flex-direction:column;position:relative;text-align:left;padding:26px 23px;background:#111112;border:1px solid #2b282f;border-radius:12px;box-shadow:none;min-width:0;transform:none}
body.home-v3 .home-plans .plan-card.featured{background:#1b1624;border-color:#9379c8;box-shadow:none}
body.home-v3 .home-plans .plan-header{order:0;background:none;padding:0;margin:0 0 17px;font-size:11px;letter-spacing:1.2px;color:#b7aec6;border:0;text-align:left}
body.home-v3 .home-plans .price-tag{order:1;background:none;position:static;padding:0 0 21px;margin:0 0 21px;border-bottom:1px solid #332e3b;border-radius:0;font-size:35px;letter-spacing:-1.5px;font-weight:600;color:#f3eff9;text-align:left;box-shadow:none}
body.home-v3 .home-plans .plan-body{order:2;padding:0}
body.home-v3 .home-plans .plan-body h3{font-size:16px;line-height:1.5;color:#c7b3ed;font-weight:600;margin:0 0 18px}
body.home-v3 .home-plans .plan-body p{font-size:11px;line-height:1.6;margin:0 0 11px;color:#b5aebf}
body.home-v3 .home-plans .plan-body i{font-size:10px;width:17px;color:#857591}
body.home-v3 .home-plans .badge{position:absolute;top:21px;right:17px;left:auto;transform:none;border-radius:4px;font-size:8px;padding:4px 8px;background:#ac9aff;color:#150e22;letter-spacing:1px}
body.home-v3 .home-app-section{padding:0 0 85px;background:#070707}
body.home-v3 .home-app-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#131016;border:1px solid #32293c;border-radius:18px;overflow:hidden;min-height:365px}
body.home-v3 .home-app-copy{padding:48px 55px}
body.home-v3 .home-app-copy .home-copy{max-width:300px;margin-bottom:24px}
body.home-v3 .home-app-image{height:365px;overflow:hidden;align-self:stretch;display:flex;justify-content:center;align-items:flex-start;padding-top:24px;background:#1c1425}
body.home-v3 .home-app-image img{width:340px;height:auto;max-width:95%;transform:rotate(5deg);border:0}
body.home-v3 .home-benefits{padding:0 0 85px;background:#070707;border:0}
body.home-v3 .home-benefits-grid{grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}
body.home-v3 .home-benefits-image{border:0;background:none;border-radius:14px;overflow:hidden;max-height:620px;padding:0}
body.home-v3 .home-benefits-image img{display:block;width:100%;height:620px;object-fit:cover;border-radius:14px;filter:saturate(.7)}
body.home-v3 .home-benefits-copy{padding-top:12px}
body.home-v3 .home-benefits-copy .home-heading{font-size:32px;max-width:450px}
body.home-v3 .home-benefits-copy .home-copy{font-size:13px;line-height:1.9;margin:0 0 18px}
body.home-v3 .home-benefits-copy h3.home-copy{font-size:14px;color:#e3dce9;font-weight:600;margin:24px 0 10px}
body.home-v3 .home-feature-list{margin:24px 0}
body.home-v3 .home-feature-list article{padding:15px 0;gap:20px;border-top:1px solid #29252f}
body.home-v3 .home-feature-number{font-size:10px;color:#9c81c6;border:0;background:none;padding:3px 0;width:20px;height:auto;border-radius:0}
body.home-v3 .home-feature-list h3{font-size:13px;font-weight:600;color:#e2dce9;margin:0 0 5px}
body.home-v3 .home-feature-list p{font-size:11px;color:#9990a4;line-height:1.7}
body.home-v3 .home-reviews{padding:68px 0;background:#101011;border-block:1px solid #262229}
body.home-v3 .home-section-note{font-size:12px;color:#99919f;max-width:240px;line-height:1.8}
body.home-v3 .home-review-grid{margin-top:36px;gap:0;grid-template-columns:repeat(3,1fr)}
body.home-v3 .home-review{background:transparent;border:0;border-radius:0;padding:0 30px;border-right:1px solid #322c38;box-shadow:none}
body.home-v3 .home-review:first-child{padding-left:0}
body.home-v3 .home-review:last-child{border-right:0;padding-right:0}
body.home-v3 .home-review-stars{font-size:12px;letter-spacing:3px;color:#ac9aff;margin-bottom:18px}
body.home-v3 .home-review blockquote{font-size:14px;font-style:normal;line-height:1.9;color:#d0c9d7;margin:0 0 24px;min-height:105px}
body.home-v3 .home-review-person h3{font-size:11px;color:#e6dfee;margin-bottom:4px}
body.home-v3 .home-review-person p{font-size:10px;color:#93899e}
body.home-v3 .home-review-avatar{width:35px;height:35px;border:0}
body.home-v3 .home-faq{padding:85px 0;background:#070707}
body.home-v3 .home-faq-grid{grid-template-columns:.8fr 1.2fr;gap:75px}
body.home-v3 .home-faq .faq-item{background:none;border:0;border-radius:0;border-bottom:1px solid #302a36;margin:0}
body.home-v3 .home-faq .faq-question{background:none;padding:23px 0;text-align:left;font-size:13px;line-height:1.7;color:#dfd8e7;font-weight:500}
body.home-v3 .home-faq .faq-question span{color:#a48acb;font-size:21px}
body.home-v3 .home-faq .faq-answer p{padding:0 0 22px;color:#a39aaa;font-size:12px;line-height:1.9}
body.home-v3 .home-contact{background:#070707;padding:0 0 75px;border:0}
body.home-v3 .home-contact-grid{background:#17131e;border:1px solid #3c304c;border-radius:18px;padding:45px 48px;grid-template-columns:1.2fr .8fr;gap:60px}
body.home-v3 .home-contact .home-heading{font-size:32px}
body.home-v3 .home-contact .home-copy{font-size:13px;max-width:510px;margin-bottom:24px}
body.home-v3 .home-contact-card{background:transparent;border:0;border-left:1px solid #3c304c;padding:10px 0 10px 36px;border-radius:0;box-shadow:none}
body.home-v3 .home-contact-person h3{font-size:18px}
body.home-v3 .home-contact-card>p{font-size:12px;overflow-wrap:anywhere}
@media(min-width:1600px){body.home-v3 .home-hero{padding-top:160px}}
@media(max-width:1000px){
body.home-v3 .home-shell,body.home-v3 .home-plans .container1{width:calc(100% - 48px)}
body.home-v3 .home-title{font-size:47px;letter-spacing:-2px}
body.home-v3 .home-hero-grid{gap:25px}
body.home-v3 .home-hero-visual{height:450px}
body.home-v3 .home-product-data strong{font-size:40px}
body.home-v3 .home-plans .plan-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
body.home-v3 .home-benefits-grid{gap:35px;grid-template-columns:1fr 1fr}
body.home-v3 .home-app-copy{padding:35px}
body.home-v3 .home-contact-grid{gap:30px;padding:35px}
body.home-v3 .home-faq-grid{gap:35px}
}
@media(max-width:650px){
body.home-v3 .home-shell,body.home-v3 .home-plans .container1{width:calc(100% - 40px)}
body.home-v3 .home-hero{padding:111px 0 28px}
body.home-v3 .home-hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}
body.home-v3 .home-kicker{font-size:8px;letter-spacing:1.7px;margin-bottom:15px}
body.home-v3 .home-title{letter-spacing:-2px;line-height:1.1;margin-bottom:20px}
body.home-v3 .home-lead{font-size:13px;line-height:1.85;margin-bottom:23px;max-width:350px}
body.home-v3 .home-button{font-size:11px;padding:14px 18px;min-height:45px}
body.home-v3 .home-affiliate-link{font-size:10px;margin-top:20px}
body.home-v3 .home-hero-visual{height:360px;border-radius:15px}
body.home-v3 .home-hero-visual .home-product-sim{width:166px;transform:rotate(-12deg) translate(8px,-12px);border-radius:9px}
body.home-v3 .home-product-label{font-size:7px;top:20px;left:20px}
body.home-v3 .home-product-orbit{width:290px;height:290px}
body.home-v3 .home-product-price{left:20px;bottom:20px}
body.home-v3 .home-product-price>span,body.home-v3 .home-product-data>span{font-size:6px;letter-spacing:1.2px}
body.home-v3 .home-product-price strong{font-size:27px}
body.home-v3 .home-product-price strong span{font-size:17px}
body.home-v3 .home-product-price a{font-size:8px}
body.home-v3 .home-product-data{right:19px;bottom:24px}
body.home-v3 .home-product-data strong{font-size:38px;letter-spacing:-2px}
body.home-v3 .home-product-data strong span{font-size:12px}
body.home-v3 .home-highlights{padding-bottom:48px}
body.home-v3 .home-highlight-grid{grid-template-columns:repeat(2,1fr);padding:0;gap:0}
body.home-v3 .home-highlight-grid>div{padding:20px 16px;border-bottom:1px solid #28252d}
body.home-v3 .home-highlight-grid>div:first-child{padding-left:16px}
body.home-v3 .home-highlight-grid>div:nth-child(2){border-right:0}
body.home-v3 .home-highlight-grid>div:nth-child(n+3){border-bottom:0}
body.home-v3 .home-highlight-grid strong{font-size:15px}
body.home-v3 .home-highlight-grid span{font-size:9px}
body.home-v3 .home-heading{font-size:28px;letter-spacing:-1px}
body.home-v3 .home-section-top{flex-direction:column;}
body.home-v3 .home-text-link{font-size:10px}
body.home-v3 .home-plans{padding:0 0 48px}

body.home-v3 .home-plans .plan-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.home-v3 .home-plans .plan-card{padding:21px 14px;border-radius:9px}
body.home-v3 .home-plans .plan-header{font-size:10px;margin-bottom:15px}
body.home-v3 .home-plans .price-tag{font-size:28px;margin-bottom:17px;padding-bottom:17px}
body.home-v3 .home-plans .plan-body h3{font-size:12px;margin-bottom:14px;letter-spacing:-.2px}
body.home-v3 .home-plans .plan-body p{margin-bottom:7px}
body.home-v3 .home-plans .plan-body i{font-size:8px;width:13px}
body.home-v3 .home-plans .badge{font-size:6px;top:18px;right:10px;padding:4px 5px}
body.home-v3 .home-app-section{padding-bottom:48px}
body.home-v3 .home-app-grid{grid-template-columns:1fr;border-radius:13px}
body.home-v3 .home-app-copy{padding:30px 26px}
body.home-v3 .home-app-copy .home-heading{font-size:29px}
body.home-v3 .home-app-copy .home-copy{font-size:12px}
body.home-v3 .home-app-image{height:285px;padding-top:22px}
body.home-v3 .home-app-image img{width:260px}
body.home-v3 .home-benefits{padding-bottom:48px}
body.home-v3 .home-benefits-grid{grid-template-columns:1fr;gap:26px}
body.home-v3 .home-benefits-image{max-height:300px}
body.home-v3 .home-benefits-image img{height:300px;object-position:center 40%}
body.home-v3 .home-benefits-copy{padding-top:0}
body.home-v3 .home-benefits-copy .home-heading{font-size:28px}
body.home-v3 .home-benefits-copy .home-copy{font-size:12px}
body.home-v3 .home-benefits-copy h3.home-copy{font-size:13px}
body.home-v3 .home-reviews{padding:40px 0}
body.home-v3 .home-section-note{font-size:11px;max-width:100%}
body.home-v3 .home-review-grid{grid-template-columns:1fr;margin-top:25px;gap:24px}
body.home-v3 .home-review,body.home-v3 .home-review:first-child,body.home-v3 .home-review:last-child{padding:0 0 24px;border:0;border-bottom:1px solid #322c38}
body.home-v3 .home-review:last-child{padding-bottom:0;border:0}
body.home-v3 .home-review blockquote{font-size:13px;min-height:0;margin-bottom:18px}
body.home-v3 .home-review-stars{font-size:10px;margin-bottom:12px}
body.home-v3 .home-faq{padding:48px 0}
body.home-v3 .home-faq-grid{grid-template-columns:1fr;gap:22px}
body.home-v3 .home-faq .faq-question{font-size:12px;padding:20px 0}
body.home-v3 .home-faq .faq-answer p{font-size:11px}
body.home-v3 .home-contact{padding-bottom:40px}
body.home-v3 .home-contact-grid{grid-template-columns:1fr;padding:28px 25px;gap:28px;border-radius:13px}
body.home-v3 .home-contact .home-heading{font-size:27px}
body.home-v3 .home-contact .home-copy{font-size:12px}
body.home-v3 .home-contact-card{border:0;border-top:1px solid #3c304c;padding:25px 0 0}
}
@media(prefers-reduced-motion:reduce){body.home-v3 *,body.home-v3 *:before,body.home-v3 *:after{scroll-behavior:auto!important;transition:none!important}}

body.home-v3 .home-title{font-size:54px}
body.home-v3 .home-plans .plan-title.home-heading{font-size:34px;font-weight:600;margin:0}
body.home-v3 .home-plans .plan-header{border-bottom:0}
body.home-v3 :is(#plans,#faq,#agent,.home-benefits,.home-reviews,.home-app-section){scroll-margin-top:110px}
@media(max-width:650px){
 body.home-v3 .home-title{font-size:38px}
 body.home-v3 .home-plans .plan-title.home-heading{text-align:left}
 body.home-v3 .home-plans .plan-body p{font-size:11px;line-height:1.7}
 body.home-v3 :is(#plans,#faq,#agent,.home-benefits,.home-reviews,.home-app-section){scroll-margin-top:94px}
}

/* Keep section headings and footer aligned with the page content. */
body.home-v3 .home-plans>.container1{width:calc(100% - 80px);max-width:1200px;min-width:0}
body.home-v3 .home-section-top{min-width:0;max-width:100%;text-align:left}
body.home-v3 .home-section-top>div{min-width:0;max-width:100%;width:100%;text-align:left}
body.home-v3 .home-plans .plan-title.home-heading{padding:0;width:auto;max-width:100%;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:left}

body.home-v3 footer>.container{width:calc(100% - 80px);max-width:1200px;margin-inline:auto;padding:0}
body.home-v3 footer .footer-main{grid-template-columns:1fr auto;}

body.home-v3 footer .footer-wordmark{font-size:22px}
body.home-v3 footer .footer-brand p{font-size:12px;margin-top:10px}

body.home-v3 footer .footer-links a{font-size:12px;color:#b8b1c1}

@media(max-width:1000px){body.home-v3 .home-plans>.container1,body.home-v3 footer>.container{width:calc(100% - 48px)}}
@media(max-width:650px){
body.home-v3 .home-plans>.container1,body.home-v3 footer>.container{width:calc(100% - 40px)}
body.home-v3 .home-section-top{align-items:stretch;gap:14px}
body.home-v3 .home-section-top>.home-text-link{align-self:flex-start}
body.home-v3 .home-plans .plan-title.home-heading{font-size:27px;line-height:1.3;letter-spacing:-1px}

body.home-v3 footer .footer-main{grid-template-columns:1fr;}
body.home-v3 footer .footer-brand p{font-size:12px;line-height:1.8}
body.home-v3 footer .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #29252e}
body.home-v3 footer .footer-bottom{padding-top:20px;gap:10px}
}

/* Center the Home footer as one balanced group. */
body.home-v3 footer{text-align:center;padding:40px 0 24px}
body.home-v3 footer .footer-main{display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}
body.home-v3 footer .footer-brand,body.home-v3 footer .footer-wordmark,body.home-v3 footer .footer-brand p{text-align:center;margin-left:auto;margin-right:auto}
body.home-v3 footer .footer-brand p{max-width:340px}
body.home-v3 footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 24px;padding:0;border:0}
body.home-v3 footer .footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;margin-top:28px;padding-top:22px}
@media(max-width:650px){
body.home-v3 footer{padding:32px 0 24px}
body.home-v3 footer .footer-main{gap:22px;align-items:center}
body.home-v3 footer .footer-brand p{max-width:290px}
body.home-v3 footer .footer-links{display:flex;justify-content:center;gap:13px 20px;padding:0;border:0}
body.home-v3 footer .footer-links a{font-size:12px}
body.home-v3 footer .footer-bottom{align-items:center;text-align:center;margin-top:25px}
}

/* Keep the plan introduction together and aligned. */
body.home-v3 .home-plans .home-section-top{display:block;margin:0;padding:0}
body.home-v3 .home-plans .plan-subtitle{display:block;width:100%;max-width:650px;padding:0;margin:15px 0 0;text-align:left;line-height:1.8}
body.home-v3 .home-plans .home-plan-link{margin:16px 0 28px;padding:0;text-align:left}
body.home-v3 .home-plans .home-plan-link .home-text-link{display:inline-block;font-size:12px;line-height:1.8}
@media(max-width:650px){body.home-v3 .home-plans .plan-subtitle{font-size:13px;margin:13px 0 0}body.home-v3 .home-plans .home-plan-link{margin:14px 0 25px}}

/* Public inner pages: consistent content alignment and centered footer. */
body.inner-page .inner-shell,body.inner-page .inner-licenses .container,body.inner-page .inner-plans>.container,body.inner-page .plan-container,body.inner-page .inner-marketing>.container,body.inner-page .inner-steps>.container,body.inner-page .inner-shop-intro,body.inner-page.page-shop .wrap{width:calc(100% - 80px);max-width:1200px;margin-left:auto;margin-right:auto}
body.inner-page .inner-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
body.inner-page .inner-hero-copy,body.inner-page .inner-section-heading{min-width:0;text-align:left}
body.inner-page .inner-hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px;padding:0}
body.inner-page .inner-hero .hero-content p{padding:0;margin:0;max-width:650px;text-align:left}
body.inner-page .inner-kicker,body.inner-page .shop-intro .premium-eyebrow{text-align:left}
body.inner-page :is(.about-title,.license-title,.plan-title,.plans-title,.marketing-title,.steps-title){padding:0;min-width:0;max-width:100%;white-space:normal;overflow-wrap:normal;text-align:left}
body.inner-page .steps-subtitle,body.inner-page .desc,body.inner-page .inner-shop-intro>p{padding:0;text-align:left;margin-left:0;margin-right:0}
body.inner-page .inner-other-plans .inner-section-heading{padding:0}
body.inner-page footer{text-align:center;padding:40px 0 24px}
body.inner-page footer>.container{width:calc(100% - 80px);max-width:1200px;margin-inline:auto;padding:0}
body.inner-page footer .footer-main{display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}
body.inner-page footer .footer-brand,body.inner-page footer .footer-wordmark,body.inner-page footer .footer-brand p{text-align:center;margin-left:auto;margin-right:auto}
body.inner-page footer .footer-wordmark{font-size:22px}
body.inner-page footer .footer-brand p{max-width:340px;font-size:12px;margin-top:10px;line-height:1.8}
body.inner-page footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 24px;padding:0;border:0}
body.inner-page footer .footer-links a{font-size:12px;color:#b8b1c1}
body.inner-page footer .footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;margin-top:28px;padding-top:22px}

@media(max-width:1000px){
body.inner-page .inner-shell,body.inner-page .inner-licenses .container,body.inner-page .inner-plans>.container,body.inner-page .plan-container,body.inner-page .inner-marketing>.container,body.inner-page .inner-steps>.container,body.inner-page .inner-shop-intro,body.inner-page.page-shop .wrap,body.inner-page footer>.container{width:calc(100% - 48px)}
}
@media(max-width:650px){
body.inner-page .inner-shell,body.inner-page .inner-licenses .container,body.inner-page .inner-plans>.container,body.inner-page .plan-container,body.inner-page .inner-marketing>.container,body.inner-page .inner-steps>.container,body.inner-page .inner-shop-intro,body.inner-page.page-shop .wrap,body.inner-page footer>.container{width:calc(100% - 40px)}
body.inner-page .inner-hero-grid{gap:22px}
body.inner-page .inner-hero-actions{align-items:center;gap:15px}
body.inner-page .inner-hero .hero-content h1{font-size:29px}
body.inner-page footer{padding:32px 0 24px}
body.inner-page footer .footer-main{gap:22px;align-items:center}
body.inner-page footer .footer-brand p{max-width:290px}
body.inner-page footer .footer-links{justify-content:center;gap:13px 20px;padding:0}
body.inner-page footer .footer-bottom{align-items:center;margin-top:25px}
body.inner-page.page-shop footer{padding-bottom:110px}
}

/* Desktop footer keeps its original horizontal arrangement. */
@media(min-width:769px){
body:is(.home-v3,.inner-page) footer{text-align:left}
body:is(.home-v3,.inner-page) footer .footer-main{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;text-align:left}
body:is(.home-v3,.inner-page) footer .footer-brand,body:is(.home-v3,.inner-page) footer .footer-wordmark,body:is(.home-v3,.inner-page) footer .footer-brand p{text-align:left;margin-left:0;margin-right:0}
body:is(.home-v3,.inner-page) footer .footer-links{justify-content:flex-end;padding-top:8px;gap:16px 24px}
body:is(.home-v3,.inner-page) footer .footer-bottom{flex-direction:row;justify-content:space-between;align-items:flex-start;text-align:left;gap:20px}
}

/* About Us certificates: keep each document and caption together. */
body.page-aboutus .inner-licenses{padding:48px 0}
body.page-aboutus .inner-licenses .shariah-certificate{max-width:760px;margin:28px auto 0;padding:20px;border:1px solid #302b35;border-radius:12px;background:#111111;text-align:center}
body.page-aboutus .inner-licenses .shariah-certificate .license-image{display:block;width:100%;max-width:none;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:5px;box-shadow:none}
body.page-aboutus .inner-licenses .license-btn-wrapper{margin:18px 0 0;padding:0;text-align:center}
body.page-aboutus .inner-licenses .license-btn{display:inline-flex;justify-content:center;align-items:center;max-width:100%;font-size:11px;white-space:normal;line-height:1.6;margin:0}
body.page-aboutus .inner-licenses .license-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:100%;padding:0;margin:28px auto 0;}
body.page-aboutus .inner-licenses .license-card{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-width:0;margin:0;padding:22px;border-radius:12px}
body.page-aboutus .inner-licenses .license-card img{display:block;width:100%;height:370px;max-width:none;object-fit:contain;margin:0;border-radius:0}
body.page-aboutus .inner-licenses .license-badge{display:flex;flex-direction:column;justify-content:center;min-height:75px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #302b35;line-height:1.8}
body.page-aboutus .inner-licenses .license-badge br{display:none}
@media(max-width:650px){
body.page-aboutus .inner-licenses{padding:35px 0}
body.page-aboutus .inner-licenses .shariah-certificate{padding:12px;margin-top:22px;border-radius:10px}
body.page-aboutus .inner-licenses .license-btn-wrapper{margin-top:13px}
body.page-aboutus .inner-licenses .license-btn{font-size:10px;padding:10px 12px}
body.page-aboutus .inner-licenses .license-wrapper{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px}
body.page-aboutus .inner-licenses .license-card{padding:18px}
body.page-aboutus .inner-licenses .license-card img{height:330px}
body.page-aboutus .inner-licenses .license-badge{min-height:0;font-size:11px;padding-top:15px;margin-top:15px}
}

/* Shop: compact product column and an order action that never covers fields. */
body.inner-page.page-shop .inner-shop-intro,body.inner-page.page-shop .wrap{max-width:1100px}
body.inner-page.page-shop .wrap{grid-template-columns:310px minmax(0,1fr);gap:32px;padding-top:30px;align-items:start}
body.inner-page.page-shop .product-list{position:static;gap:14px;min-width:0}
body.inner-page.page-shop .shop-side-title{margin:0 0 2px;font-size:13px}
body.inner-page.page-shop .product-card{padding:20px;background:#111111;border:1px solid #2b282f;box-shadow:none;transform:none}
body.inner-page.page-shop .product-badge{display:inline-block;font-size:8px;letter-spacing:.04em;padding:5px 9px;margin:0 0 15px}
body.inner-page.page-shop .product-visual{padding:15px;min-height:0;background:#0b0b0b;margin:0 0 18px}
body.inner-page.page-shop .product-visual img{height:180px;width:auto;max-width:100%;margin:auto;object-fit:contain}
body.inner-page.page-shop .product-title{font-size:19px;margin:0 0 8px}
body.inner-page.page-shop .product-desc{font-size:12px;line-height:1.8;margin:0;color:#aaa5b1}
body.inner-page.page-shop .product-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;margin-top:18px;border-top:1px solid #2b282f}
body.inner-page.page-shop .product-price{font-size:24px}
body.inner-page.page-shop .product-price-label{font-size:9px}
body.inner-page.page-shop .qty{margin:0}
body.inner-page.page-shop .wrap>form{display:flex;flex-direction:column;gap:20px;min-width:0;padding:0;margin:0}
body.inner-page.page-shop .form-card{padding:25px;margin:0}
body.inner-page.page-shop .form-title{margin-bottom:20px;font-size:14px}
body.inner-page.page-shop .recipient-fields{gap:17px 16px}
body.inner-page.page-shop .shop-payment-grid{grid-template-columns:1fr 1fr;gap:16px;margin:0}
body.inner-page.page-shop .qr-card,body.inner-page.page-shop .upload-card{margin:0}
body.inner-page.page-shop .sticky-bar{position:static;inset:auto;left:auto;right:auto;bottom:auto;transform:none;width:100%;max-width:none;margin:0;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#17131e;border:1px solid #3c304c;border-radius:10px;box-shadow:none;backdrop-filter:none;z-index:auto}
body.inner-page.page-shop .sticky-bar .total-price{font-size:23px;line-height:1.4}
body.inner-page.page-shop .sticky-bar .btn{font-size:12px;padding:12px 22px;min-height:44px}
body.inner-page.page-shop footer{padding-bottom:24px}
@media(max-width:900px){body.inner-page.page-shop .wrap{grid-template-columns:260px minmax(0,1fr);gap:22px}body.inner-page.page-shop .shop-payment-grid{grid-template-columns:1fr}}
@media(max-width:700px){
body.inner-page.page-shop .wrap{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:25px;padding-bottom:40px}
body.inner-page.page-shop .product-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 17px;padding:18px}
body.inner-page.page-shop .product-badge{grid-column:2;grid-row:1;justify-self:start;margin:0;padding:4px 8px;font-size:7px}
body.inner-page.page-shop .product-visual{grid-column:1;grid-row:1/3;padding:8px;margin:0;display:flex;align-items:center;justify-content:center}
body.inner-page.page-shop .product-visual img{height:120px;max-width:100%;width:auto}
body.inner-page.page-shop .product-copy{grid-column:2;grid-row:2;min-width:0}
body.inner-page.page-shop .product-title{font-size:16px;margin-bottom:7px}
body.inner-page.page-shop .product-desc{font-size:11px;line-height:1.7}
body.inner-page.page-shop .product-footer{grid-column:1/-1;margin-top:7px;padding-top:15px}
body.inner-page.page-shop .form-card{padding:20px}
body.inner-page.page-shop .recipient-fields{grid-template-columns:minmax(0,1fr);gap:16px}
body.inner-page.page-shop .shop-payment-grid{grid-template-columns:minmax(0,1fr)}
body.inner-page.page-shop .sticky-bar{padding:18px 20px;gap:15px}
body.inner-page.page-shop .sticky-bar .btn{padding:12px 17px;font-size:11px}
}

body.inner-page.page-shop .product-copy{text-align:left}
body.inner-page.page-shop .qty{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px;width:132px;min-width:132px}
body.inner-page.page-shop .qty button{width:34px;height:34px;min-width:34px;padding:0;font-size:16px;line-height:1}
body.inner-page.page-shop .qty span{min-width:24px;text-align:center;font-size:13px}
body.inner-page.page-shop .product-footer .qty-box{margin:0;padding:0}

/* Home reference design: Eastel content in the supplied example's composition. */
body.home-reference{background:#09090b;--ink:#f4f1fa;--muted:#aaa3b5;--accent:#b5a0f4;--line:#302936}
:is(body.home-reference,body.inner-page) header{color:#f4f1fa;--ink:#f4f1fa;--muted:#aaa3b5;--mint:#a394ff;--accent:#b5a0f4;position:fixed;top:0;left:0;right:0;margin:0;padding:0;border:0;border-bottom:1px solid #302936;border-radius:0;background:#0e0c12f5;box-shadow:none;backdrop-filter:blur(16px)}
:is(body.home-reference,body.inner-page) header .container.nav{max-width:1200px;width:calc(100% - 80px);min-height:86px;padding:0;margin:0 auto}
:is(body.home-reference,body.inner-page) header .logo{font-size:20px}
:is(body.home-reference,body.inner-page) header .brand-mark{width:43px;height:43px;border-radius:50%;background:#b5a0f4;color:#1a112a}
:is(body.home-reference,body.inner-page) header nav a{font-size:12px}
body.home-reference .home-shell,body.home-reference .home-plans>.container1{width:calc(100% - 80px);max-width:1200px}
body.home-reference .home-hero{padding:132px 0 0;background:radial-gradient(ellipse at 75% 50%,#30203e 0,transparent 58%),#100c16;overflow:hidden}
body.home-reference .home-hero-grid{grid-template-columns:1fr 1fr;gap:30px;min-height:580px}
body.home-reference .home-kicker{font-size:10px;letter-spacing:1.8px;color:#bfa9f4;line-height:1.7;margin-bottom:19px}
body.home-reference .home-hero-copy>.home-kicker:before{content:'';display:inline-block;width:7px;height:7px;margin-right:12px;border-radius:50%;background:#b5a0f4;box-shadow:0 0 0 5px #b5a0f415}
body.home-reference .home-title{margin:25px 0 27px;max-width:600px;font-weight:700}
body.home-reference .home-title span{color:#b5a0f4}
body.home-reference .home-lead{max-width:510px;color:#b6a9c5}
body.home-reference .home-actions{gap:12px;margin-top:29px}
body.home-reference .home-button{border-radius:10px;padding:15px 23px;min-height:48px;background:#b5a0f4;border-color:#b5a0f4;font-size:12px;color:#211630}
body.home-reference .home-button-outline{background:transparent;border-color:#51435e;color:#e4d9f2}
body.home-reference .home-affiliate-link{font-size:11px;color:#b6a4cd;margin-top:22px}
body.home-reference .home-hero-visual{background:none;border:0;border-radius:0;height:580px;overflow:visible;display:block;padding:0;isolation:isolate}
body.home-reference .home-hero-visual:before{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:linear-gradient(130deg,#d3b4f1,#68458f);bottom:30px;left:50%;transform:translateX(-50%);z-index:-1}
body.home-reference .home-product-orbit{width:530px;height:530px;left:50%;top:15px;transform:translateX(-50%);border-color:#b997e623;opacity:1}
body.home-reference .home-product-orbit:after{inset:24px;border-color:#b997e623}
body.home-reference .home-hero-visual>img.reference-portrait{position:absolute;display:block;left:50%;transform:translateX(-50%);z-index:1}
body.home-reference .home-hero-visual>img.home-product-sim{display:none}
body.home-reference .home-product-label{top:0;left:35px;font-size:8px;color:#b6a4cd}
body.home-reference .reference-network,body.home-reference .reference-mnp{position:absolute;display:flex;gap:12px;align-items:center;padding:15px 19px;background:#f3edf9;color:#2b193c;border-radius:17px;box-shadow:0 12px 30px #0003;z-index:3}
body.home-reference .reference-network{right:-5px;top:40px;transform:rotate(6deg)}
body.home-reference .reference-mnp{left:-12px;bottom:90px;transform:rotate(-5deg)}
body.home-reference :is(.reference-network,.reference-mnp)>span{display:grid;place-items:center;background:#e1d2ef;color:#75509a;border-radius:11px;width:44px;height:44px;font-size:25px}
body.home-reference :is(.reference-network,.reference-mnp) strong{display:block;font-size:17px;line-height:1.5}
body.home-reference :is(.reference-network,.reference-mnp) small{font-size:10px;color:#806c92}
body.home-reference .home-product-price{left:auto;right:12px;bottom:0;background:#251a31;border:1px solid #5b426e;padding:12px 17px;border-radius:12px;z-index:3}
body.home-reference .home-product-price>span{font-size:7px}
body.home-reference .home-product-price strong{font-size:26px;line-height:1.3}
body.home-reference .home-product-price strong span{font-size:16px}
body.home-reference .home-product-price a{font-size:8px;text-decoration:none}
body.home-reference .home-product-data{left:30px;right:auto;bottom:0;text-align:left}
body.home-reference .home-product-data strong{font-size:31px;letter-spacing:-1px}
body.home-reference .home-product-data>span{font-size:7px}
body.home-reference .home-highlights{background:#100c16;padding:35px 0 26px;border-bottom:1px solid #302936}
body.home-reference .home-highlight-grid{padding:26px 0 0;border-bottom:0;border-top-color:#40304b}
body.home-reference .home-highlight-grid strong{font-size:13px;color:#e6d8f4}
body.home-reference .home-highlight-grid span{font-size:10px;color:#a492b6}
body.home-reference .home-highlight-grid>div{padding:0 22px;border-color:#40304b}
body.home-reference .home-highlight-grid>div:first-child{padding-left:0}
body.home-reference .home-heading{font-size:37px;line-height:1.18;letter-spacing:-1.3px;font-weight:600}
body.home-reference .home-benefits{background:#141018;padding:58px 0;border-bottom:1px solid #302936}
body.home-reference .home-benefits-grid{grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}
body.home-reference .home-benefits-image{height:500px;max-height:none;border:1px solid #44334f;background:#1d1427;border-radius:24px;padding:22px}
body.home-reference .home-benefits-image img{height:454px;object-fit:cover;object-position:center 30%;border-radius:15px;filter:none}
body.home-reference .home-benefits-copy{padding:0}
body.home-reference .home-benefits-copy .home-heading{font-size:35px}
body.home-reference .home-benefits-copy .home-copy{font-size:13px;line-height:1.85}
body.home-reference .home-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:25px 0}
body.home-reference .home-feature-list article{display:block;border-top:1px solid #48344f;padding:15px 0 0}
body.home-reference .home-feature-number{display:block;margin-bottom:12px;width:auto;height:auto;font-size:10px}
body.home-reference .home-feature-list h3{font-size:12px;line-height:1.5}
body.home-reference .home-feature-list p{font-size:10px;line-height:1.8}
body.home-reference .home-plans{background:#0e0b12;padding:58px 0}
body.home-reference .home-plans .plan-title.home-heading{font-size:37px;font-weight:600}
body.home-reference .home-plans .plan-subtitle{color:#a99bb6;font-size:13px;max-width:650px;margin:16px 0 0}
body.home-reference .home-plan-link{margin-bottom:28px}

body.home-reference .home-plans .plan-card{border-radius:20px;background:#1b1422;border:1px solid #3e2e4b;padding:26px 23px;overflow:hidden;text-align:left}
body.home-reference .home-plans .plan-card.featured{border:2px solid #b5a0f4;padding:25px 22px}
body.home-reference .home-plans .plan-header{order:0;margin-bottom:24px;font-weight:600}
body.home-reference .home-plans .plan-body{order:1;display:contents}
body.home-reference .home-plans .plan-body h3{order:1;font-weight:600}
body.home-reference .home-plans .plan-body h3 i{display:none}
body.home-reference .home-plans .plan-body p{order:3;}
body.home-reference .home-plans .plan-body p i{margin-right:4px}
body.home-reference .home-plans .price-tag{order:2;}

body.home-reference .reference-plan-action{order:4;margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid #634b76;border-radius:9px;color:#e1cfee;font-size:11px;font-weight:600}
body.home-reference .reference-plan-action:hover{background:#382345}
body.home-reference .home-plans .plan-card:after{content:'';order:3;display:block;}
body.home-reference .home-app-section{padding:48px 0;background:#141018}
body.home-reference .home-app-grid{background:#24182e;border-color:#493153;border-radius:25px;min-height:390px}
body.home-reference .home-app-copy{padding:40px 46px}
body.home-reference .home-app-image{background:#33203e;height:390px;padding-top:23px}
body.home-reference .home-app-image img{width:355px}
body.home-reference .home-reviews{background:#0e0b12;padding:55px 0}
body.home-reference .home-review-grid{gap:20px}
body.home-reference .home-review,body.home-reference .home-review:first-child,body.home-reference .home-review:last-child{border:1px solid #3e2e4b;border-radius:18px;padding:25px;background:#1b1422;text-align:center}
body.home-reference .home-review blockquote{font-size:14px;line-height:1.85;text-align:center;min-height:105px;margin-top:20px}
body.home-reference .home-review-person{justify-content:center;text-align:left}
body.home-reference .home-review-avatar{width:45px;height:45px;border:2px solid #b5a0f4}
body.home-reference .home-faq{padding:55px 0;background:#141018}
body.home-reference .home-faq-grid{grid-template-columns:.8fr 1.2fr;gap:65px}
body.home-reference .home-faq-items{padding:8px 25px;border:1px solid #44334f;border-radius:18px;background:#1b1422}
body.home-reference .home-faq .faq-question{padding:21px 0}
body.home-reference .home-faq .faq-answer p{padding:0 0 19px;font-size:12px}
body.home-reference .home-faq .faq-item:last-child{border-bottom:0}
body.home-reference .home-contact{padding:46px 0;background:#1c1324;border-block:1px solid #3e2e4b}
body.home-reference .home-contact-grid{background:none;border:0;border-radius:0;padding:0;grid-template-columns:1.2fr .8fr;gap:65px}
body.home-reference .home-contact-card{border:1px solid #563b65;border-radius:18px;background:#291c33;padding:27px}
body.home-reference .home-contact-person img{width:60px;height:60px;border:2px solid #ac8ac8}
body.home-reference .home-contact-person h3{font-size:22px}
body.home-reference .home-contact .home-heading{font-size:34px}
body.home-reference footer{background:#0e0b12}
@media(max-width:1000px){
:is(body.home-reference,body.inner-page) header .container.nav,body.home-reference .home-shell,body.home-reference .home-plans>.container1{width:calc(100% - 48px)}

body.home-reference .home-hero-grid{gap:25px;min-height:520px}
body.home-reference .home-hero-visual{height:520px}
body.home-reference .home-hero-visual:before{width:350px;height:350px}
body.home-reference .home-hero-visual>img.reference-portrait{height:420px;width:340px}
body.home-reference .home-product-orbit{width:410px;height:410px;top:45px}
body.home-reference .reference-network{right:0;padding:11px 14px;top:30px}
body.home-reference .reference-mnp{left:0;padding:11px 14px}
body.home-reference :is(.reference-network,.reference-mnp) strong{font-size:14px}
body.home-reference .home-benefits-grid{gap:32px}
body.home-reference .home-feature-list{grid-template-columns:1fr;gap:0}
body.home-reference .home-feature-list article{display:flex;gap:15px}
body.home-reference .home-benefits-image{height:520px;padding:15px}
body.home-reference .home-benefits-image img{height:488px}
body.home-reference .home-plans .plan-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
body.home-reference .home-plans .plan-body h3{min-height:0;font-size:33px}
}
@media(max-width:760px){
:is(body.home-reference,body.inner-page) header .container.nav{min-height:74px;width:calc(100% - 40px)}
:is(body.home-reference,body.inner-page) header nav{top:74px;border-radius:0;background:#15101c}
body.home-reference .home-shell,body.home-reference .home-plans>.container1{width:calc(100% - 40px)}
body.home-reference .home-hero{padding:112px 0 0}
body.home-reference .home-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0}
body.home-reference .home-title{margin:22px 0}

body.home-reference .home-kicker{font-size:9px;letter-spacing:1.4px}
body.home-reference .home-actions{margin-top:23px}
body.home-reference .home-button{font-size:11px;padding:14px 18px}
body.home-reference .home-hero-visual{height:445px;margin-top:8px}
body.home-reference .home-hero-visual:before{width:310px;height:310px;bottom:40px}

body.home-reference .home-product-orbit{width:340px;height:340px;top:35px}
body.home-reference .home-product-label{left:15px;font-size:7px}
body.home-reference .reference-network{top:23px;right:0;padding:10px 12px;border-radius:13px;gap:9px}
body.home-reference .reference-mnp{left:0;bottom:100px;padding:10px 12px;border-radius:13px;gap:9px}
body.home-reference :is(.reference-network,.reference-mnp)>span{width:32px;height:32px;border-radius:8px;font-size:20px}
body.home-reference :is(.reference-network,.reference-mnp) strong{font-size:13px}
body.home-reference :is(.reference-network,.reference-mnp) small{font-size:8px}
body.home-reference .home-product-price{right:0;bottom:0;padding:10px 13px}
body.home-reference .home-product-price strong{font-size:23px}
body.home-reference .home-product-data{left:15px;bottom:3px}
body.home-reference .home-highlights{padding:26px 0 0}
body.home-reference .home-highlight-grid{padding:0;grid-template-columns:repeat(2,minmax(0,1fr));border-top-color:#40304b}
body.home-reference .home-highlight-grid>div,body.home-reference .home-highlight-grid>div:first-child{padding:20px 12px;text-align:center;border-color:#40304b}
body.home-reference .home-highlight-grid strong{font-size:12px}
body.home-reference .home-highlight-grid span{font-size:9px}
body.home-reference .home-heading,body.home-reference .home-benefits-copy .home-heading,body.home-reference .home-plans .plan-title.home-heading{font-size:30px;line-height:1.18;letter-spacing:-1px}
body.home-reference .home-benefits{padding:38px 0}
body.home-reference .home-benefits-grid{grid-template-columns:minmax(0,1fr);gap:26px}
body.home-reference .home-benefits-image{height:300px;padding:13px;border-radius:18px}
body.home-reference .home-benefits-image img{height:272px;object-position:center 33%}
body.home-reference .home-benefits-copy .home-copy{font-size:12px;line-height:1.85}
body.home-reference .home-feature-list{margin:20px 0}
body.home-reference .home-feature-list article{padding:13px 0}
body.home-reference .home-feature-list p{font-size:11px}
body.home-reference .home-plans{padding:38px 0}
body.home-reference .home-plans .plan-wrapper{grid-template-columns:minmax(0,1fr);max-width:440px;margin:0 auto}
body.home-reference .home-plans .plan-card,body.home-reference .home-plans .plan-card.featured{padding:25px;border-radius:18px}
body.home-reference .home-plans .plan-header{font-size:17px;margin-bottom:22px}
body.home-reference .home-plans .plan-body h3{font-size:41px;min-height:0;margin-bottom:22px}
body.home-reference .home-plans .price-tag{font-size:29px}
body.home-reference .home-plans .plan-body p{font-size:12px;line-height:1.8}
body.home-reference .reference-plan-action{margin-top:12px;font-size:12px;padding:14px 17px}
body.home-reference .home-plans .badge{font-size:8px;top:26px;right:24px}
body.home-reference .home-app-section{padding:35px 0}
body.home-reference .home-app-grid{grid-template-columns:minmax(0,1fr);border-radius:18px}
body.home-reference .home-app-copy{padding:28px}
body.home-reference .home-app-image{height:300px;padding-top:20px}
body.home-reference .home-app-image img{width:270px}
body.home-reference .home-reviews{padding:38px 0}
body.home-reference .home-review-grid{grid-template-columns:minmax(0,1fr);gap:17px}
body.home-reference .home-review,body.home-reference .home-review:first-child,body.home-reference .home-review:last-child{padding:25px}
body.home-reference .home-review blockquote{font-size:14px;min-height:0}
body.home-reference .home-faq{padding:38px 0}
body.home-reference .home-faq-grid{grid-template-columns:minmax(0,1fr);gap:25px}
body.home-reference .home-faq-items{padding:4px 20px;border-radius:16px}
body.home-reference .home-contact{padding:35px 0}
body.home-reference .home-contact-grid{grid-template-columns:minmax(0,1fr);gap:28px}
body.home-reference .home-contact .home-heading{font-size:30px}
body.home-reference .home-contact-card{padding:24px}
}

:is(body.home-reference,body.inner-page) header{transform:none;inset:0 0 auto 0;width:100%;max-width:none}
body.home-reference .reference-plan-action{text-decoration:none}
body.home-reference .home-hero-visual .reference-network svg,body.home-reference .home-hero-visual .reference-mnp svg{display:block;flex-shrink:0}

/* Six benefit cards matching the supplied example's second section. */
body.home-reference .eastel-benefits{padding:56px 0;background:#141018;border-block:1px solid #302936}
body.home-reference .eastel-benefits .benefits-heading{justify-content:space-between;}
body.home-reference .eastel-benefits .eyebrow{display:flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#bea4ef;line-height:1.7}
body.home-reference .eastel-benefits .dot{width:7px;height:7px;background:#b5a0f4;border-radius:50%;box-shadow:0 0 0 5px #b5a0f415;flex-shrink:0}
body.home-reference .eastel-benefits h2{font-size:37px;line-height:1.18;letter-spacing:-1.3px;font-weight:600;margin:17px 0 0;color:#f4f1fa;text-align:left}
body.home-reference .eastel-benefits h2 span{color:#b5a0f4}
body.home-reference .eastel-benefits .benefits-heading>p{max-width:410px;margin:0;font-size:13px;line-height:1.9;color:#afa2bc}
body.home-reference .eastel-benefits .benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.home-reference .eastel-benefits .benefit-card{min-width:0;border:1px solid #43314f;border-radius:20px;padding:27px;background:linear-gradient(140deg,#241a2e,#1b1422);transition:transform .2s,border-color .2s}
body.home-reference .eastel-benefits .benefit-card:hover{transform:translateY(-4px);border-color:#ac8fd0}
body.home-reference .eastel-benefits .benefit-top{display:flex;align-items:center;justify-content:space-between;}
body.home-reference .eastel-benefits .benefit-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px}
body.home-reference .eastel-benefits .benefit-index{font-size:11px;letter-spacing:2px;color:#897398}
body.home-reference .eastel-benefits .benefit-label{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#bfa5e1;margin:0 0 11px}
body.home-reference .eastel-benefits .benefit-card h3{font-size:19px;line-height:1.35;letter-spacing:-.4px;color:#f1e8fa;margin:0 0 13px;font-weight:600}
body.home-reference .eastel-benefits .benefit-copy{font-size:13px;line-height:1.85;color:#b2a3c0;margin:0}
body.home-reference .eastel-benefits .benefits-bottom{padding-top:25px;}
body.home-reference .eastel-benefits .benefits-bottom b{font-size:17px;font-weight:600}
body.home-reference .eastel-benefits .benefits-bottom>div>span{font-size:12px;line-height:1.8;}
body.home-reference .eastel-benefits .benefits-bottom .home-button{display:inline-flex;align-items:center;gap:18px;text-decoration:none}
@media(max-width:1000px){body.home-reference .eastel-benefits .benefits-heading{gap:28px}body.home-reference .eastel-benefits .benefits-heading>p{max-width:340px}body.home-reference .eastel-benefits .benefit-card{padding:23px}body.home-reference .eastel-benefits .benefit-grid{gap:16px}}
@media(max-width:760px){
body.home-reference .eastel-benefits{padding:38px 0}
body.home-reference .eastel-benefits .benefits-heading{display:block;}
body.home-reference .eastel-benefits .eyebrow{justify-content:center;font-size:9px}
body.home-reference .eastel-benefits h2{font-size:30px;line-height:1.2;letter-spacing:-1px;text-align:center;margin-top:17px}
body.home-reference .eastel-benefits .benefits-heading>p{font-size:12px;max-width:440px;margin:20px auto 0;line-height:1.85}




body.home-reference .eastel-benefits .benefits-bottom{display:block;padding-top:23px}
body.home-reference .eastel-benefits .benefits-bottom .home-button{margin:21px auto 0}
}
@media(max-width:480px){body.home-reference .eastel-benefits .benefit-grid{grid-template-columns:minmax(0,1fr)}body.home-reference .eastel-benefits .benefit-card{padding:25px}body.home-reference .eastel-benefits .benefit-card h3{font-size:20px}body.home-reference .eastel-benefits .benefit-copy{font-size:14px}body.home-reference .eastel-benefits .benefit-label{font-size:10px}}

/* Transparent hero portrait: show the complete cutout without a photo frame. */
body.home-reference .home-hero-visual>img.reference-portrait{width:470px;max-width:100%;height:560px;bottom:0;object-fit:contain;object-position:center bottom;border-radius:0;box-shadow:none;filter:none}
@media(min-width:761px) and (max-width:1000px){body.home-reference .home-hero-visual>img.reference-portrait{width:360px;height:480px}}
@media(max-width:760px){body.home-reference .home-hero-visual>img.reference-portrait{width:320px;height:420px;bottom:0;object-fit:contain;border-radius:0}}

/* Starter SIM section, adapted from the supplied reference. */
body.home-reference .eastel-sim-section{padding:48px 0;background:#1b1223;border-block:1px solid #3e2c4b;scroll-margin-top:100px}
body.home-reference .eastel-sim-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
body.home-reference .eastel-sim-visual{height:470px;position:relative;isolation:isolate;min-width:0}
body.home-reference .eastel-sim-orbit{position:absolute;width:410px;height:410px;border:1px solid #76568b33;border-radius:50%;top:30px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#70498b33,transparent 72%);z-index:-1}
body.home-reference .eastel-sim-orbit:after{content:'';position:absolute;inset:24px;border-radius:50%;border:1px solid #76568b20}
body.home-reference .eastel-sim-visual img{display:block;position:absolute;width:215px;height:auto;border-radius:17px;box-shadow:0 17px 28px #0007}
body.home-reference .eastel-sim-back{left:18px;top:120px;transform:rotate(-14deg);z-index:1}
body.home-reference .eastel-sim-front{left:205px;top:53px;transform:rotate(12deg);z-index:2}
body.home-reference .eastel-sim-price{position:absolute;right:0;bottom:17px;padding:17px 23px;border-radius:19px;background:#c9b0ee;color:#28143d;transform:rotate(-5deg);z-index:3}
body.home-reference .eastel-sim-price>span{display:block;font-size:8px;letter-spacing:1.4px}
body.home-reference .eastel-sim-price strong{display:block;font-size:36px;font-weight:700;letter-spacing:-1.5px;}
body.home-reference .eastel-sim-price small{font-size:10px}
body.home-reference .eastel-sim-copy{min-width:0}
body.home-reference .eastel-sim-copy>.home-kicker{margin:0 0 17px}
body.home-reference .eastel-sim-copy>.home-kicker:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#b5a0f4;margin-right:12px;box-shadow:0 0 0 5px #b5a0f415}
body.home-reference .eastel-sim-copy .home-heading{font-size:41px;line-height:1.16;margin:0 0 23px}
body.home-reference .eastel-sim-copy .home-heading>span{color:#b5a0f4}
body.home-reference .sim-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0 0 20px;border-top:1px solid #543c62}
body.home-reference .sim-info-item{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:3px;padding:12px 0;border-bottom:1px solid #543c62;align-items:center;min-width:0}
body.home-reference .sim-info-item dt{display:contents}
body.home-reference .sim-info-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border:1px solid #7e5b9544;background:#b898db0c;border-radius:50%;color:#bea1db}
body.home-reference .sim-info-item dt>span:last-child{grid-column:2;grid-row:1;font-size:10px;line-height:1.5;color:#b8a3c7}
body.home-reference .sim-info-item dd{grid-column:2;grid-row:2;margin:0;font-size:16px;font-weight:600;line-height:1.4;color:#f1e7fa}
body.home-reference .eastel-sim-description{font-size:13px;line-height:1.85;color:#b8a3c7;margin:18px 0}
body.home-reference .eastel-sim-copy .home-actions{margin:19px 0 12px}
body.home-reference .eastel-sim-copy .home-actions .home-button{gap:19px;text-decoration:none;font-size:12px;}
body.home-reference .eastel-sim-note{font-size:9px;line-height:1.8;color:#9b85ad;margin:0}
body.home-reference .eastel-sim-opportunity{display:flex;align-items:center;gap:12px;border-top:0;margin-top:19px;padding-top:18px}
body.home-reference .eastel-sim-opportunity>span{font-size:24px;color:#d6b779}
body.home-reference .eastel-sim-opportunity p{font-size:10px;line-height:1.8;color:#e7d8f3;margin:0}
body.home-reference .eastel-sim-opportunity a{color:#bea3e0;text-decoration:none;margin-left:5px}
@media(max-width:1000px){
body.home-reference .eastel-sim-grid{gap:30px;grid-template-columns:.85fr 1.15fr}
body.home-reference .eastel-sim-visual{height:390px}
body.home-reference .eastel-sim-visual img{width:165px}
body.home-reference .eastel-sim-back{left:0;top:100px}
body.home-reference .eastel-sim-front{left:130px;top:50px}
body.home-reference .eastel-sim-orbit{width:310px;height:310px}
body.home-reference .eastel-sim-copy .home-heading{font-size:35px}
}
@media(max-width:760px){
body.home-reference .eastel-sim-section{padding:35px 0}
body.home-reference .eastel-sim-grid{grid-template-columns:minmax(0,1fr);gap:27px}
body.home-reference .eastel-sim-visual{width:100%;max-width:390px;margin:auto;height:350px}
body.home-reference .eastel-sim-visual img{width:165px;border-radius:12px}
body.home-reference .eastel-sim-back{left:20px;top:84px}
body.home-reference .eastel-sim-front{left:auto;right:32px;top:25px}
body.home-reference .eastel-sim-price{right:5px;bottom:5px;padding:13px 19px;border-radius:15px}
body.home-reference .eastel-sim-price strong{font-size:30px}
body.home-reference .eastel-sim-orbit{width:300px;height:300px;top:20px}
body.home-reference .eastel-sim-copy>.home-kicker{text-align:center;font-size:9px}
body.home-reference .eastel-sim-copy .home-heading{text-align:center;font-size:32px;line-height:1.2;margin-bottom:22px}
body.home-reference .sim-info-grid{gap:0 15px}
body.home-reference .sim-info-item{column-gap:8px;grid-template-columns:28px minmax(0,1fr);padding:10px 0}
body.home-reference .sim-info-icon{width:28px;height:28px}
body.home-reference .sim-info-item dt>span:last-child{font-size:9px}
body.home-reference .sim-info-item dd{font-size:14px}
body.home-reference .eastel-sim-description{text-align:center;font-size:12px}
body.home-reference .eastel-sim-copy .home-actions{justify-content:center}
body.home-reference .eastel-sim-note{text-align:center}
body.home-reference .eastel-sim-opportunity{justify-content:center}
}

/* Sponsor profile above the footer, following the supplied example. */
body.home-reference .eastel-agent-section{padding:48px 0;border-block:1px solid #43304e}
body.home-reference .eastel-agent-layout{display:grid;grid-template-columns:185px minmax(0,1.4fr) minmax(220px,.85fr);gap:42px;align-items:center}
body.home-reference .eastel-agent-portrait{text-align:center;min-width:0}
body.home-reference .eastel-agent-ring{width:185px;height:185px;border-radius:50%;padding:10px;border:1px solid #a17cbb;background:#b49ac90c;box-shadow:inset 0 0 0 5px #b49ac90a}
body.home-reference .eastel-agent-ring img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #76598b}
body.home-reference .eastel-agent-portrait>span{display:block;font-size:7px;letter-spacing:1.7px;color:#a68bb8;line-height:1.8;margin-top:17px}
body.home-reference .eastel-agent-profile{min-width:0}
body.home-reference .eastel-agent-profile .home-kicker{margin:0 0 19px}
body.home-reference .eastel-agent-profile .home-kicker:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#b5a0f4;margin-right:12px;box-shadow:0 0 0 5px #b5a0f415}
body.home-reference .eastel-agent-profile h2{letter-spacing:-.7px;color:#f4edfb;text-align:left;margin:0 0 10px;overflow-wrap:anywhere}
body.home-reference .eastel-agent-role{font-size:12px;color:#c7abe7;margin:0 0 19px}
body.home-reference .eastel-agent-description{font-size:12px;line-height:1.9;color:#b2a0c0;margin:0 0 20px;max-width:450px}
body.home-reference .eastel-agent-id{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-block:1px solid #543b63}
body.home-reference .eastel-agent-id>div>span{display:block;font-size:10px;color:#b2a0c0;margin-bottom:9px}
body.home-reference .eastel-agent-id strong{display:block;font-size:23px;line-height:1.3;color:#c6a6e8;overflow-wrap:anywhere}
body.home-reference #copy-agent-code{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:10px;border:1px solid #6a4c7e;background:none;color:#bda3cf;font-family:inherit;font-size:10px;cursor:pointer;flex-shrink:0}
body.home-reference #copy-agent-code:hover{background:#382344;color:#e8d5f5}
body.home-reference .eastel-agent-status{font-size:9px;color:#a58ab8;line-height:1.8;margin:12px 0 0}
body.home-reference .eastel-agent-details{font-size:10px;color:#a58ab8;line-height:1.7;overflow-wrap:anywhere}
body.home-reference .eastel-agent-help{border-left:1px solid #543b63;padding:0 0 0 34px;min-width:0}
body.home-reference .eastel-agent-help>svg{color:#c4a6df;display:block;margin-bottom:21px}
body.home-reference .eastel-agent-help h3{font-size:19px;line-height:1.4;color:#f0e4fa;margin:0 0 13px;font-weight:600}
body.home-reference .eastel-agent-help p{font-size:12px;line-height:1.9;color:#b2a0c0;margin:0 0 21px;max-width:240px}
body.home-reference .eastel-agent-help .home-button{font-size:11px;text-decoration:none;}
@media(max-width:1000px){body.home-reference .eastel-agent-layout{grid-template-columns:145px minmax(0,1.2fr) minmax(180px,.8fr);gap:25px}body.home-reference .eastel-agent-ring{width:145px;height:145px;padding:7px}body.home-reference .eastel-agent-help{padding-left:23px}}
@media(max-width:760px){
body.home-reference .eastel-agent-section{padding:35px 0}
body.home-reference .eastel-agent-layout{grid-template-columns:90px minmax(0,1fr);gap:22px;align-items:start}
body.home-reference .eastel-agent-ring{width:90px;height:90px;padding:4px}
body.home-reference .eastel-agent-portrait>span{margin-top:10px}
body.home-reference .eastel-agent-profile .home-kicker{font-size:8px;margin-bottom:13px}

body.home-reference .eastel-agent-role{font-size:11px;margin-bottom:15px}
body.home-reference .eastel-agent-description{font-size:11px}
body.home-reference .eastel-agent-id{flex-wrap:wrap;gap:13px;padding:14px 0}
body.home-reference .eastel-agent-id strong{font-size:21px}
body.home-reference .eastel-agent-details{font-size:9px}
body.home-reference .eastel-agent-help{grid-column:1/-1;border-left:0;border-top:1px solid #543b63;padding:22px 0 0;display:grid;grid-template-columns:33px minmax(0,1fr);gap:0 15px;align-items:start}
body.home-reference .eastel-agent-help>svg{grid-row:1/3;margin:0}
body.home-reference .eastel-agent-help h3{font-size:18px;margin:0 0 7px}
body.home-reference .eastel-agent-help p{font-size:11px;margin:0;max-width:none}
body.home-reference .eastel-agent-help .home-button{margin-top:18px}
}

/* One type scale for all Home sections. Product data and prices retain emphasis. */
body.home-reference,body.page-sim-guide,body.page-aboutus{--type-section:34px;--type-card:18px;--type-body:14px;--type-label:10px;--type-small:11px;--type-action:12px}
body.home-reference :is(.eastel-benefits h2,.home-plans .plan-title.home-heading,.eastel-sim-copy .home-heading,.home-app-copy .home-heading,.home-reviews .home-heading,.home-faq .home-heading){font-size:var(--type-section);font-weight:600;line-height:1.2;letter-spacing:-1px}
body.home-reference :is(.eastel-benefits .benefits-heading>p,.eastel-benefits .benefit-copy,.eastel-benefits .benefits-bottom>div>span,.home-plans .plan-subtitle,.eastel-sim-description,.home-app-copy .home-copy,.home-section-note,.home-faq .home-copy,.home-review blockquote,.home-faq .faq-answer p,.eastel-agent-description,.eastel-agent-help p){font-size:var(--type-body);font-weight:400;line-height:1.85;letter-spacing:0}
body.home-reference :is(.eastel-benefits .benefit-card h3,.eastel-agent-help h3,.eastel-benefits .benefits-bottom b){font-size:var(--type-card);line-height:1.4;font-weight:600;letter-spacing:-.2px}
body.home-reference :is(.home-kicker,.eastel-benefits .eyebrow,.eastel-benefits .benefit-label,.eastel-agent-profile .home-kicker,.eastel-sim-copy>.home-kicker){font-size:var(--type-label);font-weight:700;line-height:1.7;letter-spacing:1.5px}
body.home-reference :is(.home-actions .home-button,.eastel-sim-copy .home-actions .home-button,.eastel-agent-help .home-button,.eastel-benefits .benefits-bottom .home-button,.reference-plan-action,.home-text-link,.home-plan-link .home-text-link,.home-affiliate-link){font-size:var(--type-action);line-height:1.6;font-weight:600}
body.home-reference :is(.home-plans .plan-body p,.home-review-person h3,.home-review-person p,.eastel-agent-role,.eastel-agent-details,.eastel-sim-opportunity p){font-size:12px;line-height:1.8}
body.home-reference :is(.eastel-sim-note,.sim-info-item dt>span:last-child,.eastel-agent-portrait>span){font-size:var(--type-small);line-height:1.8}
body.home-reference .home-faq .faq-question{font-size:var(--type-body);line-height:1.7;font-weight:500}
body.home-reference .home-lead{font-size:16px;line-height:1.85}
body.home-reference .home-title{font-size:56px;line-height:1.12;letter-spacing:-2px}
body.home-reference .eastel-agent-profile h2{font-size:28px;line-height:1.25;font-weight:600}
body.home-reference .home-plans .plan-body h3{margin-bottom:23px}
@media(max-width:1000px){body.home-reference .home-title{font-size:47px}}
@media(max-width:760px){
body.home-reference,body.page-sim-guide,body.page-aboutus{--type-section:28px;--type-card:18px;--type-body:13px;--type-label:10px;--type-small:11px;--type-action:12px}
body.home-reference .home-title{font-size:38px;line-height:1.15;letter-spacing:-1.5px}
body.home-reference .home-lead{font-size:14px;line-height:1.85}
body.home-reference .eastel-agent-profile h2{font-size:24px}
body.home-reference .eastel-agent-profile .home-kicker{letter-spacing:1px}
body.home-reference .eastel-agent-portrait>span{font-size:9px;letter-spacing:.6px}
}

/* One identical decorative dot before every Home section label. */
body.home-reference :is(.home-hero-copy>.home-kicker,.eastel-agent-profile .home-kicker,.eastel-sim-copy>.home-kicker,.home-kicker,.eastel-benefits .eyebrow)::before{content:'';display:inline-block;width:7px;height:7px;min-width:7px;flex-shrink:0;border-radius:50%;background:#b5a0f4;box-shadow:0 0 0 5px #b5a0f415;margin:0 12px 0 0;vertical-align:middle}
body.home-reference .eastel-benefits .eyebrow{gap:0}
body.home-reference .eastel-benefits .eyebrow>.dot{display:none}

/* Subtle contour pattern and sponsor help beside the FAQ. */
body.home-reference .home-faq{position:relative;isolation:isolate;overflow:hidden}
body.home-reference .home-faq::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;}
body.home-reference .home-faq-grid>div:first-child{min-width:0}
body.home-reference .eastel-faq-help{display:flex;align-items:center;gap:18px;margin-top:30px;padding-top:25px;border-top:1px solid #584367;max-width:360px}
body.home-reference .eastel-faq-help>svg{display:block;flex-shrink:0;color:#bea4de}
body.home-reference .eastel-faq-help h3{font-size:14px;line-height:1.5;font-weight:600;color:#ede3f6;margin:0 0 9px;letter-spacing:0}
body.home-reference .eastel-faq-help a{display:inline-flex;align-items:center;gap:17px;font-size:13px;line-height:1.7;color:#c6abe8;text-decoration:none}
body.home-reference .eastel-faq-help a:hover{color:#ebdcff;text-decoration:underline;text-underline-offset:4px}
body.home-reference .eastel-faq-help a:focus-visible{outline:2px solid #b5a0f4;outline-offset:5px;border-radius:3px}
body.home-reference .eastel-faq-help a span{font-size:16px}
@media(max-width:760px){body.home-reference .eastel-faq-help{margin-top:23px;padding-top:20px;gap:15px}body.home-reference .eastel-faq-help h3{font-size:13px}body.home-reference .eastel-faq-help a{font-size:12px}}

/* Center the FAQ and community introductions on phones only. */
@media(max-width:760px){
body.home-reference .home-reviews .home-section-top{display:block;text-align:center}
body.home-reference .home-reviews .home-section-top>div,body.home-reference .home-reviews .home-kicker,body.home-reference .home-reviews .home-heading,body.home-reference .home-reviews .home-section-note{text-align:center}
body.home-reference .home-reviews .home-section-note{max-width:440px;margin:18px auto 0}
body.home-reference .home-faq-grid>div:first-child,body.home-reference .home-faq .home-kicker,body.home-reference .home-faq .home-heading,body.home-reference .home-faq .home-copy{text-align:center}
body.home-reference .home-faq .home-copy{margin-left:auto;margin-right:auto}
body.home-reference .home-faq .eastel-faq-help{width:100%;margin-left:auto;margin-right:auto}

}

/* Center the complete FAQ help block on phones and reveal the fine contour lines. */
@media(max-width:760px){



body.home-reference .home-faq::before{background-position:center top;}
}

/* Phone plan introduction: centered, with a subtle contour background. */
@media(max-width:760px){
body.home-reference .home-plans{position:relative;isolation:isolate;overflow:hidden}
body.home-reference .home-plans::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22700%22%20viewBox%3D%220%200%20800%20700%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b5a0f4%22%20stroke-opacity%3D%220.09%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M-100%20440%20C150%20420%2070%20220%20330%20220%20S780%20240%20800%20-230%22%2F%3E%3Cpath%20d%3D%22M-100%20480%20C150%20460%2070%20250%20330%20250%20S780%20265%20800%20-205%22%2F%3E%3Cpath%20d%3D%22M-100%20520%20C150%20500%2070%20280%20330%20280%20S780%20290%20800%20-180%22%2F%3E%3Cpath%20d%3D%22M-100%20560%20C150%20540%2070%20310%20330%20310%20S780%20315%20800%20-155%22%2F%3E%3Cpath%20d%3D%22M-100%20600%20C150%20580%2070%20340%20330%20340%20S780%20340%20800%20-130%22%2F%3E%3Cpath%20d%3D%22M-100%20640%20C150%20620%2070%20370%20330%20370%20S780%20365%20800%20-105%22%2F%3E%3Cpath%20d%3D%22M-100%20680%20C150%20660%2070%20400%20330%20400%20S780%20390%20800%20-80%22%2F%3E%3Cpath%20d%3D%22M-100%20720%20C150%20700%2070%20430%20330%20430%20S780%20415%20800%20-55%22%2F%3E%3Cpath%20d%3D%22M-100%20760%20C150%20740%2070%20460%20330%20460%20S780%20440%20800%20-30%22%2F%3E%3Cpath%20d%3D%22M-100%20800%20C150%20780%2070%20490%20330%20490%20S780%20465%20800%20-5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:repeat-y;background-size:auto 650px;background-position:center top;opacity:.7}
body.home-reference .home-plans .home-section-top,body.home-reference .home-plans .home-section-top>div,body.home-reference .home-plans .home-kicker,body.home-reference .home-plans .plan-title.home-heading,body.home-reference .home-plans .plan-subtitle,body.home-reference .home-plans .home-plan-link{text-align:center}
body.home-reference .home-plans .plan-subtitle{max-width:440px;margin-left:auto;margin-right:auto}
body.home-reference .home-plans .home-plan-link .home-text-link{align-self:center}
}

/* Plan contour pattern on desktop; text alignment remains unchanged. */
@media(min-width:761px){
body.home-reference .home-plans{position:relative;isolation:isolate;overflow:hidden}
body.home-reference .home-plans::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22700%22%20viewBox%3D%220%200%20800%20700%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b5a0f4%22%20stroke-opacity%3D%220.09%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M-100%20440%20C150%20420%2070%20220%20330%20220%20S780%20240%20800%20-230%22%2F%3E%3Cpath%20d%3D%22M-100%20480%20C150%20460%2070%20250%20330%20250%20S780%20265%20800%20-205%22%2F%3E%3Cpath%20d%3D%22M-100%20520%20C150%20500%2070%20280%20330%20280%20S780%20290%20800%20-180%22%2F%3E%3Cpath%20d%3D%22M-100%20560%20C150%20540%2070%20310%20330%20310%20S780%20315%20800%20-155%22%2F%3E%3Cpath%20d%3D%22M-100%20600%20C150%20580%2070%20340%20330%20340%20S780%20340%20800%20-130%22%2F%3E%3Cpath%20d%3D%22M-100%20640%20C150%20620%2070%20370%20330%20370%20S780%20365%20800%20-105%22%2F%3E%3Cpath%20d%3D%22M-100%20680%20C150%20660%2070%20400%20330%20400%20S780%20390%20800%20-80%22%2F%3E%3Cpath%20d%3D%22M-100%20720%20C150%20700%2070%20430%20330%20430%20S780%20415%20800%20-55%22%2F%3E%3Cpath%20d%3D%22M-100%20760%20C150%20740%2070%20460%20330%20460%20S780%20440%20800%20-30%22%2F%3E%3Cpath%20d%3D%22M-100%20800%20C150%20780%2070%20490%20330%20490%20S780%20465%20800%20-5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:repeat-y;background-size:100% auto;background-position:center top;opacity:.7}
}

/* Shared public SIM cart and checkout. */
:is(body.page-home,body.inner-page) header .logo{order:0}
:is(body.page-home,body.inner-page) header #nav-menu{order:1;margin-left:auto}
:is(body.page-home,body.inner-page) header .hamburger{order:3}
:is(body.page-home,body.inner-page) header .eastel-cart-toggle{order:2;position:relative;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;margin-left:18px;border:1px solid #614c75;border-radius:50%;background:#22172d;color:#ddc9f3;cursor:pointer;padding:0}
:is(body.page-home,body.inner-page) header .eastel-cart-toggle>span{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:20px;background:#b5a0f4;color:#20112e;font-family:inherit;font-size:10px;font-weight:700}
.eastel-cart-dialog{position:fixed;inset:0;box-sizing:border-box;width:calc(100% - 36px);max-width:460px;margin:auto;border:1px solid #604475;border-radius:20px;background:#1b1324;color:#f1e7f8;box-shadow:0 25px 100px #0008;overflow-y:auto;font-family:Manrope,Arial,sans-serif;text-align:left}
.eastel-cart-dialog::backdrop{background:#050208b8;backdrop-filter:blur(5px)}
.eastel-cart-dialog [hidden]{display:none!important}
.eastel-cart-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}
.eastel-cart-eyebrow{font-size:10px;letter-spacing:1.5px;color:#bfa3d9;font-weight:700}
.eastel-cart-head button{display:grid;place-items:center;width:31px;height:31px;background:#33203f;border:1px solid #5e426f;border-radius:50%;color:#e5d0f6;font-size:23px;line-height:1;cursor:pointer}
.eastel-cart-dialog h2{font-weight:600;letter-spacing:-.6px;margin:0 0 15px;color:#f1e7f8;text-align:left}
.eastel-cart-message{font-size:12px;line-height:1.7;color:#d4b6f0;margin:0 0 15px}
.eastel-cart-message:empty{display:none}
.eastel-cart-product{display:flex;align-items:center;gap:17px;padding:18px 0;border-block:1px solid #463151;margin-bottom:20px}
.eastel-cart-product img{display:block;width:58px;height:75px;object-fit:contain;border-radius:5px}
.eastel-cart-product>div{min-width:0;flex:1}
.eastel-cart-product h3{font-size:15px;font-weight:600;color:#eaddf5;line-height:1.5;margin:0 0 6px}
.eastel-cart-product p{font-size:12px;color:#b8a1c8;line-height:1.7;margin:0}
.eastel-cart-product>button{align-self:flex-start;padding:0;border:0;background:none;color:#c2a6d8;text-decoration:underline;font-size:11px;cursor:pointer}
.eastel-cart-quantity-label{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#e2d2ee;margin:0 0 12px}
.eastel-cart-quantity-label span{font-size:10px;color:#a98cbd}
.eastel-cart-quantity{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;align-items:center;border:1px solid #5d416d;border-radius:10px;overflow:hidden;margin-bottom:20px}
.eastel-cart-quantity button{border:0;background:#30203e;color:#e4cef6;padding:0;height:44px;font-size:22px;cursor:pointer;font-family:inherit}
.eastel-cart-quantity input{box-sizing:border-box;width:100%;height:44px;border:0;border-inline:1px solid #5d416d;border-radius:0;text-align:center;background:#130c1a;color:#f1e7f8;font-size:16px;font-family:inherit;margin:0;padding:0;appearance:textfield}
.eastel-cart-quantity input::-webkit-inner-spin-button{appearance:none;margin:0}
.eastel-cart-subtotal{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-top:1px solid #463151}
.eastel-cart-subtotal>span{font-size:12px;color:#b8a1c8}
.eastel-cart-subtotal strong{font-size:23px;font-weight:600;color:#ceb1ed}
.eastel-cart-note{font-size:11px;color:#aa91bc;line-height:1.8;margin:0 0 20px}
.eastel-cart-primary{box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:17px;width:100%;min-height:46px;background:#b5a0f4;border:1px solid #b5a0f4;border-radius:10px;color:#20112e;font-size:13px;font-weight:700;text-decoration:none;font-family:inherit;cursor:pointer;padding:13px 18px;line-height:1.5}
.eastel-cart-primary:disabled{opacity:.5;cursor:not-allowed}
.eastel-cart-continue{display:block;margin:18px auto 0;padding:0;border:0;background:none;color:#b99bce;font-size:11px;font-family:inherit;cursor:pointer}
#eastel-cart-empty>p{font-size:14px;color:#bc9ed1;margin:20px 0}
.eastel-cart-dialog :is(button,a,input):focus-visible,.eastel-cart-toggle:focus-visible{outline:2px solid #e1c9ff;outline-offset:3px}
body.inner-page.page-shop #checkout{scroll-margin-top:110px}
body.inner-page.page-shop #checkout[hidden],body.inner-page.page-shop #eastel-checkout-start[hidden]{display:none!important}
body.inner-page.page-shop .eastel-checkout-start{padding:28px;border:1px solid #3f2e4d;border-radius:12px;background:#161019;min-width:0}
body.inner-page.page-shop .eastel-checkout-start h2{font-size:22px;line-height:1.4;color:#f1e7f8;margin:0 0 15px}
body.inner-page.page-shop .eastel-checkout-start p{font-size:13px;line-height:1.85;color:#b29dc0;margin:0 0 23px}
body.inner-page.page-shop .eastel-shop-buy{display:block;grid-column:1/-1;width:100%;margin:19px 0 0;font-size:12px}
@media(max-width:768px){
:is(body.page-home,body.inner-page) header .eastel-cart-toggle{width:36px;height:36px;margin-left:auto;margin-right:4px}
:is(body.page-home,body.inner-page) header #nav-menu{margin-left:0}
.eastel-cart-dialog{padding:23px;max-height:88dvh}
.eastel-cart-dialog h2{font-size:23px}
.eastel-cart-product{gap:13px}
body.inner-page.page-shop .eastel-checkout-start{padding:23px}
}

/* Quantity is selected in the popup; checkout edits use the navbar cart. */
body.inner-page.page-shop .product-footer .qty-box{display:none}

/* =============================== */
/*      CHECKOUT PAGE OVERRIDE     */
/* =============================== */
body.page-checkout.page-shop .wrap{display:block;max-width:1100px;width:min(92%,1100px);margin:auto;padding:30px 0 90px}
body.page-checkout .checkout-grid{display:grid;}
body.page-checkout .checkout-main{flex-direction:column;gap:20px;min-width:0;height:100%}
body.page-checkout .checkout-sidebar{min-width:0;}

/* Reset all margins inside checkout grid */
body.page-checkout .checkout-main .form-card,
body.page-checkout .checkout-sidebar .checkout-product-card,
body.page-checkout .checkout-sidebar .qr-card,
body.page-checkout .checkout-sidebar .upload-card{margin:0!important}

/* Stretch bottom cards so left & right column baselines are perfectly aligned (gap selari) */
body.page-checkout .checkout-main .form-card:last-child{flex-direction:column}


body.page-checkout .checkout-sidebar .upload-card{flex-direction:column}


/* product summary card in sidebar */
body.page-checkout .checkout-product-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#111111}
body.page-checkout .checkout-product-img{flex-shrink:0;width:70px}

body.page-checkout .checkout-product-info{flex:1;min-width:0}
body.page-checkout .checkout-product-info .product-badge{display:inline-block;margin-bottom:6px;padding:3px 9px;font-size:9px}
body.page-checkout .checkout-product-info .product-title{margin-bottom:3px}

body.page-checkout .checkout-product-qty .qty{display:flex;align-items:center;}
body.page-checkout .checkout-product-qty .qty button{width:30px;height:30px;font-size:14px;border-radius:7px;border:none;background:#a394ff1a;color:#ded5ff;cursor:pointer;transition:.15s}
body.page-checkout .checkout-product-qty .qty button:hover{background:#a394ff33}
body.page-checkout .checkout-product-qty .qty span{font-size:15px;font-weight:700;color:#f4f4f5;min-width:24px;text-align:center}
body.page-checkout .checkout-agent-name{font-size:13px;font-weight:600;color:#e7ecf7;text-align:center;margin-top:6px}

/* sticky bar */
body.page-checkout.page-shop .sticky-bar{max-width:1100px}

/* mobile: stack to 1 column */
@media(max-width:860px){
body.page-checkout .checkout-grid{grid-template-columns:1fr;gap:20px}
body.page-checkout .checkout-main,body.page-checkout .checkout-sidebar{height:auto}
}
@media(max-width:768px){
body.page-checkout .checkout-product-card{gap:12px;padding:15px}
body.page-checkout .checkout-product-img{width:58px}
body.page-checkout .checkout-product-info .product-title{font-size:14px}
body.page-checkout .checkout-product-info .product-price{font-size:16px}
body.page-checkout .checkout-product-qty .qty button{width:28px;height:28px;font-size:13px}
}

/* Purchase actions on the public inner pages share the navbar cart. */
body.inner-page .inner-hero-actions .inner-buy-sim{display:inline-flex;align-items:center;justify-content:center;gap:17px;text-decoration:none}
body.inner-page .inner-hero-actions .inner-btn-outline{background:transparent;color:#d9c8ed;border-color:#624a73}
body.inner-page .inner-hero-actions .inner-btn-outline:hover{background:#2d1d3a;color:#e8d7f6}
body.inner-page .inner-plans .plan-card{display:flex;flex-direction:column;min-width:0}
body.inner-page .inner-plans .plan-body{flex:1}
body.inner-page .inner-plans .inner-buy-sim{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 18px 20px;padding:12px 16px;font-size:12px;line-height:1.6;text-decoration:none;border-radius:8px}
body.inner-page .inner-sim-purchase-note{font-size:11px;line-height:1.8;color:#a99ab5;margin:20px 0 0;text-align:left}
@media(max-width:760px){body.inner-page .inner-hero-actions{row-gap:14px}body.inner-page .inner-plans .inner-buy-sim{margin:0 20px 20px}}

/* About Us: fill the introduction with a focused brand and product composition. */
body.page-aboutus .inner-hero{padding:132px 0 45px;background:radial-gradient(ellipse at 85% 50%,#38234144,transparent 60%),#09070c}
body.page-aboutus .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}
body.page-aboutus .about-hero-main{min-width:0}
body.page-aboutus .inner-hero .hero-content h1{font-size:42px;margin-bottom:18px}
body.page-aboutus .inner-hero .hero-content .about-hero-lead{font-size:14px;line-height:1.85;max-width:440px;color:#aa9bb6;margin:14px 0 0}
body.page-aboutus .inner-hero-actions{margin-top:26px}
body.page-aboutus .about-brand-panel{padding:23px 26px;border:1px solid #4c345a;border-radius:20px;background:linear-gradient(135deg,#24192e,#151019);min-width:0;overflow:hidden}
body.page-aboutus .about-brand-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #4c345a}
body.page-aboutus .about-brand-top>span:first-child{font-size:18px;letter-spacing:1.5px;font-weight:700;color:#eee3fa}
body.page-aboutus .about-brand-top>span:last-child{font-size:10px;letter-spacing:1px;color:#baa0d0;align-self:center}
body.page-aboutus .about-brand-product{display:flex;align-items:center;gap:27px;position:relative;padding:25px 0;isolation:isolate}
body.page-aboutus .about-brand-product img{width:122px;height:156px;object-fit:contain;border-radius:8px;transform:rotate(-10deg);box-shadow:10px 13px 25px #0006}
body.page-aboutus .about-brand-orbit{position:absolute;width:200px;height:200px;left:-35px;top:5px;border:1px solid #b18ad32a;border-radius:50%;z-index:-1}
body.page-aboutus .about-brand-product>div:last-child{min-width:0}
body.page-aboutus .about-brand-product>div>span{font-size:8px;letter-spacing:1.3px;color:#b398c6}
body.page-aboutus .about-brand-product h2{font-size:24px;line-height:1.3;letter-spacing:-.6px;color:#f1e5fb;margin:13px 0 0;font-weight:600}
body.page-aboutus .about-brand-product h2 em{font-style:normal;color:#b5a0f4}
body.page-aboutus .about-brand-bottom{padding-top:16px;border-top:1px solid #4c345a}
body.page-aboutus .about-brand-bottom>span{display:block;font-size:10px;color:#a891b9;margin-bottom:6px}
body.page-aboutus .about-brand-bottom strong{display:block;font-size:12px;line-height:1.7;color:#d2bedf;font-weight:500}
body.page-aboutus .inner-about{padding:54px 0}
body.page-aboutus .about-section-header{max-width:100%;margin:0 auto 34px;text-align:left}
body.page-aboutus .about-section-header .inner-kicker{display:inline-block;text-align:left;margin-bottom:6px}
body.page-aboutus .about-section-header .about-title{font-size:38px;font-weight:800;color:#f4f4f5;margin:6px 0 16px;letter-spacing:-.03em;max-width:none!important;text-align:left;line-height:1.25}
body.page-aboutus .about-section-header .about-title span{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.page-aboutus .about-lead-desc{font-size:15.5px;line-height:1.85;color:var(--muted);margin:0;max-width:100%;text-align:left}
body.page-aboutus .about-lead-desc strong{color:#f1f5f9}
body.page-aboutus .about-info-grid{display:grid;max-width:100%;margin:0 auto}
body.page-aboutus .about-feature-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:26px;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(8px)}
body.page-aboutus .about-feature-card:hover{border-color:rgba(167,139,250,0.35);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.35)}
body.page-aboutus .about-card-head{display:flex;align-items:center;justify-content:space-between;}
body.page-aboutus .about-card-icon{width:46px;height:46px;border-radius:12px;background:rgba(167,139,250,0.12);border:1px solid rgba(167,139,250,0.22);color:#c4b5fd;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
body.page-aboutus .about-card-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;background:rgba(52,211,153,0.12);color:#6ee7b7;border:1px solid rgba(52,211,153,0.25)}
body.page-aboutus .about-card-pill.pill-accent{background:rgba(167,139,250,0.15);color:#c4b5fd;border-color:rgba(167,139,250,0.3)}
body.page-aboutus .about-card-title{font-size:18px;font-weight:700;color:#f8fafc;margin:0 0 10px;line-height:1.4;letter-spacing:-.01em}
body.page-aboutus .about-card-desc{font-size:13.5px;line-height:1.75;color:var(--muted);margin:0}
body.page-aboutus .about-card-desc strong{color:#e2e8f0}
body.page-aboutus .about-card-highlight{grid-column:1 / -1;border:1px solid rgba(167,139,250,0.25)}
body.page-aboutus .about-card-highlight .highlight-icon{background:rgba(167,139,250,0.2);border-color:rgba(167,139,250,0.4);color:#e9d5ff}
body.page-aboutus .license-section-header{max-width:100%;margin:0 auto 34px;text-align:left}
body.page-aboutus .license-section-header .inner-kicker{display:inline-block;text-align:left;margin-bottom:6px}
body.page-aboutus .license-section-header .license-title{font-size:38px;font-weight:800;color:#f4f4f5;margin:6px 0 16px;letter-spacing:-.03em;max-width:none!important;text-align:left!important;line-height:1.25}
body.page-aboutus .license-intro-text{font-size:15.5px;line-height:1.85;color:var(--muted);margin:0;max-width:100%;text-align:left}
body.page-aboutus .license-grid-3{display:grid;max-width:100%;margin:0 auto}
body.page-aboutus .license-item-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:22px;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;backdrop-filter:blur(8px)}
body.page-aboutus .license-item-card:hover{border-color:rgba(167,139,250,0.35);transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,0.4)}
body.page-aboutus .license-card-tag{margin-bottom:14px}
body.page-aboutus .license-card-tag span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px}
body.page-aboutus .license-card-tag .pill-syariah{background:rgba(167,139,250,0.14);color:#c4b5fd;border:1px solid rgba(167,139,250,0.3)}
body.page-aboutus .license-card-tag .pill-nsp,body.page-aboutus .license-card-tag .pill-asp{background:rgba(52,211,153,0.12);color:#6ee7b7;border:1px solid rgba(52,211,153,0.25)}
body.page-aboutus .license-thumb{position:relative;border:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px;margin-bottom:16px;text-decoration:none}
body.page-aboutus .license-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .25s ease;}
body.page-aboutus .license-thumb:hover img{transform:scale(1.05)}
body.page-aboutus .thumb-zoom-icon{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transition:opacity .2s ease}
body.page-aboutus .license-thumb:hover .thumb-zoom-icon{opacity:1}
body.page-aboutus .license-item-body{flex:1;display:flex;flex-direction:column}
body.page-aboutus .license-item-body h3{font-size:17px;font-weight:700;color:#f8fafc;margin:0 0 8px;line-height:1.35}
body.page-aboutus .license-item-body p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 16px}
body.page-aboutus .license-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,0.12);text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
body.page-aboutus .license-view-btn:hover{background:var(--accent,#a78bfa);color:#111111;border-color:var(--accent,#a78bfa)}
body.page-aboutus .license-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
body.page-aboutus .license-lightbox.active{opacity:1;visibility:visible}
body.page-aboutus .license-lightbox-backdrop{position:absolute;inset:0;background:rgba(4,3,7,0.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}
body.page-aboutus .license-lightbox-dialog{position:relative;z-index:2;max-width:min(94vw,920px);max-height:90vh;display:flex;flex-direction:column;align-items:center;transform:scale(0.96);transition:transform .25s ease}
body.page-aboutus .license-lightbox.active .license-lightbox-dialog{transform:scale(1)}
body.page-aboutus .license-lightbox-close{position:absolute;top:-16px;right:-16px;width:42px;height:42px;border-radius:50%;background:#1e1b29;border:1px solid rgba(255,255,255,0.25);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.6);transition:background .2s ease,transform .2s ease,color .2s ease,border-color .2s ease;z-index:10}
body.page-aboutus .license-lightbox-close:hover{background:var(--accent,#a78bfa);color:#111111;border-color:var(--accent,#a78bfa);transform:scale(1.08) rotate(90deg)}
body.page-aboutus .license-lightbox-content{display:flex;flex-direction:column;align-items:center;max-width:100%}
body.page-aboutus .license-lightbox-img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 25px 60px rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.15);background:#0d0d12}
body.page-aboutus .license-lightbox-caption{font-size:14px;font-weight:600;color:#f1f5f9;margin:14px 0 0;text-align:center;letter-spacing:-.01em}
@media(max-width:640px){body.page-aboutus .license-lightbox-dialog{max-width:96vw}body.page-aboutus .license-lightbox-img{max-height:74vh}body.page-aboutus .license-lightbox-close{top:-12px;right:-12px;width:36px;height:36px;font-size:16px}}
@media(max-width:900px){body.page-aboutus .license-grid-3{grid-template-columns:1fr;gap:16px}}
@media(max-width:860px){body.page-aboutus .about-info-grid{grid-template-columns:1fr;gap:16px}body.page-aboutus .about-section-header .about-title,body.page-aboutus .license-section-header .license-title{font-size:26px}body.page-aboutus .about-feature-card{padding:20px}}
@media(max-width:1000px){body.page-aboutus .inner-hero-grid{gap:30px}body.page-aboutus .about-brand-panel{padding:21px}body.page-aboutus .about-brand-product{gap:20px}body.page-aboutus .about-brand-product img{width:100px;height:130px}body.page-aboutus .about-brand-product h2{font-size:21px}}
@media(max-width:760px){body.page-aboutus .inner-hero{padding:110px 0 35px}body.page-aboutus .inner-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}body.page-aboutus .inner-hero .hero-content h1{font-size:32px}body.page-aboutus .inner-hero .hero-content .about-hero-lead{font-size:13px}body.page-aboutus .about-brand-panel{padding:22px}body.page-aboutus .about-brand-product{gap:24px}body.page-aboutus .about-brand-product img{width:110px;height:142px}body.page-aboutus .about-brand-product h2{font-size:22px}body.page-aboutus .inner-about{padding:35px 0}body.page-aboutus .inner-about-grid{grid-template-columns:minmax(0,1fr);gap:23px}}

/* Align the certificate cards to one common outer width. */
body.page-aboutus .inner-licenses .shariah-certificate,body.page-aboutus .inner-licenses .license-wrapper{width:100%;max-width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}
body.page-aboutus .inner-licenses .license-wrapper{align-items:stretch;grid-auto-rows:1fr}
body.page-aboutus .inner-licenses .license-card{box-sizing:border-box;height:100%;align-self:stretch}
body.page-aboutus .inner-licenses .license-badge{flex:1}

/* Natural community image for the About Us introduction. */
body.page-aboutus .about-hero-photo{display:block;min-width:0;margin:0;padding:0;}
body.page-aboutus .about-hero-photo img{display:block;}
body.page-aboutus .about-hero-photo figcaption{line-height:1.8;letter-spacing:.2px;text-align:left;}
@media(max-width:760px){body.page-aboutus .about-hero-photo figcaption{font-size:11px;margin-top:10px}}

/* Blend the transparent consultation scene directly into the About Us hero. */
body.page-aboutus .about-hero-photo{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.page-aboutus .about-hero-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}
body.page-aboutus .about-hero-photo figcaption{color:#a68db8;font-size:11px;margin-top:6px}
@media(max-width:760px){body.page-aboutus .about-hero-photo img{border-radius:0;object-fit:contain}}

/* Page Data: Hero aligned with About Us */
body.page-data .inner-hero{padding:132px 0 45px;background:radial-gradient(ellipse at 85% 50%,#38234144,transparent 60%),#09070c}
body.page-data .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}
body.page-data .data-hero-main{min-width:0}
body.page-data .inner-hero .hero-content h1{font-size:42px;margin-bottom:18px}
body.page-data .inner-hero .hero-content .data-hero-lead{font-size:14px;line-height:1.85;max-width:440px;color:#aa9bb6;margin:14px 0 0}
body.page-data .inner-hero-actions{margin-top:26px;display:flex;flex-direction:row;align-items:center;gap:14px}
body.page-data .eastel-sim-visual{height:430px;position:relative;isolation:isolate;min-width:0}
body.page-data .eastel-sim-orbit{position:absolute;width:370px;height:370px;border:1px solid #76568b33;border-radius:50%;top:30px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,#70498b33,transparent 72%);z-index:-1}
body.page-data .eastel-sim-orbit:after{content:'';position:absolute;inset:24px;border-radius:50%;border:1px solid #76568b20}
body.page-data .eastel-sim-visual img{display:block;position:absolute;width:195px;height:auto;border-radius:17px;box-shadow:0 17px 28px #0007}
body.page-data .eastel-sim-back{left:20px;top:100px;transform:rotate(-14deg);z-index:1}
body.page-data .eastel-sim-front{left:180px;top:40px;transform:rotate(12deg);z-index:2}
body.page-data .eastel-sim-price{position:absolute;right:10px;bottom:20px;padding:15px 22px;border-radius:19px;background:#c9b0ee;color:#28143d;transform:rotate(-5deg);z-index:3}
body.page-data .eastel-sim-price>span{display:block;font-size:8px;letter-spacing:1.4px}
body.page-data .eastel-sim-price strong{display:block;font-size:34px;font-weight:700;letter-spacing:-1.5px;line-height:1.5}
body.page-data .eastel-sim-price small{font-size:10px}

@media(max-width:1000px){
  body.page-data .inner-hero-grid{gap:30px}
  body.page-data .eastel-sim-visual{height:360px}
  body.page-data .eastel-sim-visual img{width:155px}
  body.page-data .eastel-sim-back{left:0;top:80px}
  body.page-data .eastel-sim-front{left:120px;top:30px}
  body.page-data .eastel-sim-orbit{width:290px;height:290px}
}
@media(max-width:760px){
  body.page-data .inner-hero-grid{grid-template-columns:1fr;gap:24px}
  body.page-data .inner-hero .hero-content h1{font-size:32px}
  body.page-data .inner-hero-actions{justify-content:flex-start}
  body.page-data .eastel-sim-visual{width:100%;max-width:340px;margin:20px auto 0;height:320px}
  body.page-data .eastel-sim-visual img{width:145px;border-radius:12px}
  body.page-data .eastel-sim-back{left:10px;top:70px}
  body.page-data .eastel-sim-front{left:auto;right:25px;top:20px}
  body.page-data .eastel-sim-price{right:0;bottom:0;padding:12px 18px;border-radius:15px}
  body.page-data .eastel-sim-price strong{font-size:27px}
  body.page-data .eastel-sim-orbit{width:260px;height:260px;top:15px}
}

/* Page Affiliate: Hero aligned with About Us & Data */
body.page-affiliate .inner-hero{padding:132px 0 45px;background:radial-gradient(ellipse at 85% 50%,#38234144,transparent 60%),#09070c}
body.page-affiliate .inner-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center}
body.page-affiliate .affiliate-hero-main{min-width:0}
body.page-affiliate .inner-hero .hero-content h1{font-size:42px;margin-bottom:18px}
body.page-affiliate .inner-hero .hero-content .affiliate-hero-lead{font-size:14px;line-height:1.85;max-width:460px;color:#aa9bb6;margin:14px 0 0}
body.page-affiliate .inner-hero-actions{margin-top:26px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}
body.page-affiliate .affiliate-hero-photo{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:0;background:transparent;border:0}
body.page-affiliate .affiliate-hero-photo img{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.08)}

@media(max-width:1000px){
  body.page-affiliate .inner-hero-grid{gap:30px}
}
@media(max-width:760px){
  body.page-affiliate .inner-hero-grid{grid-template-columns:1fr;gap:26px}
  body.page-affiliate .inner-hero .hero-content h1{font-size:32px}
  body.page-affiliate .inner-hero-actions{justify-content:flex-start}
  body.page-affiliate .affiliate-hero-photo img{max-width:100%;border-radius:14px}
}

/* Home starter SIMs: charcoal cards with a subtle edge and soft backlight. */
body.home-reference .eastel-sim-section .eastel-sim-visual>img{filter:brightness(1.08) contrast(.9);box-shadow:0 0 0 1px #b9a1d647,0 18px 30px #0007,0 0 28px #b18ad31f}
body.home-reference .eastel-sim-section .eastel-sim-orbit{background:radial-gradient(circle,#9165b352 0%,#70498b24 48%,transparent 74%);border-color:#a07cb347}

/* Data Plans hero focuses on connected devices, without SIM price artwork. */
body.page-data .data-hero-visual{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none}
body.page-data .data-hero-visual img{display:block;width:100%;height:auto;max-height:440px;aspect-ratio:3/2;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;filter:none}
@media(max-width:760px){body.page-data .data-hero-visual{margin:8px auto 0;width:100%;max-width:480px}body.page-data .data-hero-visual img{max-height:320px}}

/* One hero height, spacing and type scale for About, Data and Affiliate. */
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero{padding:132px 0 45px;min-height:0}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;align-items:center;min-height:350px}
body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-main,.data-hero-main,.affiliate-hero-main){display:flex;flex-direction:column;min-width:0;min-height:350px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content{min-height:0;padding:0;margin:0;max-width:none;width:100%;text-align:left}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .inner-kicker{font-size:10px;line-height:1.7;letter-spacing:1.5px;font-weight:700;margin:0 0 15px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content h1{font-size:42px;line-height:1.2;letter-spacing:-1.3px;font-weight:600;margin:0 0 16px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content p,body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content :is(.about-hero-lead,.data-hero-lead,.affiliate-hero-lead){font-size:14px;line-height:1.85;letter-spacing:0;font-weight:400;max-width:480px;margin:0;padding:0;color:#aa9bb6}
body.page-aboutus .inner-hero .hero-content .about-hero-lead{margin-top:12px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:flex-start;min-height:44px;margin:24px 0 0;padding:0;gap:12px 14px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;font-weight:600;line-height:1.6;min-height:44px;padding:12px 20px;margin:0;border-radius:8px;box-sizing:border-box}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-actions .inner-text-link{font-size:12px;line-height:1.6}
body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-photo,.data-hero-visual,.affiliate-hero-photo){display:flex;align-items:center;justify-content:center;width:100%;max-width:none;height:350px;min-width:0;margin:0;padding:0}
body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-photo,.data-hero-visual,.affiliate-hero-photo)>img{display:block;width:100%;max-width:none;height:350px;max-height:none;aspect-ratio:auto;object-fit:contain}
@media(min-width:761px) and (max-width:1000px){
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-grid{gap:30px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content h1{font-size:36px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-actions{min-height:44px}
}
@media(max-width:760px){
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero{padding:110px 0 35px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}

body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content{min-height:0}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content h1{font-size:32px;line-height:1.2;letter-spacing:-1px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content p,body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content :is(.about-hero-lead,.data-hero-lead,.affiliate-hero-lead){font-size:13px;line-height:1.85}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero-actions{min-height:44px}
body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-photo,.data-hero-visual,.affiliate-hero-photo),body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-photo,.data-hero-visual,.affiliate-hero-photo)>img{height:240px;max-height:240px}
}

/* Affiliate: consistent spacing within the main incentives section. */
body.page-affiliate .inner-marketing{padding:56px 0}
body.page-affiliate .inner-marketing .marketing-title{margin:0 0 28px}
body.page-affiliate .inner-marketing .marketing-sub{margin:36px 0 10px}
body.page-affiliate .inner-marketing .marketing-title+.marketing-sub{margin-top:0}
body.page-affiliate .inner-marketing .desc{margin:0 0 18px;padding:0}
body.page-affiliate .inner-marketing .table-wrap{margin:0}
body.page-affiliate .inner-marketing .grid-3{margin:0 0 28px;gap:18px}
body.page-affiliate .inner-marketing .grid-3+.desc>br{display:none}
@media(max-width:768px){
body.page-affiliate .inner-marketing{padding:40px 0}
body.page-affiliate .inner-marketing .marketing-title{margin-bottom:24px}
body.page-affiliate .inner-marketing .marketing-sub{margin-top:28px;margin-bottom:10px}
body.page-affiliate .inner-marketing .marketing-title+.marketing-sub{margin-top:0}
body.page-affiliate .inner-marketing .desc{margin-bottom:16px}
body.page-affiliate .inner-marketing .grid-3{margin-bottom:24px;gap:9px}
}

/* Affiliate rank comparison: five equally sized columns. */
body.page-affiliate .inner-marketing .table:not(.bonus-table){table-layout:fixed;width:100%}
body.page-affiliate .inner-marketing .table:not(.bonus-table) th,
body.page-affiliate .inner-marketing .table:not(.bonus-table) td{width:20%;text-align:center;vertical-align:middle;white-space:normal;overflow-wrap:break-word}

/* Affiliate registration bonus: four equally sized columns. */
body.page-affiliate .inner-marketing .bonus-table{table-layout:fixed;width:100%}
body.page-affiliate .inner-marketing .bonus-table th,
body.page-affiliate .inner-marketing .bonus-table td{width:25%;text-align:center;vertical-align:middle;white-space:normal;overflow-wrap:break-word}

/* Affiliate phone tables: keep every column visible within the page. */
@media(max-width:768px){
body.page-affiliate .inner-marketing .table{min-width:0;width:100%;table-layout:fixed}
body.page-affiliate .inner-marketing .table th,
body.page-affiliate .inner-marketing .table td{padding:12px 5px;font-size:10px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
body.page-affiliate .inner-marketing .bonus-table th,
body.page-affiliate .inner-marketing .bonus-table td{padding:12px 6px;font-size:11px}
}
@media(max-width:380px){
body.page-affiliate .inner-marketing .table th,
body.page-affiliate .inner-marketing .table td{padding:10px 3px;font-size:9px}
body.page-affiliate .inner-marketing .bonus-table th,
body.page-affiliate .inner-marketing .bonus-table td{font-size:10px}
}

/* Official Eastel logo, retaining the existing header mark dimensions. */
:is(body.page-home,body.inner-page) header img.brand-logo-image{display:block;object-fit:cover;border-radius:50%;background:transparent;box-shadow:none;flex-shrink:0}

/* Home plan cards: refined surfaces, compact hierarchy and aligned actions. */
body.home-reference .home-plans .plan-wrapper{align-items:stretch;}
body.home-reference .home-plans .plan-card,
body.home-reference .home-plans .plan-card.featured{isolation:isolate;padding:26px 22px 22px;border:1px solid #42334f;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#694b8526,transparent 65%),linear-gradient(155deg,#211929,#141017);box-shadow:inset 0 1px 0 #ffffff09,0 16px 35px #00000026;transition:border-color .2s ease,box-shadow .2s ease}
body.home-reference .home-plans .plan-card.featured{background:radial-gradient(ellipse at 100% 0%,#a985dd30,transparent 70%),linear-gradient(155deg,#30213e,#1b1425);box-shadow:inset 0 1px 0 #ded0ff26,0 14px 35px #9a73d51a}
body.home-reference .home-plans .plan-card:before{content:'';position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,#a88bcd70,transparent);pointer-events:none}
body.home-reference .home-plans .plan-card.featured:before{background:linear-gradient(90deg,transparent,#d9c6ff,transparent)}
body.home-reference .home-plans .plan-header{align-self:flex-start;border:1px solid #b99bd52b;border-radius:7px;background:#b99bd50b;padding:5px 9px;margin:0 0 24px;font-size:12px;line-height:1.5;letter-spacing:.5px;color:#d8c8eb}
body.home-reference .home-plans .plan-body h3{font-size:29px;line-height:1.25;letter-spacing:-1px;min-height:0;margin:0 0 12px;color:#f7f2fc}
body.home-reference .home-plans .price-tag{font-size:24px;line-height:1.3;letter-spacing:-.7px;background:none;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid #aa8cc52b;}
body.home-reference .home-plans .plan-body p{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.7;margin:0 0 12px;color:#c1b4cd}
body.home-reference .home-plans .plan-body p i{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin:0;border:1px solid #aa8cc521;border-radius:7px;font-size:10px;}
body.home-reference .home-plans .badge{top:29px;right:22px;border-radius:20px;padding:5px 9px;font-size:7px;letter-spacing:1px;}
body.home-reference .home-plans .plan-card:after{height:18px}
body.home-reference .home-plans .reference-plan-action{min-height:44px;padding:11px 14px;border:1px solid #73568b;border-radius:10px;background:#b99bd509;color:#e6d8f5;font-size:11px;line-height:1.5;text-decoration:none;box-sizing:border-box}

body.home-reference .home-plans .reference-plan-action span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#bb9cde12}
body.home-reference .home-plans .reference-plan-action:hover{background:#49315b;color:#fff}
body.home-reference .home-plans .reference-plan-action:focus-visible{outline:2px solid #d6c0ff;outline-offset:4px}
@media(hover:hover){body.home-reference .home-plans .plan-card:hover{border-color:#ad8ed2;box-shadow:inset 0 1px 0 #ffffff12,0 18px 40px #00000038;transform:none}}
@media(max-width:768px){
body.home-reference .home-plans .plan-card,body.home-reference .home-plans .plan-card.featured{padding:24px 22px 22px;border-radius:20px}
body.home-reference .home-plans .plan-body h3{font-size:28px}
body.home-reference .home-plans .plan-header{margin-bottom:20px}
body.home-reference .home-plans .badge{top:27px}
}

/* SIM Guide: public guide page. */
body.page-sim-guide{background:#0e0b12;color:#f3edf8}
.page-sim-guide .guide-shell{width:calc(100% - 80px);max-width:1200px;margin:0 auto}
.page-sim-guide .guide-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#bba1ef;margin-bottom:18px}
.page-sim-guide .guide-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#baa0ef;box-shadow:0 0 0 5px #baa0ef12;flex-shrink:0}
.page-sim-guide .guide-hero{padding:132px 0 45px;background:radial-gradient(ellipse at 85% 20%,#8e5eb715,transparent 55%),#0c090f;border-bottom:1px solid #392b43}
.page-sim-guide .guide-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:350px}
.page-sim-guide h1{font-size:42px;line-height:1.2;letter-spacing:-1.3px;font-weight:600;margin:0 0 20px}
.page-sim-guide h1 span{display:block;color:#baa0ef;font-size:30px;margin-top:10px}
.page-sim-guide main p{font-size:13px;line-height:1.85;color:#b4a4c1;margin:0}
.page-sim-guide h2{font-size:28px;line-height:1.3;letter-spacing:-.8px;font-weight:600;margin:0 0 16px}
.page-sim-guide .guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.page-sim-guide .guide-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;box-sizing:border-box;padding:12px 20px;border:1px solid #b5a0f4;border-radius:9px;background:#b5a0f4;color:#21132d;text-decoration:none;font-size:12px;font-weight:600}
.page-sim-guide .guide-outline{background:transparent;color:#dfcfef;border-color:#6a4e80}
.page-sim-guide .guide-overview{padding:30px;border:1px solid #493355;border-radius:22px;background:linear-gradient(140deg,#291d34,#16101d);box-shadow:inset 0 1px 0 #ffffff08}
.page-sim-guide .guide-overview h2{font-size:24px}
.page-sim-guide .guide-overview ol{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:16px}
.page-sim-guide .guide-overview li{display:flex;align-items:center;gap:15px}
.page-sim-guide .guide-overview li>span,.page-sim-guide .guide-step{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #85619e69;border-radius:50%;background:#b899d50a;color:#c8b0ed;font-size:11px}
.page-sim-guide .guide-overview strong{display:block;font-size:12px;font-weight:600}
.page-sim-guide .guide-overview small{display:block;color:#b4a4c1;font-size:11px;line-height:1.7;margin-top:3px}
.page-sim-guide .guide-section{padding:64px 0;scroll-margin-top:100px}
.page-sim-guide .guide-section-heading{max-width:600px;margin-bottom:30px}

/* Official MyDigital ID tutorial; iframe loads only when opened. */
.guide-video-dialog{--guide-video-padding:20px;box-sizing:border-box;position:fixed;inset:0;width:min(calc(100% - 32px),calc((100vh - 160px)*.5625 + 2*var(--guide-video-padding) + 2px));width:min(calc(100% - 32px),calc((100dvh - 160px)*.5625 + 2*var(--guide-video-padding) + 2px));max-width:calc(320px + 2*var(--guide-video-padding) + 2px);max-height:calc(100dvh - 32px);margin:auto;padding:var(--guide-video-padding);border:1px solid #604475;border-radius:20px;background:#17101e;color:#f3edf8;box-shadow:0 24px 100px #0009;overflow:auto;font-family:Manrope,Arial,sans-serif}
.guide-video-dialog::backdrop{background:#050208cc;backdrop-filter:blur(6px)}
.guide-video-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
body.page-sim-guide .guide-video-head h2{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0}
.guide-video-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #604475;border-radius:12px;background:#b99ae712;color:#ecdfff;font-size:28px;cursor:pointer}
.guide-video-player{width:100%;aspect-ratio:9/16;margin-inline:auto;background:#000;border-radius:12px;overflow:hidden}
.guide-video-player iframe{display:block;width:100%;height:100%;border:0}
.guide-video-dialog>p{margin:16px 0 0;font-size:13px;line-height:1.7;color:#b4a4c1}
.guide-video-dialog a{color:#ceb1ff;text-underline-offset:4px}
.guide-video-dialog :is(button,a):focus-visible{outline:2px solid #d5b9ff;outline-offset:3px}
@media(max-width:480px){.guide-video-dialog{--guide-video-padding:16px;border-radius:16px}body.page-sim-guide .guide-video-head h2{font-size:17px}.guide-video-head{gap:12px}}

.page-sim-guide .guide-preparation{border-bottom:1px solid #302438;background:radial-gradient(ellipse at 15% 0,#8f39d10c,transparent 65%)}
.page-sim-guide .guide-preparation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.page-sim-guide .guide-preparation-card{min-width:0;padding:24px;background:linear-gradient(155deg,#22172d,#120e18);border-color:#443052;box-shadow:inset 0 1px 0 #ffffff06}
.page-sim-guide .guide-preparation-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.page-sim-guide .guide-preparation-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #b99ae733;border-radius:14px;color:#c9a7ff;background:#b99ae70e}
.page-sim-guide .guide-preparation-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.page-sim-guide .guide-preparation-number{font-size:32px;line-height:1;font-weight:600;letter-spacing:-1px;color:#b99ae74d;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.page-sim-guide .guide-preparation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.page-sim-guide .guide-preparation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-sim-guide .guide-card.guide-preparation-card{padding:18px 14px;border-radius:18px}.page-sim-guide .guide-preparation-top{gap:8px;margin-bottom:22px}.page-sim-guide .guide-preparation-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}.page-sim-guide .guide-preparation-number{font-size:28px}body.inner-page.page-sim-guide main .guide-preparation-card h3{font-size:17px;line-height:1.4;overflow-wrap:anywhere}body.inner-page.page-sim-guide main .guide-preparation-card p{font-size:14px;line-height:1.75;margin-bottom:0}}
.page-sim-guide .guide-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.page-sim-guide .guide-card{padding:28px;border:1px solid #3e2e4b;border-radius:18px;background:linear-gradient(145deg,#201727,#151019)}
.page-sim-guide .guide-step{margin-bottom:20px}
.page-sim-guide .guide-card h3{font-size:18px;line-height:1.4;font-weight:600;margin:0 0 12px;letter-spacing:-.3px}
.page-sim-guide .guide-card ul{padding-left:18px;margin:16px 0 0;color:#b4a4c1;font-size:12px;line-height:1.85}
.page-sim-guide .guide-card li+li{margin-top:8px}

.page-sim-guide .guide-app-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.page-sim-guide .guide-card .guide-app-links a{display:flex;flex:1 1 190px;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:56px;margin:0;padding:14px 18px;box-sizing:border-box;border:1px solid #705286;border-radius:10px;background:#b99ae70c;color:#e2ccff;text-decoration:none;white-space:nowrap}
.page-sim-guide .guide-app-links a:hover{background:#b99ae71c;border-color:#b99ae7}
.page-sim-guide .guide-store-icon{display:block;width:24px;height:24px;flex:0 0 24px}
.page-sim-guide .guide-app-links a>span:first-of-type{flex:0 0 auto}

.page-sim-guide .guide-registration-steps{padding-left:22px;margin:16px 0 0;color:#b4a4c1;font-size:var(--type-body);line-height:1.85}
.page-sim-guide .guide-registration-steps li{padding-left:4px}
.page-sim-guide .guide-registration-steps li::marker{color:#c9a7ff;font-weight:600}
.page-sim-guide .guide-card a,.page-sim-guide .guide-faq a{display:inline-block;color:#cbb0f5;font-size:12px;font-weight:600;margin-top:20px;text-decoration:none}
.page-sim-guide .guide-support{border-block:1px solid #35263f;background:#151019}
.page-sim-guide .guide-support-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}
.page-sim-guide .guide-faq details{border-bottom:1px solid #46324f;padding:18px 0}
.page-sim-guide .guide-faq details:first-child{padding-top:0}
.page-sim-guide .guide-faq summary{cursor:pointer;font-size:13px;line-height:1.7;font-weight:600;color:#ede1f6}
.page-sim-guide .guide-faq details p{padding-top:14px;font-size:12px}
.page-sim-guide .guide-bottom{padding:48px 0}
.page-sim-guide .guide-bottom>.guide-shell{display:flex;justify-content:space-between;align-items:center;gap:30px}
.page-sim-guide :is(a,summary):focus-visible{outline:2px solid #d5b9ff;outline-offset:5px}
@media(min-width:769px) and (max-width:1100px){
:is(body.page-home,body.inner-page) header nav ul{gap:15px}
:is(body.page-home,body.inner-page) header nav a{font-size:11px}
.page-sim-guide .guide-hero-grid,.page-sim-guide .guide-support-grid{gap:30px}
}
@media(max-width:768px){
.page-sim-guide .guide-shell{width:calc(100% - 40px)}
.page-sim-guide .guide-hero{padding:110px 0 35px}
.page-sim-guide .guide-hero-grid,.page-sim-guide .guide-support-grid,.page-sim-guide .guide-card-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.page-sim-guide h1{font-size:32px}
.page-sim-guide h1 span{font-size:25px}
.page-sim-guide h2{font-size:24px}
.page-sim-guide .guide-overview,.page-sim-guide .guide-card{padding:24px}
.page-sim-guide .guide-section{padding:40px 0}
.page-sim-guide .guide-bottom>.guide-shell{flex-direction:column;align-items:flex-start;gap:24px}
}

/* Consistent section labels across public information pages. */
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.inner-kicker,.guide-kicker){display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.7;font-weight:700;letter-spacing:1.5px;color:#bba1ef;text-align:left}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.inner-kicker,.guide-kicker)::before{content:'';display:block;position:static;width:7px;height:7px;flex:0 0 7px;border:0;border-radius:50%;background:#baa0ef;box-shadow:0 0 0 5px #baa0ef12;transform:none;margin:0}

/* Home benefits: balance heading and introduction on desktop. */
@media(min-width:1001px){
body.home-reference .eastel-benefits .benefits-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:48px}
body.home-reference .eastel-benefits .benefits-heading>div{min-width:0}
body.home-reference .eastel-benefits .benefits-heading>p{width:100%;max-width:none;margin:0;padding-top:34px}
}

/* Compact cart dialog and prominent feedback message. */
.eastel-cart-dialog{padding:22px;max-height:calc(100dvh - 32px)}
.eastel-cart-dialog .eastel-cart-head{margin-bottom:8px}
.eastel-cart-dialog h2{font-size:23px;margin-bottom:12px;line-height:1.25}
.eastel-cart-dialog .eastel-cart-message:not(:empty){padding:11px 13px;margin:0 0 12px;border:1px solid #a888d470;border-left:3px solid #c3a4f6;border-radius:9px;background:#b18bdf20;color:#f1e4ff;font-size:13px;line-height:1.6;font-weight:700}
.eastel-cart-dialog .eastel-cart-product{padding:12px 0;margin-bottom:14px;gap:14px}

.eastel-cart-dialog .eastel-cart-product h3{font-size:14px;margin-bottom:3px}
.eastel-cart-dialog .eastel-cart-quantity-label{margin-bottom:8px}
.eastel-cart-dialog .eastel-cart-quantity{margin-bottom:12px}
.eastel-cart-dialog .eastel-cart-quantity :is(button,input){height:38px}
.eastel-cart-dialog .eastel-cart-subtotal{padding:11px 0}
.eastel-cart-dialog .eastel-cart-subtotal strong{font-size:21px}
.eastel-cart-dialog .eastel-cart-note{margin-bottom:14px;font-size:10px;line-height:1.7}
.eastel-cart-dialog .eastel-cart-primary{min-height:44px;padding:11px 16px}
.eastel-cart-dialog .eastel-cart-continue{margin-top:12px}
@media(max-width:480px){.eastel-cart-dialog{padding:18px}.eastel-cart-dialog .eastel-cart-product{gap:11px}}

/* Cart thumbnail contrast and accessible remove icon. */
.eastel-cart-dialog .eastel-cart-product img{box-sizing:content-box;width:48px;height:62px;padding:5px;border:1px solid #88709f55;border-radius:7px;background:radial-gradient(ellipse at 50% 40%,#87709555,#2c203800 75%);object-fit:contain;filter:brightness(1.16);box-shadow:0 4px 12px #00000026}
.eastel-cart-dialog .eastel-cart-product>button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid #735686;border-radius:9px;background:#b99bd50d;color:#d3bce8;text-decoration:none;align-self:center}
.eastel-cart-dialog .eastel-cart-product>button:hover{background:#b99bd52b;border-color:#b99bd5;color:#fff}
.eastel-cart-dialog .eastel-cart-product>button[hidden]{display:none}

/* Checkout product thumbnail: match the cart's subtle contrast treatment. */
body.page-checkout .checkout-product-img img{display:block;box-sizing:border-box;width:100%;height:auto;padding:5px;border:1px solid #88709f55;border-radius:7px;background:radial-gradient(ellipse at 50% 40%,#87709555,#2c203800 75%);object-fit:contain;filter:brightness(1.16);box-shadow:0 4px 12px #00000026}

/* Member login: independent public sign-in screen. */
body.page-login,body.page-login *{box-sizing:border-box}
body.page-login{margin:0;min-height:100dvh;padding:32px 20px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#6f48941b,transparent 55%),#0b090e;color:#f2edf7;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page-login .login-shell{width:100%;max-width:430px;min-width:0}
.page-login .login-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;color:#a89ab5;text-decoration:none}
.page-login .login-back:hover{color:#e4d6f2}
.page-login .login-panel{padding:32px;border:1px solid #403049;border-radius:22px;background:linear-gradient(145deg,#1e1625,#141017);box-shadow:0 24px 80px #00000040,inset 0 1px 0 #ffffff05}
.page-login .login-brand{display:inline-flex;align-items:center;gap:11px;color:#f3edf8;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:1.4px;line-height:1.3}
.page-login .login-brand img{display:block;width:43px;height:43px;object-fit:cover;border-radius:50%}
.page-login .login-brand small{display:block;font-size:7px;letter-spacing:1.6px;color:#b89ee9;margin-top:4px;font-weight:700}
.page-login .login-heading{margin:32px 0 26px}
.page-login .login-kicker{display:flex;align-items:center;gap:9px;color:#b99ee7;font-size:9px;font-weight:700;line-height:1.7;letter-spacing:1.5px;margin-bottom:12px}
.page-login .login-kicker:before{content:'';width:6px;height:6px;background:#b99ee7;border-radius:50%;box-shadow:0 0 0 4px #b99ee712}
.page-login h1{margin:0 0 10px;font-size:28px;line-height:1.25;font-weight:600;letter-spacing:-.8px}
.page-login .login-heading p{margin:0;color:#ac9bb9;font-size:12px;line-height:1.85}
.page-login .login-form{display:grid;gap:20px}
.page-login .login-field{min-width:0}
.page-login .login-field label{display:block;color:#ded1e8;font-size:12px;font-weight:600;line-height:1.6;margin-bottom:9px}
.page-login .login-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.page-login .login-label-row a{font-size:10px;color:#bca1e4;text-decoration:none}
.page-login .login-label-row a:hover{text-decoration:underline}
.page-login .login-field input{width:100%;height:48px;border:1px solid #4c3959;border-radius:9px;background:#100c15;color:#f4edf9;padding:12px 14px;font:400 13px Manrope,Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.page-login .login-field input::placeholder{color:#796a88}
.page-login .login-field input:focus{border-color:#b59bdd;box-shadow:0 0 0 3px #b59bdd15}
.page-login .login-password-wrap{position:relative}
.page-login .login-password-wrap input{padding-right:48px}
.page-login .login-reveal{position:absolute;right:5px;top:4px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#aa93bd;cursor:pointer;border-radius:6px}
.page-login .login-reveal:hover{color:#eadcf7;background:#b59bdd0a}
.page-login .login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:3px;padding:13px 17px;border:1px solid #b9a2ef;border-radius:9px;background:linear-gradient(110deg,#c1acf1,#ab8bdc);color:#21132b;font:700 13px Manrope,Arial,sans-serif;cursor:pointer}
.page-login .login-submit:hover{background:#cbb7f5}
.page-login .login-error{padding:11px 13px;margin-bottom:20px;border:1px solid #a05d7759;border-radius:9px;background:#a05d7714;color:#f0b7ca;font-size:12px;line-height:1.7}
.page-login .login-panel-footer{display:flex;align-items:baseline;gap:8px;border-top:1px solid #3d2c46;margin-top:26px;padding-top:18px;font-size:10px;line-height:1.8;color:#93809f}
.page-login .login-panel-footer span{color:#b99ee7;font-size:7px}
.page-login .login-copyright{text-align:center;margin:20px 0 0;font-size:10px;line-height:1.7;color:#796b86}
.page-login :is(a,button):focus-visible{outline:2px solid #cfb6f6;outline-offset:4px}
@media(max-width:480px){body.page-login{padding:24px 18px}.page-login .login-panel{padding:26px 22px;border-radius:18px}.page-login h1{font-size:26px}.page-login .login-field input{font-size:16px}.page-login .login-heading{margin-top:28px}}

/* Registration: match the simple black and purple login screen. */
body.page-register,body.page-register *{box-sizing:border-box}
body.page-register{margin:0;min-height:100dvh;padding:32px 20px;background:radial-gradient(ellipse at 50% 10%,#6f48941b,transparent 55%),#0b090e;color:#f2edf7;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page-register .register-shell{width:100%;max-width:680px;margin:auto}
.page-register .register-back{display:inline-block;margin:0 0 18px;color:#a89ab5;font-size:12px;text-decoration:none}
.page-register .container{width:100%;padding:32px;border:1px solid #403049;border-radius:22px;background:linear-gradient(145deg,#1e1625,#141017);box-shadow:0 24px 80px #00000040,inset 0 1px 0 #ffffff05}
.page-register .register-brand{display:inline-flex;align-items:center;gap:11px;color:#f3edf8;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:1.4px;line-height:1.3}
.page-register .register-brand img{display:block;width:43px;height:43px;object-fit:cover;border-radius:50%}
.page-register .register-brand small{display:block;font-size:7px;letter-spacing:1.6px;color:#b89ee9;margin-top:4px;font-weight:700}
.page-register .register-heading{margin:28px 0 24px}
.page-register .register-kicker{display:flex;align-items:center;gap:9px;color:#b99ee7;font-size:9px;font-weight:700;line-height:1.7;letter-spacing:1.5px;margin-bottom:12px}
.page-register .register-kicker:before{content:'';width:6px;height:6px;border-radius:50%;background:#b99ee7;box-shadow:0 0 0 4px #b99ee712}
.page-register h1{font-size:28px;line-height:1.25;letter-spacing:-.8px;font-weight:600;margin:0 0 10px}
.page-register .register-heading p{margin:0;font-size:12px;line-height:1.85;color:#ac9bb9}
.page-register .progress{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}
.page-register .step{display:flex;align-items:center;gap:9px;padding:0 0 12px;border-bottom:2px solid #3e2c49;color:#8f7d9e;font-size:11px;font-weight:600}
.page-register .step span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #4c3959;border-radius:50%;font-size:9px}
.page-register .step.active{color:#d9c5f5;border-color:#b59bdd}
.page-register .step.active span{background:#b59bdd1a;border-color:#a88aca}
.page-register .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px}
.page-register .step-form{display:none}
.page-register .step-form.active{display:grid}
.page-register .field{display:flex;flex-direction:column;min-width:0}
.page-register .field label{order:-1;display:block;font-size:12px;font-weight:600;color:#ded1e8;line-height:1.6;margin-bottom:8px}
.page-register .field :is(input,textarea,select){width:100%;min-width:0;min-height:46px;padding:12px 13px;border:1px solid #4c3959;border-radius:9px;background:#100c15;color:#f4edf9;font:400 13px Manrope,Arial,sans-serif;outline:none;color-scheme:dark}
.page-register .field textarea{min-height:96px;resize:vertical}
.page-register .field :is(input,textarea,select):focus{border-color:#b59bdd;box-shadow:0 0 0 3px #b59bdd15}
.page-register .field input::placeholder{color:#796a88}
.page-register .field small{font-size:10px;line-height:1.6;margin-top:5px}
.page-register .full,.page-register .buttons,.page-register .ref{grid-column:1/-1}
.page-register .buttons{display:flex;gap:12px;margin-top:5px}
.page-register .buttons button{flex:1;min-height:46px;padding:12px 17px;border:1px solid #b9a2ef;border-radius:9px;background:linear-gradient(110deg,#c1acf1,#ab8bdc);color:#21132b;font:700 12px Manrope,Arial,sans-serif;cursor:pointer}
.page-register .buttons .back{flex:0 0 35%;border-color:#654c77;background:transparent;color:#d9c6e9}
.page-register .buttons button:hover{filter:brightness(1.08)}
.page-register .ref{padding-top:14px;border-top:1px solid #3d2c46;color:#93809f;font-size:11px;line-height:1.7}
.page-register .ref b{color:#cbb2ed;font-weight:600}
.page-register :is(.register-error,.register-success){padding:12px 14px;border:1px solid #a05d7759;border-radius:9px;background:#a05d7714;color:#f0b7ca;font-size:12px;line-height:1.8;margin-bottom:20px}
.page-register .register-success{background:#b59bdd12;border-color:#b59bdd60;color:#e7d6fa}
.page-register .register-success .link-login{color:#d7baff!important;font-weight:700;text-decoration:underline}
.page-register .register-login{margin:20px 0 0;text-align:center;color:#aa98b8;font-size:12px;line-height:1.8}
.page-register .register-login a{color:#c6a9ee;text-decoration:none;font-weight:600}
.page-register .register-copyright{text-align:center;margin:14px 0 0;font-size:10px;color:#796b86}
.page-register :is(a,button):focus-visible{outline:2px solid #cfb6f6;outline-offset:4px}
@media(max-width:600px){body.page-register{padding:24px 18px}.page-register .container{padding:26px 22px;border-radius:18px}.page-register .form-grid{grid-template-columns:minmax(0,1fr);gap:17px}.page-register .field :is(input,textarea,select){font-size:16px}.page-register h1{font-size:26px}.page-register .progress{gap:10px}.page-register .step{font-size:10px}}

/* SIM Guide uses the same type scale as Home. */
body.page-sim-guide h1{font-size:42px;line-height:1.2;letter-spacing:-1.3px}
body.page-sim-guide h1 span{font-size:inherit;line-height:inherit;letter-spacing:inherit}
body.page-sim-guide h2{font-size:var(--type-section);font-weight:600;line-height:1.2;letter-spacing:-1px}
body.page-sim-guide .guide-card h3,body.page-sim-guide .guide-overview h2{font-size:var(--type-card);font-weight:600;line-height:1.4;letter-spacing:-.2px}
body.page-sim-guide main :is(p,.guide-card ul,.guide-overview strong,.guide-overview small,.guide-faq details p){font-size:var(--type-body);line-height:1.85;letter-spacing:0}
body.page-sim-guide .guide-overview strong{font-weight:600}
body.page-sim-guide .guide-overview small{font-weight:400}
body.page-sim-guide .guide-hero-grid>div:first-child>p{font-size:16px}
body.page-sim-guide .guide-faq summary{font-size:var(--type-body);font-weight:500;line-height:1.7}
body.page-sim-guide :is(.guide-button,.guide-card a,.guide-faq a){font-size:var(--type-action);line-height:1.6;font-weight:600}
@media(min-width:761px) and (max-width:1000px){body.page-sim-guide h1{font-size:36px}}
@media(max-width:760px){
body.page-sim-guide h1{font-size:32px;line-height:1.2;letter-spacing:-1px}
body.page-sim-guide .guide-hero-grid>div:first-child>p{font-size:14px}
}

/* Original Home highlights layout with small decorative icons. */
body.home-reference .home-highlight-grid .highlight-icon{display:block;width:20px;height:20px;color:#b99ee3;line-height:1;font-style:normal;margin-bottom:3px}
body.home-reference .home-highlight-grid .highlight-icon svg{display:block;width:20px;height:20px}
@media(max-width:760px){
body.home-reference .home-highlight-grid>.highlight-item{align-items:center}
body.home-reference .home-highlight-grid .highlight-icon{margin:0 auto 3px}
}

/* Home introduction: original typography with a seamless SIM illustration. */
body.home-reference .eastel-benefits .benefits-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:48px;margin-bottom:32px}
body.home-reference .eastel-benefits .benefits-intro-copy{min-width:0}
body.home-reference .eastel-benefits .benefits-intro-copy>p{max-width:620px;margin:24px 0 0;padding:0;font-size:var(--type-body);font-weight:400;line-height:1.85;letter-spacing:0;color:#afa2bc}
body.home-reference .eastel-benefits .benefits-illustration{display:flex;align-items:center;justify-content:center;margin:0;min-width:0;width:100%}
body.home-reference .eastel-benefits .benefits-illustration svg{display:block;width:100%;max-width:490px;height:auto;overflow:visible}
@media(min-width:761px) and (max-width:1000px){body.home-reference .eastel-benefits .benefits-heading{gap:25px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
@media(max-width:760px){
body.home-reference .eastel-benefits .benefits-heading{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:25px;text-align:center}
body.home-reference .eastel-benefits .benefits-intro-copy>p{max-width:440px;margin:20px auto 0;text-align:center}
body.home-reference .eastel-benefits .benefits-illustration svg{max-width:320px}
}

/* Keep the six Home benefit cards two per row on phones. */
@media(max-width:760px){
body.home-reference .eastel-benefits .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.home-reference .eastel-benefits .benefit-card{overflow-wrap:break-word}
body.home-reference .eastel-benefits .benefit-card h3{margin-bottom:10px}

body.home-reference .eastel-benefits .benefit-label{font-size:9px;letter-spacing:1px}

body.home-reference .eastel-benefits .benefit-icon svg{width:22px;height:22px}
}
@media(max-width:360px){body.home-reference .eastel-benefits .benefit-grid{gap:10px}}

/* Benefit cards: compact icon, title and short description. */
body.home-reference .eastel-benefits .benefit-top{margin-bottom:18px}
body.home-reference .eastel-benefits .benefit-card h3{margin-bottom:10px}
@media(max-width:760px){
body.home-reference .eastel-benefits .benefit-grid{gap:12px;align-items:stretch}
body.home-reference .eastel-benefits .benefit-card{padding:17px 14px;border-radius:16px}
body.home-reference .eastel-benefits .benefit-top{margin-bottom:16px}
body.home-reference .eastel-benefits .benefit-card h3{font-size:15px;line-height:1.4;letter-spacing:-.2px;margin:0 0 10px}
body.home-reference .eastel-benefits .benefit-copy{font-size:12px;line-height:1.75}
body.home-reference .eastel-benefits .benefit-icon{width:40px;height:40px;border-radius:12px}
body.home-reference .eastel-benefits .benefit-index{font-size:9px;letter-spacing:1px}
}
@media(max-width:360px){body.home-reference .eastel-benefits .benefit-card{padding:15px 12px}body.home-reference .eastel-benefits .benefit-card h3{font-size:14px}}

/* Balance the Home introduction illustration with its text on desktop. */
@media(min-width:1001px){
body.home-reference .eastel-benefits .benefits-illustration svg{width:85%;max-width:415px}
}

/* Home plan comparison callout. */
body.home-reference .eastel-benefits .benefits-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;}
body.home-reference .eastel-benefits .benefits-bottom>div{flex:1;min-width:0}
body.home-reference .eastel-benefits .benefits-bottom b{display:block;margin-bottom:9px}
body.home-reference .eastel-benefits .benefits-bottom>div>span{display:block;max-width:660px}
body.home-reference .eastel-benefits .benefits-bottom .home-button{flex-shrink:0;white-space:nowrap;margin:0}
@media(max-width:760px){
body.home-reference .eastel-benefits .benefits-bottom{flex-direction:column;text-align:center}
body.home-reference .eastel-benefits .benefits-bottom>div{width:100%}
body.home-reference .eastel-benefits .benefits-bottom>div>span{max-width:440px;margin:0 auto}
body.home-reference .eastel-benefits .benefits-bottom .home-button{align-self:center}
}

/* Open comparison callout below the benefit cards. */
body.home-reference .eastel-benefits .benefits-bottom{border-top:1px solid #6c4b813d;}
@media(max-width:760px){body.home-reference .eastel-benefits .benefits-bottom{margin-top:24px;}}

/* Home data plans: swipeable, manually controlled slider. */
body.home-reference .home-plans .plan-wrapper{display:flex;flex-wrap:nowrap;gap:18px;width:100%;max-width:none;margin:0;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;overscroll-behavior-x:contain}
body.home-reference .home-plans .plan-wrapper::-webkit-scrollbar{display:none}
body.home-reference .home-plans .plan-wrapper>.plan-card{flex:0 0 calc((100% - 36px)/3);width:calc((100% - 36px)/3);max-width:none;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
body.home-reference .home-plan-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}
body.home-reference .home-plan-position{font-size:11px;line-height:1.7;color:#b09cbe}
body.home-reference .home-plan-controls>div{display:flex;gap:9px}
body.home-reference .home-plan-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #705385;border-radius:50%;background:#b99bd509;color:#d9c4ef;font:400 19px Manrope,Arial,sans-serif;cursor:pointer}
body.home-reference .home-plan-controls button:hover:not(:disabled){background:#b99bd51f;border-color:#b99bd5}
body.home-reference .home-plan-controls button:disabled{opacity:.3;cursor:default}
body.home-reference :is(#home-plan-slider,.home-plan-controls button):focus-visible{outline:2px solid #c5a8ee;outline-offset:3px}
@media(min-width:761px) and (max-width:1000px){body.home-reference .home-plans .plan-wrapper>.plan-card{flex-basis:calc((100% - 18px)/2);width:calc((100% - 18px)/2)}}
@media(max-width:760px){body.home-reference .home-plans .plan-wrapper{gap:14px}body.home-reference .home-plans .plan-wrapper>.plan-card{flex-basis:100%;width:100%;scroll-snap-align:start}body.home-reference .home-plan-controls{margin-top:12px}}

/* SIM section: equal, wider purchase and business buttons. */
body.home-reference .eastel-sim-copy .home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:480px;margin-top:24px}
body.home-reference .eastel-sim-copy .home-actions .home-button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;padding:13px 18px;margin:0;box-sizing:border-box}
@media(max-width:760px){body.home-reference .eastel-sim-copy .home-actions{margin:24px auto 0;gap:12px;max-width:480px}}

/* Wider, centered sponsor WhatsApp action. */
body.home-reference .eastel-agent-help .home-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:320px;min-height:48px;box-sizing:border-box;margin:20px auto 0;padding:13px 22px}
body.home-reference .eastel-agent-help .home-button .fa-whatsapp{font-size:19px;line-height:1}
@media(max-width:760px){body.home-reference .eastel-agent-help .home-button{grid-column:1/-1;justify-self:center;width:100%;max-width:360px;margin:22px auto 0}}

/* Sponsor section: original purple as a single solid surface. */
body.home-reference .eastel-agent-section{background:#1b1223;background-image:none;box-shadow:none}
body.home-reference .eastel-agent-section::before,body.home-reference .eastel-agent-section::after{content:none;display:none}
body.home-reference .eastel-agent-layout{background:transparent;background-image:none;box-shadow:none}

/* Prevent the footer shadow from darkening the solid sponsor section. */
body.home-reference footer{box-shadow:none}

/* FAQ: understated regular dot texture in place of contour lines. */
body.home-reference .home-faq::before{background-image:radial-gradient(circle,#b5a0f424 1px,transparent 1.2px);background-repeat:repeat;background-size:24px 24px;background-position:center;opacity:.65;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 75%,transparent 100%)}
@media(max-width:760px){}

/* Sponsor contact icons. Facebook link will be supplied later. */
body.home-reference .eastel-agent-details{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
body.home-reference .eastel-agent-details .agent-contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;box-sizing:border-box;border:1px solid #8e6da14d;border-radius:50%;background:#b89ad00a;color:#cbb0e8;font-size:18px;line-height:1;text-decoration:none}
body.home-reference .eastel-agent-details a.agent-contact-icon:hover{background:#b89ad01f;border-color:#b89ad0;color:#f2e5ff}
body.home-reference .eastel-agent-details a.agent-contact-icon:focus-visible{outline:2px solid #cfb2ed;outline-offset:4px}
body.home-reference .eastel-agent-details .agent-facebook-placeholder{cursor:default}

/* Phone FAQ introduction: compact sponsor help, desktop unchanged. */
@media(max-width:760px){
body.home-reference .home-faq .home-kicker{margin-bottom:14px}
body.home-reference .home-faq .home-heading{margin-bottom:16px}
body.home-reference .home-faq .home-copy{max-width:340px;margin:0 auto;line-height:1.8}
body.home-reference .home-faq .eastel-faq-help{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;max-width:350px;margin:24px auto 0;padding:22px 0 0;border-top:1px solid #6b4c8245;text-align:left}
body.home-reference .home-faq .eastel-faq-help>svg{box-sizing:border-box;flex:0 0 50px;width:50px;height:50px;padding:10px;border:1px solid #a280c145;border-radius:50%;background:#b99bd50b;color:#c6a6e7}
body.home-reference .home-faq .eastel-faq-help>div{text-align:left;min-width:0}
body.home-reference .home-faq .eastel-faq-help h3{margin:0 0 8px;font-size:13px;line-height:1.5}
body.home-reference .home-faq .eastel-faq-help a{justify-content:center;gap:12px;min-height:40px;padding:9px 13px;border:1px solid #a080bf55;border-radius:8px;background:#b99bd50e;color:#dfc9f4;font-size:11px;line-height:1.6;text-decoration:none}
body.home-reference .home-faq .eastel-faq-help a span{font-size:14px}
body.home-reference .home-faq::before{background-size:26px 26px;opacity:.35}
}

/* Purple accent trial: retain existing surfaces and highlight brand details. */
body.home-reference,body.inner-page{--accent:#ba9bff;--mint:#ba9bff}
body.home-reference :is(.home-kicker,.eastel-benefits .eyebrow,.eastel-sim-copy>.home-kicker),body.inner-page :is(.inner-kicker,.guide-kicker){color:#c5aaff}
body.home-reference :is(.home-title>span,.home-heading>span,.eastel-benefits h2>span),body.inner-page :is(.inner-title>span,.about-title>span,.marketing-title>span,.plans-title>span){color:#bd9aff}
body.home-reference :is(.home-lead,.home-copy,.home-section-note,.eastel-benefits .benefits-intro-copy>p,.eastel-benefits .benefit-copy,.eastel-benefits .benefits-bottom>div>span,.eastel-sim-description,.eastel-agent-description,.eastel-agent-help p,.home-review blockquote,.home-faq .faq-answer p){color:#c6bbd1}
body.home-reference :is(.home-button,.eastel-sim-copy .home-button,.eastel-agent-help .home-button),body.page-sim-guide .guide-button{background:#b896fa;border-color:#c6a8ff;color:#20112f}
body.home-reference :is(.home-button-outline,.eastel-sim-copy .home-button-outline),body.page-sim-guide .guide-outline{background:transparent;color:#e2ccff;border-color:#9e77c8}
body.home-reference .eastel-benefits .benefit-icon{background:#d5bcfa;color:#573078}
body.home-reference :is(.home-highlight-grid .highlight-icon,.eastel-agent-help>svg,.eastel-faq-help>svg,.eastel-agent-details .agent-contact-icon){color:#c7a3ff}
body.home-reference .home-plans .plan-body p i{color:#c7a3ff;background:#b48bf31a;border-color:#b48bf340}
body.home-reference .home-plans .price-tag{color:#c4a0ff}
body.home-reference .home-plans .plan-card.featured{border-color:#c09aff}
body.home-reference .home-plans .badge{background:#c09aff;color:#241133}
body.home-reference .home-plans .featured .reference-plan-action{background:#b896fa;border-color:#c6a8ff;color:#20112f}
body.home-reference :is(.home-text-link,.eastel-faq-help a,.eastel-sim-opportunity a){color:#ceb0ff}
.eastel-cart-dialog .eastel-cart-primary{background:#b896fa;border-color:#c6a8ff;color:#20112f}

/* Comparison callout trial: solid dark panel and one vivid purple action. */
body.home-reference .eastel-benefits .benefits-bottom{background:transparent;border:0;border-radius:0;padding:28px 0 0;margin-top:28px;box-shadow:none}
body.home-reference .eastel-benefits .benefits-bottom b{color:#faf7ff}
body.home-reference .eastel-benefits .benefits-bottom>div>span{color:#c5b8d3}
body.home-reference .eastel-benefits .benefits-bottom .home-button{background:#9333ea;border:1px solid #a855f7;color:#ffffff;min-width:205px;justify-content:center;box-shadow:none}
body.home-reference .eastel-benefits .benefits-bottom .home-button:hover{background:#a13cf0;border-color:#b568fa;color:#ffffff}
@media(max-width:760px){body.home-reference .eastel-benefits .benefits-bottom{padding:24px 0 0;gap:19px;border-radius:0}body.home-reference .eastel-benefits .benefits-bottom .home-button{width:100%;max-width:320px}}

/* Public primary buttons: vivid purple with white text. */
body.home-reference .home-button:not(.home-button-outline),
body.home-reference .eastel-sim-copy .home-button:not(.home-button-outline),
body.home-reference .eastel-agent-help .home-button,
body.home-reference .home-plans .featured .reference-plan-action,
body.page-sim-guide .guide-button:not(.guide-outline),
body.inner-page .btn:not(.btn-outline):not(.btn-secondary),
body.inner-page .license-btn,
body.page-login .login-submit,
body.page-register .buttons :is(.next,.submit),
.eastel-cart-dialog .eastel-cart-primary{background:#9333ea;background-image:none;border-color:#a855f7;color:#fff;box-shadow:none}
body.home-reference .home-button:not(.home-button-outline):hover,
body.home-reference .eastel-sim-copy .home-button:not(.home-button-outline):hover,
body.home-reference .eastel-agent-help .home-button:hover,
body.home-reference .home-plans .featured .reference-plan-action:hover,
body.page-sim-guide .guide-button:not(.guide-outline):hover,
body.inner-page .btn:not(.btn-outline):not(.btn-secondary):hover,
body.inner-page .license-btn:hover,
body.page-login .login-submit:hover,
body.page-register .buttons :is(.next,.submit):hover,
.eastel-cart-dialog .eastel-cart-primary:hover:not(:disabled){background:#a13cf0;background-image:none;border-color:#b568fa;color:#fff;box-shadow:none}

/* Inner hero labels: consistent start rather than centering variable copy. */
body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-main,.data-hero-main,.affiliate-hero-main){justify-content:flex-start;box-sizing:border-box;padding-top:101px}
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero .hero-content{margin-top:0;padding-top:0}
@media(min-width:761px) and (max-width:1000px){body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-main,.data-hero-main,.affiliate-hero-main){padding-top:55px}}
@media(max-width:760px){
body:is(.page-aboutus,.page-data,.page-affiliate) .inner-hero{padding-top:112px}
body:is(.page-aboutus,.page-data,.page-affiliate) :is(.about-hero-main,.data-hero-main,.affiliate-hero-main){padding-top:0;min-height:0;justify-content:flex-start}
}

/* SIM Guide hero: transparent activation illustration instead of text overview. */
body.page-sim-guide .guide-hero-illustration{display:flex;align-items:center;justify-content:center;margin:0;width:100%;min-width:0;background:transparent;border:0;box-shadow:none}
body.page-sim-guide .guide-hero-illustration img{display:block;width:100%;max-width:470px;height:350px;object-fit:contain}
@media(max-width:768px){body.page-sim-guide .guide-hero-illustration img{max-width:340px;height:260px}}

/* Home introduction: generated 5G visual and network attribution. */
body.home-reference .eastel-benefits .benefits-network-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
body.home-reference .eastel-benefits .benefits-network-illustration img{display:block;width:85%;max-width:415px;height:auto;object-fit:contain}
body.home-reference .eastel-benefits .benefits-network-illustration figcaption{margin:0;text-align:center;font-size:11px;line-height:1.7;letter-spacing:.4px;color:#b8a9c5}
body.home-reference .eastel-benefits .benefits-network-illustration figcaption strong{font-weight:600;color:#ede4f7}
@media(max-width:760px){body.home-reference .eastel-benefits .benefits-network-illustration img{width:100%;max-width:300px}body.home-reference .eastel-benefits .benefits-network-illustration figcaption{font-size:10px}}

/* Eastel App copy panel: subtle dot texture over the original solid color. */
body.home-reference .home-app-copy{background-image:radial-gradient(circle,#c5a8ed20 .85px,transparent 1.15px);background-size:24px 24px;background-position:12px 12px}
@media(max-width:760px){body.home-reference .home-app-copy{background-size:22px 22px}}

/* Starter SIM price: promotional shipping label. */
body.home-reference .eastel-sim-price .sim-shipping-promo{display:block;margin-top:9px;padding-top:8px;border-top:1px solid #51306c36;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:0;color:#321648;white-space:nowrap}
@media(max-width:760px){body.home-reference .eastel-sim-price .sim-shipping-promo{font-size:9px;margin-top:7px;padding-top:6px}}

/* Compact price and per-piece unit spacing. */
body.home-reference .eastel-sim-price strong{line-height:1.1;margin:5px 0 0;padding:0}
body.home-reference .eastel-sim-price small{display:block;line-height:1.3;margin:3px 0 0;padding:0}

/* About section introductions follow Home's shared desktop and mobile type scale. */
body.page-aboutus .about-section-header .about-title,
body.page-aboutus .license-section-header .license-title{font-size:var(--type-section);font-weight:600;line-height:1.2;letter-spacing:-1px}
body.page-aboutus .about-lead-desc,
body.page-aboutus .license-intro-text{font-size:var(--type-body);font-weight:400;line-height:1.85;letter-spacing:0}

/* About and license cards share Home's card and body typography. */
body.page-aboutus .about-card-title,
body.page-aboutus .license-item-body h3{font-size:var(--type-card);font-weight:600;line-height:1.4;letter-spacing:-.2px}
body.page-aboutus .about-card-desc,
body.page-aboutus .license-item-body p{font-size:var(--type-body);font-weight:400;line-height:1.85;letter-spacing:0}

/* Calmer About cards, consistent section rhythm, and flexible narrow layouts. */
body.page-register .register-website{color:#aa98b8;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
body.page-register .register-website[hidden]{display:none}
body.page-register .register-website span{color:#c5aaff;font-weight:600}
body.page-aboutus .inner-about,
body.page-aboutus .inner-licenses{padding:56px 0}
body.page-aboutus .about-section-header,
body.page-aboutus .license-section-header{margin-bottom:28px}
body.page-aboutus .about-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.page-aboutus .license-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
body.page-aboutus .about-feature-card,
body.page-aboutus .license-item-card{box-sizing:border-box;min-width:0;padding:24px;border:1px solid #a88ac526;border-radius:14px;background:#b99bd508;box-shadow:none;backdrop-filter:none;transition:border-color .2s ease,background-color .2s ease}
body.page-aboutus .about-feature-card:hover,
body.page-aboutus .license-item-card:hover{transform:none;box-shadow:none;border-color:#a88ac54d;background:#b99bd50d}
body.page-aboutus .about-card-head{gap:12px;flex-wrap:wrap;margin-bottom:18px}
body.page-aboutus .about-card-icon,
body.page-aboutus .about-card-highlight .highlight-icon{width:40px;height:40px;border:0;border-radius:10px;background:#b99bd512;color:#c5aaff;font-size:18px}
body.page-aboutus .about-card-pill,
body.page-aboutus .about-card-pill.pill-accent,
body.page-aboutus .license-card-tag span{max-width:100%;box-sizing:border-box;font-size:11px;line-height:1.6;font-weight:600;text-transform:none;letter-spacing:0;background:#b99bd50d;border:1px solid #a88ac526;color:#cbb7dd}
body.page-aboutus .about-card-highlight{background:#b99bd50c;border-color:#a88ac538}
body.page-aboutus .about-card-title{overflow-wrap:anywhere}
body.page-aboutus .license-thumb{height:210px;border-radius:10px;background:#00000026;border-color:#a88ac51f}
body.page-aboutus .license-thumb img{filter:none}
body.page-aboutus .license-item-body h3{overflow-wrap:anywhere}
body.page-aboutus .license-view-btn{box-sizing:border-box;min-height:44px;margin-top:auto;border-color:#a88ac538;border-radius:8px;background:#b99bd50d;color:#dfc9f4}
body.page-aboutus .license-view-btn:focus-visible,
body.page-aboutus .license-thumb:focus-visible{outline:2px solid #c5aaff;outline-offset:4px}
@media(max-width:1000px) and (min-width:761px){
body.page-aboutus .license-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
body.page-aboutus .inner-about,
body.page-aboutus .inner-licenses{padding:36px 0}
body.page-aboutus .about-section-header,
body.page-aboutus .license-section-header{margin-bottom:24px}
body.page-aboutus .about-info-grid,
body.page-aboutus .license-grid-3{grid-template-columns:minmax(0,1fr);gap:16px}
body.page-aboutus .about-feature-card,
body.page-aboutus .license-item-card{padding:20px}
body.page-aboutus .license-thumb{height:230px}
}

/* Affiliate invitation: website preview and practical support, using Home typography. */
body.home-reference .home-affiliate-section{padding:72px 0;border-top:1px solid #a88ac51f;border-bottom:1px solid #a88ac51f;}
body.home-reference .home-affiliate-grid{display:grid;align-items:center;}
body.home-reference .home-affiliate-visual{margin:0;min-width:0;}
body.home-reference .home-affiliate-visual img{display:block;width:100%;height:auto}
body.home-reference .home-affiliate-copy{min-width:0}
body.home-reference .home-affiliate-copy h2{margin:0 0 20px;font-size:var(--type-section);font-weight:600;line-height:1.2;letter-spacing:-1px;color:#f4edf9}
body.home-reference .home-affiliate-copy h2 span{color:#bd9aff}
body.home-reference .home-affiliate-copy>p{margin:0;color:#c6bbd1;font-size:var(--type-body);font-weight:400;line-height:1.85;letter-spacing:0}
body.home-reference .home-affiliate-perks{display:grid;padding:0;list-style:none}
body.home-reference .home-affiliate-perks li{display:flex;align-items:center;gap:12px;color:#dfd1e9;font-size:var(--type-body);line-height:1.7}
body.home-reference .home-affiliate-perks li>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#b99bd514;color:#c5aaff;font-size:12px}
body.home-reference .home-affiliate-copy .home-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}
body.home-reference .home-affiliate-copy .home-button{min-height:46px;box-sizing:border-box;padding:12px 18px;font-size:var(--type-action);font-weight:600;line-height:1.6;justify-content:center;gap:12px}
@media(max-width:1000px){}
@media(max-width:760px){body.home-reference .home-affiliate-section{padding:44px 0}body.home-reference .home-affiliate-copy .home-actions{flex-direction:column}body.home-reference .home-affiliate-copy .home-button{width:100%}}

/* Seamless affiliate device cutout, without a framed poster background. */
body.home-reference .home-affiliate-section{background:radial-gradient(ellipse at 25% 55%,#8d4cc40d,transparent 60%),#0d0a11}
body.home-reference .home-affiliate-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px}
body.home-reference .home-affiliate-visual{border:0;border-radius:0;background:transparent;overflow:visible}
body.home-reference .home-affiliate-visual img{filter:drop-shadow(0 18px 24px #00000038)}
body.home-reference .home-affiliate-copy>p{max-width:440px}
body.home-reference .home-affiliate-perks{gap:10px;margin:22px 0 26px}
@media(max-width:1000px){body.home-reference .home-affiliate-grid{gap:30px}}
@media(max-width:760px){body.home-reference .home-affiliate-grid{grid-template-columns:minmax(0,1fr);gap:28px}body.home-reference .home-affiliate-visual{width:100%;max-width:560px;justify-self:center;border-radius:0}}

/* Center the affiliate label and heading on phones. */
@media(max-width:760px){
body.home-reference .home-affiliate-copy>.home-kicker{display:flex;align-items:center;justify-content:center;text-align:center}
body.home-reference .home-affiliate-copy>h2{text-align:center}
}

/* Audited inner-page type scale: shared with Home, scoped to page content. */
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide){font-family:Manrope,Arial,sans-serif;--type-section:34px;--type-card:18px;--type-body:14px;--type-label:10px;--type-small:11px;--type-action:12px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) main :is(h1,h2,h3,p,li,th,td,small,a,button){font-family:inherit}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) main h2{font-size:var(--type-section);font-weight:600;line-height:1.2;letter-spacing:-1px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) main :is(.about-card-title,.license-item-body h3,.marketing-sub,.step-card h3,.box h3,.plan-group,.guide-card h3,.guide-overview h2){font-size:var(--type-card);font-weight:600;line-height:1.4;letter-spacing:-.2px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) main :is(.about-lead-desc,.about-card-desc,.license-intro-text,.license-item-body p,.desc,.steps-subtitle,.step-card p,.plan-body p,.plan-features li,.guide-card p,.guide-card li,.guide-section-heading p,.guide-support p,.guide-bottom p,.guide-faq p){font-size:var(--type-body);font-weight:400;line-height:1.85;letter-spacing:0}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) main :is(.inner-kicker,.guide-kicker){font-size:var(--type-label);font-weight:700;line-height:1.7;letter-spacing:1.5px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) main :is(.btn,.inner-text-link,.license-view-btn,.guide-button,.guide-card a,.guide-faq a,.affiliate-index a){font-size:var(--type-action);font-weight:600;line-height:1.6}
body.inner-page.page-sim-guide .guide-hero-grid>div:first-child>p{font-size:var(--type-body);font-weight:400;line-height:1.85}
body.inner-page.page-sim-guide .guide-faq summary{font-family:inherit;font-size:var(--type-body);font-weight:500;line-height:1.7}
body.inner-page.page-affiliate .box small{font-size:var(--type-small);font-weight:400;line-height:1.8}
body.inner-page.page-data .inner-sim-purchase-note{font-size:var(--type-small);line-height:1.8}
body.inner-page.page-data .plan-header{font-size:var(--type-action);font-weight:600;line-height:1.5}
@media(max-width:760px){
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide){--type-section:28px;--type-body:13px}
}

/* Network overview placed beneath the company background introduction. */
body.page-aboutus .about-mvno-overview{max-width:100%;margin:0 auto 32px;border:1px solid #a88ac526;border-radius:14px;overflow:hidden;background:#090909}
body.page-aboutus .about-mvno-overview a{display:block}
body.page-aboutus .about-mvno-overview img{display:block;width:100%;height:auto}
body.page-aboutus .about-mvno-overview a:focus-visible{outline:2px solid #c5aaff;outline-offset:-3px}
@media(max-width:760px){body.page-aboutus .about-mvno-overview{margin-bottom:24px;border-radius:10px}}

/* Company profile cards: clear left-aligned reading order and quieter labels. */
body.page-aboutus .about-info-grid{gap:18px;align-items:stretch}
body.page-aboutus .about-info-grid .about-feature-card{position:relative;padding:26px;text-align:left;border-radius:14px;background:linear-gradient(135deg,#b99bd509,#b99bd503);border-color:#a88ac526}
body.page-aboutus .about-info-grid .about-card-head{justify-content:flex-start;align-items:center;gap:12px;margin:0 0 20px}
body.page-aboutus .about-info-grid .about-card-icon{width:42px;height:42px;border-radius:11px;background:#b99bd512}
body.page-aboutus .about-info-grid .about-card-pill{padding:0;border:0;border-radius:0;background:transparent;color:#b9a4ca;font-size:11px;line-height:1.6;font-weight:500;text-align:left}
body.page-aboutus .about-info-grid .about-card-body{min-width:0;text-align:left}
body.page-aboutus .about-info-grid .about-card-title{margin:0 0 12px;text-align:left;font-size:var(--type-card);font-weight:600;line-height:1.45;letter-spacing:-.2px;overflow-wrap:normal}
body.page-aboutus .about-info-grid .about-card-desc{margin:0;text-align:left;font-size:var(--type-body);font-weight:400;line-height:1.85;color:#baadca}
body.page-aboutus .about-info-grid .about-card-desc strong{font-weight:500;color:#ded2e8}
body.page-aboutus .about-info-grid .about-card-highlight{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;background:linear-gradient(110deg,#b99bd512,#b99bd504)}
body.page-aboutus .about-info-grid .about-card-highlight .about-card-head{margin:0}
@media(max-width:760px){
body.page-aboutus .about-info-grid{gap:14px}
body.page-aboutus .about-info-grid .about-feature-card{padding:22px}
body.page-aboutus .about-info-grid .about-card-head{margin-bottom:16px}
body.page-aboutus .about-info-grid .about-card-highlight{grid-template-columns:minmax(0,1fr);gap:16px}
body.page-aboutus .about-info-grid .about-card-highlight .about-card-head{margin:0}
}

/* Short company background paragraphs are easier to scan on phones. */
body.page-aboutus .about-section-header .about-background-followup{margin-top:14px}

/* Desktop company background: introduction beside the network overview. */
@media(min-width:1001px){
body.page-aboutus .about-background-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:40px;max-width:100%;margin:0 auto 40px}
body.page-aboutus .about-background-layout .about-section-header{max-width:none;min-width:0;margin:0}
body.page-aboutus .about-background-layout .about-title{margin-bottom:20px}
body.page-aboutus .about-background-layout .about-lead-desc{max-width:440px;line-height:1.9}
body.page-aboutus .about-background-layout .about-background-followup{margin-top:18px}
body.page-aboutus .about-background-layout .about-mvno-overview{width:100%;max-width:none;min-width:0;margin:0;border-radius:12px}
body.page-aboutus .about-info-grid{max-width:100%}
}

/* About hero: clear secondary action and compact phone spacing. */
body.page-aboutus .inner-hero .inner-hero-actions .btn.inner-btn-outline{background:transparent;border:1px solid #a984cf;color:#e2ccff;box-shadow:none}
body.page-aboutus .inner-hero .inner-hero-actions .btn.inner-btn-outline:hover{background:#b99bd512;border-color:#c5aaff;color:#f2e8ff}
@media(max-width:760px){
body.page-aboutus .inner-hero{padding-bottom:24px}
body.page-aboutus .inner-hero .inner-hero-grid{gap:20px}
body.page-aboutus .inner-hero .about-hero-main{min-height:0}
body.page-aboutus .inner-hero .inner-hero-actions{margin-top:22px;gap:12px}
body.page-aboutus .inner-hero .about-hero-photo{height:auto;max-height:none;margin:0}
body.page-aboutus .inner-hero .about-hero-photo>img{height:auto;max-height:none;object-fit:contain}
}

/* Data, Affiliate and SIM Guide match the refined About hero. */
body:is(.page-data,.page-affiliate) .inner-hero .inner-hero-actions .btn.inner-btn-outline,
body.page-sim-guide .guide-hero .guide-button.guide-outline{background:transparent;border:1px solid #a984cf;color:#e2ccff;box-shadow:none}
body:is(.page-data,.page-affiliate) .inner-hero .inner-hero-actions .btn.inner-btn-outline:hover,
body.page-sim-guide .guide-hero .guide-button.guide-outline:hover{background:#b99bd512;border-color:#c5aaff;color:#f2e8ff}
@media(max-width:760px){
body:is(.page-data,.page-affiliate) .inner-hero,body.page-sim-guide .guide-hero{padding-bottom:24px}
body:is(.page-data,.page-affiliate) .inner-hero .inner-hero-grid,body.page-sim-guide .guide-hero .guide-hero-grid{gap:20px;min-height:0}
body:is(.page-data,.page-affiliate) .inner-hero :is(.data-hero-main,.affiliate-hero-main){min-height:0}
body:is(.page-data,.page-affiliate) .inner-hero .inner-hero-actions,body.page-sim-guide .guide-hero .guide-actions{margin-top:22px;gap:12px}
body:is(.page-data,.page-affiliate) .inner-hero :is(.data-hero-visual,.affiliate-hero-photo),body.page-sim-guide .guide-hero .guide-hero-illustration{height:auto;max-height:none;margin:0;width:100%}
body:is(.page-data,.page-affiliate) .inner-hero :is(.data-hero-visual,.affiliate-hero-photo)>img,body.page-sim-guide .guide-hero .guide-hero-illustration>img{height:auto;max-height:none;object-fit:contain}
}

/* Center the affiliate benefits as a compact, aligned group on phones. */
@media(max-width:760px){
body.home-reference .home-affiliate-copy .home-affiliate-perks{max-width:100%;box-sizing:border-box;padding:0}
body.home-reference .home-affiliate-copy .home-affiliate-perks li{justify-content:flex-start;text-align:left}
}

/* Four affiliate benefits in two balanced columns. */
body.home-reference .home-affiliate-copy .home-affiliate-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;gap:14px 20px}
body.home-reference .home-affiliate-copy .home-affiliate-perks li{min-width:0;align-items:flex-start;text-align:left}
body.home-reference .home-affiliate-copy .home-affiliate-perks li>span{margin-top:0}
@media(max-width:760px){body.home-reference .home-affiliate-copy .home-affiliate-perks{width:100%;margin:24px auto 28px;gap:16px 14px}body.home-reference .home-affiliate-copy .home-affiliate-perks li{gap:8px;font-size:var(--type-body)}}



/* Public checkout: focused layout using the public site's type and palette. */
body.page-checkout .shop-intro.inner-shop-intro{padding-bottom:0;max-width:1100px}
body.page-checkout .shop-intro .inner-title{line-height:1.2;font-weight:600;letter-spacing:-1px;margin:0 0 14px}
body.page-checkout .shop-intro>p{font-size:14px;color:#b5a1c7;line-height:1.85;margin:0;max-width:540px}
body.page-checkout .shop-progress{display:flex;flex-wrap:wrap;margin:24px 0 0;border-bottom:1px solid #b99ae72b}
body.page-checkout .shop-progress li{font-size:11px;color:#b6a0c8;gap:10px}
body.page-checkout .shop-progress li>span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #b99ae735;border-radius:50%;background:#b99ae70b;font-size:9px;color:#c6a6e3}
body.page-checkout .wrap.checkout-wrap{padding-top:28px}

body.page-checkout .checkout-main,body.page-checkout .checkout-sidebar{gap:22px}
body.page-checkout .checkout-main .form-card,body.page-checkout .checkout-sidebar :is(.checkout-product-card,.qr-card,.upload-card){padding:26px;border:1px solid #b99ae72b;border-radius:14px;background:linear-gradient(135deg,#1b1422,#141019);box-shadow:none;backdrop-filter:none}
body.page-checkout .checkout-card-kicker{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#a688bd;line-height:1.8;margin-bottom:10px}
body.page-checkout :is(.form-card .form-title,.qr-card .qr-title,.upload-card .upload-title){font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.3px;color:#e8dbf2;margin:0 0 20px;text-align:left}
body.page-checkout .checkout-card-description{font-size:11px;line-height:1.85;color:#9c83af;margin:-8px 0 24px}
body.page-checkout .recipient-fields{gap:18px}
body.page-checkout .order-field label{font-size:11px;color:#b49bc7;margin-bottom:8px}
body.page-checkout .order-field :is(input,select){background:#0f0b15;border:1px solid #b99ae735;border-radius:8px;color:#decaec;min-height:46px;padding:11px 13px;font-size:13px}
body.page-checkout .order-field :is(input,select):focus{border-color:#b99ae7;box-shadow:0 0 0 3px #b99ae710;outline:none}
body.page-checkout .order-row{padding:12px 0;font-size:12px;color:#a88ebb;border-color:#b99ae718}
body.page-checkout .order-row strong{font-weight:500;color:#cfb8e0}
body.page-checkout .order-total{padding-top:18px;font-size:13px;color:#c8afd9}
body.page-checkout .order-total strong{font-size:28px;font-weight:600;color:#d8baf5;letter-spacing:-.8px}
body.page-checkout .checkout-main .form-card:last-child .order-divider{margin-top:18px;background:#b99ae726}
body.page-checkout .checkout-sidebar .checkout-product-card{padding:20px;}
body.page-checkout .checkout-product-info .product-title{font-size:15px;font-weight:600;color:#e1cfed}
body.page-checkout .checkout-product-info .product-price{font-size:20px;font-weight:600;color:#c7a4ea}
body.page-checkout .checkout-product-qty .qty{background:#100b17;border:1px solid #b99ae735;border-radius:8px;gap:6px;padding:4px}
body.page-checkout .checkout-product-qty button{border:0;background:#b99ae70b;color:#cbb0e2;border-radius:5px;width:28px;height:30px}
body.page-checkout .qr-card .qr{max-width:230px;margin:0 auto 18px;padding:16px;border-radius:12px;background:#fff}
body.page-checkout .qr-card .qr img{display:block;width:100%;height:auto;max-width:100%;border-radius:0;margin:0}
body.page-checkout .qr-card .qr-note{font-size:11px;color:#9780a9;line-height:1.85;max-width:300px;margin:12px auto 0;text-align:center}
body.page-checkout .upload-card .upload-box{padding:24px 16px;border:1px dashed #b99ae74d;border-radius:10px;background:#b99ae706}
body.page-checkout .upload-card .upload-text{font-size:12px;color:#bda0d1}
body.page-checkout .upload-card .upload-preview{max-height:180px;object-fit:contain}
@media(max-width:900px){}
@media(max-width:760px){body.page-checkout .shop-intro>p{font-size:13px}body.page-checkout .shop-progress{padding:18px 0;margin-top:20px}body.page-checkout .shop-progress li{font-size:10px}body.page-checkout .checkout-main .form-card,body.page-checkout .checkout-sidebar :is(.checkout-product-card,.qr-card,.upload-card){padding:22px}body.page-checkout .wrap.checkout-wrap{padding-top:22px}}

/* Checkout refinement: a clear delivery form and a single order/payment panel. */
body.page-checkout .shop-intro.inner-shop-intro{padding-top:116px}
body.page-checkout .shop-intro .premium-eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:1.7px;color:#b397d0}
body.page-checkout .shop-intro .inner-title{font-size:34px;margin-bottom:12px}
body.page-checkout .shop-progress{margin-top:20px;padding:18px 0;gap:28px}

body.page-checkout .checkout-main{display:block}
body.page-checkout .checkout-main .form-card{background:#151019;border-color:#b99ae72b;border-radius:16px}
body.page-checkout .checkout-main .recipient-fields{gap:22px 18px}
body.page-checkout .checkout-sidebar{display:flex;flex-direction:column;gap:0;border:1px solid #b99ae735;border-radius:16px;background:linear-gradient(150deg,#1e1527,#141019);overflow:hidden;padding:0}
body.page-checkout .checkout-sidebar :is(.checkout-product-card,.form-card,.qr-card,.upload-card){background:transparent;border:0;border-bottom:1px solid #b99ae71f;border-radius:0;padding:24px;margin:0!important;box-shadow:none}
body.page-checkout .checkout-sidebar .checkout-product-card{gap:14px}
body.page-checkout .checkout-sidebar .checkout-product-img img{width:46px;height:62px;padding:3px;object-fit:contain;background:#b99ae709;border-color:#b99ae72b;filter:none;box-shadow:none}

body.page-checkout .checkout-sidebar .checkout-order-summary .checkout-card-kicker{display:none}
body.page-checkout .checkout-sidebar .checkout-order-summary .form-title{margin-bottom:14px}
body.page-checkout .checkout-sidebar .order-row{padding:7px 0;border:0;font-size:11px}
body.page-checkout .checkout-sidebar .order-row strong{font-size:12px}
body.page-checkout .checkout-sidebar .order-divider{height:1px;background:#b99ae71f;margin:16px 0}
body.page-checkout .checkout-sidebar .order-total{padding-top:0}
body.page-checkout .checkout-sidebar .order-total strong{font-size:26px}
body.page-checkout .checkout-sidebar .qr-card .qr-title{font-size:16px;margin-bottom:20px}
body.page-checkout .checkout-sidebar .qr-card .qr{max-width:190px;padding:12px;margin-bottom:14px;border-radius:10px}
body.page-checkout .checkout-sidebar .checkout-agent-name{font-size:11px;color:#c4a7d7}
body.page-checkout .checkout-sidebar .qr-note{font-size:10px;max-width:260px;line-height:1.8}
body.page-checkout .checkout-sidebar .upload-card{border-bottom:0}
body.page-checkout .checkout-sidebar .upload-title{font-size:15px;margin-bottom:14px}
body.page-checkout .checkout-sidebar .upload-box{padding:20px 12px;border-radius:9px}
body.page-checkout .sticky-bar{border-top:1px solid #b99ae735;}
body.page-checkout .sticky-bar .total-price{color:#e0c4fb;font-size:23px;font-weight:600;letter-spacing:-.5px}
body.page-checkout .sticky-bar .btn{border:1px solid #b878ef;border-radius:9px;background:#9333ea;color:#fff;font-size:12px;font-weight:600;box-shadow:none}
@media(max-width:900px){body.page-checkout .checkout-grid{gap:22px}}
@media(max-width:760px){body.page-checkout .shop-intro.inner-shop-intro{padding-top:108px}body.page-checkout .shop-intro .inner-title{font-size:30px}body.page-checkout .shop-progress{gap:14px}body.page-checkout .checkout-main .form-card{padding:24px}body.page-checkout .checkout-sidebar :is(.checkout-product-card,.form-card,.qr-card,.upload-card){padding:22px}body.page-checkout .sticky-bar .btn{padding:12px 18px}body.page-checkout .sticky-bar .total-price{font-size:21px}}

/* Let each checkout column follow its content height. */

body.page-checkout .checkout-main,body.page-checkout .checkout-sidebar{height:auto;align-self:start}
body.page-checkout .checkout-main .form-card:last-child{flex:0 0 auto;display:block}
body.page-checkout .checkout-sidebar .upload-card{flex:0 0 auto;display:block}
body.page-checkout .checkout-sidebar .upload-box{flex:0 0 auto;min-height:140px}

/* Balanced checkout: delivery + summary, followed by a full-width payment stage. */
body.page-checkout .checkout-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:24px;align-items:start}
body.page-checkout .checkout-main .form-card{padding:28px}
body.page-checkout .checkout-sidebar{height:auto;align-self:start}
body.page-checkout .checkout-payment-stage{margin-top:24px;padding:28px;border:1px solid #b99ae72b;border-radius:16px;background:linear-gradient(135deg,#1b1422,#141019)}
body.page-checkout .checkout-payment-heading{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #b99ae71f}
body.page-checkout .checkout-payment-heading h2{margin:0 0 9px;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.4px;color:#e5d5f1}
body.page-checkout .checkout-payment-heading p{margin:0;font-size:12px;line-height:1.8;color:#a58bb8}
body.page-checkout .checkout-payment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
body.page-checkout .checkout-payment-grid :is(.qr-card,.upload-card){margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0;height:auto}
body.page-checkout .checkout-payment-grid .qr-card{display:grid;grid-template-columns:minmax(100px,170px) minmax(0,1fr);column-gap:20px;align-content:start;text-align:left}
body.page-checkout .checkout-payment-grid .qr-title{grid-column:1/-1;font-size:15px;font-weight:600;color:#dcc6eb;margin:0 0 18px;line-height:1.5}
body.page-checkout .checkout-payment-grid .qr{grid-column:1;grid-row:2;box-sizing:border-box;max-width:none;width:100%;padding:12px;margin:0;background:#fff;border-radius:10px}
body.page-checkout .checkout-payment-grid .qr img{display:block;width:100%;height:auto;margin:0;border-radius:0}
body.page-checkout .checkout-payment-grid .checkout-bank-details{grid-column:2;grid-row:2;align-self:center;min-width:0}
body.page-checkout .checkout-payment-grid .checkout-bank-name{font-size:12px;color:#bba4cc;margin:12px 0 4px;line-height:1.6}
body.page-checkout .checkout-payment-grid .checkout-bank-account{display:block;font-size:16px;letter-spacing:.04em;color:#eee2f8;margin-bottom:18px;overflow-wrap:anywhere}
body.page-checkout .checkout-payment-grid .checkout-agent-name{margin:4px 0 8px;text-align:left;font-size:12px;color:#d7bdeb}
body.page-checkout .checkout-payment-grid .qr-note{grid-column:1/-1;grid-row:3;margin:16px 0 0;text-align:left;font-size:11px;line-height:1.85;color:#967daa;max-width:none}
body.page-checkout .checkout-payment-grid .upload-card{padding-left:28px;border-left:1px solid #b99ae71f}
body.page-checkout .checkout-payment-grid .upload-title{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 18px;color:#dcc6eb}
body.page-checkout .checkout-payment-grid .upload-box{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;box-sizing:border-box;min-height:190px;padding:22px 16px;margin:0;background:#b99ae706;border:1px dashed #b99ae74d;border-radius:10px}
body.page-checkout .checkout-payment-grid .upload-text{font-size:12px;color:#bda0d1;text-align:center}
body.page-checkout .checkout-payment-grid .upload-preview{max-height:160px;max-width:100%;object-fit:contain}
body.page-checkout .sticky-bar{position:static;left:auto;right:auto;bottom:auto;max-width:none;width:100%;box-sizing:border-box;margin:24px 0 0;display:flex;align-items:center;gap:20px}
body.page-checkout .wrap.checkout-wrap{padding-bottom:48px}
@media(max-width:1100px){body.page-checkout .checkout-payment-grid .qr-card{grid-template-columns:minmax(100px,42%) minmax(0,1fr);column-gap:16px}}
@media(max-width:900px){body.page-checkout .checkout-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){body.page-checkout .checkout-payment-stage{padding:22px}body.page-checkout .checkout-payment-grid{grid-template-columns:minmax(0,1fr);gap:24px}body.page-checkout .checkout-payment-grid .upload-card{padding:24px 0 0;border-left:0;border-top:1px solid #b99ae71f}body.page-checkout .checkout-main .form-card{padding:24px}body.page-checkout .sticky-bar{padding:18px;gap:14px}body.page-checkout .sticky-bar .total-price{font-size:23px}body.page-checkout .sticky-bar .btn{font-size:11px}}

/* Keep only a compact checkout submission action, without repeating the total. */
body.page-checkout .sticky-bar{justify-content:flex-end;padding:0;margin-top:22px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
body.page-checkout .sticky-bar .total-price{display:none}
body.page-checkout .sticky-bar .btn{width:auto;min-width:190px;min-height:46px;margin:0;padding:12px 24px}
@media(max-width:650px){body.page-checkout .sticky-bar{justify-content:center}body.page-checkout .sticky-bar .btn{width:100%;max-width:360px}}

/* Standalone submit button; no card or full-width bar. */
body.page-checkout .checkout-submit-action{display:flex;justify-content:flex-end;clear:both;margin:22px 0 0;padding:0;border:0;background:none;box-shadow:none}
body.page-checkout .checkout-submit-action #submitBtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;max-width:none;min-height:44px;padding:12px 22px;margin:0;border:1px solid #ac58ef;border-radius:8px;background:#9333ea;color:#fff;font-size:12px;font-weight:600;line-height:1.6;box-shadow:none}

/* Compact checkout totals, including legacy row margins. */
body.page-checkout .checkout-sidebar .checkout-order-summary{display:block;flex:none;padding:22px 24px}
body.page-checkout .checkout-sidebar .checkout-order-summary .form-title{margin:0 0 16px;font-size:16px}
body.page-checkout .checkout-sidebar .checkout-order-summary .order-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;height:auto;margin:0;padding:8px 0;border:0;line-height:1.7}
body.page-checkout .checkout-sidebar .checkout-order-summary .order-row span,body.page-checkout .checkout-sidebar .checkout-order-summary .order-row strong{margin:0;line-height:1.7}
body.page-checkout .checkout-sidebar .checkout-order-summary .order-divider{height:1px;margin:14px 0 16px;flex:none}
body.page-checkout .checkout-sidebar .checkout-order-summary .order-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:0;min-height:0;line-height:1.4}
body.page-checkout .checkout-sidebar .checkout-order-summary .order-total strong{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.6px}
@media(max-width:760px){body.page-checkout .checkout-sidebar .checkout-product-card{padding:18px;gap:12px}body.page-checkout .checkout-sidebar .checkout-order-summary{padding:20px}body.page-checkout .checkout-sidebar .checkout-order-summary .order-total strong{font-size:24px}}

/* One spacing scale for all checkout sections, without stacked card margins. */
body.page-checkout #checkout{--checkout-gap:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--checkout-gap)}
body.page-checkout #checkout>.checkout-grid{gap:var(--checkout-gap);margin:0}
body.page-checkout #checkout .checkout-main{gap:0;margin:0}
body.page-checkout #checkout .checkout-main>.form-card{margin:0}
body.page-checkout #checkout .checkout-sidebar{gap:0;margin:0}
body.page-checkout #checkout>.checkout-payment-stage{margin:0}
body.page-checkout #checkout>.checkout-submit-action{margin:0}
@media(max-width:760px){body.page-checkout #checkout{--checkout-gap:20px}}

/* Desktop: grow the product showcase so the order card aligns with delivery. */
@media(min-width:901px){
body.page-checkout #checkout>.checkout-grid{align-items:stretch}
body.page-checkout #checkout .checkout-main{display:flex;flex-direction:column;height:auto;align-self:stretch}
body.page-checkout #checkout .checkout-main>.form-card{flex:1}
body.page-checkout #checkout .checkout-sidebar{height:auto;align-self:stretch;display:flex;flex-direction:column}
body.page-checkout #checkout .checkout-sidebar .checkout-product-card{flex:1;min-height:230px;}

body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-title{margin-bottom:8px}

body.page-checkout #checkout .checkout-sidebar .checkout-order-summary{flex:0 0 auto}
}

/* A deliberate product showcase instead of a stretched horizontal row. */
@media(min-width:901px){
body.page-checkout #checkout .checkout-sidebar .checkout-product-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(150px,1fr) auto;align-items:center;gap:18px 20px;padding:26px 30px;background:radial-gradient(ellipse at 50% 24%,#a26ed51a,transparent 65%)}
body.page-checkout #checkout .checkout-sidebar .checkout-product-img{grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:150px}
body.page-checkout #checkout .checkout-sidebar .checkout-product-img img{display:block;max-width:100%;border:0;background:transparent;object-fit:contain;box-shadow:none}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info{grid-column:1;align-self:end}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-badge{font-size:8px;line-height:1.5;padding:4px 8px;margin-bottom:8px}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-title{font-size:16px;margin:0 0 5px;line-height:1.4}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-price{font-size:23px;line-height:1.3}
body.page-checkout #checkout .checkout-sidebar .checkout-product-qty{grid-column:2;align-self:end;margin:0 0 2px}
}

/* Use the sharp product artwork without the old dull rectangular background. */
body.page-checkout #checkout .checkout-sidebar .checkout-product-img img{border-radius:10px;border:1px solid #b99ae72b;background:transparent;object-fit:contain;filter:none}
@media(min-width:901px){body.page-checkout #checkout .checkout-sidebar .checkout-product-img img{width:auto;height:170px;max-height:190px;padding:0;border-radius:12px;filter:drop-shadow(0 10px 16px #0004)}}

/* Submit belongs directly to the receipt section, inside the payment panel. */
body.page-checkout #checkout .checkout-payment-stage .upload-card .checkout-submit-action{display:flex;justify-content:flex-end;margin:18px 0 0;padding:0;border:0;background:none;box-shadow:none}
body.page-checkout #checkout .checkout-payment-stage .upload-card #submitBtn{margin:0}

/* Full-width lavender submit action matching the supplied reference. */
body.page-checkout #checkout .checkout-payment-stage .upload-card .checkout-submit-action{width:100%;margin-top:22px}
body.page-checkout #checkout .checkout-payment-stage .upload-card #submitBtn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:none;min-height:48px;padding:12px 20px;border:1px solid #c9adef;border-radius:9px;font-size:13px;font-weight:600;line-height:1.6;box-shadow:none}


/* Retain the original checkout CTA color with the new full-width layout. */
body.page-checkout #checkout .checkout-payment-stage .upload-card #submitBtn{background:#9333ea;border-color:#ac58ef;color:#fff}
body.page-checkout #checkout .checkout-payment-stage .upload-card #submitBtn:hover{background:#a13cf0;border-color:#b568f1;color:#fff}

/* Restore the second step label above the order summary. */
body.page-checkout #checkout .checkout-sidebar .checkout-order-summary .checkout-card-kicker{display:block;margin:0 0 10px}

/* Align the checkout progress strip with the form cards. */
body.page-checkout .shop-intro.inner-shop-intro,body.page-checkout .wrap.checkout-wrap{box-sizing:border-box;width:min(92%,1100px);max-width:1100px;margin-left:auto;margin-right:auto}
body.page-checkout .shop-intro .shop-progress{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;padding:20px 0;margin:22px 0 0;list-style:none}
body.page-checkout .shop-intro .shop-progress li{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;margin:0;padding:0;line-height:1.6}
body.page-checkout .shop-intro .shop-progress li>span{flex:0 0 25px}
@media(max-width:760px){body.page-checkout .shop-intro .shop-progress{gap:10px;padding:18px 0}body.page-checkout .shop-intro .shop-progress li{font-size:10px;gap:7px}}

/* Phone product card: prevent the stock pill and product name being squeezed. */
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;width:max-content;max-width:none;padding:4px 9px;min-height:0;font-size:8px;font-weight:600;line-height:1.5;letter-spacing:.4px;border-radius:20px}
@media(max-width:760px){
body.page-checkout #checkout .checkout-sidebar .checkout-product-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px 16px;padding:20px}
body.page-checkout #checkout .checkout-sidebar .checkout-product-img{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:64px}
body.page-checkout #checkout .checkout-sidebar .checkout-product-img img{width:auto;height:86px;max-width:64px;padding:0;object-fit:contain;border-radius:8px}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info{grid-column:2;grid-row:1;min-width:0}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-badge{margin-bottom:7px}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-title{font-size:15px;line-height:1.4;margin:0 0 5px;white-space:normal}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-price{font-size:22px;line-height:1.3;white-space:nowrap}
body.page-checkout #checkout .checkout-sidebar .checkout-product-qty{grid-column:1/-1;grid-row:2;justify-self:end;width:auto;margin:0}
body.page-checkout #checkout .checkout-sidebar .checkout-product-qty .qty{display:flex;align-items:center;gap:12px;padding:4px;width:auto}
}

/* Affiliate section headings follow Home's type hierarchy and spacing. */
body.page-affiliate.inner-page :is(.inner-marketing,.inner-steps)>.container>.inner-kicker{margin-bottom:14px}
body.page-affiliate.inner-page :is(.marketing-title,.steps-title){font-size:var(--type-section);font-weight:600;line-height:1.2;letter-spacing:-1px;text-align:left}
body.page-affiliate.inner-page :is(.marketing-title,.steps-title) span{color:#bd9aff}
body.page-affiliate.inner-page .inner-marketing .marketing-title{margin:0 0 28px}
body.page-affiliate.inner-page .inner-marketing .marketing-sub{font-size:var(--type-card);font-weight:600;line-height:1.4;letter-spacing:-.2px;margin-bottom:12px}
body.page-affiliate.inner-page .inner-steps .steps-title{margin:0 0 18px}
body.page-affiliate.inner-page .inner-steps .steps-subtitle{font-size:var(--type-body);font-weight:400;line-height:1.85;letter-spacing:0;margin:0 0 28px;color:#c6bbd1}

/* SIM Guide hero follows Affiliate's top spacing and heading rhythm. */
body.page-sim-guide .guide-hero{padding-top:132px}
body.page-sim-guide .guide-hero h1{margin:0 0 16px}
body.page-sim-guide .guide-hero-grid>div:first-child>p{margin:0;padding:0}
@media(max-width:760px){body.page-sim-guide .guide-hero{padding-top:112px}}

/* Align the start of SIM Guide hero copy with Data, independent of copy length. */
@media(min-width:761px){
body.page-sim-guide .guide-hero .guide-hero-grid>div:first-child{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:350px;padding-top:101px;min-width:0}
}
@media(min-width:761px) and (max-width:1000px){
body.page-sim-guide .guide-hero .guide-hero-grid>div:first-child{padding-top:55px}
}
@media(max-width:760px){
body.page-sim-guide .guide-hero .guide-hero-grid>div:first-child{padding-top:0;min-height:0}
}

/* Sponsor profile card. */
body.home-reference .agent-showcase{padding:64px 0;background:#1b1223;border-block:0}
body.home-reference .agent-showcase .eastel-agent-layout{box-sizing:border-box;position:relative;display:grid;grid-template-columns:160px minmax(0,1fr) minmax(260px,.8fr);align-items:center;gap:36px;padding:40px;border:1px solid #bb8ff532;border-radius:28px;background:radial-gradient(ellipse at 0 0,#8647bc25,transparent 60%),#24182e;box-shadow:0 24px 60px #10091730}
body.home-reference .agent-showcase .eastel-agent-ring{box-sizing:border-box;width:160px;height:160px;padding:7px;border:1px solid #c3a0f0;background:#b282ef18;box-shadow:0 0 0 9px #b282ef08}
body.home-reference .agent-showcase .eastel-agent-portrait>span{font-size:9px;letter-spacing:1.4px;margin-top:22px;color:#c2acd6}
body.home-reference .agent-showcase .eastel-agent-profile .home-kicker{font-size:10px;letter-spacing:1.6px;margin-bottom:14px;color:#d0b3ff}
body.home-reference .agent-showcase .eastel-agent-profile h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.15;letter-spacing:-1px;margin-bottom:10px}
body.home-reference .agent-showcase .eastel-agent-role{display:inline-block;padding:4px 12px;border:1px solid #bd9aff38;border-radius:30px;font-size:11px;color:#dcc7f8;margin:0 0 18px;background:#c398ff0a}
body.home-reference .agent-showcase .eastel-agent-description{font-size:14px;line-height:1.8;color:#cbbfd5;max-width:440px;margin:0 0 18px}
body.home-reference .agent-showcase .agent-service-tags{display:flex;gap:8px;flex-wrap:wrap}
body.home-reference .agent-showcase .agent-service-tags span{font-size:10px;line-height:1.5;color:#d2c4df;padding:6px 9px;border-radius:7px;background:#ffffff06;border:1px solid #ffffff0d}
body.home-reference .agent-showcase .eastel-agent-details{margin-top:22px;gap:9px}
body.home-reference .agent-showcase .eastel-agent-details .agent-contact-icon{width:38px;height:38px;font-size:17px;background:#ffffff05;border:1px solid #c199ed33;transition:background .2s,transform .2s}
body.home-reference .agent-showcase .agent-contact-icon:hover{background:#a45bef33;transform:translateY(-2px)}
body.home-reference .agent-showcase .agent-contact-icon:focus-visible,body.home-reference .agent-showcase .home-button:focus-visible{outline:2px solid #ead8ff;outline-offset:4px}
body.home-reference .agent-showcase .eastel-agent-help{display:block;box-sizing:border-box;padding:28px;border:1px solid #cda6ff24;border-radius:20px;background:linear-gradient(145deg,#9f54eb1c,#9f54eb06);grid-column:auto}
body.home-reference .agent-showcase .eastel-agent-help>svg{width:30px;height:30px;margin:0 0 18px;color:#d4b6ff}
body.home-reference .agent-showcase .agent-help-label{display:block;font-size:9px;font-weight:700;letter-spacing:2px;color:#c7a4f4;margin-bottom:12px}
body.home-reference .agent-showcase .eastel-agent-help h3{font-size:27px;line-height:1.25;letter-spacing:-.6px;margin:0 0 14px}
body.home-reference .agent-showcase .eastel-agent-help p{font-size:13px;line-height:1.8;max-width:none;color:#cbbfd5;margin:0}
body.home-reference .agent-showcase .eastel-agent-help .home-button{width:100%;max-width:none;min-height:48px;margin:22px 0 0;padding:12px 16px;border-radius:12px;font-size:12px;background:#9333ea;box-shadow:0 8px 24px #9333ea28}
@media(max-width:1100px){
body.home-reference .agent-showcase .eastel-agent-layout{grid-template-columns:120px minmax(0,1fr) minmax(230px,.85fr);gap:24px;padding:28px}
body.home-reference .agent-showcase .eastel-agent-ring{width:120px;height:120px}
body.home-reference .agent-showcase .eastel-agent-help{padding:22px}
}
@media(max-width:760px){
body.home-reference .agent-showcase{padding:36px 0}
body.home-reference .agent-showcase .eastel-agent-layout{grid-template-columns:76px minmax(0,1fr);gap:24px 18px;padding:24px 20px;border-radius:22px;align-items:start}
body.home-reference .agent-showcase .eastel-agent-ring{width:76px;height:76px;padding:4px;box-shadow:0 0 0 5px #b282ef08}
body.home-reference .agent-showcase .eastel-agent-portrait>span{font-size:8px;letter-spacing:.5px;margin-top:14px}
body.home-reference .agent-showcase .eastel-agent-profile .home-kicker{font-size:8px;letter-spacing:.7px;margin-bottom:12px}
body.home-reference .agent-showcase .eastel-agent-profile h2{font-size:28px}
body.home-reference .agent-showcase .eastel-agent-description{font-size:12px}
body.home-reference .agent-showcase .agent-service-tags{gap:6px}
body.home-reference .agent-showcase .agent-service-tags span{font-size:9px;padding:5px 7px}
body.home-reference .agent-showcase .eastel-agent-help{grid-column:1/-1;padding:24px;border-radius:16px}
body.home-reference .agent-showcase .eastel-agent-help h3{font-size:26px}
body.home-reference .agent-showcase .eastel-agent-help h3 br{display:none}
body.home-reference .agent-showcase .eastel-agent-help .home-button{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){body.home-reference .agent-showcase .eastel-agent-details .agent-contact-icon{transition:none}}

/* Registration: website payment replaces the address step. */
body.page-register .registration-payment-card{grid-column:1/-1;min-width:0;padding:24px;border:1px solid #b98ae63b;border-radius:18px;background:linear-gradient(145deg,#a663e912,#a663e903)}
body.page-register .registration-payment-kicker{display:block;color:#c7a3ee;font-size:10px;font-weight:700;letter-spacing:1.6px;margin-bottom:12px}
body.page-register .registration-payment-card h2{font-size:24px;line-height:1.3;letter-spacing:-.6px;color:#f5edff;margin:0 0 12px}
body.page-register .registration-payment-card p{font-size:13px;line-height:1.8;color:#c4b5ce;margin:0 0 20px}
body.page-register .registration-payment-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-block:1px solid #ba95e329;font-size:13px;color:#d8c9e5}
body.page-register .registration-payment-total strong{font-size:28px;letter-spacing:-1px;color:#e0c4ff;white-space:nowrap}
body.page-register .registration-payment-qr{margin:24px auto;text-align:center}
body.page-register .registration-payment-qr img{display:block;box-sizing:border-box;width:220px;height:220px;max-width:100%;margin:auto;padding:10px;border-radius:14px;background:#fff;object-fit:contain}
body.page-register .registration-payment-qr figcaption{font-size:11px;line-height:1.7;color:#c7b8d3;margin-top:12px}
body.page-register .registration-payment-card .registration-bank{text-align:center;font-size:12px;overflow-wrap:anywhere}
body.page-register .registration-receipt{display:flex;position:static;flex-direction:column;gap:8px;padding:20px;border:1px dashed #bc8aee73;border-radius:12px;background:#b47aeb08;color:#e7d7f5;cursor:pointer}
body.page-register .registration-receipt strong{font-size:13px}
body.page-register .registration-receipt span,body.page-register .registration-receipt small{font-size:11px;color:#c4b5ce;overflow-wrap:anywhere}
body.page-register .registration-receipt input{display:block;box-sizing:border-box;width:100%;min-width:0;padding:10px 0;font-size:12px;color:#ded0eb;border:0;background:transparent}
body.page-register .registration-receipt input::file-selector-button{margin-right:12px;padding:9px 12px;background:#3e2851;color:#eee3fa;border:1px solid #bc8aee50;border-radius:7px;cursor:pointer}
body.page-register .registration-payment-card .registration-payment-note{margin:16px 0 0;font-size:11px;line-height:1.8}
body.page-register .submit:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:480px){body.page-register .registration-payment-card{padding:18px}body.page-register .registration-payment-card h2{font-size:21px}body.page-register .registration-payment-total strong{font-size:24px}}

/* Registration is offered from the member login. */
body.page-login .login-register{margin:22px 0 0;text-align:center;font-size:12px;line-height:1.8;color:#bcaec8}
body.page-login .login-register a{display:inline-block;margin-left:5px;color:#d4afff;font-weight:600;text-decoration:none}
body.page-login .login-register a:hover{text-decoration:underline}
body.page-login .login-register a:focus-visible{outline:2px solid #d4afff;outline-offset:4px;border-radius:3px}

/* Benefits introduction without the network illustration. */
body.home-reference .eastel-benefits .benefits-heading-text-only{display:block}
body.home-reference .eastel-benefits .benefits-heading-text-only .benefits-intro-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:40px}
body.home-reference .eastel-benefits .benefits-heading-text-only .benefits-intro-copy>p{max-width:480px;margin:0;padding:0}
@media(max-width:760px){body.home-reference .eastel-benefits .benefits-heading-text-only .benefits-intro-copy{display:block}body.home-reference .eastel-benefits .benefits-heading-text-only .benefits-intro-copy>p{max-width:440px;margin:16px auto 0}}

/* Sponsor registration details use the profile's Eastel registration QR. */
body.home-reference .agent-showcase .agent-registration-card h3{font-size:24px;margin-bottom:18px}
body.home-reference .home-sponsor-referral{padding:14px 16px;border:1px solid #c39bea30;border-radius:12px;background:#a672d60b}
body.home-reference .home-sponsor-referral>span{display:block;font-size:10px;letter-spacing:1px;color:#bda6d1;margin-bottom:7px}
body.home-reference .home-sponsor-referral strong{display:block;font-size:24px;line-height:1.3;letter-spacing:.6px;color:#edddff;overflow-wrap:anywhere}
body.home-reference .home-sponsor-referral small{font-size:12px;color:#cbbbd9}
body.home-reference .home-sponsor-qr{margin:20px 0 12px;text-align:center}
body.home-reference .home-sponsor-qr>a{display:block;width:200px;max-width:100%;margin:0 auto}
body.home-reference .home-sponsor-qr img{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:8px solid #fff;border-radius:12px}
body.home-reference .home-sponsor-qr figcaption{margin-top:12px;font-size:11px;line-height:1.7;color:#bfaecf}
body.home-reference .home-sponsor-qr-download{display:block;width:fit-content;margin:0 auto;color:#d6b5f7;font-size:12px;text-decoration:none}
body.home-reference .home-sponsor-qr-download:hover{text-decoration:underline}
body.home-reference .home-sponsor-qr-download:focus-visible,body.home-reference .home-sponsor-qr>a:focus-visible{outline:2px solid #dfc3fb;outline-offset:4px;border-radius:4px}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-qr-missing{margin-top:16px;font-size:12px}

/* Compact agent profile with registration details beside the QR. */
body.home-reference .agent-showcase .eastel-agent-layout{grid-template-columns:96px minmax(0,1fr) minmax(310px,.9fr);gap:28px;padding:32px;align-items:center;border-radius:20px}
body.home-reference .agent-showcase .eastel-agent-ring{width:96px;height:96px;padding:5px;box-shadow:0 0 0 6px #b282ef08}
body.home-reference .agent-showcase .eastel-agent-portrait>span{display:none}
body.home-reference .agent-showcase .eastel-agent-profile .home-kicker{font-size:9px;letter-spacing:1.4px;margin-bottom:12px}
body.home-reference .agent-showcase .eastel-agent-profile h2{font-size:30px;margin-bottom:10px}
body.home-reference .agent-showcase .eastel-agent-role{padding:0;border:0;border-radius:0;background:none;font-size:12px;margin-bottom:14px;color:#c4a4e0}
body.home-reference .agent-showcase .eastel-agent-description{font-size:13px;line-height:1.8;max-width:330px;margin-bottom:14px}
body.home-reference .agent-showcase .eastel-agent-details{margin-top:16px}
body.home-reference .agent-showcase .eastel-agent-details .agent-contact-icon{flex:0 0 34px;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;aspect-ratio:1;padding:0;border-radius:50%;font-size:15px}
body.home-reference .agent-showcase .agent-registration-card{display:grid;grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:auto auto auto 1fr auto;gap:0 18px;align-items:start;padding:4px 0 4px 28px;border:0;border-left:1px solid #bb91e335;border-radius:0;background:none}
body.home-reference .agent-showcase .agent-registration-card .agent-help-label{grid-column:1;grid-row:1;font-size:8px;letter-spacing:1.5px;margin:0 0 10px}
body.home-reference .agent-showcase .agent-registration-card h3{grid-column:1;grid-row:2;font-size:13px;font-weight:500;letter-spacing:0;color:#c7b5d7;margin:0 0 8px}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-referral{grid-column:1;grid-row:3;padding:0;border:0;border-radius:0;background:none}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-referral strong{font-size:23px;font-weight:600;letter-spacing:.2px;line-height:1.4}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-referral small{font-size:11px;line-height:1.7}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-qr{grid-column:2;grid-row:1/5;width:128px;max-width:100%;margin:0;text-align:center}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-qr>a{width:128px;max-width:100%;margin:0}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-qr img{border-width:4px;border-radius:9px}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-qr figcaption{font-size:9px;line-height:1.5;margin-top:8px}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-qr-download{grid-column:1;grid-row:4;margin:12px 0 0;font-size:11px;line-height:1.7}
body.home-reference .agent-showcase .agent-registration-card .home-sponsor-qr-missing{grid-column:2;grid-row:1/5;font-size:11px;line-height:1.8;margin:0}
body.home-reference .agent-showcase .agent-registration-card .home-button{grid-column:1/-1;grid-row:5;margin:20px 0 0;min-height:42px;padding:10px 16px;border-radius:9px;background:#b38bd8;border:1px solid #c29ee3;color:#24162e;box-shadow:none;font-size:11px}
body.home-reference .agent-showcase .agent-registration-card .home-button:hover{background:#c19be2}
@media(max-width:1000px){body.home-reference .agent-showcase .eastel-agent-layout{grid-template-columns:76px minmax(0,1fr);gap:22px;padding:26px}body.home-reference .agent-showcase .eastel-agent-ring{width:76px;height:76px}body.home-reference .agent-showcase .agent-registration-card{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 128px;padding:24px 0 0;border-left:0;border-top:1px solid #bb91e335}}
@media(max-width:480px){body.home-reference .agent-showcase{padding:30px 0}body.home-reference .agent-showcase .eastel-agent-layout{padding:22px 18px;grid-template-columns:64px minmax(0,1fr);gap:20px 16px}body.home-reference .agent-showcase .eastel-agent-ring{width:64px;height:64px;padding:3px}body.home-reference .agent-showcase .eastel-agent-profile h2{font-size:26px}body.home-reference .agent-showcase .eastel-agent-profile .home-kicker{font-size:8px;letter-spacing:.8px}body.home-reference .agent-showcase .eastel-agent-description{font-size:12px}body.home-reference .agent-showcase .agent-registration-card{gap:0 14px}body.home-reference .agent-showcase .agent-registration-card .home-sponsor-referral strong{font-size:21px}}

/* Compact two-product cart. */
.eastel-cart-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #493454;border-radius:22px;background:#191221;box-shadow:0 30px 100px #0009;overflow:auto}
.eastel-cart-dialog::backdrop{background:#08050cbf;backdrop-filter:blur(5px)}
.eastel-cart-dialog .eastel-cart-head{margin-bottom:12px}
.eastel-cart-dialog #eastel-cart-title{font-size:27px;letter-spacing:-.9px;line-height:1.25;margin:0 0 8px}
.eastel-cart-dialog .cart-intro{font-size:12px;line-height:1.6;color:#a99bb8;margin:0 0 22px}
.eastel-cart-dialog .eastel-cart-message:empty{display:none}
.eastel-cart-dialog [data-cart-product]{position:relative;display:grid;grid-template-columns:60px 1fr;gap:0 16px;align-items:center;margin:0 0 12px;padding:18px;background:#21182b;border:1px solid #3a2a48;border-radius:14px}
.eastel-cart-dialog .eastel-cart-product{display:contents;padding:0;margin:0;border:0}
.eastel-cart-dialog .eastel-cart-product img{grid-column:1;grid-row:1/3;box-sizing:border-box;width:60px;height:78px;padding:6px;object-fit:contain;border:1px solid #53405f;border-radius:9px;background:#17101e;box-shadow:none}
.eastel-cart-dialog .eastel-cart-product>div{grid-column:2;padding-right:28px}
.eastel-cart-dialog .eastel-cart-product h3{font-size:14px;line-height:1.4;margin:0 0 3px;color:#f3eafa}
.eastel-cart-dialog .eastel-cart-product p{font-size:12px;line-height:1.5;color:#bfa1de;margin:0}
.eastel-cart-dialog .eastel-cart-product>button{position:absolute;right:12px;top:12px;width:25px;height:25px;min-height:0;min-width:0;flex:none;border:0;background:transparent;color:#9d8aaa;font-size:18px;border-radius:6px}
.eastel-cart-dialog .eastel-cart-product>button:hover{background:#ffffff0a;color:#fff}
.eastel-cart-dialog .eastel-cart-quantity-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.eastel-cart-dialog .eastel-cart-quantity{grid-column:2;width:126px;display:grid;grid-template-columns:34px 1fr 34px;margin:10px 0 0;border:1px solid #58416b;border-radius:9px;background:#160f1f;overflow:hidden}
.eastel-cart-dialog .eastel-cart-quantity :is(button,input){box-sizing:border-box;height:34px;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:transparent;font-family:inherit;font-size:14px;color:#f0e5ff;text-align:center;box-shadow:none}
.eastel-cart-dialog .eastel-cart-quantity button{background:#32213f;cursor:pointer;font-size:18px}
.eastel-cart-dialog .eastel-cart-quantity input{appearance:textfield;-moz-appearance:textfield}
.eastel-cart-dialog .eastel-cart-quantity input::-webkit-inner-spin-button,.eastel-cart-dialog .eastel-cart-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
.eastel-cart-dialog .eastel-cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:18px 0 10px;border-top:1px solid #44304f}
.eastel-cart-dialog .eastel-cart-subtotal>span{font-size:13px;font-weight:600;color:#ecdef8}
.eastel-cart-dialog .eastel-cart-subtotal small{display:block;font-size:10px;font-weight:400;color:#9f8fb0;margin-top:4px}
.eastel-cart-dialog .eastel-cart-subtotal strong{font-size:25px;color:#d4b5ff;letter-spacing:-.6px;white-space:nowrap}
.eastel-cart-dialog .eastel-cart-note{font-size:10px;color:#9f8fb0;margin:0 0 18px}
.eastel-cart-dialog .eastel-cart-primary{width:100%;min-height:46px;border-radius:10px;font-size:13px}
.eastel-cart-dialog .eastel-cart-continue{display:block;width:100%;font-size:11px;margin:14px 0 0;color:#b3a2c2}
.eastel-cart-dialog [hidden]{display:none!important}
@media(max-width:480px){.eastel-cart-dialog{padding:20px;border-radius:18px}.eastel-cart-dialog [data-cart-product]{padding:14px;gap:0 12px;grid-template-columns:52px 1fr}.eastel-cart-dialog .eastel-cart-product img{width:52px;height:70px}.eastel-cart-dialog .cart-intro{font-size:11px;margin-bottom:18px}.eastel-cart-dialog #eastel-cart-title{font-size:25px}.eastel-cart-dialog .eastel-cart-subtotal strong{font-size:23px}}


/* Keep enlarged previews in their own grid column, clear of text and controls. */
.eastel-cart-dialog [data-cart-product]{grid-template-columns:88px minmax(0,1fr);column-gap:16px}
.eastel-cart-dialog .eastel-cart-product img{position:static;grid-column:1;grid-row:1/3;align-self:center;justify-self:center;width:88px;height:82px;padding:2px;transform:none;object-fit:contain}
.eastel-cart-dialog .eastel-cart-product>div{min-width:0;padding-right:0}
.eastel-cart-dialog .eastel-cart-product h3{overflow-wrap:anywhere}
.eastel-cart-dialog .eastel-cart-quantity{min-width:0;max-width:100%}
@media(max-width:480px){
 .eastel-cart-dialog [data-cart-product]{grid-template-columns:76px minmax(0,1fr);column-gap:14px}
 .eastel-cart-dialog .eastel-cart-product img{width:76px;height:82px}
}


/* Compact checkout product rows: artwork, details and quantity together. */
body.page-checkout #checkout .checkout-sidebar .checkout-product-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:16px;padding:20px 24px;background:transparent;flex:0 0 auto;min-height:0}
body.page-checkout #checkout .checkout-sidebar .checkout-product-img{grid-column:1;grid-row:1;width:76px;height:94px;min-height:0;display:flex;align-items:center;justify-content:center}
body.page-checkout #checkout .checkout-sidebar .checkout-product-img img{width:100%;height:94px;max-width:76px;max-height:94px;padding:0;object-fit:contain;border-radius:9px;filter:none}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info{grid-column:2;grid-row:1;align-self:center;min-width:0}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-title{font-size:15px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}
body.page-checkout #checkout .checkout-sidebar .checkout-product-info .product-price{font-size:22px;line-height:1.3}
body.page-checkout #checkout .checkout-sidebar .checkout-product-qty{grid-column:3;grid-row:1;align-self:center;justify-self:end;margin:0;width:auto}
body.page-checkout #checkout .checkout-sidebar .checkout-product-qty .qty{gap:6px;padding:4px}
@media(max-width:480px){
 body.page-checkout #checkout .checkout-sidebar .checkout-product-card{grid-template-columns:68px minmax(0,1fr);gap:10px 16px;padding:18px}
 body.page-checkout #checkout .checkout-sidebar .checkout-product-img{grid-row:1/3;width:68px;height:94px}
 body.page-checkout #checkout .checkout-sidebar .checkout-product-img img{max-width:68px}
 body.page-checkout #checkout .checkout-sidebar .checkout-product-qty{grid-column:2;grid-row:2;justify-self:start}
}


/* One shared product card with a divider between products. */
body.page-checkout #checkout .checkout-products-list{overflow:hidden;flex:0 0 auto;border:1px solid #b99ae735;border-radius:18px;background:linear-gradient(135deg,#1b1422,#141019)}
body.page-checkout #checkout .checkout-products-list .checkout-product-card{margin:0;border:0;border-bottom:1px solid #b99ae720;border-radius:0;box-shadow:none;backdrop-filter:none}
body.page-checkout #checkout .checkout-products-list .checkout-product-card:last-child{border-bottom:0}
body.page-checkout #checkout .checkout-products-list .checkout-product-qty .qty{display:grid;grid-template-columns:34px 40px 34px;gap:6px;padding:4px;border-radius:9px;align-items:center}
body.page-checkout #checkout .checkout-products-list .checkout-product-qty .qty button{width:34px;height:32px;border-radius:7px;padding:0}
body.page-checkout #checkout .checkout-products-list .checkout-product-qty .qty span{min-width:0;text-align:center;font-size:14px;font-weight:600}
@media(max-width:480px){body.page-checkout #checkout .checkout-products-list .checkout-product-card{grid-template-columns:68px minmax(0,1fr) auto;gap:12px;padding:18px 14px}body.page-checkout #checkout .checkout-products-list .checkout-product-img{grid-row:1;width:68px}body.page-checkout #checkout .checkout-products-list .checkout-product-qty{grid-column:3;grid-row:1;justify-self:end}body.page-checkout #checkout .checkout-products-list .checkout-product-qty .qty{grid-template-columns:26px 22px 26px;gap:2px;padding:3px}body.page-checkout #checkout .checkout-products-list .checkout-product-qty .qty button{width:26px;height:30px}body.page-checkout #checkout .checkout-products-list .checkout-product-info .product-title{font-size:13px}body.page-checkout #checkout .checkout-products-list .checkout-product-info .product-price{font-size:18px}}
@media(max-width:350px){body.page-checkout #checkout .checkout-products-list .checkout-product-card{grid-template-columns:58px minmax(0,1fr)}body.page-checkout #checkout .checkout-products-list .checkout-product-img{grid-row:1/3;width:58px}body.page-checkout #checkout .checkout-products-list .checkout-product-qty{grid-column:2;grid-row:2;justify-self:start}}

/* Full-screen mobile navigation with a single menu panel. */
.public-header :is(.public-menu-eyebrow,.public-menu-icon,.public-menu-chevron){display:none}
@media(max-width:768px){
 body.public-menu-open{overflow:hidden}
 body.public-menu-open .public-header{position:fixed;inset:0 0 auto;width:100%;max-width:none;height:78px;transform:none;border:0;border-bottom:1px solid #b99ae71a;border-radius:0;background:#110d17;backdrop-filter:none;z-index:2200}
 body.public-menu-open .public-header .nav{box-sizing:border-box;display:flex;width:100%;max-width:none;height:78px;padding:0 20px;margin:0;gap:14px}
 body.public-menu-open .public-header .logo>span,body.public-menu-open .public-header .eastel-cart-toggle{display:none}
 body.public-menu-open .public-header .hamburger{display:flex;flex-direction:column;position:relative;margin-left:auto;flex:0 0 46px;width:46px;height:46px;padding:0;border:1px solid #b99ae736;border-radius:12px;background:#b99ae70d;z-index:2202}
 body.public-menu-open .public-header .hamburger span{width:22px}
 body .public-header #nav-menu{box-sizing:border-box;margin:0}
 body.public-menu-open .public-header #nav-menu.active{position:fixed;inset:78px 0 0;width:100%;height:calc(100dvh - 78px);max-height:none;padding:12px 18px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;transform:none;box-shadow:none;background:#110d17;opacity:1;visibility:visible}
 .public-header .public-menu-panel{box-sizing:border-box;width:100%;padding:18px;border:1px solid #b99ae733;border-radius:18px;background:#1b1522}
 .public-header .public-menu-eyebrow{display:block;padding:7px 12px 18px;margin-bottom:10px;border-bottom:1px solid #b99ae727;color:#b8a2c9;font-size:9px;line-height:1.6;letter-spacing:1.8px;overflow-wrap:anywhere}
 body .public-header #nav-menu ul{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0;padding:0;list-style:none}
 body .public-header #nav-menu li{margin:0;padding:0;width:100%}
 body .public-header #nav-menu li a{box-sizing:border-box;display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:12px;width:100%;min-height:51px;padding:12px;border:1px solid transparent;border-radius:9px;background:none;color:#c3b8cf;font-size:13px;line-height:1.5;text-decoration:none}
 .public-header .public-menu-icon{display:block;color:#b99bd5}
 .public-header .public-menu-chevron{display:block;justify-self:end;color:#9f87b3;font-size:23px;line-height:1}
 body .public-header #nav-menu a[aria-current="page"]{background:#b48bd51c;border-color:#c29ae43d;color:#eedcff}
 body .public-header #nav-menu a:hover{background:#b48bd514}
 body .public-header #nav-menu .public-menu-login a{display:flex;justify-content:center;margin-top:16px;min-height:48px;border:1px solid #c5a0eb;background:#b38bd8;color:#24162e;font-weight:600}
 body .public-header #nav-menu a:focus-visible{outline:2px solid #d7b8f6;outline-offset:2px}
}

.public-header .public-menu-eyebrow{text-transform:uppercase}

/* A compact FAQ introduction and a clear sponsor contact card. */
body.home-reference .home-faq{padding:48px 0}
body.home-reference .home-faq::before{opacity:.12}
body.home-reference .home-faq .home-faq-intro,body.home-reference .home-faq .home-faq-intro :is(.home-kicker,.home-heading,.home-copy){text-align:left}
body.home-reference .home-faq .home-faq-intro .home-kicker{display:block;font-size:9px;line-height:1.6;letter-spacing:1.4px;margin:0 0 12px}
body.home-reference .home-faq .home-faq-intro .home-heading{font-size:32px;line-height:1.2;margin:0 0 12px}
body.home-reference .home-faq .home-faq-intro .home-copy{max-width:340px;margin:0;font-size:13px;line-height:1.7}
body.home-reference .home-faq .eastel-faq-help{box-sizing:border-box;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;justify-content:start;gap:12px;width:100%;max-width:360px;padding:18px;margin:22px 0 0;border:1px solid #b99ae72b;border-radius:14px;background:#b99ae708;text-align:left}
body.home-reference .home-faq .eastel-faq-help>svg{width:40px;height:40px;padding:8px;border-radius:11px;background:#b99ae712}
body.home-reference .home-faq .eastel-faq-help h3{font-size:15px;line-height:1.4;margin:0 0 4px}
body.home-reference .home-faq .eastel-faq-help .faq-help-note{font-size:11px;line-height:1.6;margin:0 0 12px;color:#bcaec9}
body.home-reference .home-faq .eastel-faq-help a{box-sizing:border-box;display:flex;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:10px 12px;font-size:12px;border:1px solid #b99ae747;border-radius:8px;background:#b99ae716;text-decoration:none}
body.home-reference .home-faq .eastel-faq-help a:hover{background:#b99ae728;text-decoration:none}
@media(max-width:760px){
 body.home-reference .home-faq{padding:32px 0}
 body.home-reference .home-faq-grid{gap:22px}
 body.home-reference .home-faq .home-faq-intro .home-heading{font-size:28px}
 body.home-reference .home-faq .home-faq-intro .home-copy{max-width:none;font-size:12px}
 body.home-reference .home-faq .eastel-faq-help{max-width:none;margin-top:18px;padding:16px}
 body.home-reference .home-faq-items{padding:4px 16px}
}


/* FAQ introduction: compact typography and a simple sponsor contact line. */
body.home-reference .home-faq::before{display:none}
body.home-reference .home-faq .faq-sponsor-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:340px;box-sizing:border-box;margin-top:20px;padding:14px 0 0;border:0;border-top:1px solid #b99ae72b;border-radius:0;background:none;color:#ceb0ff;font-size:12px;line-height:1.7;text-decoration:none}
body.home-reference .home-faq .faq-sponsor-link:hover{text-decoration:underline;text-underline-offset:4px}
body.home-reference .home-faq .faq-sponsor-link:focus-visible{outline:2px solid #ceb0ff;outline-offset:5px}
body.home-reference .home-faq .home-faq-items{padding:4px 20px;border:1px solid #44334f;border-radius:16px;background:#1b1422;box-shadow:none}
body.home-reference .home-faq .faq-item{margin:0;padding:0;border:0;border-bottom:1px solid #b99ae72b;border-radius:0;background:transparent;box-shadow:none}
body.home-reference .home-faq .faq-item:last-child{border-bottom:0}
body.home-reference .home-faq .faq-question{padding:18px 0;font-size:13px;line-height:1.6;text-align:left}
body.home-reference .home-faq .faq-question>span{flex-shrink:0;margin-left:12px}
@media(max-width:760px){body.home-reference .home-faq .faq-sponsor-link{max-width:none;margin-top:16px;padding-top:12px}body.home-reference .home-faq .home-faq-items{padding:4px 16px}}

/* Numbered FAQ rows. */
body.home-reference .home-faq .home-faq-items{counter-reset:faq-number}
body.home-reference .home-faq .faq-item{counter-increment:faq-number}
body.home-reference .home-faq .faq-question{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;column-gap:12px;width:100%}
body.home-reference .home-faq .faq-question::before{content:counter(faq-number,decimal-leading-zero);align-self:start;margin-top:2px;color:#bba0d5;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:1px;font-variant-numeric:tabular-nums}
body.home-reference .home-faq .faq-question>span{grid-column:3;justify-self:end;margin:0;color:#c9a7fa;font-size:20px;font-weight:400;line-height:1}
body.home-reference .home-faq .faq-answer p{padding-left:42px;color:#baacc7;font-size:12px;line-height:1.8}
body.home-reference .home-faq .faq-item.active .faq-question::before{color:#e4ceff}
body.home-reference .home-faq .faq-question:focus-visible{outline:2px solid #c9a7fa;outline-offset:3px;border-radius:6px}
@media(max-width:360px){body.home-reference .home-faq .faq-question{grid-template-columns:25px minmax(0,1fr) 18px;column-gap:9px}body.home-reference .home-faq .faq-answer p{padding-left:34px}}