:root{
  --primary:#1D4ED8;
  --primary-strong:#1E40AF;
  --primary-soft:#DBEAFE;
  --primary-foreground:#ffffff;
  --background:#ffffff;
  --foreground:#0F172A;
  --muted:#64748B;
  --border:rgba(15,23,42,.08);
  --card:#ffffff;
  --warning-soft:#FEF3C7;
  --warning-fg:#78350F;
  --warning-border:rgba(245,158,11,.35);
  --gradient-hero:linear-gradient(135deg,#1E3A8A 0%, #1D4ED8 55%, #2563EB 100%);
  --shadow-card:0 20px 40px -20px rgba(15,23,60,.35);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:clip}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
html,body{scrollbar-width:none}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--foreground);
  background:var(--background);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
h1,h2,h3,p{margin:0}
img{max-width:100%;display:block}
.container{max-width:72rem;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.container{padding:0 1.5rem}}

/* Header */
.site-header{border-bottom:1px solid var(--border);background:rgba(255,255,255,.9);backdrop-filter:blur(8px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}
@media(min-width:640px){.header-inner{padding:.75rem 1.5rem}}
.brand{display:flex;align-items:center;gap:.625rem;min-width:0}
.brand-icon{
  display:grid;place-items:center;height:2.5rem;width:2.5rem;flex-shrink:0;border-radius:.75rem;
  background:linear-gradient(135deg,var(--primary),var(--primary-strong));
  color:var(--primary-foreground);box-shadow:var(--shadow-card);
}
.brand-text{min-width:0;line-height:1}
.brand-name{display:flex;align-items:baseline;gap:1px;font-weight:900;font-style:italic;font-size:1.125rem}
.brand-prime{color:var(--primary)}
.brand-log{color:var(--foreground)}
.brand-country{margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.35em;color:var(--muted)}
.status-pill{
  display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;
  background:var(--primary-soft);color:var(--primary);
  padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;
}
.status-dot{position:relative;display:inline-flex;height:8px;width:8px}
.status-dot .ping{position:absolute;inset:0;background:#10B981;border-radius:999px;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}
.status-dot .dot{position:relative;display:inline-block;height:8px;width:8px;background:#10B981;border-radius:999px}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}

/* Hero */
.hero{position:relative;overflow:hidden;background:var(--gradient-hero);color:#fff}
.hero-decor{position:absolute;pointer-events:none;border-radius:999px;border:1px solid rgba(255,255,255,.1)}
.decor-1{right:-6rem;top:-6rem;height:420px;width:420px}
.decor-2{right:-10rem;top:5rem;height:520px;width:520px;border-color:rgba(255,255,255,.05)}
.hero-inner{position:relative;padding:2rem 1rem}
@media(min-width:640px){.hero-inner{padding:3rem 1.5rem}}
@media(min-width:1024px){
  .hero-inner{padding:4rem 1.5rem 5rem;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2.5rem;align-items:center}
}
.hero-copy{color:#fff}
.hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);
  padding:.375rem .75rem;border-radius:999px;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;
  color:#fff;backdrop-filter:blur(6px);
}
.hero-title{margin-top:1.25rem;font-size:2rem;font-weight:900;line-height:1.05;letter-spacing:-.02em;color:#fff}
@media(min-width:640px){.hero-title{font-size:3rem}}
@media(min-width:1024px){.hero-title{font-size:3.75rem}}
.hero-highlight{position:relative;display:inline-block}
.hero-underline{position:absolute;inset-inline:0;bottom:.25rem;height:.75rem;background:rgba(255,255,255,.25);border-radius:2px;z-index:0}
@media(min-width:640px){.hero-underline{height:1rem}}
.hero-subtitle{margin-top:1rem;max-width:28rem;font-size:15px;line-height:1.65;color:rgba(255,255,255,.85)}
@media(min-width:640px){.hero-subtitle{font-size:1rem}}
.hero-widget{margin-top:2rem;width:100%;min-width:0}
@media(min-width:1024px){.hero-widget{margin-top:0}}
.widget-card{border-radius:1.5rem;background:var(--card);padding:.5rem;box-shadow:0 30px 60px -30px rgba(15,23,60,.55);ring:1px solid rgba(0,0,0,.05)}
@media(min-width:640px){.widget-card{padding:.75rem}}

/* Features */
.features{background:var(--background)}
.features-grid{display:grid;gap:.75rem;padding:2rem 1rem}
@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:2rem 1.5rem}}
@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:2.5rem 1.5rem}}
.feature-card{display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);background:var(--card);border-radius:1rem;padding:1rem}
.feature-icon{display:grid;place-items:center;flex-shrink:0;height:2.75rem;width:2.75rem;border-radius:.75rem;background:var(--primary-soft);color:var(--primary)}
.feature-text{min-width:0}
.feature-title{font-size:.875rem;font-weight:800;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feature-sub{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Notice */
.notice-section{background:var(--background)}
.notice-section .container{padding-bottom:2rem}
.notice{display:flex;gap:.75rem;border:1px solid var(--warning-border);background:var(--warning-soft);border-radius:1rem;padding:1rem;color:var(--warning-fg)}
@media(min-width:640px){.notice{padding:1.25rem}}
.notice-icon{flex-shrink:0;margin-top:2px;color:var(--warning-fg)}
.notice p{font-size:.875rem;line-height:1.6;color:var(--warning-fg)}
.notice strong{font-weight:700}

/* Banner */
.banner-section{background:var(--background)}
.banner-section .container{padding-bottom:2.5rem}
.banner{overflow:hidden;border-radius:1.5rem;box-shadow:var(--shadow-card)}
.banner img{width:100%;height:auto;display:block}

/* Footer */
.site-footer{border-top:1px solid var(--border);background:var(--background)}
.footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1.5rem 1rem;text-align:center;font-size:.75rem;color:var(--muted)}
@media(min-width:640px){.footer-inner{flex-direction:row;gap:.5rem;padding:1.5rem}}
.footer-shield{color:var(--primary)}