/* Shared layout for inner pages */
.page-hero{
  position:relative;padding:90px 0 70px;
  background:
    radial-gradient(800px 400px at 90% 10%, rgba(233,75,123,.08), transparent 60%),
    radial-gradient(700px 400px at 0% 100%, rgba(123,63,160,.08), transparent 60%),
    var(--surface);
  border-bottom:1px solid var(--hairline);
}
.breadcrumb{display:flex;gap:8px;font-size:13px;color:var(--muted);margin-bottom:18px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--brand-purple)}
.breadcrumb span{color:var(--ink)}
.page-hero h1{font-size:clamp(36px,4.6vw,58px)}
.page-hero p.lead{margin-top:18px;font-size:18px;color:var(--muted);max-width:680px;line-height:1.65}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:36px;padding:6px;background:#fff;border:1px solid var(--hairline);border-radius:999px;width:max-content;max-width:100%;overflow:auto}
.tab{padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;border:0;background:transparent;white-space:nowrap;transition:all .18s}
.tab.active{background:var(--brand-gradient);color:#fff;box-shadow:0 6px 16px -6px rgba(233,75,123,.5)}
.tab:not(.active):hover{color:var(--ink);background:var(--surface-2)}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-card{padding:28px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:#fff;transition:all .25s}
.feature-card:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.feature-card .ic{width:46px;height:46px;border-radius:12px;background:var(--brand-gradient-soft);color:var(--brand-purple);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.feature-card h4{font-size:17px;margin-bottom:8px}
.feature-card p{color:var(--muted);font-size:14px;line-height:1.6}

.kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.kv-item{padding:18px 22px;border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;display:flex;flex-direction:column;gap:4px}
.kv-item span{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.kv-item strong{font-family:var(--font-display);font-size:18px;color:var(--ink)}

.bullet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.bullet-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.55}
.bullet-list li::before{content:"";flex-shrink:0;margin-top:8px;width:8px;height:8px;border-radius:999px;background:var(--brand-gradient)}

.faq{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;overflow:hidden}
.faq-item summary{padding:18px 22px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15.5px;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:22px;color:var(--brand-purple);font-weight:300;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{padding:0 22px 18px;color:var(--muted);font-size:14.5px;line-height:1.65;margin:0}

.uni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.uni-pill{padding:14px 18px;border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;font-size:14px;color:var(--ink-2);font-weight:500}
.uni-pill:hover{border-color:var(--brand-purple);color:var(--brand-purple)}

.country-hero{display:grid;grid-template-columns:1fr 450px;gap:60px;align-items:center}
.country-flag-card{width:450px;height:550px;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:var(--shadow-lg);background-size:cover;background-position:center;justify-self:end}
.country-flag-card .emoji{display:none}
.country-flag-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,38,.05) 0%,rgba(20,15,38,.35) 100%);pointer-events:none}

@media(max-width:980px){
  .feature-grid,.uni-grid{grid-template-columns:1fr 1fr}
  .kv-grid{grid-template-columns:1fr}
  .country-hero{grid-template-columns:1fr;gap:36px}
  .country-flag-card{width:100%;max-width:450px;height:auto;aspect-ratio:450/550;justify-self:start}
}
@media(max-width:560px){
  .feature-grid,.uni-grid{grid-template-columns:1fr}
}