/* Home components. Header/footer are owned by the shared public components. */
body.premium-home {
  --ink:#21182f; --purple:#7544ca; --muted:#756d80; --line:#e8e3ee;
  --paper:#faf9fc; --soft:#f0ecf6; --card:#fff; --radius:14px;
  --section-space:80px; --card-space:32px;
  /* Shared type scale: components use these roles at every breakpoint. */
  --type-hero:clamp(40px,4.8vw,66px); --type-section:36px;
  --type-subheading:22px; --type-card:14px; --type-body:15px;
  --type-button:14px; --type-label:11px; --type-secondary:12px;
  --type-price:32px; --type-quota:28px; --type-badge:10px;
  --type-heading-tracking:-.8px;
  background:var(--paper); color:var(--ink); font-size:var(--type-body); line-height:1.85;
}
html { scroll-behavior:smooth; scroll-padding-top:100px; }
.premium-home .container { width:88%; max-width:1180px; }
.premium-home a,.premium-home button { -webkit-tap-highlight-color:transparent; }
.premium-home button { font:inherit; }
.premium-home a:focus-visible,.premium-home button:focus-visible { outline:3px solid #b08cf1; outline-offset:5px; }
.premium-home :is(.hero-btn,.secondary-btn,.sim-buy-btn,.agent2-btn,.plan-cta) {
  display:inline-flex; align-items:center; justify-content:center; gap:14px;
  min-height:46px; border-radius:8px; font-size:var(--type-button); font-weight:600;
  line-height:1.6; text-decoration:none; transition:background .2s,border-color .2s;
}
.premium-home .skip-link { position:fixed; left:20px; top:-80px; z-index:2000; background:#fff; padding:12px 18px; color:var(--ink); }
.premium-home .skip-link:focus { top:12px; }
/* Introduction */
.hero-section { min-height:650px; height:auto; padding:90px 0 75px; background:#191124; color:#fff; overflow:hidden; }
.hero-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; }
.hero-content { min-width:0; padding:0; max-width:none; }
.eyebrow { display:flex; gap:10px; align-items:center; margin-bottom:27px; font-size:var(--type-label); font-weight:600; letter-spacing:2.5px; color:#d6c3f4; }
.eyebrow>span { width:6px; height:6px; border-radius:50%; background:#cba8ff; }
.hero-content h1 { margin-bottom:25px; color:#fff; font-size:var(--type-hero); font-weight:600; line-height:1.15; letter-spacing:-2.8px; }
.hero-content h1 span { color:#c6a5f3; }
.hero-content p { max-width:450px; margin-bottom:30px; color:#bdb2cc; font-size:var(--type-body); line-height:1.85; }
.hero-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.hero-btn { padding:14px 22px; background:#b994f1; color:#211132; }
.hero-btn:hover { background:#c7a7f5; }
.secondary-btn { padding:13px 0; color:#e2d8ee; }
.hero-perks { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:32px; font-size:var(--type-secondary); color:#bdb2cc; }
.hero-visual { position:relative; min-width:0; min-height:450px; display:flex; align-items:center; justify-content:center; isolation:isolate; }
.hero-visual::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse,#7c46b94d,transparent 68%); }
.business-hero-photo { position:relative; width:100%; max-width:420px; aspect-ratio:4/4.5; overflow:hidden; border:1px solid #c4a2ed40; border-radius:24px 70px 24px 24px; box-shadow:0 24px 60px #08040e55; }
.business-hero-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 38%; }
.business-hero-photo::after { content:''; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,#191124e8); pointer-events:none; }
.business-photo-caption { position:absolute; bottom:32px; left:28px; right:24px; z-index:1; }
.business-photo-caption span { display:block; margin-bottom:8px; color:#dfc9fa; font-size:var(--type-label); font-weight:600; letter-spacing:2px; }
.business-photo-caption strong { display:block; max-width:300px; color:#fff; font-size:var(--type-subheading); font-weight:600; line-height:1.5; letter-spacing:-.3px; }
.business-hero-note { position:absolute; right:-8px; bottom:-18px; z-index:2; display:flex; align-items:center; gap:12px; max-width:calc(100% - 20px); padding:16px 20px; border:1px solid #cbb1e84d; border-radius:14px; background:#30203f; box-shadow:0 12px 30px #08040e50; color:#fff; font-size:var(--type-secondary); }
.business-hero-note>span { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border-radius:10px; background:#b994f126; color:#d4b5fb; font-size:18px; }
.business-hero-note small { display:block; margin-top:2px; color:#c7b8d4; font-size:var(--type-secondary); }
.connection-strip { padding:22px 0; background:var(--soft); border-bottom:1px solid var(--line); }
.connection-strip .container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 24px; }
.connection-strip span:first-child { color:var(--muted); font-size:var(--type-label); letter-spacing:1.5px; }
.connection-strip strong { font-size:var(--type-secondary); font-weight:500; }
.strip-dot { color:#ab8dc9; }
/* Consistent section titles, spacing and surfaces */
.starboss-section,.video-section,.sim-section,.plans,.difference-section,.testimoni-section,.faq-section,.social-section { padding:var(--section-space) 0; background:var(--paper); }
.home-section-heading { text-align:center; margin-bottom:40px; }
.social-title,.video-title,.sim-title,.plan-title,.difference-title,.testimoni-title,.faq-title { margin:0 0 18px; color:var(--ink); font-size:var(--type-section); font-weight:600; line-height:1.3; letter-spacing:var(--type-heading-tracking); }
.social-title span,.video-title span { color:var(--purple); }
.social-subtitle,.video-subtitle,.section-description { color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.social-subtitle,.video-subtitle { margin-bottom:40px; }
.home-section-heading .social-subtitle { max-width:760px; margin:0 auto; }
.section-label { margin-bottom:15px; color:var(--purple); font-size:var(--type-label); font-weight:600; letter-spacing:2px; }
.starboss-card { position:relative; margin-bottom:24px; padding:var(--card-space); border:1px solid var(--line); border-radius:18px; background:var(--card); }
.starboss-card:last-child { margin-bottom:0; }
.starboss-card h3 { margin-bottom:22px; color:var(--ink); font-size:var(--type-subheading); font-weight:600; line-height:1.5;  letter-spacing:-.3px; }
.intro-card { overflow:hidden; }
.intro-card::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#7544ca,#d9c6f4); }
.intro-wrapper { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr); gap:40px; align-items:center; }
.intro-image { display:flex; align-items:center; justify-content:center; min-height:250px; padding:32px; border-radius:14px; background:radial-gradient(ellipse,#e7dbf5,#f7f4fb 70%); }
.intro-image img { display:block; width:185px; max-width:100%; margin:auto; border-radius:16px; box-shadow:0 14px 26px #3521441a; }
.intro-content h3 { font-size:var(--type-subheading); line-height:1.5; letter-spacing:-.3px;  font-weight:600; }
.intro-content p,.starboss-card p { color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.starboss-card p+p { margin-top:14px; }
.starboss-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.starboss-item { display:flex; align-items:flex-start; gap:12px; padding:17px; border:1px solid #eee7f4; border-radius:10px; background:#faf9fc; color:#635771; font-size:var(--type-body); line-height:1.85; }
.feature-check { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; margin-top:1px; background:#eee7f9; border-radius:50%; color:var(--purple); font-size:11px; }
.highlight-item { background:#eee7f9; color:var(--purple); }
.benefits-card { padding:12px 0 0; border:0; background:transparent; }
.benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.benefit-box { min-width:0; padding:24px; border:1px solid var(--line); border-radius:16px; background:#fff; text-align:left; }
.benefit-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:18px; border:1px solid #e4d7f0; border-radius:13px; background:linear-gradient(145deg,#f5effc,#eadef7); color:var(--purple); font-size:21px; }
.benefit-box h4 { margin:0 0 10px; color:var(--ink); font-size:var(--type-card); font-weight:600; line-height:1.5;  letter-spacing:-.3px; }
.benefit-box p { font-size:var(--type-body);  line-height:1.85; }
.conclusion-card { overflow:hidden; background:linear-gradient(115deg,#f0e9f8,#f7f4fb); border-color:#e3d7ee; }
.conclusion-card::after { content:"\201c"; position:absolute; top:8px; right:24px; color:#d3bee9; font-family:Georgia,serif; font-size:100px; line-height:1; opacity:.5; pointer-events:none; }
.conclusion-card>h3,.conclusion-card>p { position:relative; z-index:1; }
.conclusion-card p strong { color:#60407b; font-weight:600; }
/* STARBOSS: a clear brand introduction, prominent film and restrained detail columns. */
.starboss-editorial { background:#fff; }
.starboss-editorial .starboss-heading { position:static; display:flex; align-items:center; justify-content:space-between; gap:32px; padding-bottom:32px; border-bottom:1px solid var(--line); }
.starboss-brand { display:flex; align-items:center; gap:22px; min-width:0; }
.starboss-brand-logo { display:block; flex:0 0 128px; width:128px; height:128px; object-fit:contain; border-radius:8px; background:#050505; }
.starboss-editorial .starboss-heading .section-label { margin:0 0 8px; font-size:var(--type-label); letter-spacing:2px; }
.starboss-editorial .social-title { margin:0; font-size:var(--type-section); text-align:left; letter-spacing:var(--type-heading-tracking);  line-height:1.3;  font-weight:600; }
.starboss-editorial .social-title span { display:block; color:var(--ink); }
.starboss-motto { flex-shrink:0; color:var(--muted); font-size:var(--type-secondary); letter-spacing:.3px; }
.starboss-introduction { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:64px; padding:48px 0 56px; }
.starboss-intro-copy h3 { margin:0 0 22px; color:var(--ink); font-size:var(--type-subheading); line-height:1.5; font-weight:600; letter-spacing:-.3px; }
.starboss-intro-copy p { margin:0; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.starboss-intro-copy p+p { margin-top:16px; }
.starboss-film { min-width:0; }
.starboss-film-heading { margin:0 0 14px; color:var(--ink); font-size:14px; font-weight:500; }
.starboss-editorial .video-wrapper { width:100%; max-width:none; margin:0; padding:0; border:1px solid var(--line); border-radius:10px; background:#101014; box-shadow:none; }
.starboss-editorial .video-wrapper iframe { border-radius:0; }
.starboss-film-caption { margin:14px 0 0; color:var(--muted); font-size:var(--type-secondary); line-height:1.8; }
.starboss-details { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; padding:40px 0; border-top:1px solid var(--line); }
.starboss-editorial .starboss-card { margin:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.starboss-editorial .starboss-card h3 { margin:0 0 26px; font-size:var(--type-subheading); line-height:1.5; letter-spacing:-.3px;  font-weight:600; }
.starboss-editorial .starboss-card .section-label { margin-bottom:10px; font-size:var(--type-label); letter-spacing:1.6px; }
.starboss-editorial .starboss-grid { grid-template-columns:minmax(0,1fr); gap:0; }
.starboss-editorial .starboss-item { gap:12px; padding:11px 0; border:0; border-bottom:1px solid #f0edf4; border-radius:0; background:none; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.starboss-editorial .starboss-item:last-child { border-bottom:0; }
.starboss-editorial .feature-check { flex:0 0 17px; width:17px; height:20px; margin:0; border-radius:0; background:none; font-size:10px; }
.starboss-editorial .benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.starboss-editorial .benefit-box { display:block; padding:0; border:0; border-radius:0; background:none; }
.starboss-editorial .benefit-icon { display:block; width:auto; height:auto; margin:0 0 12px; border:0; border-radius:0; background:none; color:var(--purple); font-size:19px; }
.starboss-editorial .benefit-box h4 { margin:0 0 8px; font-size:var(--type-card);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
.starboss-editorial .benefit-box p { margin:0; font-size:var(--type-body); line-height:1.85; }
.starboss-editorial .conclusion-card { display:grid; grid-template-columns:1fr 1fr; gap:10px 64px; margin-top:8px; padding:28px 0 0; border-top:1px solid var(--line); overflow:visible; }
.starboss-editorial .conclusion-card::after { content:none; }
.starboss-editorial .conclusion-card .section-label { grid-column:1/-1; margin:0; }
.starboss-editorial .conclusion-card p { margin:0; font-size:var(--type-body); line-height:1.85; }
@media(max-width:1000px) {
  .starboss-editorial .starboss-heading { align-items:flex-start; }
  .starboss-motto { max-width:145px; flex-shrink:1; text-align:right; }
  .starboss-introduction,.starboss-details { gap:32px; }
}
@media(max-width:768px) {
  .starboss-editorial .starboss-heading { display:block; padding-bottom:24px; }
  .starboss-brand { flex-direction:row; align-items:center; gap:18px; }
  .starboss-brand-logo { flex-basis:96px; width:96px; height:96px; }
  .starboss-editorial .social-title { font-size:var(--type-section); letter-spacing:var(--type-heading-tracking);  line-height:1.3;  font-weight:600; }
  .starboss-editorial .starboss-heading .section-label { font-size:var(--type-label); letter-spacing:1.4px; }
  .starboss-motto { display:none; }
  .starboss-introduction { grid-template-columns:minmax(0,1fr); gap:28px; padding:32px 0; }
  .starboss-intro-copy h3 { font-size:var(--type-subheading);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .starboss-details { grid-template-columns:minmax(0,1fr); gap:36px; padding:32px 0; }
  .starboss-editorial .benefit-grid { gap:24px; }
  .starboss-editorial .conclusion-card { grid-template-columns:minmax(0,1fr); gap:12px; padding-top:24px; }
}
.video-section { background:var(--soft); text-align:center; }
.video-wrapper { position:relative; max-width:900px; margin:0 auto; padding:10px; border:1px solid #dfd5e9; border-radius:20px; overflow:hidden; aspect-ratio:16/9; background:#fff; box-shadow:0 16px 40px #35214412; }
.home-video-preview { position:relative; display:block; width:100%; height:100%; overflow:hidden; border-radius:12px; background:#21172e; color:#fff; }
.home-video-preview::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 35%,#100916bb); }
.home-video-preview>img { display:block; width:100%; height:100%; object-fit:cover; }
.home-video-play { position:absolute; z-index:1; top:50%; left:50%; display:grid; place-items:center; width:72px; height:72px; border-radius:50%; background:#fffffff2; color:#7544ca; font-size:22px; box-shadow:0 8px 28px #10091640; transform:translate(-50%,-50%); }
.home-video-play i { margin-left:4px; }
.home-video-caption { position:absolute; z-index:1; left:24px; right:24px; bottom:22px; display:flex; align-items:center; gap:12px; text-align:left; font-size:var(--type-secondary); font-weight:500; line-height:1.7; }
.home-video-caption>.fa-youtube { color:#fff; font-size:22px; }
.home-video-caption>span { margin-left:auto; font-size:18px; }
.video-wrapper iframe[hidden],.home-video-preview[hidden] { display:none; }
.video-wrapper iframe { display:block; width:100%; height:100%; border:0; border-radius:12px; }
/* Eastel video library: two introductions followed by six portrait guides. */
.eastel-video-section { text-align:left; }
.eastel-video-heading { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:end; margin-bottom:32px; }
.eastel-video-heading .video-title { margin:0; }
.eastel-video-heading .video-subtitle { max-width:520px; margin:0; font-size:var(--type-body); line-height:1.85; }
.eastel-featured-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.eastel-video-card { min-width:0; overflow:hidden; border:1px solid #e1d9eb; border-radius:12px; background:#fff; }
.eastel-video-section .video-wrapper { width:100%; max-width:none; margin:0; padding:0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:#17121e; box-shadow:none; }
.eastel-video-section .video-wrapper iframe,.eastel-video-section .home-video-preview { border-radius:0; }
.eastel-video-section .home-video-caption { left:20px; right:20px; bottom:16px; font-size:var(--type-secondary); }
.eastel-video-section .home-video-play { width:56px; height:56px; font-size:18px; }
.eastel-video-trigger { position:relative; display:block; width:100%; height:100%; overflow:hidden; background:#17121e; }
.eastel-video-trigger::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 60%,#100b1940); pointer-events:none; }
.eastel-video-trigger img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s; }
.eastel-video-trigger:hover img { transform:scale(1.025); }
.eastel-play { position:absolute; z-index:1; left:50%; top:50%; display:grid; place-items:center; width:56px; height:56px; border:1px solid #ffffff80; border-radius:50%; color:#fff; background:#17121ebf; transform:translate(-50%,-50%); font-size:17px; }
.eastel-play i { margin-left:3px; }
.eastel-card-copy { display:flex; align-items:flex-start; gap:14px; padding:20px; }
.eastel-card-copy h3 { margin:0; color:var(--ink); font-size:var(--type-card); font-weight:600; line-height:1.5;  letter-spacing:-.3px; }
.eastel-video-number { flex-shrink:0; color:var(--purple); font-size:var(--type-label); font-weight:600; line-height:2; }
.eastel-video-tag { flex-shrink:0; margin-top:3px; color:var(--purple); font-size:var(--type-label); font-weight:600; line-height:2; letter-spacing:1px; }
.eastel-guides-heading { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin:44px 0 22px; padding-top:30px; border-top:1px solid #dfd6e9; }
.eastel-guides-heading h3 { margin:0; color:var(--ink); font-size:var(--type-subheading); font-weight:600; letter-spacing:-.3px;  line-height:1.5; }
.eastel-guides-heading>span { color:var(--muted); font-size:var(--type-secondary); }
.eastel-shorts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.eastel-short-player { position:relative; width:100%; aspect-ratio:9/16; background:#17121e; }
.eastel-short-player iframe { display:block; width:100%; height:100%; border:0; }
.eastel-short-player iframe[hidden],.eastel-video-trigger[hidden] { display:none; }
@media(max-width:900px) {
  .eastel-video-heading { gap:28px; }
  .eastel-featured-grid,.eastel-shorts-grid { gap:18px; }
  .eastel-card-copy { gap:10px; padding:16px; }
  .eastel-card-copy h3 { font-size:var(--type-card);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
}
@media(max-width:600px) {
  .eastel-video-heading,.eastel-featured-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .eastel-video-heading .video-subtitle { font-size:var(--type-body);  line-height:1.85; }
  .eastel-guides-heading { display:block; margin-top:32px; padding-top:24px; }
  .eastel-guides-heading h3 { margin-bottom:6px; font-size:var(--type-subheading);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .eastel-shorts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .eastel-short-card .eastel-card-copy { display:block; padding:12px; }
  .eastel-short-card .eastel-video-number { display:block; margin-bottom:5px; }
  .eastel-short-card .eastel-card-copy h3 { font-size:var(--type-card);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .eastel-play { width:44px; height:44px; font-size:14px; }
}
@media(max-width:360px) {
  .eastel-shorts-grid { grid-template-columns:minmax(0,1fr); max-width:300px; margin:auto; }
  .eastel-short-card .eastel-card-copy { display:flex; padding:16px; }
  .eastel-short-card .eastel-card-copy h3 { font-size:var(--type-card);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
}
/* Real SIM product presentation */
.sim-wrapper { gap:48px; }
.sim-right { padding:32px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.sim-card { display:inline-grid; place-items:center; box-sizing:border-box; width:330px; max-width:100%; min-height:360px; padding:70px 46px 34px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,#fff,var(--soft)); }
.sim-card img { display:block; width:190px; max-width:100%; height:auto; object-fit:contain; border-radius:11px; box-shadow:0 18px 30px #21182f26; transform:rotate(-4deg); }
.price-badge { top:18px; right:18px; left:auto; padding:10px 16px; border-radius:8px; background:var(--ink); color:#fff; font-size:13px; font-weight:600; line-height:1.5; }
.sim-buy-btn,.agent2-btn { padding:14px 22px; background:var(--purple); color:#fff; }
.sim-buy-btn:hover,.agent2-btn:hover { background:#6435b3; }
.sim-buy-btn { width:330px; max-width:100%; margin-top:24px; }
.sim-list li { margin-bottom:14px; padding-left:30px; font-size:var(--type-body); line-height:1.85; }
.sim-list li::before { content:'\2713'; width:20px; height:20px; color:var(--purple); background:#eee7f9; font-size:12px; }
.sim-list .highlight { padding:12px 12px 12px 42px; border:1px solid #e5d9f1; border-radius:9px; background:#f4eff9; color:var(--purple); font-size:var(--type-body); font-weight:600;  line-height:1.85; }
.sim-list .highlight::before { top:15px; left:12px; }
.sim-cta { margin-top:26px; font-size:var(--type-subheading); line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
.sim-cta span { color:var(--purple); }
/* Plan cards */
.plans { background:var(--soft); }
.plans .section-label,.plan-title,.section-description { text-align:center; }
.section-description { margin-bottom:40px; }
.plan-wrapper { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:stretch; }
.plan-card { position:relative; display:flex; flex-direction:column; min-width:0; overflow:hidden; padding:26px 22px; border:1px solid #e2dbe9; border-radius:18px; background:var(--card); text-align:left; transition:transform .2s,border-color .2s; }
.plan-card:hover { transform:translateY(-3px); border-color:#c2a9df; }
.plan-card.featured { border-color:#8057b0; background:radial-gradient(ellipse at 100% 0,#7544ca40,transparent 65%),#21172e; color:#fff; }
.plan-header { display:flex; align-items:center; gap:10px; margin-bottom:24px; color:var(--muted); font-size:var(--type-secondary); font-weight:500; }
.plan-mark { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:#f1eafb; color:#936bc1; font-size:14px; }
.featured .plan-mark { background:#ffffff10; color:#cfb1f3; }
.featured .plan-header { color:#d2b6f3; }
.plan-body { flex:1; padding:0; background:transparent; }
.plan-body h3 { margin-bottom:20px; color:var(--ink); font-size:var(--type-quota); font-weight:600; letter-spacing:-1px; line-height:1.4; }
.featured .plan-body h3 { color:#fff; }
.plan-body p { display:flex; align-items:baseline; gap:8px; margin:10px 0; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.plan-body p::before { content:"\f00c"; color:#a78abb; font-family:"Font Awesome 6 Free"; font-size:9px; font-weight:900; }
.featured .plan-body p::before { color:#c7a4f4; }
.featured .plan-body p { color:#c1b4ce; }
.price-tag { position:static; margin-top:20px; padding:20px 0 16px; border-top:1px solid #eee8f4; background:transparent; color:var(--ink); font-size:var(--type-price); font-weight:600; line-height:1.4; }
.price-tag small { color:var(--muted); font-size:var(--type-secondary); font-weight:400; white-space:nowrap; }
.featured .price-tag { color:#fff; border-color:#ffffff20; }
.featured .price-tag small { color:#c1b4ce; }
.badge { top:14px; right:14px; padding:4px 8px; border-radius:4px; background:#b994f1; color:#241535; font-size:var(--type-badge); font-weight:600; letter-spacing:.4px; }
.premium-home .plan-cta { justify-content:space-between; padding:11px 14px; border:1px solid var(--line); color:var(--ink); font-size:var(--type-button); }
.featured .plan-cta { border-color:#b994f1; background:#b994f1; color:#21172e; }
/* Comparison: one highlighted Eastel plan against a clear two-by-two grid. */
.difference-section .home-section-heading { max-width:800px; margin:0 auto 40px; }
.difference-title { max-width:800px; margin:0 auto 18px; }
.comparison-intro { color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.difference-wrapper { display:grid; grid-template-columns:minmax(0,.95fr) 44px minmax(0,1.4fr); align-items:stretch; gap:24px; }
.main-plan { position:relative; display:flex; flex-direction:column; min-width:0; padding:32px; border:1px solid #8d69b5; border-radius:20px; background:radial-gradient(ellipse at 100% 0,#7544ca55,transparent 60%),linear-gradient(145deg,#342342,#21172e); color:#fff; box-shadow:0 14px 36px #35214414; }
.comparison-brand { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; font-size:13px; font-weight:700; letter-spacing:1.8px; }
.comparison-network { padding:4px 10px; border:1px solid #b994f14d; border-radius:6px; background:#b994f11a; color:#d6b7ff; font-size:var(--type-secondary); line-height:1.5; }
.main-plan h3 { margin:0 0 8px; color:#d7c3ee; font-size:var(--type-card); font-weight:600; line-height:1.5; letter-spacing:-.3px; }
.comparison-data { display:flex; align-items:baseline; gap:9px; }
.comparison-data strong { font-size:clamp(52px,5vw,72px); font-weight:600; line-height:1.1; letter-spacing:-3px; }
.comparison-data>span { color:#d8bbff; font-size:25px; font-weight:500; }
.main-plan .comparison-speed { margin:9px 0 24px; color:#cdbbdc; font-size:var(--type-body);  line-height:1.85; }
.comparison-features { display:grid; gap:12px; margin:0 0 28px; padding:0; list-style:none; }
.comparison-features li { display:flex; align-items:center; gap:12px; color:#e5d9ef; font-size:var(--type-body); line-height:1.85; }
.comparison-features i { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:7px; background:#b994f11a; color:#d6b7ff; font-size:12px; }
.comparison-features strong { color:#fff; font-weight:600; }
.comparison-price { display:flex; align-items:baseline; gap:10px; margin-top:auto; padding-top:22px; border-top:1px solid #ffffff24; }
.comparison-price strong { color:#fff; font-size:var(--type-price); font-weight:600; line-height:1.3; letter-spacing:-1px; }
.comparison-price>span { color:#cdbbdc; font-size:var(--type-secondary); }
.competitor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.competitor-card { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid var(--line); border-radius:16px; background:#fff; text-align:left; }
.comparison-label { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:14px; color:var(--muted); font-size:var(--type-secondary); }
.comparison-label>span { display:inline; font-weight:400; }
.comparison-label .comparison-index { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#f4f0f8; color:#9d8cab; font-size:var(--type-badge); }
.competitor-data { display:flex; align-items:baseline; gap:6px; color:var(--ink); }
.competitor-data strong { font-size:var(--type-quota); font-weight:600; line-height:1.25; letter-spacing:-1px; }
.competitor-data>span { display:inline; color:var(--muted); font-size:var(--type-secondary); font-weight:400; }
.competitor-card .competitor-hotspot { display:flex; align-items:center; gap:8px; margin:12px 0 18px; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.competitor-hotspot i { color:#a28eb6; font-size:11px; }
.competitor-price { margin-top:auto; padding-top:14px; border-top:1px solid #f0ebf5; color:var(--purple); font-size:18px; font-weight:600; line-height:1.4; }
.vs-text { display:grid; place-items:center; align-self:center; justify-self:center; width:44px; height:44px; border:1px solid #e1d6ed; border-radius:50%; background:#fff; color:#897197; font-size:11px; font-weight:600; letter-spacing:.5px; box-shadow:0 4px 12px #35214408; }
/* Testimonials and FAQ */
.testimoni-section { background:var(--soft); }
.testimoni-title { margin-bottom:40px; }
.testimoni-item { padding:40px 64px; border:1px solid var(--line); border-radius:18px; }
.testimonial-section-label { text-align:center; }
.testimonial-quote { display:block; margin-bottom:18px; color:#b79bd2; font-size:30px; }
.testimoni-text { max-width:640px; margin:0 auto 28px; color:#635771; font-size:var(--type-body); font-style:normal; line-height:1.85; }
.testimonial-person { display:flex; align-items:center; justify-content:center; gap:14px; }
.testimonial-person-copy { text-align:left; }
.avatar-initial { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; margin:0; border:1px solid #e7dcf2; border-radius:50%; background:#efe8f7; color:var(--purple); font-size:14px; font-weight:600; }
.rating { margin-bottom:12px; color:#9c742d; font-size:16px; letter-spacing:2px; }
.testimoni-item h4 { color:var(--ink); font-size:var(--type-card); font-weight:600;  line-height:1.5;  letter-spacing:-.3px; }
.testimoni-item span { color:var(--muted); font-size:var(--type-secondary); }
.prev-btn,.next-btn { width:44px; height:44px; border:1px solid #e5dbee; background:#faf7fd; color:var(--purple); font-size:13px; }
.dots button { width:8px; height:8px; margin:0 6px; padding:0; border:0; border-radius:50%; background:#cbbbdc; cursor:pointer; }
.dots button.active { background:var(--purple); }
.testimoni-controls { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:20px; }
.testimoni-controls :is(.prev-btn,.next-btn) { position:static; flex:0 0 44px; width:44px; height:44px; border:1px solid var(--line); background:#fff; }
.testimoni-controls .dots { display:flex; align-items:center; margin:0; }
.testimoni-controls .dots button { display:grid; place-items:center; width:24px; height:44px; margin:0; background:transparent; }
.testimoni-controls .dots button::after { content:''; width:7px; height:7px; border-radius:50%; background:#cbbbdc; }
.testimoni-controls .dots button.active::after { background:var(--purple); }

.faq-section .container { max-width:850px; counter-reset:home-faq; }
.faq-section-label,.faq-intro { text-align:center; }
.faq-intro { margin:0 0 36px; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.faq-title { margin-bottom:18px; }
.faq-item { margin-bottom:12px; border:1px solid var(--line); border-radius:12px; counter-increment:home-faq; }
.faq-item.active { border-color:#c9b3df; background:#fff; }
.faq-item:last-child { margin-bottom:0; }
.faq-question { display:grid; grid-template-columns:28px minmax(0,1fr) 28px; align-items:center; gap:16px; padding:20px 24px; background:#fff; color:var(--ink); font-size:var(--type-button); font-weight:500; line-height:1.7; }
.faq-question::before { content:counter(home-faq,decimal-leading-zero); color:#aa90bf; font-size:10px; font-weight:600; letter-spacing:.5px; }
.faq-question span { position:relative; display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#f1eafb; color:var(--purple); font-size:0; line-height:1; transition:transform .2s; }
.faq-question span::before,.faq-question span::after { content:''; position:absolute; left:50%; top:50%; width:12px; height:2px; border-radius:1px; background:currentColor; transform:translate(-50%,-50%); }
.faq-question span::after { transform:translate(-50%,-50%) rotate(90deg); }
.faq-item.active .faq-question span { transform:rotate(45deg); background:#7544ca; color:#fff; }
.faq-answer p { padding:0 68px 22px; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.faq-item.active .faq-answer { max-height:500px; }
/* Sponsor invitation and personal contact card. */
.agent2-section { position:relative; padding:var(--section-space) 0; background:radial-gradient(ellipse at 85% 20%,#7544ca24,transparent 60%),#20162c; }
.agent2-wrapper { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:64px; }
.agent2-content { min-width:0; }
.agent-section-label { display:flex; align-items:center; gap:10px; margin-bottom:22px; color:#c6a5ee; font-size:var(--type-label); font-weight:600; letter-spacing:1.8px; line-height:1.8; }
.agent-section-label>span { flex:0 0 6px; width:6px; height:6px; border-radius:50%; background:#c6a5ee; }
.agent2-content h2 { margin-bottom:22px; color:#fff; font-size:var(--type-section); font-weight:600; line-height:1.3; letter-spacing:var(--type-heading-tracking); }
.agent2-content h2 span { color:#c5a2ee; }
.agent2-sub { max-width:540px; margin-bottom:28px; color:#c2b4cf; font-size:var(--type-body); line-height:1.85; }
.agent2-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.agent2-list li { display:flex; align-items:flex-start; gap:12px; min-width:0; margin:0; padding:16px; border:1px solid #d1b6eb20; border-radius:12px; background:#ffffff05; color:#e1d7ea; font-size:var(--type-body); line-height:1.85; }
.agent2-list li::before { content:none; }
.agent-benefit-icon { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:9px; background:#b994f11a; color:#d1adff; font-size:15px; }
.agent2-list li>span:last-child { min-width:0; }
.agent2-admin-card { position:relative; justify-self:end; width:100%; max-width:440px; min-width:0; padding:24px; border:1px solid #e8e3ee; border-radius:12px; background:#fff; text-align:left; box-shadow:none; overflow:hidden; }
.agent2-admin-card::before { content:none; }
.sponsor-card-label { display:flex; align-items:center; gap:8px; margin-bottom:16px; color:#886b9b; font-size:var(--type-label); font-weight:600; letter-spacing:1.6px; }
.sponsor-card-label i { color:#936bc1; font-size:13px; }
.sponsor-identity { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.sponsor-avatar { display:grid; place-items:center; flex:0 0 56px; width:56px; height:56px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.sponsor-avatar .admin-img { display:block; width:56px; height:56px; margin:0; border:0; border-radius:7px; object-fit:cover; }
.sponsor-initial { color:#7544ca; font-size:32px; font-weight:600; line-height:1; }
.sponsor-identity-copy { min-width:0; }
.agent2-admin-card h4 { margin:0 0 5px; color:var(--ink); font-size:var(--type-subheading); font-weight:600; line-height:1.5; overflow-wrap:anywhere;  letter-spacing:-.3px; }
.sponsor-identity-copy>span { color:var(--muted); font-size:var(--type-secondary); line-height:1.7; }
.agent2-admin-card .admin-role { margin:0 0 22px; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.sponsor-referral { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; align-items:center; margin:0; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:transparent; }
.sponsor-referral.has-qr { grid-template-columns:minmax(0,1fr) 112px; gap:22px; }
.sponsor-referral-qr { grid-column:2; grid-row:1; width:112px; max-width:100%; justify-self:end; text-align:center; }
.sponsor-referral-qr>span { display:block; margin-bottom:8px; color:var(--muted); font-size:var(--type-secondary); }
.sponsor-referral-qr a { display:block; padding:5px; border:1px solid var(--line); background:#fff; }
.sponsor-referral-qr img { display:block; width:100%; height:auto; object-fit:contain; }
.sponsor-referral-id { display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:center; gap:8px; grid-column:1; grid-row:1; min-width:0; padding:0; }
.sponsor-referral-id>div { min-width:0; }
.sponsor-referral-id span { display:block; margin-bottom:6px; color:var(--muted); font-size:var(--type-secondary); }
.sponsor-referral-id strong { display:block; color:var(--ink); font-size:var(--type-button); font-weight:600; line-height:1.7; overflow-wrap:anywhere; }
.sponsor-referral-id p,.sponsor-referral-missing,.sponsor-referral-status { margin:0; color:var(--muted); font-size:var(--type-secondary); line-height:1.85; }
.sponsor-referral-missing,.sponsor-referral-status { grid-column:1/-1; }
.sponsor-referral-status:empty { display:none; }
.premium-home .sponsor-copy-id { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #e5dcf0; border-radius:7px; background:#f6f2fb; color:var(--purple); font-size:var(--type-button); cursor:pointer; transition:background .2s,border-color .2s; }
.sponsor-copy-id:hover { border-color:#c8b2e3; background:#ece3f7; }
.sponsor-copy-id:active { background:#dfd0f1; }
@media(max-width:400px) {
  .sponsor-referral.has-qr { grid-template-columns:minmax(0,1fr) 96px; gap:16px; }
  .sponsor-referral-qr { width:96px; }
}
.admin-contact { display:grid; gap:0; margin:0 0 12px; }
.sponsor-contact-row { display:flex; align-items:center; gap:10px; min-width:0; padding:10px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:#493b59; text-decoration:none; }
.sponsor-contact-row:hover { background:#faf8fd; }
.sponsor-contact-row:last-child { border-bottom:0; }
.sponsor-contact-row>i { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:0; background:transparent; color:#936bc1; font-size:18px; }
.sponsor-contact-row>span { flex:1; min-width:0; }
.sponsor-contact-row small { display:block; margin-bottom:2px; color:#8a7e95; font-size:var(--type-secondary); line-height:1.6; }
.sponsor-contact-row strong { display:block; color:#493b59; font-size:var(--type-card); font-weight:600; line-height:1.5; overflow-wrap:anywhere;  letter-spacing:-.3px; }
.sponsor-contact-row .sponsor-contact-arrow { flex:0 0 12px; width:12px; font-size:10px; }
.premium-home .agent2-btn { width:100%; min-height:46px; gap:8px; padding:11px 12px; font-size:var(--type-button); white-space:nowrap; }
.agent2-btn .fa-whatsapp { flex-shrink:0; font-size:19px; }
.agent2-btn>span { margin-left:auto; font-size:18px; }
@media(max-width:400px) {
  .premium-home .agent2-btn { gap:6px; padding:11px 8px; }
  .agent2-btn>span[aria-hidden="true"] { display:none; }
}
/* Income simulator: the same type scale, with a focused dark result panel. */
.income-section { padding:var(--section-space) 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--soft); }
.income-heading { max-width:720px; margin:0 auto 32px; text-align:center; }
.income-heading h2 { margin:0 0 18px; color:var(--ink); font-size:var(--type-section); font-weight:600; line-height:1.3; letter-spacing:var(--type-heading-tracking); }
.income-heading p { margin:0; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.income-panel { max-width:880px; margin:0 auto; padding:40px; border:1px solid #493d58; border-radius:16px; background:#21182f; color:#fff; }
.income-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.income-field { min-width:0; }
.income-field>label { display:block; margin-bottom:10px; color:#e1d6ee; font-size:var(--type-button); font-weight:600; line-height:1.6; }
.income-stepper { display:flex; height:50px; overflow:hidden; border:1px solid #685875; border-radius:7px; background:#ffffff08; }
.income-stepper button { display:grid; place-items:center; flex:0 0 48px; padding:0; border:0; background:transparent; color:#fff; font-size:22px; cursor:pointer; }
.income-stepper button:first-child { border-right:1px solid #685875; }
.income-stepper button:last-child { border-left:1px solid #685875; }
.income-stepper button:hover:not(:disabled) { background:#ffffff12; }
.income-stepper button:disabled { opacity:.35; cursor:default; }
.income-stepper input { flex:1; width:0; min-width:0; padding:0 8px; border:0; background:transparent; color:#fff; font:600 18px/1.5 'Poppins',sans-serif; text-align:center; appearance:textfield; }
.income-stepper input::-webkit-inner-spin-button,.income-stepper input::-webkit-outer-spin-button { margin:0; appearance:none; }
.income-field select { display:block; width:100%; min-height:50px; padding:10px 14px; border:1px solid #685875; border-radius:7px; background:#2b2239; color:#fff; font:600 var(--type-button)/1.6 'Poppins',sans-serif; cursor:pointer; }
.income-result { margin-top:32px; padding:34px 0; border-top:1px solid #ffffff20; text-align:center; }
.income-result>p { margin:0 0 12px; color:#d0bddf; font-size:var(--type-label); font-weight:600; letter-spacing:1.5px; text-transform:uppercase; }
.income-result output { display:block; color:#fff; font-size:clamp(30px,5.5vw,60px); font-weight:600; line-height:1.3; letter-spacing:-1.5px; overflow-wrap:anywhere; }
.income-result>small { display:block; margin-top:10px; color:#c0b1ce; font-size:var(--type-secondary); }
.income-breakdown { border-top:1px solid #ffffff20; }
.income-breakdown summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:56px; padding:18px 0 0; color:#e1d6ee; font-size:var(--type-button); font-weight:600; cursor:pointer; list-style:none; }
.income-breakdown summary::-webkit-details-marker { display:none; }
.income-breakdown summary::after { content:'+'; font-size:22px; font-weight:400; }
.income-breakdown[open] summary::after { content:'\2212'; }
.income-table-wrap { max-width:100%; overflow-x:auto; margin-top:18px; }
.income-breakdown table { width:100%; border-collapse:collapse; text-align:left; font-size:var(--type-secondary); line-height:1.8; }
.income-breakdown th { color:#c0b1ce; font-weight:500; }
.income-breakdown th,.income-breakdown td { padding:12px 8px; border-bottom:1px solid #ffffff15; }
.income-breakdown th:first-child,.income-breakdown td:first-child { padding-left:0; }
.income-breakdown th:last-child,.income-breakdown td:last-child { padding-right:0; text-align:right; }
.income-assumption { margin:16px 0 0; color:#c0b1ce; font-size:var(--type-secondary); line-height:1.85; }
.income-disclaimer { max-width:880px; margin:18px auto 0; color:var(--muted); font-size:var(--type-secondary); line-height:1.85; text-align:center; }
@media(max-width:600px) {
  .income-panel { padding:24px 20px; }
  .income-controls { grid-template-columns:minmax(0,1fr); gap:20px; }
  .income-result { margin-top:26px; padding:28px 0; }
  .income-result output { letter-spacing:-.8px; }
}
/* Three clear registration steps, paired with the supplied dealer photograph. */
.registration-section { padding:var(--section-space) 0; background:#fff; }
.registration-title { max-width:510px; margin:0 0 44px; color:var(--ink); font-size:var(--type-section); font-weight:600; line-height:1.3; letter-spacing:var(--type-heading-tracking); }
.registration-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; gap:76px; }
.registration-content { min-width:0; }
.registration-steps { display:grid; gap:36px; margin:0; padding:0; list-style:none; }
.registration-steps li { display:grid; grid-template-columns:60px minmax(0,1fr); gap:22px; }
.registration-number { color:#dcdbe1; font-size:42px; font-weight:600; line-height:1.2; letter-spacing:-1.5px; }
.registration-steps h3 { margin:0 0 12px; color:var(--ink); font-size:var(--type-subheading); font-weight:600; line-height:1.5;  letter-spacing:-.3px; }
.registration-steps p { margin:0; color:var(--muted); font-size:var(--type-body); line-height:1.85; }
.registration-cta { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:48px; margin-top:38px; padding:13px 22px; border:1px solid var(--purple); border-radius:5px; background:var(--purple); color:#fff; font-size:var(--type-button); font-weight:600; line-height:1.6; text-decoration:none; transition:background .2s; }
.registration-cta:hover { background:#6135ac; }
.registration-cta span { font-size:20px; font-weight:400; }
.registration-photo { position:relative; min-width:0; overflow:hidden; aspect-ratio:1280/962; border-radius:8px; background:#21182f; }
.registration-photo img { display:block; width:100%; height:100%; object-fit:cover; }
@media(max-width:1000px) {
  .registration-layout { gap:36px; }
  .registration-steps { gap:28px; }
  .registration-steps li { grid-template-columns:44px minmax(0,1fr); gap:16px; }
  .registration-number { font-size:36px; }
  .registration-steps h3 { font-size:var(--type-subheading);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .registration-steps p { font-size:var(--type-body);  line-height:1.85; }
}
@media(max-width:768px) {
  .registration-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .registration-title { max-width:380px; margin-bottom:32px; font-size:var(--type-section);  line-height:1.3;  font-weight:600;  letter-spacing:var(--type-heading-tracking); }
  .registration-photo { max-width:600px; width:100%; }
  .registration-cta { margin-top:28px; }
}
@media(max-width:400px) {
  .registration-title { font-size:var(--type-section); letter-spacing:var(--type-heading-tracking);  line-height:1.3;  font-weight:600; }
  .registration-steps li { grid-template-columns:38px minmax(0,1fr); gap:14px; }
  .registration-number { font-size:32px; }
}
.social-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.social-section-label { text-align:center; }
.social-card { position:relative; min-width:0; padding:32px 18px 26px; border:1px solid var(--line); border-radius:16px; transition:transform .2s,border-color .2s; }
.social-card:hover { transform:translateY(-3px); border-color:#ccb5e0; }
.social-card-arrow { position:absolute; top:17px; right:17px; color:#baa9c7; font-size:10px; }
.social-icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:0 auto 18px; border:1px solid #eee8f4; border-radius:15px; background:#f4f1f8; font-size:28px; line-height:1; }
.social-card[href*="instagram.com"] .social-icon { background:#fff0f4; border-color:#f9e2e9; }
.social-card[href*="facebook.com"] .social-icon { background:#eef5ff; border-color:#dfebfc; }
.social-icon .fa-x-twitter,.social-icon .fa-tiktok { color:#111; }
.social-icon .fa-instagram { color:#e4405f; }
.social-icon .fa-facebook { color:#1877f2; }
.social-card[href*="youtube.com"] .social-icon { background:#fff0f0; border-color:#f9dede; }
.social-icon .fa-youtube { color:#f00; }
.social-card h4 { margin:0 0 7px; color:var(--ink); font-size:var(--type-card); font-weight:600; line-height:1.5;  letter-spacing:-.3px; }
.social-card span { color:var(--muted); font-size:var(--type-secondary); line-height:1.8; overflow-wrap:anywhere; }
@media(max-width:1000px) {
  .hero-layout { gap:30px; }
  .hero-content h1 { font-size:var(--type-hero); }
  .benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plan-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .connection-strip .container { justify-content:center; }
  .connection-strip span:first-child { width:100%; text-align:center; }
  .sim-wrapper,.agent2-wrapper { gap:36px; }
  .difference-wrapper { grid-template-columns:minmax(0,.95fr) 36px minmax(0,1.4fr); gap:16px; }
}
@media(max-width:768px) {
  body.premium-home { --section-space:56px; --card-space:24px; }
  .hero-section { min-height:0; padding:55px 0 40px; }
  .hero-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .hero-content h1 { font-size:var(--type-hero); letter-spacing:-2px; }
  .hero-content p { font-size:var(--type-body);  line-height:1.85; }
  .hero-visual { min-height:0; margin-top:10px; padding-bottom:20px; }
  .business-hero-photo { max-width:420px; aspect-ratio:4/4.2; }
  .business-hero-note { right:0; bottom:0; padding:12px 15px; }
  .business-photo-caption { bottom:36px; left:24px; }
  .business-photo-caption strong { font-size:var(--type-subheading);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .hero-perks { gap:10px 14px; font-size:var(--type-secondary); }
  .connection-strip { padding:20px 0; }
  .connection-strip .container { gap:10px 18px; }
  .connection-strip strong { font-size:var(--type-secondary); }
  .strip-dot { display:none; }
  .intro-wrapper { grid-template-columns:minmax(0,1fr); gap:28px; }
  .intro-image { min-height:190px; padding:28px; }
  .intro-image img { width:135px; }
  .intro-content h3 { font-size:var(--type-subheading);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .starboss-grid { grid-template-columns:minmax(0,1fr); }
  .benefit-grid { gap:24px 20px; }
  .benefit-box { padding:22px; }
  .benefit-box h4 { font-size:var(--type-card);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .benefit-box p { font-size:var(--type-body);  line-height:1.85; }
  .sim-wrapper { flex-direction:column; gap:36px; }
  .agent2-wrapper { grid-template-columns:minmax(0,1fr); gap:32px; }
  .sim-left,.sim-right,.agent2-content,.agent2-admin-card { width:100%; }
  .sim-left { flex-basis:auto; }
  .sim-title { text-align:left; }
  .sim-card { min-height:340px; }
  .sim-cta { font-size:var(--type-subheading);  line-height:1.5;  font-weight:600;  letter-spacing:-.3px; }
  .plan-card { padding:26px 16px 22px; }
  .plan-body h3 { font-size:var(--type-quota); }
  .plan-body p { font-size:var(--type-body);  line-height:1.85; }
  .price-tag { font-size:var(--type-price); }
  .price-tag small { display:block; margin-top:3px; }
  .badge { top:12px; right:12px; font-size:var(--type-badge); }
  .premium-home .plan-cta { gap:8px; padding:11px 10px; font-size:var(--type-button); }
  .difference-wrapper { grid-template-columns:minmax(0,1fr); gap:20px; }
  .main-plan,.competitor-grid { width:100%; }
  .vs-text { text-align:center; }
  .main-plan { padding:28px; }
  .competitor-grid { gap:14px; }
  .competitor-card { padding:18px 16px; }
  .competitor-data strong { font-size:var(--type-quota); }
  .competitor-card .competitor-hotspot { align-items:flex-start; font-size:var(--type-body);  line-height:1.85; }
  .competitor-hotspot i { margin-top:4px; }
  .comparison-label { font-size:var(--type-secondary); }
  .comparison-label .comparison-index { width:20px; height:20px; font-size:var(--type-badge); }
  .testimoni-item { padding:28px 24px; }
  .testimoni-text { font-size:var(--type-body);  line-height:1.85; }
  .prev-btn,.next-btn { width:40px; height:40px; }
  .prev-btn { left:7px; }
  .next-btn { right:7px; }
  .faq-question { gap:12px; padding:18px 20px; font-size:var(--type-button); }
  .faq-answer p { padding:0 60px 20px; font-size:var(--type-body);  line-height:1.85; }
  .agent2-content h2 { font-size:var(--type-section);  line-height:1.3;  font-weight:600;  letter-spacing:var(--type-heading-tracking); }
  .agent2-admin-card { justify-self:center; padding:20px; }
  .agent2-list { grid-template-columns:minmax(0,1fr); gap:12px; }
  .agent2-list li { align-items:center; }
  .agent-section-label { font-size:var(--type-label); letter-spacing:1.5px; }
  .social-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
  .social-card { display:grid; grid-template-columns:44px minmax(0,1fr) 16px; column-gap:14px; align-items:center; min-height:78px; padding:14px 16px; border-radius:10px; background:#fff; text-align:left; }
  .social-card:hover { transform:none; }
  .social-card-arrow { position:static; grid-column:3; grid-row:1/3; justify-self:end; align-self:center; }
  .social-icon { grid-column:1; grid-row:1/3; width:44px; height:44px; margin:0; border-radius:10px; font-size:24px; }
  .social-card h4 { grid-column:2; grid-row:1; align-self:end; margin:0; font-size:var(--type-card); line-height:1.5; font-weight:600; letter-spacing:-.3px; }
  .social-card>span { grid-column:2; grid-row:2; align-self:start; font-size:var(--type-secondary); line-height:1.6; }
}
/* Phone plans swipe horizontally; desktop and tablet retain their grid. */
@media(max-width:600px) {
  .benefit-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  .benefit-box { display:grid; grid-template-columns:44px minmax(0,1fr); gap:6px 16px; padding:22px; }
  .benefit-icon { grid-row:1/3; width:44px; height:44px; margin:0; }
  .benefit-box h4 { margin:0; }
  .benefit-box p { grid-column:2; }
  .sim-right { padding:24px; }
  .home-video-play { width:52px; height:52px; font-size:17px; }
  .home-video-caption { left:16px; right:16px; bottom:14px; gap:8px; font-size:var(--type-secondary); }
  .video-wrapper { padding:7px; border-radius:16px; }
  .plan-wrapper { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:88%; width:100%; max-width:none; margin:0; gap:16px; padding:4px 0 12px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#b994f1 transparent; }
  .plan-wrapper::-webkit-scrollbar { height:4px; }
  .plan-wrapper::-webkit-scrollbar-thumb { border-radius:4px; background:#b994f1; }
  .plan-card { padding:26px; scroll-snap-align:start; scroll-snap-stop:always; }
  .plan-card:hover { transform:none; }
  .plan-header { margin-bottom:20px; font-size:var(--type-secondary); }
  .plan-body h3 { margin-bottom:16px; font-size:var(--type-quota); line-height:1.3; }
  .plan-body p { font-size:var(--type-body); margin:8px 0;  line-height:1.85; }
  .price-tag { margin-top:12px; padding:20px 0 16px; font-size:var(--type-price); }
  .price-tag small { display:inline; margin:0 0 0 6px; font-size:var(--type-secondary); }
  .badge { top:22px; right:22px; padding:5px 8px; font-size:var(--type-badge); }
  .premium-home .plan-cta { min-height:46px; padding:12px 16px; font-size:var(--type-button); }
}
/* Home-only shared chrome follows the same readable supporting-text scale. */
body.premium-home #public-home-header nav a { font-size:var(--type-button); }
body.premium-home #public-home-footer,
body.premium-home #public-home-footer p { font-size:var(--type-secondary); line-height:1.85; }
body.premium-home .registration-notice-heading,
body.premium-home .registration-notice-content small,
body.premium-home .registration-notice-count { font-size:var(--type-secondary); }
@media(max-width:768px) {
  body.premium-home { --type-hero:40px; --type-section:28px; --type-subheading:20px; --type-body:14px; --type-heading-tracking:-.6px; }
  .starboss-brand-logo { flex-basis:96px; width:96px; height:96px; }
  .starboss-brand { gap:18px; }
  .registration-title { max-width:100%; }
}
@media(max-width:360px) {
  .starboss-brand-logo { flex-basis:84px; width:84px; height:84px; }
  .starboss-brand { gap:14px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .premium-home *,.premium-home *::before,.premium-home *::after { transition:none!important; animation:none!important; }
}