/* FeisuoVPN Mirror — style.css (1:1 with faster-vpn.world design) */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

/* ══════════════════════════════════════════════════════════════
   BASE
══════════════════════════════════════════════════════════════ */
* { margin:0; padding:0; box-sizing:border-box;
    font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration:none; list-style:none; -webkit-user-select:none; user-select:none; }
a, button { color:inherit; text-decoration:none; cursor:pointer; }
html, body { overflow-x:clip; max-width:100%; }
body { font-size:15px; line-height:1.7; color:#333; background:#fff; }
img { max-width:100%; height:auto; }

/* CSS tokens (needed by scaffold sections on inner pages) */
:root {
  --primary:#4b4bea; --primary-dark:#3535c8; --gold:#f5a623;
  --dark:#222; --header-bg:#4b4bea; --bg:#fff; --surface:#f5f7fa;
  --text:#222; --text-muted:#555; --green:#1AAE5B; --red:#E03C31;
  --border:rgba(215,215,255,1); --radius-sm:4px; --radius-md:8px;
  --radius-lg:10px; --radius-xl:23px;
  --shadow-card:0 20px 20px rgba(0,0,0,.04); --shadow-lg:0 8px 32px rgba(0,0,0,.12);
  --transition:.2s ease;
  --space-xs:8px; --space-sm:16px; --space-md:24px; --space-lg:48px; --space-xl:80px;
}

/* ══════════════════════════════════════════════════════════════
   HEADER — matches original .kr-header
══════════════════════════════════════════════════════════════ */
.kr-header {
  background:#4b4bea; padding:16px 120px;
  position:sticky; top:0; z-index:1000;
}
.kr-container {
  display:flex; justify-content:space-between; align-items:center;
  max-width:1280px; margin:0 auto;
}
.kr-logo { display:flex; align-items:center; gap:10px; color:#fff; font-size:20px; font-weight:700; }
.kr-logo img { width:100%; max-width:130px; }
.kr-desktop-nav { display:flex; align-items:center; gap:24px; }
.kr-desktop-nav a { color:#fff; font-size:15px; }
.kr-desktop-nav a:hover { text-decoration:underline; }
.kr-desktop-nav a#login-button {
  background:transparent; border:1px solid rgba(215,215,255,1); border-radius:23px;
  padding:5px 17px; transition:all .2s; color:#fff !important; font-weight:400;
  font-size:15px;
}
.kr-desktop-nav a#login-button:hover { background:#fff; color:#4b4bea !important; }
/* hamburger — right-aligned, hidden on desktop */
.kr-menu-icon { font-size:26px; color:#fff; cursor:pointer; display:none; margin-left:auto; }

/* ── Full-width mobile menu (QA-compliant) ── */
.kr-mobile-overlay {
  display:none; position:fixed; top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,.4); z-index:998;
}
.kr-mobile-menu {
  display:none; position:fixed; top:0; left:0; right:0;
  background:#4b4bea; z-index:999;
  flex-direction:column; padding:16px 20px 24px;
}
.kr-mobile-menu-head {
  display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;
}
.kr-mobile-close { font-size:26px; color:#fff; cursor:pointer; background:none; border:none; }
.kr-mobile-menu a {
  color:#fff; font-size:18px; padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.kr-mobile-menu a:last-child { border-bottom:none; }
.kr-mobile-menu.is-open, .kr-mobile-overlay.is-open { display:flex; }
.kr-mobile-overlay.is-open { display:block; }

@media (max-width:820px) {
  .kr-header { padding:16px 20px; }
  .kr-desktop-nav { display:none; }
  .kr-menu-icon { display:block; }
}

/* ══════════════════════════════════════════════════════════════
   HERO — matches original .fe-banner
══════════════════════════════════════════════════════════════ */
.fe-banner {
  background-image:url('/assets/images/bg.webp');
  background-size:cover; background-position:center; color:#fff;
}
.fe-banner-container {
  max-width:1280px; margin:0 auto;
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
  padding:40px 60px;
}
.fe-banner-left { flex:1; min-width:280px; max-width:550px; }
.fe-banner-title { font-size:30px; font-weight:700; margin-bottom:16px; letter-spacing:3px; }
.fe-update-time { font-size:13px; color:rgba(255,255,255,.75); margin-bottom:12px; }
.fe-banner-subtitle { font-size:16px; margin-bottom:32px; }
.fe-feature-list {
  display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:32px;
}
.fe-feature-item {
  background:#ffffff26; border-radius:50%;
  width:11.5vw; max-width:170px; height:100%;
  padding:8% 0;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  text-align:center; font-size:1.1rem; max-height:170px; flex-shrink:0;
}
.fe-feature-item b { font-size:2rem; margin-bottom:4px; }
.fe-feature-item .fe-underline { font-size:1.5rem; }
.fe-download-buttons { display:flex; gap:16px; flex-wrap:wrap; }
.fe-download-btn {
  flex:1; background:#fff; color:#2563eb; border:none; border-radius:8px;
  padding:12px 20px; font-size:1rem; font-weight:700; cursor:pointer;
  display:flex; justify-content:center; align-items:center; gap:15px;
  text-decoration:none; min-height:70px;
}
.fe-download-btn img { width:20px; height:20px; }
.fe-download-btn:hover { background:#f0f4ff; text-decoration:none; }
.fe-banner-right {
  flex:1; min-width:400px; display:flex;
  justify-content:center; align-items:center; padding-top:20px;
}
.fe-app-image {
  width:100%; max-width:900px; height:auto;
  display:flex; align-items:center; justify-content:center; padding:40px;
}
.fe-app-image img { max-width:100%; height:auto; }

@media (max-width:820px) {
  .fe-banner-container { padding:50px 20px; flex-direction:column; text-align:center; }
  .fe-banner-left { width:100%; max-width:100%; }
  .fe-feature-list { flex-wrap:nowrap; margin-bottom:3rem; }
  .fe-download-buttons { justify-content:center; margin-bottom:30px; }
  .fe-banner-right { padding-top:0; min-width:0; }
  .fe-feature-item {
    background:transparent; width:auto; min-width:24%; height:100px;
    position:relative; font-size:1rem;
  }
  .fe-feature-item .fe-underline { font-size:1.5rem; }
  .fe-feature-item:after {
    position:absolute; top:10%; left:125%;
    content:""; display:block; width:1px; height:80%; background:#fff3;
  }
  .fe-feature-item:last-child:after { display:none; }
  .fe-banner-subtitle { margin-bottom:10px; }
  .fe-feature-item b { font-size:2rem; }
  .fe-app-image { padding:0; }
  .fe-banner-title { font-size:1.8rem; margin-bottom:1rem; }
  .fe-banner-subtitle { font-size:1rem; margin-bottom:2rem; }
}

/* ══════════════════════════════════════════════════════════════
   BENEFITS — matches original .uc-benefits
══════════════════════════════════════════════════════════════ */
.uc-benefits {
  text-align:center; padding:60px 20px; background:#fff;
  transform:translateY(-3rem); width:90%; margin:0 auto;
  box-shadow:0 20px 20px rgba(0,0,0,.04); border-radius:10px; max-width:1200px;
}
.uc-benefits-title { font-size:2rem; font-weight:700; margin-bottom:1rem; color:#222; }
.uc-benefits-sub { font-size:1rem; color:#666; margin-bottom:3rem; }
.uc-benefits-grid {
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  max-width:1200px; margin:0 auto;
}
.uc-benefit-item { flex:1 1 30%; text-align:center; }
.uc-benefit-img {
  width:100%; height:180px; display:flex;
  justify-content:center; align-items:center; margin-bottom:12px;
}
.uc-benefit-img img { max-height:100%; max-width:100%; height:auto; object-fit:contain; }
.uc-benefit-title { font-size:18px; font-weight:700; margin:8px 0; color:#222; }
.uc-benefit-desc { font-size:15px; color:#555; line-height:1.6; padding:0 12px; }

@media (max-width:828px) {
  .uc-benefits { transform:translateY(0); width:100%; border-radius:0; }
  .uc-benefits-grid { flex-direction:column; align-items:center; }
  .uc-benefit-item { flex:none; width:100%; margin:2rem 0; }
  .uc-benefits-title { font-size:1.6rem; }
  .uc-benefit-img { height:auto; margin-bottom:1rem; }
}

/* ══════════════════════════════════════════════════════════════
   REVIEWS — matches original .jv-review-section
══════════════════════════════════════════════════════════════ */
.jv-review-section { padding:10px 0; }
.jv-review-section-container {
  display:flex; justify-content:space-between; align-items:center;
  background-image:url('/assets/images/map1.png');
  background-size:cover; background-position:center;
  padding:85px 70px; max-width:1280px; margin:0 auto; flex-wrap:wrap;
}
.jv-review-left { flex:1; min-width:300px; }
.jv-review-title { font-size:22px; font-weight:700; margin-bottom:16px; color:#111; word-break:keep-all; }
.jv-stars { display:flex; gap:6px; }
.jv-stars img { width:24px; height:24px; }
.jv-review-right {
  flex:1.8; min-width:240px; padding:20px 24px;
  background:rgba(255,255,255,0.88); border-radius:10px;
  backdrop-filter:blur(2px);
  color:#444; font-size:15px; line-height:1.7;
}
.jv-review-author { margin-top:12px; font-weight:400; color:#666; }

@media (max-width:828px) {
  .jv-review-section { display:none; }
}

/* ══════════════════════════════════════════════════════════════
   WHY-CHOOSE grid
══════════════════════════════════════════════════════════════ */
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:24px; }
.why-card {
  background:#fff; border-radius:12px; padding:24px 20px;
  box-shadow:0 2px 16px rgba(75,75,234,.07); border-top:3px solid #4b4bea;
  display:flex; gap:16px; align-items:flex-start;
}
.why-icon { font-size:1.4rem; color:#4b4bea; flex-shrink:0; margin-top:2px; }
.why-body { flex:1; min-width:0; }
.why-title { font-size:1rem; font-weight:700; color:#222; margin-bottom:6px; }
.why-desc { font-size:.87rem; color:#555; line-height:1.65; margin:0; }

.why-highlights { display:flex; gap:10px; flex-wrap:wrap; }
.why-hl {
  display:flex; align-items:center; gap:8px;
  background:#eef0ff; color:#4b4bea;
  padding:10px 18px; border-radius:30px;
  font-size:.87rem; font-weight:500;
}
.why-hl i { font-size:.95rem; }

@media (max-width:768px) {
  .why-grid { grid-template-columns:1fr; }
  .why-highlights { gap:8px; }
  .why-hl { font-size:.82rem; padding:8px 14px; }
}

/* ══════════════════════════════════════════════════════════════
   DOWNLOAD GRID — matches original .ca-download
══════════════════════════════════════════════════════════════ */
.ca-download {
  text-align:center; padding:60px 20px; background:#fff;
  transform:translateY(-3rem); width:90%; margin:0 auto;
  box-shadow:0 20px 20px rgba(0,0,0,.04); border-radius:10px;
}
.ca-download-title { font-size:2rem; font-weight:700; margin-bottom:4rem; color:#222; }
.ca-download-grid {
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  max-width:1200px; margin:0 auto;
}
.ca-download-item { flex:1 1 22%; min-width:200px; text-align:center; }
.ca-download-img {
  width:100%; height:130px;
  display:flex; justify-content:center; align-items:center; margin-bottom:12px;
}
.ca-download-img img { max-height:100%; max-width:100%; height:auto; object-fit:contain; }
.ca-download-desc { font-size:20px; padding:0 12px; color:#333; text-align:center; line-height:28px; font-weight:600; }
.ca-download-item a:hover .ca-download-desc { color:#4b4bea; }

@media (max-width:828px) {
  .ca-download { transform:translateY(0); width:100%; border-radius:0; }
  .ca-download-grid { flex-direction:column; align-items:center; }
  .ca-download-item { flex:none; width:100%; margin:2rem 0; }
  .ca-download-title { font-size:1.6rem; }
  .ca-download-img { height:auto; }
  .ca-download-img img { max-height:10rem; }
  .ca-download-desc { font-size:1.2rem; }
}

/* ══════════════════════════════════════════════════════════════
   FOOTER — matches original .kv-footer
══════════════════════════════════════════════════════════════ */
.kv-footer { background-color:#222; color:#ccc; padding:3rem 5rem 1.5rem; }
.kv-footer-container { max-width:1280px; margin:0 auto; }
.kv-footer-top {
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:2rem;
  border-bottom:1px solid #444; padding-bottom:2rem; margin-bottom:1.5rem;
}
.kv-footer-column { flex:1 1 9rem; min-width:9rem; box-sizing:border-box; padding-right:3rem; }
.kv-footer-title { font-size:1.1rem; font-weight:700; margin-bottom:1rem; color:#fff; }
.kv-footer-text { font-size:.95rem; line-height:1.6; }
.kv-footer-links { list-style:none; padding:0; margin:0; }
.kv-footer-links li { margin-bottom:.5rem; font-size:.95rem; color:#ccc; }
.kv-footer-links li a { text-decoration:none; color:inherit; }
.kv-footer-links li a:hover { color:#fff; }
.kv-footer-bottom { text-align:center; font-size:.8rem; color:#aaa; line-height:1.8; }
.kv-footer-bottom a { color:#aaa; }
.kv-footer-bottom a:hover { color:#fff; }

@media (max-width:820px) {
  .kv-footer { padding:2rem 1.5rem 1.5rem; }
  .kv-footer-column { margin-bottom:1.5rem; padding-right:1rem; }
  .kv-footer-bottom { font-size:.85rem; }
}

/* ══════════════════════════════════════════════════════════════
   INNER PAGES — scaffold sections (page-hero, section, etc.)
══════════════════════════════════════════════════════════════ */
.btn-cta {
  display:inline-block; background:#4b4bea; color:#fff !important;
  font-size:1rem; font-weight:700; padding:14px 32px;
  border-radius:8px; border:none; cursor:pointer;
  text-decoration:none !important; transition:background .2s;
}
.btn-cta:hover { background:#3535c8; }
.btn-lg { font-size:1.1rem; padding:16px 40px; }

.page-hero {
  background:#4b4bea; color:#fff; text-align:center; padding:60px 20px 50px;
}
.page-hero .container { max-width:760px; margin:0 auto; }
.page-hero h1 { font-size:2rem; font-weight:700; margin-bottom:12px; }
.page-hero p { font-size:1.05rem; opacity:.85; margin-bottom:24px; }
.page-hero .updated,
.fe-banner .updated { display:none; }
.update-time { font-size:13px; opacity:.7; margin-bottom:16px; }

.container { max-width:1200px; margin:0 auto; padding:0 20px; }

.section { padding:60px 20px; background:#fff; }
.section-alt { background:#f7f9ff; }
.section-title { font-size:1.8rem; font-weight:700; margin-bottom:12px; color:#222; text-align:center; }
.section-sub { font-size:1rem; color:#555; margin-bottom:32px; text-align:center; }

.hero-cta-group { margin-top:20px; text-align:center; }
.page-hero .btn-cta { background:#fff; color:#4b4bea !important; }
.page-hero .btn-cta:hover { background:#f0f0ff; }

/* Feature grid */
.feature-grid { display:flex; gap:24px; flex-wrap:wrap; justify-content:center; }
.feature-card {
  flex:1 1 260px; max-width:340px; background:#fff;
  border-radius:10px; padding:24px; box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.feature-icon { font-size:2rem; color:#4b4bea; margin-bottom:12px; }
.feature-card h3 { font-size:1.1rem; font-weight:700; margin-bottom:8px; }
.feature-card p { font-size:.95rem; color:#555; line-height:1.6; }

/* Device cards */
.device-grid { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }
.device-card {
  flex:1 1 220px; max-width:280px; background:#fff;
  border-radius:10px; padding:24px; box-shadow:0 4px 16px rgba(0,0,0,.06);
  text-align:center; display:flex; flex-direction:column;
}
.device-platform-img { width:72px; height:72px; object-fit:contain; display:block; margin:0 auto 16px; }
.device-icon { font-size:2.5rem; color:#4b4bea; margin-bottom:12px; display:block; }
.device-card h3 { font-size:1.1rem; font-weight:700; margin-bottom:12px; }
.device-card .btn-cta { margin-top:auto; width:100%; text-align:center; }

/* Step cards */
.steps-grid { display:flex; gap:24px; flex-wrap:wrap; justify-content:center; margin-top:8px; }
.step-card {
  flex:1 1 200px; max-width:280px; background:#fff; border-radius:12px;
  padding:28px 24px; box-shadow:0 4px 20px rgba(75,75,234,.08);
  text-align:center; border-top:3px solid #4b4bea;
}
.step-num {
  width:48px; height:48px; border-radius:50%; background:#4b4bea; color:#fff;
  font-size:1.4rem; font-weight:700; display:flex; align-items:center; justify-content:center;
  margin:0 auto 14px;
}
.step-title { font-size:1.05rem; font-weight:700; margin-bottom:10px; color:#222; }
.step-desc { font-size:.92rem; color:#555; line-height:1.6; }

/* Compare table (pricing) */
.compare-table-wrap { overflow-x:auto; margin-top:8px; }
.compare-table-inner { max-width:640px; margin:0 auto; }
.compare-table { width:100%; border-collapse:collapse; font-size:.93rem; }
.compare-table th, .compare-table td { padding:12px 16px; text-align:center; border-bottom:1px solid #e8eaf6; }
.compare-table th { background:#f0f0ff; font-weight:700; color:#333; }
.compare-table .compare-feature { text-align:left; font-weight:600; color:#444; }
.compare-table td:first-child { text-align:left; color:#555; }
.compare-table .compare-free { color:#777; }
.compare-table .compare-paid { color:#4b4bea; font-weight:700; }
.compare-table td.highlight { color:#4b4bea; font-weight:600; }
.compare-yes { color:#22c55e; }
.compare-no { color:#ef4444; }
.compare-table tbody tr:hover { background:#f8f9ff; }

/* Tips grid (download safety) */
.tips-grid { display:flex; gap:20px; flex-wrap:wrap; margin-top:8px; }
.tip-card {
  flex:1 1 220px; background:#f8f9ff; border-radius:10px;
  padding:24px; display:flex; gap:16px; align-items:flex-start;
}
.tip-icon { font-size:1.5rem; color:#4b4bea; flex-shrink:0; margin-top:2px; }
.tip-body { flex:1; min-width:0; }
.tip-title { font-size:.97rem; font-weight:700; margin-bottom:6px; color:#222; }
.tip-desc { font-size:.88rem; color:#555; line-height:1.6; }

/* Timeline (news updates) */
.timeline { display:flex; flex-direction:column; gap:0; margin-top:8px; }
.tl-item { display:flex; gap:20px; align-items:flex-start; padding-bottom:28px; position:relative; }
.tl-item:not(:last-child)::before {
  content:''; position:absolute; left:19px; top:40px; bottom:0;
  width:2px; background:linear-gradient(to bottom,#4b4bea44,#4b4bea11);
}
.tl-badge {
  width:40px; height:40px; border-radius:50%; background:#4b4bea; color:#fff;
  font-size:.95rem; display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.tl-body { flex:1; min-width:0; padding-top:6px; }
.tl-date { font-size:.78rem; font-weight:600; color:#4b4bea; text-transform:uppercase; letter-spacing:.04em; margin-bottom:2px; }
.tl-title { font-size:1rem; font-weight:700; color:#222; margin-bottom:6px; }
.tl-desc { font-size:.88rem; color:#555; line-height:1.65; margin:0; }

/* Region cards (news nodes) */
.region-grid { display:flex; gap:24px; flex-wrap:wrap; margin-top:8px; }
.region-card { flex:1 1 280px; background:#fff; border-radius:12px; padding:24px; box-shadow:0 4px 20px rgba(75,75,234,.08); border-top:3px solid #4b4bea; }
.region-header { display:flex; align-items:center; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.region-icon { font-size:1.25rem; color:#4b4bea; }
.region-name { font-size:1.05rem; font-weight:700; color:#222; }
.region-badge { font-size:.72rem; font-weight:600; background:#eef0ff; color:#4b4bea; padding:2px 8px; border-radius:20px; margin-left:auto; }
.region-badge--alt { background:#fff3e0; color:#e67e22; }
.region-desc { font-size:.88rem; color:#555; line-height:1.65; margin:0 0 14px; }
.region-tags { display:flex; flex-wrap:wrap; gap:6px; }
.rtag { font-size:.8rem; background:#f5f5ff; color:#444; padding:3px 10px; border-radius:20px; display:inline-flex; align-items:center; gap:5px; }
.flag-emoji { width:20px; height:20px; vertical-align:middle; flex-shrink:0; }

/* Info cards (FAQ basics) */
.info-grid { display:flex; gap:20px; flex-wrap:wrap; margin-top:8px; }
.info-card {
  flex:1 1 220px; background:#f8f9ff; border-radius:10px;
  padding:24px; display:flex; gap:16px; align-items:flex-start;
}
.info-icon { font-size:1.5rem; color:#4b4bea; flex-shrink:0; margin-top:2px; }
.info-body { flex:1; min-width:0; }
.info-title { font-size:.97rem; font-weight:700; margin-bottom:6px; color:#222; }
.info-desc { font-size:.88rem; color:#555; line-height:1.6; margin:0; }

@media (max-width:600px) {
  .steps-grid, .tips-grid { flex-direction:column; }
  .step-card, .tip-card { max-width:100%; }
}

/* Bullets */
.bullets { list-style:disc; padding-left:24px; margin:16px 0; }
.bullets li { margin-bottom:8px; font-size:.95rem; color:#444; line-height:1.6; }

/* Pricing */
.pricing-grid { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; }
.pricing-card {
  flex:1 1 240px; max-width:320px; background:#fff;
  border-radius:12px; padding:28px 24px; box-shadow:0 4px 20px rgba(0,0,0,.07);
  text-align:center; border:1px solid #e8eaf0;
}
.pricing-name { font-size:1.1rem; font-weight:700; color:#333; margin-bottom:8px; }
.pricing-price { font-size:2.2rem; font-weight:800; color:#4b4bea; }
.pricing-period { font-size:.9rem; color:#888; margin-bottom:16px; }
.pricing-cta { margin-top:20px; }

/* Payment methods */
.payment-methods { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; list-style:none; }
.payment-methods li {
  background:#f0f3ff; color:#4b4bea; font-weight:600;
  padding:8px 18px; border-radius:6px; font-size:.95rem;
}

/* Compare table */
.compare-table { width:100%; border-collapse:collapse; font-size:.95rem; overflow-x:auto; display:block; }
.compare-table th, .compare-table td { padding:10px 14px; border:1px solid #e0e3ea; text-align:left; }
.compare-table th { background:#f7f9ff; font-weight:700; }
.compare-table th.highlight, .compare-table td.highlight { background:#eff1ff; color:#4b4bea; font-weight:700; }

/* FAQ */
.faq-list { max-width:760px; margin:0 auto; }
.faq-item { border-bottom:1px solid #e0e3ea; }
.faq-q {
  width:100%; text-align:left; background:none; border:none;
  padding:18px 0; font-size:1rem; font-weight:600; color:#222;
  cursor:pointer; display:flex; justify-content:space-between; align-items:center;
}
.faq-q::after { content:"＋"; font-size:1.2rem; color:#4b4bea; flex-shrink:0; margin-left:12px; }
.faq-item.open .faq-q::after { content:"－"; }
.faq-a { display:none; padding:0 0 16px; color:#555; line-height:1.7; }
.faq-item.open .faq-a { display:block; }

/* Closing section */
.section .hero-cta-group { margin-top:28px; }

/* Update time on inner pages */
time { display:block; font-size:13px; color:rgba(255,255,255,.7); margin-bottom:16px; }
.section time { color:#888; }

/* Mobile responsiveness for inner pages */
@media (max-width:768px) {
  .page-hero h1 { font-size:1.5rem; }
  .section-title { font-size:1.4rem; }
  .feature-grid, .device-grid, .pricing-grid { flex-direction:column; align-items:center; }
  .feature-card, .device-card, .pricing-card { max-width:100%; width:100%; }
  .compare-table { font-size:.82rem; }
}