*{ margin:0; padding:0; box-sizing:border-box; }
:root{
  --bg:#120d0a;
  --bg2:#1c130c;
  --panel:#241812;
  --gold:#d9a441;
  --gold2:#f0c874;
  --gold-soft:#c9973a;
  --ink:#f7ecd4;
  --muted:#c1af8f;
  --line:color-mix(in srgb, var(--gold) 18%, transparent);
  --grad-gold:linear-gradient(120deg,#fbe9b8,#f0c874 42%,#d9a441 68%,#b5811f);
  --purple:#2a1c3a;
  --btn-ink:#2a1b06;
  --body-glow:#4a3416;
  --btn-h:42px;
  --nav-h:64px;
  --topbar-h:36px;
  --container:1120px;
  --space:28px;
}
html{ scroll-behavior:smooth; }
body{
  font-family:"Poppins","Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(950px 500px at 50% -70px, var(--body-glow) 0%, transparent 60%),
    radial-gradient(1300px 950px at 74% 640px, color-mix(in srgb, var(--purple) 50%, transparent) 0%, transparent 68%),
    radial-gradient(900px 700px at 12% 720px, color-mix(in srgb, var(--purple) 32%, transparent) 0%, transparent 65%),
    var(--body-bg, var(--bg));
  line-height:1.6;
  overflow-x:hidden;
  position:relative;
  background-color:var(--body-bg, #120c16);
}
a{ text-decoration:none; color:inherit; }
.container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 var(--space);
  position:relative;
  z-index:2;
  width:100%;
}

.hero h1,.sec-head h2,.cta h2,.logo-main,.brand,.foot-logo .brand,.pname{
  font-family:"Playfair Display",Georgia,serif;
}
.hero h1 span,.stat .n,.sec-head h2,.cta h2,.brand{
  filter:drop-shadow(0 2px 16px color-mix(in srgb, var(--gold2) 32%, transparent));
}

/* ---------- Buttons (uniform height & alignment) ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:var(--btn-h);
  min-height:var(--btn-h);
  max-height:var(--btn-h);
  padding:0 20px;
  border-radius:40px;
  font-weight:700;
  cursor:pointer;
  border:1px solid transparent;
  transition:background .25s, border-color .25s, box-shadow .25s, transform .25s;
  font-size:.88rem;
  line-height:1;
  white-space:nowrap;
  vertical-align:middle;
  font-family:inherit;
  text-align:center;
  box-sizing:border-box;
  flex-shrink:0;
}
.btn-p{
  position:relative;
  overflow:hidden;
  background:var(--grad-gold);
  color:var(--btn-ink);
  border-color:transparent;
  box-shadow:0 6px 18px color-mix(in srgb, var(--gold) 35%, transparent);
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.btn-p::after{
  content:"";
  position:absolute;
  top:0; left:-70%;
  width:45%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-22deg);
  pointer-events:none;
  animation:btnShine 3.4s ease-in-out infinite;
}
.btn-p:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px color-mix(in srgb, var(--gold2) 50%, transparent);
}
@keyframes btnShine{ 0%{ left:-70%; } 50%{ left:130%; } 100%{ left:130%; } }
.btn-glass{
  background:color-mix(in srgb, var(--gold) 8%, transparent);
  border-color:var(--line);
  color:var(--gold2);
  box-shadow:none;
}
.btn-glass:hover{ background:color-mix(in srgb, var(--gold) 16%, transparent); }
.btn-wa{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:none;
}
.btn-wa:hover{ background:rgba(255,255,255,.12); }

/* ---------- Topbar ---------- */
.topbar{
  border-bottom:1px solid var(--line);
  font-size:.8rem;
  background:rgba(18,13,10,.55);
  height:var(--topbar-h);
}
.topbar .container{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  align-items:center;
  height:var(--topbar-h);
  gap:20px;
  color:var(--muted);
}
.topbar a{
  color:var(--gold2);
  white-space:nowrap;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  height:100%;
  line-height:1;
}
.topbar .tb-mid{
  justify-self:center;
  text-align:center;
  white-space:nowrap;
  line-height:1;
  overflow:visible;
  max-width:none;
}
.topbar .soc{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  white-space:nowrap;
  justify-self:end;
  height:100%;
  line-height:1;
}

/* ---------- Nav ---------- */
nav{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(18,13,10,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  height:var(--nav-h);
}
nav .container{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  height:var(--nav-h);
  gap:24px;
}
.logo{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  min-width:0;
  height:100%;
  text-decoration:none;
}
.logo-img{
  height:46px;
  width:46px;
  filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--gold2) 35%, transparent));
  transition:.3s;
  object-fit:contain;
  display:block;
  flex-shrink:0;
}
.logo:hover .logo-img{ filter:drop-shadow(0 4px 12px color-mix(in srgb, var(--gold2) 50%, transparent)); }
.logo-wordmark{
  height:20px;
  width:auto;
  max-width:min(160px,28vw);
  object-fit:contain;
  object-position:left center;
  display:block;
  filter:
    drop-shadow(0 0 4px color-mix(in srgb, var(--gold2) 55%, transparent))
    drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 35%, transparent))
    brightness(1.12)
    contrast(1.05);
  transition:filter .25s;
}
.logo:hover .logo-wordmark{
  filter:
    drop-shadow(0 0 6px color-mix(in srgb, var(--gold2) 70%, transparent))
    drop-shadow(0 0 14px color-mix(in srgb, var(--gold) 45%, transparent))
    brightness(1.18)
    contrast(1.05);
}
.logo-text{ display:none; }
.menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:600;
  font-size:.88rem;
  min-width:0;
  height:100%;
}
.menu>a,
.menu>.menu-text{
  color:var(--muted);
  transition:.2s;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;
  padding:0 12px;
  border-radius:10px;
}
.menu>a:hover{ color:var(--gold2); background:color-mix(in srgb, var(--gold) 6%, transparent); }
.menu>.menu-text{ cursor:default; }
.menu>.vv-menu-extra{ display:none; }
.nav-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-shrink:0;
  height:100%;
}
.nav-actions .btn{
  height:38px;
  min-height:38px;
  max-height:38px;
  padding:0 16px;
  font-size:.84rem;
  box-shadow:none;
}
.nav-actions .btn-p{
  box-shadow:0 4px 14px color-mix(in srgb, var(--gold) 35%, transparent);
}
.hamburger{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:10px;
  background:color-mix(in srgb, var(--gold) 6%, transparent);
  cursor:pointer;
  padding:0;
  flex-shrink:0;
  -webkit-tap-highlight-color:transparent;
}
.hamburger span{
  display:block;
  width:18px;
  height:2px;
  margin:0 auto;
  background:var(--gold2);
  border-radius:2px;
  transition:.3s;
}
.hamburger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2){ opacity:0; }
.hamburger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ---------- Partners ---------- */
.partners{ padding:14px 0 0; }
.partners .card{
  border:1px solid color-mix(in srgb, var(--gold) 28%, transparent);
  border-radius:16px;
  background:linear-gradient(180deg,color-mix(in srgb, var(--gold) 8%, transparent),color-mix(in srgb, var(--gold) 3%, transparent));
  padding:14px 28px 16px;
  box-shadow:none;
}
.partners .k{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:var(--gold-soft);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:2.5px;
  font-size:.7rem;
  margin-bottom:14px;
  line-height:1;
}
.partners .k::before,.partners .k::after{
  content:"";
  height:1px;
  width:64px;
  max-width:12vw;
  background:linear-gradient(90deg,transparent,var(--gold-soft));
}
.partners .k::after{ background:linear-gradient(90deg,var(--gold-soft),transparent); }
.partners-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  justify-items:center;
  gap:16px;
  min-height:36px;
}
.partner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transition:.25s;
  min-height:48px;
  width:100%;
}
.partner:hover{ transform:translateY(-2px); }
.partner.has-logo{
  background:transparent;
  border-radius:0;
  padding:6px 8px;
  min-height:52px;
  box-shadow:none;
}
.partner .plogo,
.partner .plogo-img{
  display:inline-block;
  height:36px;
  width:180px;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--gold2) 28%, transparent));
  opacity:.95;
  transition:opacity .25s, filter .25s, transform .25s;
}
.partner .plogo{
  background-color:var(--gold2);
  -webkit-mask-image:var(--plogo);
  mask-image:var(--plogo);
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
}
.partner:hover .plogo,
.partner:hover .plogo-img{
  opacity:1;
  filter:drop-shadow(0 3px 12px color-mix(in srgb, var(--gold2) 42%, transparent));
  transform:scale(1.03);
}
.partner.has-logo .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.pname{ display:flex; flex-direction:column; line-height:1; }
.pname b,.pname i,.pname.single{
  background:var(--grad-gold);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-style:normal;
  filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--gold2) 25%, transparent));
}
.pname.single{
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:.4px;
  line-height:1;
  display:flex;
  align-items:center;
}

/* ---------- Hero (balanced two-column) ---------- */
.hero{
  display:block;
}
.hero .container{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,400px);
  gap:40px;
  align-items:center;
  padding:28px var(--space) 28px;
  width:100%;
  min-height:0;
}
.hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:0;
  min-width:0;
  align-self:center;
}
.hero .tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:color-mix(in srgb, var(--gold) 8%, transparent);
  border:1px solid var(--line);
  padding:0 14px;
  height:32px;
  border-radius:40px;
  font-weight:600;
  font-size:.78rem;
  margin-bottom:14px;
  color:var(--gold2);
  line-height:1;
}
.hero .tag .dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold2);
  box-shadow:0 0 10px var(--gold2);
  flex-shrink:0;
}
.hero h1{
  font-size:clamp(1.85rem,3.6vw,2.75rem);
  line-height:1.18;
  font-weight:800;
  margin-bottom:14px;
  letter-spacing:-.6px;
}
.hero h1 span{
  background:var(--grad-gold);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-sub,.hero p.hero-sub{
  font-size:.98rem;
  color:var(--muted);
  margin-bottom:22px;
  max-width:480px;
  line-height:1.6;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.hero-actions .btn{
  height:44px;
  min-height:44px;
  max-height:44px;
}
.hero-note{
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  font-size:.84rem;
  color:var(--muted);
}
.hero-note span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  line-height:1.2;
}
.hero-note .c{ color:var(--gold2); flex-shrink:0; }

/* Apply card — aynı dikey hiza */
.apply-card{
  padding:24px;
  border-radius:20px;
  background:linear-gradient(180deg,#241a2e,#1c1424);
  border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);
  box-shadow:0 18px 48px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  width:100%;
  max-width:400px;
  justify-self:end;
  margin:0;
}
.apply-card h3{
  font-size:1.15rem;
  margin-bottom:4px;
  color:var(--gold2);
  line-height:1.3;
}
.apply-card .sub{
  color:var(--muted);
  font-size:.82rem;
  margin-bottom:14px;
  line-height:1.45;
}
.field{ margin-bottom:10px; }
.field:last-of-type{ margin-bottom:0; }
.field label{
  display:block;
  font-size:.76rem;
  font-weight:600;
  margin-bottom:5px;
  color:var(--gold-soft);
  line-height:1.2;
}
.field select,.field input{
  width:100%;
  height:42px;
  padding:0 12px;
  border:1px solid color-mix(in srgb, var(--gold) 25%, transparent);
  border-radius:11px;
  font-size:.88rem;
  background:rgba(0,0,0,.25);
  color:#fff;
  font-family:inherit;
  line-height:1;
  box-sizing:border-box;
}
.field select option{ background:#1c1424; }
.field select:focus,.field input:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 20%, transparent);
}
.apply-card .btn-p{
  width:100%;
  margin-top:12px;
  height:44px;
  min-height:44px;
  max-height:44px;
}
.people-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.people-chip{
  min-width:42px;
  height:38px;
  padding:0 12px;
  border-radius:11px;
  border:1px solid color-mix(in srgb, var(--gold) 25%, transparent);
  background:rgba(0,0,0,.25);
  color:#fff;
  font:inherit;
  font-size:.88rem;
  font-weight:600;
  cursor:pointer;
  line-height:1;
  transition:.2s;
}
.people-chip:hover{
  border-color:color-mix(in srgb, var(--gold) 50%, transparent);
}
.people-chip.is-active{
  background:var(--grad-gold);
  color:var(--btn-ink);
  border-color:transparent;
}

/* ---------- Flags ---------- */
.flagbar{
  padding:18px 0;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.marquee{
  display:flex;
  width:max-content;
  animation:scrollx 40s linear infinite;
}
.marquee-track{
  display:flex;
  align-items:center;
  gap:14px;
  flex-shrink:0;
  padding-right:14px;
}
.fchip{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:color-mix(in srgb, var(--gold) 6%, transparent);
  border:1px solid var(--line);
  border-radius:40px;
  padding:0 18px;
  height:42px;
  font-weight:600;
  font-size:.88rem;
  white-space:nowrap;
  line-height:1;
}
.fchip .fe,.cty .fe{
  display:inline-block;
  width:20px;
  height:15px;
  object-fit:cover;
  border-radius:2px;
  flex-shrink:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.15);
  background:color-mix(in srgb, var(--gold) 12%, transparent);
}
.cty .fe{
  width:28px;
  height:21px;
  margin:0 auto 8px;
}
.fchip .fe-code,.cty .fe-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.62rem;
  font-weight:800;
  color:var(--gold2);
  letter-spacing:.02em;
  line-height:1;
}
.fchip .fname,.cty .fname{ line-height:1.2; }
a.fchip-link,a.cty-link{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}
a.fchip-link:hover,a.cty-link:hover{
  color:var(--gold2);
}
@keyframes scrollx{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

/* ---------- Stats ---------- */
.stats .container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  padding:40px var(--space);
  align-items:stretch;
}
.stat{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:88px;
}
.stat .n{
  font-size:2.2rem;
  font-weight:800;
  background:var(--grad-gold);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  line-height:1.15;
}
.stat .l{
  color:var(--muted);
  font-weight:500;
  font-size:.88rem;
  line-height:1.3;
}

/* ---------- Sections ---------- */
section.blk{ padding:56px 0; }
section.blk + section.blk{ padding-top:28px; }
section.blk.cta{ padding-top:24px; padding-bottom:36px; }
.sec-head{
  text-align:center;
  max-width:700px;
  margin:0 auto 36px;
}
.sec-head .k{
  background:var(--grad-gold);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1.4px;
  font-size:.76rem;
  display:block;
  line-height:1.3;
}
.sec-head h2{
  font-size:clamp(1.55rem,3.5vw,2.2rem);
  font-weight:800;
  margin:10px 0 8px;
  letter-spacing:-.4px;
  line-height:1.2;
}
.sec-head p{
  color:var(--muted);
  line-height:1.6;
  margin:0 auto;
  max-width:560px;
}

/* FAQ: SSS büyük, alt başlık daha küçük */
#faq .sec-head{ margin-bottom:28px; }
#faq .sec-head .k{
  font-size:clamp(1.45rem,3.4vw,1.9rem);
  letter-spacing:1.2px;
  line-height:1.2;
}
#faq .sec-head h2{
  font-size:clamp(.92rem,2vw,1.05rem);
  font-weight:600;
  color:var(--muted);
  margin:8px 0 0;
  letter-spacing:0;
  background:none;
  -webkit-text-fill-color:unset;
}

.panel{
  background:linear-gradient(180deg,color-mix(in srgb, var(--gold) 5%, transparent),color-mix(in srgb, var(--gold) 2%, transparent));
  border:1px solid var(--line);
}

/* ---------- Services (equal-height cards) ---------- */
.svc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  align-items:stretch;
}
.svc{
  padding:28px;
  border-radius:22px;
  transition:.3s;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:100%;
}
.svc:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb, var(--gold) 50%, transparent);
}
.svc .ic{
  width:58px;
  height:58px;
  border-radius:16px;
  background:var(--grad-gold);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.75rem;
  margin-bottom:16px;
  box-shadow:0 10px 26px color-mix(in srgb, var(--gold) 30%, transparent);
  flex-shrink:0;
  line-height:1;
}
.svc h3{
  font-size:1.12rem;
  margin-bottom:8px;
  line-height:1.3;
}
.svc p{
  color:var(--muted);
  font-size:.9rem;
  margin-bottom:16px;
  line-height:1.55;
  flex:1;
}
.svc .more{
  color:var(--gold2);
  font-weight:700;
  font-size:.88rem;
  margin-top:auto;
  line-height:1;
}

/* ---------- Process ---------- */
.proc-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  align-items:stretch;
}
.proc{
  padding:24px 14px;
  text-align:center;
  border-radius:20px;
  transition:.25s;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  height:100%;
}
.proc:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb, var(--gold) 50%, transparent);
}
.proc .step-n{
  display:block;
  color:var(--gold-soft);
  font-weight:800;
  font-size:.76rem;
  letter-spacing:1.5px;
  margin-bottom:12px;
  line-height:1;
}
.proc .ic{
  width:64px;
  height:64px;
  margin:0 auto 14px;
  border-radius:50%;
  background:var(--grad-gold);
  color:var(--btn-ink);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.7rem;
  box-shadow:0 12px 28px color-mix(in srgb, var(--gold) 40%, transparent), inset 0 2px 4px rgba(255,255,255,.45);
  line-height:1;
  flex-shrink:0;
}
.proc h4{
  font-size:.92rem;
  font-weight:600;
  line-height:1.35;
  margin:0;
}

/* ---------- Compare (tek tablo, satır satır hizalı) ---------- */
.compare .container{
  display:block;
}
.cmp-table{
  border-radius:22px;
  border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);
  background:linear-gradient(160deg,color-mix(in srgb, var(--gold) 10%, transparent),rgba(36,24,46,.55) 45%,rgba(180,120,120,.08));
  overflow:hidden;
}
.cmp-head,
.cmp-row,
.cmp-foot{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}
.cmp-head{
  border-bottom:1px solid color-mix(in srgb, var(--gold) 28%, transparent);
  background:color-mix(in srgb, var(--gold) 6%, transparent);
}
.cmp-row + .cmp-row .cmp-cell{
  border-top:1px solid var(--line);
}
.cmp-cell{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 22px;
  min-height:56px;
  line-height:1.45;
  font-size:.94rem;
}
.cmp-cell.good{
  border-right:1px solid var(--line);
}
.cmp-head .cmp-cell{
  align-items:center;
  min-height:0;
  padding:22px 22px 18px;
}
.cmp-head h3{
  font-size:1.25rem;
  margin:0;
  line-height:1.3;
  font-weight:800;
}
.cmp-cell .txt{ flex:1; }
.cmp-cell.bad{ color:var(--muted); }
.cmp-cell .mk{
  min-width:24px;
  height:24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  flex-shrink:0;
  margin-top:1px;
}
.cmp-cell.good .mk{ background:var(--gold); color:var(--btn-ink); }
.cmp-cell.bad .mk{ background:rgba(180,120,120,.22); color:#d99; }
.cmp-foot{
  display:flex;
  justify-content:center;
}
.cmp-foot .cmp-cell{
  border-right:none;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:20px 22px 24px;
}

/* ---------- Countries ---------- */
.cty-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
  align-items:stretch;
}
.cty{
  padding:18px 10px;
  text-align:center;
  border-radius:16px;
  transition:.22s;
  font-weight:600;
  font-size:.88rem;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:100px;
  line-height:1.3;
}
.cty:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--gold) 50%, transparent);
}
.cty .fe{ margin:0 auto 8px; }

/* ---------- Article (KVKK / yasal metin) ---------- */
.article-wrap{
  max-width:min(920px, 100%);
  margin:0 auto;
  padding-top:12px;
  padding-bottom:24px;
}
.article-wrap .kicker{
  color:var(--gold2);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.article-title{
  font-size:clamp(1.7rem,3.2vw,2.4rem);
  margin:0 0 10px;
  line-height:1.2;
  font-weight:800;
}
.article-updated{
  color:var(--muted);
  font-size:.88rem;
  margin:0 0 28px;
}
.article-body{
  font-size:1.02rem;
  line-height:1.75;
  color:color-mix(in srgb, var(--ink) 92%, transparent);
  overflow-wrap:anywhere;
  word-wrap:break-word;
}
.article-body h2,
.article-body h3{
  margin:1.6em 0 .55em;
  font-size:1.15rem;
  color:var(--gold2);
  font-weight:700;
}
.article-body p{ margin:0 0 1em; }
.article-body ul,
.article-body ol{
  margin:0 0 1.1em;
  padding-left:1.25em;
}
.article-body li{ margin-bottom:.35em; }
.article-body a{ color:var(--gold2); text-decoration:underline; }
.article-body img{
  max-width:100%;
  height:auto;
  display:block;
  margin:1em 0;
  border-radius:10px;
}

/* Geniş tablolar: sayfayı taşırmaz, yatay kaydırılır; mobilde okunaklı kalır */
.article-body .table-scroll{
  display:block;
  width:100%;
  max-width:100%;
  margin:1.25em 0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb, var(--panel) 72%, transparent);
  box-shadow:inset -18px 0 16px -18px rgba(0,0,0,.45);
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb, var(--gold) 55%, transparent) transparent;
}
.article-body .table-scroll:focus{
  outline:2px solid color-mix(in srgb, var(--gold) 55%, transparent);
  outline-offset:2px;
}
.article-body .table-scroll::-webkit-scrollbar{ height:8px; }
.article-body .table-scroll::-webkit-scrollbar-thumb{
  background:color-mix(in srgb, var(--gold) 45%, transparent);
  border-radius:999px;
}
.article-body table{
  width:100% !important;
  min-width:560px;
  max-width:none !important;
  margin:0 !important;
  border-collapse:collapse;
  font-size:clamp(.78rem, 2.4vw, .92rem);
  line-height:1.45;
  table-layout:auto;
}
.article-body th,
.article-body td{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  padding:.65em .75em !important;
  border-bottom:1px solid var(--line);
  vertical-align:top;
  text-align:left;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.article-body tr:first-child th,
.article-body tr:first-child td{
  position:sticky;
  top:0;
  background:color-mix(in srgb, var(--panel) 88%, var(--gold) 8%);
  font-weight:700;
  color:var(--gold2);
  white-space:normal;
}
.article-body tr:last-child td{ border-bottom:0; }
.article-body tr:nth-child(even) td{
  background:color-mix(in srgb, var(--ink) 3%, transparent);
}

/* ---------- FAQ ---------- */
.faq{ max-width:840px; margin:0 auto; }
details.qa{
  border-radius:16px;
  margin-bottom:12px;
  padding:0 22px;
  transition:.2s;
}
details.qa[open]{ border-color:color-mix(in srgb, var(--gold) 50%, transparent); }
details.qa summary{
  list-style:none;
  cursor:pointer;
  min-height:60px;
  padding:16px 0;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  line-height:1.4;
}
details.qa summary::-webkit-details-marker{ display:none; }
details.qa .arw{
  min-width:26px;
  height:26px;
  border-radius:50%;
  background:color-mix(in srgb, var(--gold) 12%, transparent);
  color:var(--gold2);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s;
  flex-shrink:0;
}
details.qa[open] .arw{
  transform:rotate(180deg);
  background:var(--grad-gold);
  color:var(--btn-ink);
}
details.qa p{
  color:var(--muted);
  padding:0 0 18px;
  font-size:.93rem;
  line-height:1.6;
}

/* ---------- Testimonials ---------- */
.tst-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  align-items:stretch;
}
.tst{
  padding:26px;
  border-radius:20px;
  display:flex;
  flex-direction:column;
  height:100%;
}
.tst .stars{
  color:#fbbf24;
  margin-bottom:12px;
  letter-spacing:2px;
  line-height:1;
}
.tst p{
  color:#dccdb4;
  font-size:.92rem;
  margin-bottom:18px;
  line-height:1.55;
  flex:1;
}
.tst .who{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
}
.tst .av{
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--grad-gold);
  color:var(--btn-ink);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  flex-shrink:0;
  line-height:1;
}
.tst .who b{ display:block; line-height:1.3; }
.tst .who span{ color:var(--muted); font-size:.8rem; line-height:1.3; }

/* ---------- Awards ---------- */
.awards-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  align-items:stretch;
}
.award{
  border-radius:16px;
  overflow:hidden;
  transition:.22s;
  display:flex;
  flex-direction:column;
  height:100%;
}
.award:hover{ transform:translateY(-4px); }
.award .pic{
  height:130px;
  background:linear-gradient(135deg,color-mix(in srgb, var(--gold) 20%, transparent),rgba(160,110,40,.1));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.4rem;
  flex-shrink:0;
}
.award .cap{
  padding:14px;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.award .cap b{ font-size:.9rem; line-height:1.3; }
.award .cap .badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:8px;
  font-size:.72rem;
  background:color-mix(in srgb, var(--gold) 14%, transparent);
  color:var(--gold2);
  padding:4px 11px;
  border-radius:20px;
  font-weight:700;
  align-self:flex-start;
  line-height:1.2;
}

/* ---------- CTA ---------- */
.cta .container{
  text-align:center;
  padding:40px 36px;
  border-radius:28px;
  background:linear-gradient(140deg,color-mix(in srgb, var(--gold) 20%, transparent),rgba(160,110,40,.1),color-mix(in srgb, var(--gold) 14%, transparent));
  border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.cta h2{
  font-size:clamp(1.6rem,3.8vw,2.25rem);
  font-weight:800;
  margin-bottom:12px;
  line-height:1.2;
}
.cta p{
  color:#dccdb4;
  margin-bottom:24px;
  font-size:1.02rem;
  max-width:560px;
  line-height:1.6;
}

/* ---------- Footer ---------- */
footer{
  border-top:1px solid var(--line);
  padding:40px 0 20px;
  margin-top:12px;
}
.foot-top{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:28px;
  margin-bottom:36px;
  align-items:start;
}
.foot-top h4{
  color:var(--gold2);
  margin-bottom:14px;
  font-size:.95rem;
  line-height:1.3;
}
.foot-top a,.foot-top p,.foot-top .foot-text{
  display:block;
  margin-bottom:8px;
  font-size:.88rem;
  color:var(--muted);
  line-height:1.45;
}
.foot-top a:hover{ color:var(--gold2); }
.foot-top .foot-text{
  cursor:default;
  user-select:text;
}
.foot-legal .foot-text{
  color:inherit;
  cursor:default;
}
.foot-logo{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.foot-logo .logo-img{
  height:44px;
  width:44px;
  filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--gold2) 30%, transparent));
  object-fit:contain;
}
.foot-logo .logo-wordmark,
.foot-wordmark{
  height:18px;
  width:auto;
  max-width:150px;
  object-fit:contain;
  display:block;
  filter:
    drop-shadow(0 0 4px color-mix(in srgb, var(--gold2) 50%, transparent))
    drop-shadow(0 0 8px color-mix(in srgb, var(--gold) 30%, transparent))
    brightness(1.12);
}
.foot-logo .brand{ display:none; }
.fsoc{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
}
.fsoc a{
  width:38px;
  height:38px;
  border-radius:10px;
  background:color-mix(in srgb, var(--gold) 6%, transparent);
  border:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  line-height:1;
}
.fsoc a:hover{ background:var(--grad-gold); color:var(--btn-ink); }
.foot-bottom{
  border-top:1px solid var(--line);
  padding-top:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  font-size:.8rem;
  color:var(--muted);
}
.foot-legal{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.foot-legal-link{
  color:var(--muted);
  text-decoration:none;
  transition:color .2s;
}
.foot-legal-link:hover{ color:var(--gold2); }
.foot-legal-sep{ opacity:.45; user-select:none; }

.wa-float{
  position:fixed;
  right:max(16px, env(safe-area-inset-right));
  bottom:max(16px, env(safe-area-inset-bottom));
  z-index:90;
}
.wa-float a{
  width:58px;
  height:58px;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 28px rgba(37,211,102,.5);
  transition:transform .2s;
  animation:waPulse 2.4s ease-in-out infinite;
}
.wa-float a:hover{ transform:scale(1.08); }
.wa-float svg{ width:30px; height:30px; display:block; }
@keyframes waPulse{
  0%,100%{ box-shadow:0 10px 28px rgba(37,211,102,.5); }
  50%{ box-shadow:0 12px 36px rgba(37,211,102,.85); }
}

/* ---------- Auth ---------- */
.auth-area{
  display:flex;
  align-items:center;
  gap:8px;
  height:38px;
}
.auth-area .vv-auth-mob{ display:none; }
.auth-area .vv-user{
  font-size:.84rem;
  color:var(--muted);
  white-space:nowrap;
  line-height:1;
  display:inline-flex;
  align-items:center;
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.auth-area .vv-user b{ color:var(--gold2); font-weight:700; }
.auth-area .btn{
  height:38px;
  min-height:38px;
  max-height:38px;
  padding:0 14px;
  font-size:.84rem;
}

.vv-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}
.vv-modal[hidden]{ display:none; }
.vv-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,5,3,.72);
  backdrop-filter:blur(4px);
}
.vv-modal-card{
  position:relative;
  width:100%;
  max-width:420px;
  max-height:min(90dvh, 920px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:linear-gradient(180deg,#241a2e,#1c1424);
  border:1px solid color-mix(in srgb, var(--gold) 32%, transparent);
  border-radius:22px;
  padding:52px 28px 28px;
  box-shadow:0 30px 70px rgba(0,0,0,.6);
}
.vv-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  width:36px;
  height:36px;
  padding:0;
  border-radius:50%;
  border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);
  background:color-mix(in srgb, var(--gold) 10%, transparent);
  color:var(--gold2);
  font-size:1.5rem;
  font-weight:400;
  cursor:pointer;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}
.vv-modal-close:hover{
  background:color-mix(in srgb, var(--gold) 22%, transparent);
  border-color:color-mix(in srgb, var(--gold) 55%, transparent);
  color:var(--gold2);
}
.vv-tabs{
  display:flex;
  gap:8px;
  margin-bottom:22px;
  background:rgba(0,0,0,.25);
  border:1px solid var(--line);
  border-radius:14px;
  padding:5px;
}
.vv-tabs button{
  flex:1;
  height:42px;
  padding:0 10px;
  border:none;
  background:transparent;
  color:var(--muted);
  font-weight:700;
  font-size:.9rem;
  border-radius:10px;
  cursor:pointer;
  transition:.2s;
  font-family:inherit;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.vv-tabs button.active{
  background:var(--grad-gold);
  color:var(--btn-ink);
  box-shadow:0 6px 16px color-mix(in srgb, var(--gold) 35%, transparent);
}
.vv-field{ margin-bottom:14px; }
.vv-field label{
  display:block;
  font-size:.8rem;
  font-weight:600;
  margin-bottom:6px;
  color:var(--gold-soft);
}
.vv-field input{
  width:100%;
  height:46px;
  padding:0 14px;
  border:1px solid color-mix(in srgb, var(--gold) 25%, transparent);
  border-radius:12px;
  font-size:.92rem;
  background:rgba(0,0,0,.25);
  color:#fff;
  font-family:inherit;
}
.vv-field input:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 20%, transparent);
}
.vv-form .btn-p{ width:100%; margin-top:6px; }
.vv-msg{ font-size:.86rem; margin-bottom:10px; min-height:1em; }
.vv-msg.err{ color:#ff9b8a; }
.vv-msg.ok{ color:#8ae0a3; }

/* ---------- Payments (member) ---------- */
.auth-area .vv-open-payments{
  position:relative;
  padding:0 12px;
}
.vv-pay-badge-count{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:linear-gradient(120deg,var(--gold2),var(--gold));
  color:var(--btn-ink);
  font-size:.68rem;
  font-weight:800;
  line-height:18px;
  text-align:center;
  box-shadow:0 2px 8px color-mix(in srgb, var(--gold) 45%, transparent);
}
.vv-pay-card{
  max-width:520px;
  padding:48px 26px 24px;
}
.vv-pay-title{
  margin:0 0 6px;
  font-family:"Playfair Display",serif;
  font-size:1.55rem;
  font-weight:800;
  color:var(--gold2);
  letter-spacing:.01em;
}
.vv-pay-lead{
  margin:0 0 20px;
  font-size:.88rem;
  color:var(--muted);
  line-height:1.45;
}
.vv-pay-loading,
.vv-pay-empty{
  padding:28px 8px;
  text-align:center;
  color:var(--muted);
  font-size:.92rem;
}
.vv-pay-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:min(52vh,420px);
  overflow:auto;
}
.vv-pay-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 14px;
  border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);
  border-radius:14px;
  background:rgba(0,0,0,.22);
}
.vv-pay-item-main{ flex:1; min-width:0; }
.vv-pay-amount{
  font-size:1.12rem;
  font-weight:800;
  color:var(--gold2);
  letter-spacing:.02em;
}
.vv-pay-desc{
  margin-top:2px;
  font-size:.86rem;
  color:var(--ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.vv-pay-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:8px;
}
.vv-pay-status{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border-radius:6px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.vv-pay-status--pending{
  background:color-mix(in srgb, var(--gold2) 18%, transparent);
  color:var(--gold2);
}
.vv-pay-status--paid{
  background:rgba(138,224,163,.16);
  color:#8ae0a3;
}
.vv-pay-status--cancelled{
  background:rgba(255,255,255,.06);
  color:var(--muted);
}
.vv-pay-date{
  font-size:.75rem;
  color:var(--muted);
}
.vv-pay-item .vv-pay-btn{
  flex:none;
  height:40px;
  min-height:40px;
  padding:0 16px;
  font-size:.84rem;
  white-space:nowrap;
}
.vv-pay-demo-note{
  margin:14px 0 0;
  font-size:.75rem;
  color:var(--muted);
  text-align:center;
  opacity:.85;
}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .menu{ gap:4px; font-size:.82rem; }
  .menu>a,.menu>.menu-text{ padding:0 8px; }
  .proc-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
  .nav-actions .btn-wa{ display:none; }
}
@media(max-width:960px){
  .hamburger{ display:flex; }
  nav{ position:sticky; }
  nav .container{
    grid-template-columns:auto 1fr auto;
    position:relative;
  }
  .menu{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:80;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#161009;
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line);
    padding:8px max(16px, var(--space)) 18px;
    transform:translateY(-14px);
    opacity:0;
    pointer-events:none;
    transition:transform .28s ease, opacity .28s ease;
    box-shadow:0 24px 44px rgba(0,0,0,.55);
    justify-content:flex-start;
    height:auto;
    max-height:min(70vh, 520px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .menu.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
  .menu>a,
  .menu>.menu-text,
  .menu>.vv-menu-extra{
    padding:14px 4px;
    min-height:44px;
    height:auto;
    border-bottom:1px solid var(--line);
    font-size:1rem;
    justify-content:flex-start;
    border-radius:0;
    display:flex;
    align-items:center;
    width:100%;
    background:none;
    border-left:none;
    border-right:none;
    border-top:none;
    color:var(--muted);
    font-weight:600;
    font-family:inherit;
    cursor:pointer;
    text-align:left;
    -webkit-tap-highlight-color:transparent;
  }
  .menu>.menu-text{ cursor:default; }
  .menu>a:hover,
  .menu>.vv-menu-extra:hover{ color:var(--gold2); background:color-mix(in srgb, var(--gold) 6%, transparent); }
  .menu>:last-child{ border-bottom:none; }
  .menu>.vv-menu-extra{ color:var(--gold2); margin-top:4px; }
  .logo-wordmark{ display:none; }
  .nav-actions{ gap:6px; }
  .nav-actions .vv-wa-btn{ display:none; }
  .auth-area{ gap:0; }
  .auth-area .vv-auth-desk{ display:none !important; }
  .auth-area .vv-auth-mob{
    display:inline-flex;
    padding:0 12px;
    font-size:.8rem;
  }
  .auth-area .vv-open-auth{
    padding:0 12px;
    font-size:.8rem;
  }
  .hero .container{
    grid-template-columns:1fr;
    padding:28px var(--space) 36px;
    gap:28px;
    align-items:stretch;
  }
  .apply-card{
    max-width:none;
    justify-self:stretch;
  }
  .compare .container,.foot-top{ grid-template-columns:1fr; }
  .cmp-head,.cmp-row,.cmp-foot{ grid-template-columns:1fr; }
  .cmp-cell{ padding:14px 16px; }
  .cmp-cell.good{ border-right:none; }
  .cmp-head .cmp-cell.bad,
  .cmp-row .cmp-cell.bad{ border-top:1px solid var(--line); }
  .cmp-foot .cmp-cell.bad{ display:none; }
  .svc-grid,.tst-grid{ grid-template-columns:1fr; }
  .proc-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cty-grid,.awards-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .stats .container{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .partners-row{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .nav-actions .btn-hide{ display:none; }
  .topbar .container{ grid-template-columns:auto 1fr auto; }
  .field select,.field input,
  .vv-modal input,.vv-modal select,.vv-modal textarea{
    font-size:16px; /* iOS zoom engeli */
  }
  .vv-modal-card{ padding:48px 20px 22px; border-radius:18px; }
  .article-wrap{ padding-left:var(--space); padding-right:var(--space); }
  .article-body table{ min-width:520px; }
  .article-body th,
  .article-body td{ padding:.55em .6em !important; }
  .stat .n{ font-size:clamp(1.4rem,5vw,1.9rem); word-break:break-word; }
  .fchip{ padding:0 14px; height:38px; font-size:.82rem; }
}
@media(max-width:640px){
  :root{ --nav-h:58px; --btn-h:40px; --space:16px; --topbar-h:34px; }
  .logo-img{ height:40px; width:40px; }
  .topbar .tb-mid{ display:none; }
  .topbar .container{ grid-template-columns:1fr auto; }
  section.blk{ padding:40px 0; }
  section.blk + section.blk{ padding-top:22px; }
  section.blk.cta{ padding-top:18px; padding-bottom:28px; }
  .sec-head{ margin-bottom:28px; }
  .proc-grid,.cty-grid,.awards-grid,.stats .container{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .partners{ padding:16px 0; }
  .partners .card{ padding:14px 16px; }
  .partners-row{ grid-template-columns:1fr; gap:10px; }
  .partner .plogo-img,.partner .plogo{ width:min(180px,70vw); height:32px; }
  .hero-actions{ width:100%; }
  .hero-actions .btn{ flex:1 1 calc(50% - 5px); }
  .apply-card{ padding:20px; }
  .cta .container{ padding:40px 20px; }
  .foot-bottom{ flex-direction:column; text-align:center; justify-content:center; }
  .hamburger{ width:42px; height:42px; min-width:42px; min-height:42px; }
  .auth-area .btn{ height:36px; min-height:36px; max-height:36px; }
  .people-chips{ gap:6px; }
  .people-chip{ min-width:40px; flex:1 1 calc(20% - 6px); }
  .article-body table{ min-width:460px; font-size:.76rem; }
  .article-body .table-scroll{
    margin-left:calc(var(--space) * -0.25);
    margin-right:calc(var(--space) * -0.25);
    width:calc(100% + var(--space) * 0.5);
    border-radius:12px;
  }
}
@media(max-width:420px){
  .topbar .soc{ display:none; }
  .topbar .container{ grid-template-columns:1fr; justify-items:center; }
  .hero-note{ gap:12px; }
  .nav-actions .btn-p{ padding:0 10px; font-size:.76rem; }
  nav .container{ gap:10px; }
  .hero-actions .btn{ flex:1 1 100%; }
  .proc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cmp-cell{ padding:12px 14px; font-size:.9rem; }
}