/* ─── GetPark Global Styles ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --blue: #2563EB;
  --blue-dark: #1D4ED8;
  --blue-light: #EFF6FF;
  --cyan: #06B6D4;
  --green: #10B981;
  --dark: #0F172A;
  --text: #1E293B;
  --muted: #64748B;
  --border: #E2E8F0;
  --white: #FFFFFF;
  --grad: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%);
  --grad-soft: linear-gradient(135deg, #EFF6FF 0%, #E0F2FE 100%);
  --shadow-sm: 0 1px 4px rgba(0,0,0,.07);
  --shadow: 0 4px 24px rgba(37,99,235,.13);
  --shadow-lg: 0 16px 56px rgba(37,99,235,.18);
  --r: 16px;
}

html { scroll-behavior: smooth; }
body { font-family:'Inter',sans-serif; color:var(--text); background:#fff; line-height:1.6; overflow-x:hidden; }

/* ── NAV ── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  height:68px; display:flex; align-items:center; justify-content:space-between;
  padding:0 5%;
  background:rgba(255,255,255,.92); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border); transition:box-shadow .3s;
}
.nav-logo { display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:800; font-size:1.25rem; color:var(--dark); }
.nav-logo img { width:36px; height:36px; border-radius:8px; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:4px; }
.nav-links a { padding:6px 14px; border-radius:8px; font-size:.9rem; font-weight:500; color:var(--muted); text-decoration:none; transition:all .2s; }
.nav-links a:hover, .nav-links a.active { color:var(--blue); background:var(--blue-light); }
.nav-links a.active { font-weight:700; }
.nav-right { display:flex; align-items:center; gap:12px; }
.lang-box { display:flex; gap:3px; padding:3px; background:var(--border); border-radius:8px; }
.lang-btn { padding:4px 10px; border-radius:6px; border:none; cursor:pointer; font-size:.78rem; font-weight:700; background:transparent; color:var(--muted); transition:all .2s; font-family:inherit; }
.lang-btn.active { background:#fff; color:var(--blue); box-shadow:var(--shadow-sm); }
.btn-cta { padding:8px 20px; border-radius:8px; border:none; cursor:pointer; font-size:.88rem; font-weight:600; font-family:inherit; background:var(--grad); color:#fff; text-decoration:none; display:inline-block; transition:opacity .2s, transform .2s; }
.btn-cta:hover { opacity:.9; transform:translateY(-1px); }
/* hamburger */
.nav-ham { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
.nav-ham span { display:block; width:22px; height:2px; background:var(--dark); border-radius:2px; }
.mob-menu { display:none; position:fixed; top:68px; left:0; right:0; z-index:199; background:#fff; border-bottom:1px solid var(--border); padding:14px 5%; flex-direction:column; gap:6px; box-shadow:var(--shadow); }
.mob-menu a { padding:10px 14px; border-radius:8px; font-size:.95rem; font-weight:500; color:var(--text); text-decoration:none; }
.mob-menu a:hover, .mob-menu a.active { background:var(--blue-light); color:var(--blue); font-weight:700; }
.mob-menu.open { display:flex; }

/* ── SECTIONS ── */
section { padding:80px 5%; }
.inner { max-width:1200px; margin:0 auto; }
.label { font-size:.78rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--blue); margin-bottom:10px; }
.h2 { font-size:clamp(1.75rem,3vw,2.5rem); font-weight:900; color:var(--dark); margin-bottom:14px; line-height:1.2; }
.sub { font-size:.98rem; color:var(--muted); line-height:1.75; max-width:560px; }
.head { margin-bottom:52px; }
.head.c { text-align:center; }
.head.c .sub { margin:0 auto; }
.bg-soft { background:var(--grad-soft); }
.bg-dark { background:var(--dark); }

/* ── PAGE HEADER ── */
.page-hd {
  padding:136px 5% 76px; text-align:center;
  background:var(--grad-soft); position:relative; overflow:hidden;
}
.page-hd::before { content:''; position:absolute; top:-120px; right:-120px; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%); }
.page-hd h1 { font-size:clamp(2rem,4vw,3rem); font-weight:900; color:var(--dark); margin-bottom:14px; line-height:1.15; }
.page-hd p { font-size:1.04rem; color:var(--muted); max-width:540px; margin:0 auto; line-height:1.75; }

/* ── CARDS ── */
.card { background:#fff; border:1px solid var(--border); border-radius:var(--r); padding:28px; transition:all .25s; }
.card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:rgba(37,99,235,.3); }
.g3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; }
.g2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; }

/* ── COLOUR DOTS ── */
.dot-blue{background:#EFF6FF;} .dot-green{background:#F0FDF4;} .dot-purple{background:#F5F3FF;}
.dot-orange{background:#FFF7ED;} .dot-pink{background:#FDF2F8;} .dot-teal{background:#F0FDFA;}

/* ── BUTTONS ── */
.btn-p { display:inline-flex; align-items:center; gap:8px; padding:12px 26px; border-radius:10px; border:none; font-size:.93rem; font-weight:600; cursor:pointer; text-decoration:none; background:var(--grad); color:#fff; box-shadow:var(--shadow); transition:opacity .2s,transform .2s; font-family:inherit; }
.btn-p:hover { opacity:.9; transform:translateY(-2px); }
.btn-s { display:inline-flex; align-items:center; gap:8px; padding:12px 26px; border-radius:10px; font-size:.93rem; font-weight:600; cursor:pointer; text-decoration:none; background:#fff; color:var(--dark); border:1.5px solid var(--border); transition:all .2s; font-family:inherit; }
.btn-s:hover { border-color:var(--blue); color:var(--blue); transform:translateY(-2px); }
.store-btn { display:flex; align-items:center; gap:12px; padding:11px 20px; border-radius:12px; text-decoration:none; transition:all .25s; border:none; cursor:pointer; font-family:inherit; }
.store-btn.dk { background:var(--dark); color:#fff; }
.store-btn.lt { background:#fff; color:var(--dark); border:1.5px solid var(--border); }
.store-btn:hover { transform:translateY(-2px); box-shadow:var(--shadow); }
.store-btn .si { font-size:1.55rem; }
.store-btn .st { text-align:left; }
.store-btn .ss { font-size:.68rem; opacity:.7; display:block; }
.store-btn .sn { font-size:.93rem; font-weight:700; display:block; }

/* ── BADGE ── */
.badge { display:inline-flex; align-items:center; gap:8px; padding:6px 16px; border-radius:100px; background:#fff; border:1px solid var(--border); font-size:.8rem; font-weight:600; color:var(--blue); box-shadow:var(--shadow-sm); margin-bottom:18px; }
.badge .bd { width:6px; height:6px; border-radius:50%; background:var(--green); }
.hl { background:var(--grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ── FOOTER ── */
footer { background:var(--dark); padding:56px 5% 28px; }
.ft-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:44px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:28px; }
.ft-brand .fl { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.ft-brand .fl img { width:30px; height:30px; border-radius:6px; }
.ft-brand .fl span { font-size:1.2rem; font-weight:800; color:#fff; }
.ft-brand .fl .ac { color:var(--cyan); }
.ft-brand p { color:rgba(255,255,255,.48); font-size:.86rem; line-height:1.7; max-width:230px; margin-bottom:18px; }
.ft-socials { display:flex; gap:10px; }
.ft-socials a { width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; text-decoration:none; font-size:.95rem; transition:background .2s; }
.ft-socials a:hover { background:rgba(255,255,255,.16); }
.ft-col h4 { color:#fff; font-size:.84rem; font-weight:700; letter-spacing:.04em; margin-bottom:14px; }
.ft-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
.ft-col ul li a { color:rgba(255,255,255,.48); font-size:.84rem; text-decoration:none; transition:color .2s; }
.ft-col ul li a:hover { color:#fff; }
.ft-bot { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.ft-bot p { color:rgba(255,255,255,.32); font-size:.8rem; }
.ft-bot-links { display:flex; gap:18px; }
.ft-bot-links a { color:rgba(255,255,255,.32); font-size:.8rem; text-decoration:none; transition:color .2s; }
.ft-bot-links a:hover { color:rgba(255,255,255,.65); }

/* ── ANIMATIONS ── */
.fu { opacity:0; transform:translateY(22px); transition:opacity .55s ease,transform .55s ease; }
.fu.on { opacity:1; transform:translateY(0); }

/* ── UTILS ── */
.tc { text-align:center; }

/* ── RESPONSIVE ── */
@media(max-width:960px){ .ft-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:768px){
  .nav-links, .btn-cta { display:none; }
  .nav-ham { display:flex; }
  .ft-grid { grid-template-columns:1fr; gap:28px; }
  section { padding:60px 5%; }
}
@media(max-width:480px){ .page-hd{ padding:112px 5% 56px; } }