/* 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     *//* =============================== */
: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: 24px;
  }

}
/* =============================== *//*        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 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 40px;
    text-shadow: 0 3px 10px rgba(0,0,0,0.4);
}
/* 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 {
  position: absolute;
  top: 12px;
  right: 12px;   /* FIX: jangan negatif */

  background: #ff007f;
  color: white;

  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;

  border-radius: 6px;

  transform: none; /* 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-section {
  padding: 120px 20px;
  background: linear-gradient(135deg, #f3f0ff, #e9e6f2);
  text-align: center;
}

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

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

: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: 30px;
}
/* CARD */
:where(body.page-home) .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-home) .social-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 70px rgba(0,0,0,0.1);
}
/* ICON WRAPPER */
:where(body.page-home) .social-card .icon {
  width: 60px;
  height: 60px;

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

  margin: 0 auto 15px;

  border-radius: 16px;

  background: rgba(124,58,237,0.08);
}
/* SVG ICON */
:where(body.page-home) .social-card .icon svg {
  width: 26px;
  height: 26px;

  stroke: #a78bfa;
}
/* TEXT */
:where(body.page-home) .social-card h4 {
  margin-bottom: 10px;
  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), :where(body.page-aboutus) * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* ===== BODY ===== */
body:where(.page-aboutus) {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(to bottom, #060606, #111111);
  color: #252525;
}
/* ===== CONTAINER ===== */
:where(body.page-aboutus) .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
/* =============================== *//*          HEADER PREMIUM        *//* =============================== */
:where(body.page-aboutus) 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) .nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* LOGO */
:where(body.page-aboutus) .logo {
  color: #f4f4f5;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
}
/* MENU */
:where(body.page-aboutus) nav ul {
  list-style: none;
  display: flex;
  gap: 28px;
}
/* LINK */
:where(body.page-aboutus) nav a {
  text-decoration: none;
  color: #c6c6cf;
  font-weight: 500;
  font-size: 15px;

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

  background: #7c3aed;

  transition: 0.3s;
}

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

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

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

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

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

@media(max-width: 768px){

:where(body.page-aboutus) .hamburger {
    display: flex;
  }
/* NAV CONTAINER */
:where(body.page-aboutus) 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) nav.active {
    max-height: 350px;
    padding: 20px 0;

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

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

}
/* =============================== *//*          HERO PREMIUM          *//* =============================== */
:where(body.page-aboutus) .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) .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) .hero-content {
  position: relative;
  z-index: 1;
}
/* TITLE */
:where(body.page-aboutus) .hero h1 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 20px;

  color: #f4f4f5;
}
/* SUBTEXT */
:where(body.page-aboutus) .hero p {
  font-size: 18px;
  color: #c6c6cf;
  margin-bottom: 30px;
}
/* BUTTON */
:where(body.page-aboutus) .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) .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) .hero {
    padding: 130px 20px 60px;
  }

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

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

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

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

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

:where(body.page-aboutus) .starboss-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* CARD STYLE */
:where(body.page-aboutus) .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) .starboss-card h3 {
  font-size: 26px;
  margin-bottom: 30px;
  color: #7c3aed;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(body.page-aboutus) .plan-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #252525;
}
/* GRID */
:where(body.page-aboutus) .plan-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
  align-items: stretch;
}
/* CARD */
:where(body.page-aboutus) .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) .plan-card:hover {
  transform: translateY(-6px);
}
/* HEADER */
:where(body.page-aboutus) .plan-header {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  padding: 30px;
  font-size: 24px;
  font-weight: 600;
}
/* BODY */
:where(body.page-aboutus) .plan-body {
  flex: 1;              /* ini penting untuk stretch */
  padding: 35px 25px;
  background: #f2f2f2;
}

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

:where(body.page-aboutus) .plan-body p {
  margin: 12px 0;
  color: #475569;
  font-weight: 500;
}
/* PRICE */
:where(body.page-aboutus) .price-tag {
  background: linear-gradient(135deg, #a855f7, #9333ea);
  color: #ffd700;
  font-weight: 700;
  padding: 20px;
  font-size: 20px;
}
/* FEATURED */
:where(body.page-aboutus) .featured {
  border: 2px solid #9333ea;
}
/* BEST RIBBON */
:where(body.page-aboutus) .badge {
  position: absolute;
  top: 15px;
  right: -45px;
  background: #ff007f;
  color: white;
  padding: 6px 50px;
  font-size: 11px;
  font-weight: 700;
  transform: rotate(45deg);
  letter-spacing: 1px;
}
/* ===== SIM SECTION ===== */
:where(body.page-aboutus) .sim-section {
  padding: 120px 0;
  background: #f3f0ff;
}

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

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

:where(body.page-aboutus) .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) .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) .sim-buy-btn:hover {
  transform: translateY(-4px);
}
/* Price Badge */
:where(body.page-aboutus) .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) .sim-right {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(body.page-aboutus) .difference-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 80px;
  color: #252525;
}
/* Layout */
:where(body.page-aboutus) .difference-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
/* Main Plan */
:where(body.page-aboutus) .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) .main-plan h3 {
  font-size: 48px;
  margin-bottom: 30px;
}

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

:where(body.page-aboutus) .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) .competitor-card:hover {
  transform: translateY(-6px);
}

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

:where(body.page-aboutus) .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) .difference-wrapper {
    flex-direction: column;
    gap: 40px;
  }

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

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

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

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

:where(body.page-aboutus) .faq-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 60px;
  color: #7c3aed;
}
/* FAQ Item */
:where(body.page-aboutus) .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) .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) .faq-question span {
  font-size: 22px;
  transition: 0.3s;
}
/* Answer */
:where(body.page-aboutus) .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background: #ffffff;
}

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

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

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

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

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

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

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

:where(body.page-aboutus) .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) .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) .testimoni-text {
  font-size: 20px;
  font-style: italic;
  margin-bottom: 25px;
  color: #334155;
  line-height: 1.6;
}

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

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

:where(body.page-aboutus) .testimoni-item span {
  font-size: 14px;
  color: #64748b;
}
/* ============================= *//*         NAV BUTTONS          *//* ============================= */
:where(body.page-aboutus) .prev-btn,
:where(body.page-aboutus) .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) .prev-btn {
  left: 15px;
}

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

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

:where(body.page-aboutus) .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) .dots span.active {
  opacity: 1;
  background: #7c3aed;
  transform: scale(1.2);
}

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

@media (max-width: 768px) {

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

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

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

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

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

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

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

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

:where(body.page-aboutus) .social-subtitle {
  font-size: 18px;
  color: #64748b;
  margin-bottom: 60px;
}
/* GRID */
:where(body.page-aboutus) .social-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
/* CARD */
:where(body.page-aboutus) .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) .social-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 70px rgba(0,0,0,0.1);
}
/* ICON */
:where(body.page-aboutus) .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) .social-card h4 {
  margin-bottom: 10px;
  font-weight: 700;
}

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

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

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

@media (max-width: 768px) {

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

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

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

:where(body.page-aboutus) .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) 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) footer p {
  font-size: 14px;
  color: #94a3b8;
  margin-bottom: 15px;
}
/* LINKS */
:where(body.page-aboutus) footer a {
  color: #c4b5fd;
  text-decoration: none;
  transition: 0.25s;
}

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

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

:where(body.page-aboutus) .background-title span {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Box */
:where(body.page-aboutus) .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) .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) .background-box p {
  font-size: 20px;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 30px;
}

:where(body.page-aboutus) .background-box strong {
  font-weight: 700;
  color: #000;
}
/* Highlight Quote */
:where(body.page-aboutus) .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) .background-title {
    font-size: 28px;
  }

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

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

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

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

:where(body.page-aboutus) .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) .license-image:hover {
  transform: scale(1.02);
}
/* Button */
:where(body.page-aboutus) .license-btn-wrapper {
  margin-top: 30px;
  color: #fff;
}

:where(body.page-aboutus) .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) .license-btn:hover {
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: white;
  border-color: transparent;
}

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

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

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

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

:where(body.page-aboutus) .license-title span {
  background: linear-gradient(135deg, #a78bfa, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* WRAPPER */
:where(body.page-aboutus) .license-wrapper {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
/* CARD */
:where(body.page-aboutus) .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) .license-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(124,58,237,0.3);
}
/* IMAGE */
:where(body.page-aboutus) .license-card img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 18px;
}
/* BADGE */
:where(body.page-aboutus) .license-badge {
  font-size: 16px;
  font-weight: 600;
  color: #e5e5e8;
}

:where(body.page-aboutus) .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) .background-title,
:where(body.page-aboutus) .license-title {
    font-size: 28px;
  }

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

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

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

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

:where(body.page-aboutus) .about-title span {
  background: linear-gradient(135deg, #a78bfa, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* BOX */
:where(body.page-aboutus) .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) .about-box p {
  font-size: 18px;
  line-height: 1.7;
  color: #c6c6cf;
  margin-bottom: 25px;
}

:where(body.page-aboutus) .about-box strong {
  color: #f4f4f5;
}
/* QUOTE */
:where(body.page-aboutus) .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) .about-title {
    font-size: 28px;
  }

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

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

:where(body.page-aboutus) .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) {
 --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) ::selection{background:#b7aaff;color:#050505}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) :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) img{max-width:100%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .container,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .container1,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .container2{width:min(90%,1180px);max-width:1180px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) section{scroll-margin-top:120px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) 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) header .nav{width:100%;max-width:none;min-height:72px;padding:0 26px;gap:24px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .logo{display:inline-flex;align-items:center;gap:11px;font-size:19px;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) .brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,#b7a4ff,#8078f8);color:#111111;font-size:21px;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) .brand-detail{display:block;font-size:9px;letter-spacing:.32em;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) nav ul{align-items:center;gap:27px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav a{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav a:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav a[aria-current="page"]{color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) 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) nav a[aria-current="page"]::after{width:100%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav li:last-child a{display:inline-flex;align-items:center;min-height:41px;padding:0 18px;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) nav li:last-child a::after{display:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .hero-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .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) .hero-content{text-align:left;max-width:660px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .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) .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) .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) .hero-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .seo-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-buy-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .agent2-btn,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .hero-btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .seo-btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-buy-btn:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .hero-btn-secondary,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-buy-btn-secondary,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .hero-btn-secondary:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-buy-btn-secondary:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .agent2-btn-secondary:hover{background:#ffffff0d;color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .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) .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) .hero{padding:175px 24px 95px;min-height:390px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .hero::before{background:none;pointer-events:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .hero .hero-content p{margin:0 auto 26px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .seo-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plans,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .testimoni-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .faq-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .agent2-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .about-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .license-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .marketing,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .steps-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-section{padding:88px 0;background:#050505}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plans,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .testimoni-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .license-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) h2,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .testimoni-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .faq-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .about-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .license-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .marketing-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .steps-title,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) h2 span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .about-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .marketing-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .steps-title span,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .plan-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .testimoni-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .faq-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .eastel-subtitle,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .seo-container{width:min(90%,1120px);gap:70px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .seo-content p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-content p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-text p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .seo-highlight{color:var(--mint)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-grid{gap:18px;margin-top:38px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .step-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .box,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .about-box,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .license-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .agent2-admin-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .form-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .qr-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .upload-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .why-card::before,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-card::after{display:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-card:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .step-card:hover,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .why-card p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .step-card p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .sim-wrapper{gap:64px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .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) .plan-nav{display:none}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .testimoni-card,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .faq-section{padding-left:5%;padding-right:5%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .faq-item,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .faq-item.active,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .faq-question,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .faq-answer p,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-features li{color:var(--muted)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .plan-code{color:var(--accent)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-gb{color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .agent2-wrapper{gap:48px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .agent2-admin-card{padding:30px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .agent2-admin-card h4{color:#fff}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-grid{gap:16px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-card{padding:26px 18px;color:#dce3f3}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-card h4{color:#dce3f3;font-size:13px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .about-section{padding-left:5%;padding-right:5%}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .license-card{overflow:hidden;padding:16px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .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) .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) .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) .table .highlight{background:#a394ff0d}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .table .price{color:var(--mint);font-weight:800}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .table tbody tr:hover{background:#ffffff05}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .box{padding:30px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .box small{color:var(--muted)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .step-card{padding:34px 26px;text-align:left}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .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) .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) 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) .footer-main{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .footer-wordmark span{color:var(--accent)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .footer-links a:hover{color:var(--mint)}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) nav ul{gap:17px}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) header .nav{padding:0 18px;gap:16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .hero-container{gap:28px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) 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) header .nav{min-height:64px;padding:0 18px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .logo{font-size:16px;gap:9px}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .brand-mark{width:31px;height:31px;font-size:19px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .hamburger span{width:23px;height:2px;background:#eef1fc}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) 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) 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) nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav li{width:100%}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav a{display:block;padding:13px 14px;font-size:13px;border-radius:9px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav a::after{display:none}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) 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) 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) .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) .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) .hero-content{text-align:center;max-width:100%}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .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) .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) .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) .premium-eyebrow{font-size:9px;letter-spacing:.16em}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .hero{padding:142px 24px 62px;min-height:340px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .hero .hero-content h1{font-size:43px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .seo-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .why-eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plans,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .eastel-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .testimoni-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .faq-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .agent2-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .social-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .about-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .license-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .marketing,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .steps-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-section{padding:60px 0}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .seo-content{text-align:left}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .seo-content h2{font-size:29px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .why-card{padding:20px 16px;border-radius:16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .why-card p{font-size:12px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .sim-wrapper{gap:32px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .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) .plan-body{padding:24px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-body h3{font-size:29px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-body p{font-size:13px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-header{padding:22px 24px 16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .faq-section,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .about-section{padding-left:5%;padding-right:5%}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .about-box{padding:28px 24px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .license-wrapper{gap:20px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .plan-container{width:90%;gap:20px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .footer-main{flex-direction:column;gap:28px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .footer-links{gap:18px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) 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) *,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) *::before,:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) *::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) header .nav{min-height:60px;padding:0 22px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .logo{font-size:16px;gap:9px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .brand-detail{font-size:7px;letter-spacing:.2em}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav ul{gap:23px}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav a{font-size:12px;font-weight:600}
:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) 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) header .nav{min-height:58px;padding:0 16px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .logo{font-size:15px}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) .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) .brand-detail{font-size:6px}
 :is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) nav ul{gap:0}:is(body.page-home,body.page-aboutus,body.page-data,body.page-affiliate,body.page-shop) 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;grid-template-columns:1fr auto;gap:45px;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);margin:0;max-width:620px}
body.inner-page .inner-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px;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;text-align:left}
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;grid-template-columns:.75fr 1.25fr;gap:28px;padding:30px 0 65px;align-items:start}
body.inner-page.page-shop .product-list{top:110px;gap:16px}
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{padding:23px;border-radius:11px;background:#111111;border-color:var(--line);box-shadow:none}
body.inner-page.page-shop .product-visual{background:#090909;border-radius:9px;padding:15px;min-height:220px}
body.inner-page.page-shop .product-visual img{height:230px;max-width:100%;filter:none;box-shadow:none}
body.inner-page.page-shop .product-badge{font-size:9px;padding:6px 10px;background:#a394ff10;border-color:#a394ff30;box-shadow:none}
body.inner-page.page-shop .product-title{font-size:21px;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
body.inner-page.page-shop .product-desc{font-size:12px;line-height:1.85;color:var(--muted)}
body.inner-page.page-shop .product-price{font-size:26px;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 .wrap>form{gap:20px}
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{max-width:1120px;border-radius:10px;border-color:var(--line);background:rgba(15,15,15,.97);padding:11px 17px;box-shadow:0 8px 25px #0003}
body.inner-page.page-shop .total-price{font-size:20px;font-weight:600;color:var(--accent)}
body.inner-page.page-shop .sticky-bar .btn{min-height:40px;font-size:11px;padding:10px 19px}
@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{align-items:flex-start;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{font-size:60px;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;line-height:1.8;margin:20px 0 32px;max-width:650px;text-align:left;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{font-size:43px;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{align-items:flex-start;flex-direction:column;gap:15px}
body.home-v3 .home-text-link{font-size:10px}
body.home-v3 .home-plans{padding:0 0 48px}
body.home-v3 .home-plans .plan-subtitle{font-size:12px;margin:17px 0 25px}
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{font-size:9px;line-height:1.8;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;text-align:left;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{font-size:27px;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{text-align:left;padding:46px 0 24px}
body.home-v3 footer>.container{width:calc(100% - 80px);max-width:1200px;margin-inline:auto;padding:0}
body.home-v3 footer .footer-main{display:grid;grid-template-columns:1fr auto;align-items:start;gap:30px;text-align:left}
body.home-v3 footer .footer-brand,body.home-v3 footer .footer-wordmark,body.home-v3 footer .footer-brand p{text-align:left;margin-left:0;margin-right:0}
body.home-v3 footer .footer-wordmark{font-size:22px}
body.home-v3 footer .footer-brand p{font-size:12px;max-width:330px;margin-top:10px}
body.home-v3 footer .footer-links{padding:5px 0 0;gap:22px;justify-content:flex-start}
body.home-v3 footer .footer-links a{font-size:12px;color:#b8b1c1}
body.home-v3 footer .footer-bottom{text-align:left;align-items:flex-start}
@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{padding:32px 0 24px}
body.home-v3 footer .footer-main{grid-template-columns:1fr;gap:24px}
body.home-v3 footer .footer-brand p{max-width:290px;font-size:12px;line-height:1.8}
body.home-v3 footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px;padding:20px 0 0;border-top:1px solid #29252e}
body.home-v3 footer .footer-bottom{margin-top:24px;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}
body.inner-page.page-shop footer{padding-bottom:110px}
@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:960px;padding:0;margin:28px auto 0;align-items:stretch}
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;width:100%;max-width:none;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{font-size:62px;line-height:1.12;letter-spacing:-2.5px;margin:25px 0 27px;max-width:600px;font-weight:700}
body.home-reference .home-title span{color:#b5a0f4}
body.home-reference .home-lead{font-size:16px;line-height:1.9;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;bottom:30px;left:50%;transform:translateX(-50%);width:430px;max-width:90%;height:490px;object-fit:cover;object-position:center 30%;border-radius:220px 220px 35px 35px;filter:none;box-shadow:0 20px 45px #05030855;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-wrapper{gap:17px}
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;background:#241a30;padding:25px 22px}
body.home-reference .home-plans .plan-header{order:0;color:#e0ceef;font-size:16px;letter-spacing:0;margin-bottom:24px;padding:0;border:0;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-size:32px;line-height:1.2;letter-spacing:-1.2px;color:#f1e8fa;margin:0 0 19px;min-height:77px;font-weight:600}
body.home-reference .home-plans .plan-body h3 i{display:none}
body.home-reference .home-plans .plan-body p{order:3;font-size:11px;line-height:1.7;color:#b5a5c2;margin:0 0 10px}
body.home-reference .home-plans .plan-body p i{color:#ac8fcc;margin-right:4px}
body.home-reference .home-plans .price-tag{order:2;font-size:29px;color:#c8b1eb;padding:0 0 20px;margin:0 0 21px;border-bottom:1px solid #493453}
body.home-reference .home-plans .badge{font-size:7px;top:23px;right:18px;background:#b5a0f4}
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;height:12px}
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{font-size:13px;font-weight:500;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-title{font-size:49px}
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{font-size:43px;line-height:1.13;letter-spacing:-1.7px;margin:22px 0}
body.home-reference .home-lead{font-size:14px;line-height:1.9}
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-hero-visual>img.reference-portrait{width:275px;height:350px;bottom:40px;border-radius:140px 140px 25px 25px}
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);gap:18px;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{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:30px}
body.home-reference .eastel-benefits .eyebrow{display:flex;align-items:center;gap:10px;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;margin-bottom:24px}
body.home-reference .eastel-benefits .benefit-icon{width:52px;height:52px;display:grid;place-items:center;background:#d7c4ef;color:#55366f;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{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:30px;padding-top:25px;border-top:1px solid #43314f}
body.home-reference .eastel-benefits .benefits-bottom b{display:block;font-size:17px;color:#e7dcf2;margin-bottom:7px;font-weight:600}
body.home-reference .eastel-benefits .benefits-bottom>div>span{display:block;font-size:12px;line-height:1.8;color:#afa2bc;max-width:770px}
body.home-reference .eastel-benefits .benefits-bottom .home-button{flex-shrink:0;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;text-align:center;margin-bottom:25px}
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 .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.home-reference .eastel-benefits .benefit-card{padding:22px 20px;border-radius:17px}
body.home-reference .eastel-benefits .benefit-card h3{font-size:18px}
body.home-reference .eastel-benefits .benefit-copy{font-size:12px}
body.home-reference .eastel-benefits .benefits-bottom{display:block;text-align:center;margin-top:25px;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;line-height:1.5}
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{display:inline-flex;align-items:center;gap:19px;text-decoration:none;font-size:12px;padding:13px 21px}
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:1px solid #543c62;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;background:#1b1223;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{font-size:30px;font-weight:600;line-height:1.2;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{display:flex;flex-wrap:wrap;gap:5px 17px;font-size:10px;color:#a58ab8;margin-top:9px;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{display:inline-flex;align-items:center;gap:17px;padding:13px 18px;font-size:11px;text-decoration:none;margin:0}
@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{font-size:6px;letter-spacing:.8px;margin-top:10px}
body.home-reference .eastel-agent-profile .home-kicker{font-size:8px;letter-spacing:1px;margin-bottom:13px}
body.home-reference .eastel-agent-profile h2{font-size:24px}
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{grid-column:2;justify-self:start;margin-top:18px}
}

/* One type scale for all Home sections. Product data and prices retain emphasis. */
body.home-reference{--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{min-height:0;margin-bottom:23px}
@media(max-width:1000px){body.home-reference .home-title{font-size:47px}}
@media(max-width:760px){
body.home-reference{--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;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:no-repeat;background-position:left bottom;background-size:65% auto;opacity:.65}
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 .home-faq::before{background-size:auto 100%;background-position:center bottom;opacity:.45}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{max-width:440px;margin-left:auto;margin-right:auto}
body.home-reference .home-faq .eastel-faq-help{justify-content:center;width:100%;margin-left:auto;margin-right:auto}
body.home-reference .home-faq .eastel-faq-help>div{text-align:left}
}

/* Center the complete FAQ help block on phones and reveal the fine contour lines. */
@media(max-width:760px){
body.home-reference .home-faq .eastel-faq-help{flex-direction:column;align-items:center;justify-content:center;gap:13px;max-width:360px;text-align:center}
body.home-reference .home-faq .eastel-faq-help>div{text-align:center}
body.home-reference .home-faq .eastel-faq-help a{justify-content:center}
body.home-reference .home-faq::before{background-size:auto 650px;background-position:center top;opacity:.85}
}

/* 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;max-height:88vh;margin:auto;padding:28px;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-size:25px;font-weight:600;line-height:1.3;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:14px}
: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;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch}
body.page-checkout .checkout-main{display:flex;flex-direction:column;gap:20px;min-width:0;height:100%}
body.page-checkout .checkout-sidebar{display:flex;flex-direction:column;gap:20px;min-width:0;height:100%}

/* 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:1;display:flex;flex-direction:column}
body.page-checkout .checkout-main .form-card:last-child .order-divider{margin-top:auto}

body.page-checkout .checkout-sidebar .upload-card{flex:1;display:flex;flex-direction:column}
body.page-checkout .checkout-sidebar .upload-box{flex:1;min-height:140px}

/* 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-img img{width:100%;height:auto;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45));border-radius:6px}
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{font-size:15px;font-weight:700;color:#f4f6fc;margin-bottom:3px}
body.page-checkout .checkout-product-info .product-price{font-size:18px;font-weight:800;color:var(--mint)}
body.page-checkout .checkout-product-qty .qty{display:flex;align-items:center;gap:6px;background:#0c0c0c;border:1px solid var(--line);border-radius:10px;padding:5px}
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:960px;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:960px;text-align:left}
body.page-aboutus .about-lead-desc strong{color:#f1f5f9}
body.page-aboutus .about-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:960px;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;margin-bottom:18px}
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;background:linear-gradient(135deg,rgba(124,58,237,0.08),rgba(255,255,255,0.03));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:960px;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:960px;text-align:left}
body.page-aboutus .license-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;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;height:200px;background:#00000050;border:1px solid rgba(255,255,255,0.06);border-radius:12px;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;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.5))}
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;border-radius:9px;font-size:12px;font-weight:600;color:#f1f5f9;background:rgba(255,255,255,0.06);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:960px;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;background:none;border:0;box-shadow:none}
body.page-aboutus .about-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:none}
body.page-aboutus .about-hero-photo figcaption{font-size:11px;line-height:1.8;letter-spacing:.2px;text-align:left;color:#a994b8;margin-top:12px}
@media(max-width:760px){body.page-aboutus .about-hero-photo img{border-radius:13px}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}
}