/* Contact Person Estonia — ortak sayfa tasarimi (ana sayfa + hukuki sayfalar)
   ============================================================================
   KAYNAK: globalestonia.com — tarayicida OLCULEN degerler (22 Agu):

   ORTAK
     shell      max 1216px · padding 20px · @lg 32px
     ust menu   sticky rgba(255,255,255,.95) · 75px · alt cizgi #EEF0F7
     alt bilgi  #0D0F1D · 4 sutun · gap 40px · TAM SHELL genisligi
     yazi tipi  Inter — YERELDEN (assets/fonts), Google Fonts'tan DEGIL

   ANA SAYFA (globalestonia.com/)
     hero     linear-gradient(135deg,#3730A3,#4F46E5,#7C3AED 70%,#4F46E5)
              ic padding 96px 32px · 12 sutun izgara · 7 metin / 5 kart · gap 48px
     rozet    11px/600 · ls 1.32px · bg #fff/.14 · cerceve #fff/.28 · radius 9999px
     h1       54.4px/700 · lh 1.08 · ls -1.36px · beyaz
     buton    15px/600 · radius 6px · padding 14px 24px
              birincil beyaz zemin + #4338CA yazi · ikincil #fff/.12 + #fff/.28 cerceve
     bolum    ic padding 80px 32px · h2 36px/700 lh 40px ls -0.9px
     kart     beyaz · 1px #DCDFEC · radius 14px · padding 24px
              h3 19px/600 ls -.475px · kicker 13.5px/500 uppercase #4F46E5 ls .3375px
     izgara   3 sutun · gap 20px
     koyu bant #171B31 beyaz yazi

   HUKUKI SAYFA (globalestonia.com/terms)
     article  padding 56px 20px · @lg 80px 32px
     giris    686px SOLA dayali
     izgara   12 sutun · gap 48px · @lg 64px · kenar 3 (240px) / govde 9 (848px)
     h1 48/700 · h2 22/700 · govde 16.5/1.625

   DIS KAYNAK YOK. Ana sayfada yalniz reCAPTCHA ve gomulu harita disaridan gelir.
   ============================================================================ */

@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;
  src:url(assets/fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;
  src:url(assets/fonts/inter-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink-900:#171B31; --ink-800:#242942; --ink-700:#454C6B; --ink-500:#5C6485;
  --ink-300:#8189A8; --line:#EEF0F7; --kenar:#DCDFEC; --accent:#4F46E5; --accent-2:#4338CA;
  --tint:#F7F8FC; --footer-bg:#0D0F1D; --footer-tx:#DCDFEC; --footer-tx2:#B4B9D0;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink-700);font-family:var(--font);
     font-size:16.5px;line-height:1.625;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.shell{max-width:1216px;margin:0 auto;padding-left:20px;padding-right:20px}
@media (min-width:1024px){ .shell{padding-left:32px;padding-right:32px} }

/* ---- ust menu ---- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);
     backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr .shell{display:flex;align-items:center;gap:24px;min-height:75px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink-900);font-weight:700;
       font-size:15px;text-decoration:none;white-space:nowrap}
.brand:hover{text-decoration:none}
.mark{width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;
      display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;flex:0 0 auto}
.nav{margin-left:auto;display:flex;align-items:center;gap:24px}
.nav a{color:var(--ink-500);font-size:14.5px;font-weight:500;white-space:nowrap}
.nav a:hover{color:var(--ink-900);text-decoration:none}
.nav a.on{color:var(--ink-900)}
.cta{background:var(--accent);color:#fff!important;padding:10px 16px;border-radius:10px;
     font-size:14.5px;font-weight:600}
.cta:hover{background:var(--accent-2);text-decoration:none}

/* ============================ ANA SAYFA ============================ */

/* ---- hero ---- */
.hero{position:relative;overflow:hidden;
      background:linear-gradient(135deg,#3730A3 0%,#4F46E5 35%,#7C3AED 70%,#4F46E5 100%)}
.hero::after{content:"";position:absolute;right:-96px;top:50%;width:520px;height:520px;
      transform:translateY(-50%);pointer-events:none;border-radius:9999px;
      background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 68%)}
.hero .shell{position:relative;z-index:1;padding-top:64px;padding-bottom:64px;
      display:grid;gap:48px}
@media (min-width:1024px){
  .hero .shell{padding-top:96px;padding-bottom:96px;grid-template-columns:repeat(12,1fr)}
  .hero-metin{grid-column:span 7}
  .hero-yan{grid-column:span 5}
}
.pill{display:inline-block;margin:0;padding:6px 14px;border-radius:9999px;
      background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
      color:rgba(255,255,255,.92);font-size:11px;font-weight:600;letter-spacing:1.32px;
      line-height:16px;text-transform:uppercase}
.hero h1{margin:24px 0 0;color:#fff;font-weight:700;letter-spacing:-.025em;
      font-size:clamp(34px,5.4vw,54.4px);line-height:1.08}
.hero-lead{margin:24px 0 0;max-width:686px;color:rgba(255,255,255,.8);
      font-size:17px;line-height:1.625}
.hero-not{margin:24px 0 0;max-width:686px;color:rgba(255,255,255,.65);
      font-size:14px;line-height:1.625}
.butonlar{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;border-radius:6px;padding:14px 24px;font-size:15px;
     font-weight:600;line-height:22.5px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer}
.btn:hover{text-decoration:none}
.btn-1{background:#fff;color:var(--accent-2)}
.btn-1:hover{background:#F2F1FE}
.btn-2{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.92)}
.btn-2:hover{background:rgba(255,255,255,.2)}

/* ---- hero fiyat karti ---- */
.fiyat{overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);
       background:#fff;box-shadow:0 18px 40px rgba(15,17,38,.28)}
.fiyat-ust{margin:0;padding:14px 24px;border-bottom:1px solid var(--line);
       color:var(--ink-500);font-size:11px;font-weight:600;letter-spacing:1.32px;text-transform:uppercase}
.fiyat dl{margin:0;padding:0}
.fiyat .satir{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
       padding:14px 24px;border-top:1px solid var(--line)}
.fiyat .satir:first-of-type{border-top:0}
.fiyat dt{margin:0;color:var(--ink-700);font-size:15px;line-height:1.5}
.fiyat dd{margin:0;color:var(--ink-900);font-size:15px;font-weight:600;white-space:nowrap}
.fiyat .toplam{background:var(--tint);border-top:1px solid var(--kenar);padding:18px 24px}
.fiyat .toplam dt{color:var(--ink-900);font-size:15px;font-weight:600}
.fiyat .toplam dd{color:var(--ink-900);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.fiyat .alt{margin:0;padding:14px 24px;border-top:1px solid var(--line);
       color:var(--ink-500);font-size:13px;line-height:1.55}

/* ---- guven seridi ---- */
.serit dl{margin-top:0;margin-bottom:0}
.serit{border-bottom:1px solid var(--line);background:#fff}
.serit .shell{padding-top:28px;padding-bottom:28px;display:grid;gap:24px;
       grid-template-columns:repeat(2,1fr)}
@media (min-width:768px){ .serit .shell{grid-template-columns:repeat(5,1fr)} }
.serit dt{color:var(--ink-500);font-size:11px;font-weight:600;letter-spacing:1.32px;text-transform:uppercase}
.serit dd{margin:6px 0 0;color:var(--ink-900);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.serit dd small{display:block;color:var(--ink-500);font-size:13px;font-weight:400;letter-spacing:0;margin-top:2px}

/* ---- bolumler ---- */
.bolum{border-bottom:1px solid var(--line);scroll-margin-top:76px}
.bolum .shell{padding-top:56px;padding-bottom:56px}
@media (min-width:1024px){ .bolum .shell{padding-top:80px;padding-bottom:80px} }
.bolum--acik{background:rgba(247,248,252,.55)}
.bolum--koyu{background:var(--ink-900)}
.bolum h2{max-width:686px;margin:0;color:var(--ink-900);font-size:clamp(28px,3.6vw,36px);
       line-height:1.12;font-weight:700;letter-spacing:-.025em}
.bolum .lead{margin:16px 0 0;max-width:686px;color:var(--ink-700);font-size:17px;line-height:1.625}
.bolum--koyu h2{color:#fff}
.bolum--koyu .lead{color:rgba(255,255,255,.75)}

/* ---- kart izgarasi ---- */
.kartlar{margin-top:48px;display:grid;gap:20px}
@media (min-width:640px){ .kartlar{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1024px){ .kartlar{grid-template-columns:repeat(3,1fr)} }
.kartlar--2{grid-template-columns:1fr}
@media (min-width:768px){ .kartlar--2{grid-template-columns:repeat(2,1fr)} }
.kart{background:#fff;border:1px solid var(--kenar);border-radius:14px;padding:24px}
.kart h3{margin:0;color:var(--ink-900);font-size:19px;font-weight:600;
       letter-spacing:-.025em;line-height:1.5}
.kart .kicker{margin:6px 0 0;color:var(--accent);font-size:13.5px;font-weight:500;
       letter-spacing:.025em;text-transform:uppercase;line-height:1.5}
.kart p{margin:12px 0 0;color:var(--ink-700);font-size:15px;line-height:1.625}
.kart p + p{margin-top:10px}
.bolum--koyu .kart{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.bolum--koyu .kart h3{color:#fff}
.bolum--koyu .kart p{color:rgba(255,255,255,.72)}
.bolum--koyu .kart .kicker{color:#A5B4FC}

/* ---- adimlar ---- */
.adimlar{margin-top:48px;display:grid;gap:20px;counter-reset:adim}
@media (min-width:1024px){ .adimlar{grid-template-columns:repeat(3,1fr)} }
.adim{border-top:2px solid var(--accent);padding-top:20px}
.adim h3{margin:12px 0 0;color:var(--ink-900);font-size:19px;font-weight:600;letter-spacing:-.025em}
.adim p{margin:10px 0 0;color:var(--ink-700);font-size:15px;line-height:1.625}
.adim .no{counter-increment:adim;color:var(--accent);font-size:11px;font-weight:600;
       letter-spacing:1.32px;text-transform:uppercase}
.adim .no::before{content:"Step " counter(adim)}

/* ---- kapsam listesi ---- */
.kapsam{margin:48px 0 0;padding:0;list-style:none;display:grid;gap:14px}
@media (min-width:768px){ .kapsam{grid-template-columns:repeat(2,1fr);gap:14px 40px} }
.kapsam li{position:relative;padding-left:30px;color:var(--ink-700);font-size:15.5px;line-height:1.6}
.kapsam li::before{content:"";position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:9999px;
       background:var(--accent) no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8.5l3.6 3.6 7.4-8.2' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.kapsam li strong{color:var(--ink-900);font-weight:600}
.kapsam--yok li::before{background:var(--ink-300) no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}

/* ---- iletisim ---- */
.iletisim-izgara{margin-top:48px;display:grid;gap:40px}
@media (min-width:1024px){ .iletisim-izgara{grid-template-columns:repeat(12,1fr);gap:64px}
  .iletisim-form{grid-column:span 7} .iletisim-bilgi{grid-column:span 5} }
.alan{margin:0 0 14px}
.alan label{display:block;margin:0 0 6px;color:var(--ink-900);font-size:13.5px;font-weight:600}
.alan input,.alan textarea{width:100%;background:#fff;border:1px solid var(--kenar);
       border-radius:10px;padding:12px 14px;color:var(--ink-800);font-family:var(--font);
       font-size:15px;line-height:1.5}
.alan textarea{min-height:132px;resize:vertical}
.alan input:focus,.alan textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.form-not{margin:14px 0 0;color:var(--ink-500);font-size:13px;line-height:1.6}
.form-mesaj{margin:14px 0 0;font-size:14.5px;line-height:1.6;display:none}
.form-mesaj.ok{display:block;color:#116149}
.form-mesaj.hata{display:block;color:#B42318}
.g-recaptcha{margin-top:16px}
.bilgi-kart{background:#fff;border:1px solid var(--kenar);border-radius:14px;padding:24px}
.bilgi-kart h3{margin:0 0 4px;color:var(--ink-900);font-size:19px;font-weight:600;letter-spacing:-.025em}
.bilgi-kart dl{margin:16px 0 0}
.bilgi-kart dt{color:var(--ink-500);font-size:11px;font-weight:600;letter-spacing:1.32px;text-transform:uppercase}
.bilgi-kart dd{margin:4px 0 16px;color:var(--ink-800);font-size:15px;line-height:1.6}
.bilgi-kart dd:last-child{margin-bottom:0}
.harita{margin-top:20px;border:1px solid var(--kenar);border-radius:14px;overflow:hidden;line-height:0}
.harita iframe{width:100%;height:300px;border:0;display:block}

/* ============================ HUKUKI SAYFA ============================ */
article.shell{padding-top:56px;padding-bottom:72px}
@media (min-width:1024px){ article.shell{padding-top:80px;padding-bottom:96px} }
.intro{max-width:686px}
.eyebrow{font-size:11px;font-weight:600;color:var(--accent);letter-spacing:1.32px;
         text-transform:uppercase;margin:0 0 10px}
h1{font-size:clamp(32px,5vw,48px);line-height:1.1;font-weight:700;color:var(--ink-900);
   margin:0 0 12px;letter-spacing:-.02em}
.meta{color:var(--ink-300);font-size:14px;margin:0}
.izgara{margin-top:56px;display:grid;gap:48px}
@media (min-width:1024px){ .izgara{grid-template-columns:repeat(12,1fr);gap:64px} }
.toc{align-self:start}
@media (min-width:1024px){ .toc{grid-column:span 3;position:sticky;top:99px} }
.toc h3{font-size:11px;font-weight:600;color:var(--accent);letter-spacing:1.32px;
        text-transform:uppercase;margin:0 0 12px}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{margin:0 0 9px}
.toc a{color:var(--ink-500);font-size:14px;line-height:1.45;display:block}
.toc a:hover{color:var(--ink-900);text-decoration:none}
.govde{min-width:0}
@media (min-width:1024px){ .govde{grid-column:span 9} }
.govde section{scroll-margin-top:99px}
.govde section + section{margin-top:48px}
h2{font-size:22px;line-height:1.35;font-weight:700;color:var(--ink-900);margin:0 0 12px}
p,li{color:var(--ink-700)}
p{margin:0 0 16px}
strong{color:var(--ink-900);font-weight:600}
em{color:var(--ink-500)}
ul{padding-left:22px;margin:0 0 16px}
li{margin:8px 0}
.tw{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
th{background:var(--tint);color:var(--ink-900);text-align:left;padding:12px 14px;font-size:11.5px;
   font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}
td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top;color:var(--ink-700)}
.note{background:var(--tint);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;
      padding:16px 20px;margin:22px 0}
.note p:first-child{margin-top:0}
.note p:last-child{margin-bottom:0}

/* ============================ ALT BILGI ============================ */
footer{background-color:var(--footer-bg);
       background-image:linear-gradient(135deg,#021838 0%,#082f5d 50%,#0e4b7b 100%);
       color:var(--footer-tx)}
footer .shell{padding-top:56px;padding-bottom:40px}
footer .ft{display:grid;gap:40px}
@media (min-width:640px){ footer .ft{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1024px){ footer .ft{grid-template-columns:repeat(4,1fr)} }
footer .brand{color:#fff}
footer h4{margin:0 0 14px;color:var(--footer-tx);font-size:11px;font-weight:600;
      letter-spacing:1.32px;text-transform:uppercase}
footer p{color:var(--footer-tx2);font-size:14px;line-height:1.75;margin:14px 0 0}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin:0 0 9px}
footer a{color:var(--footer-tx2);font-size:14px}
footer a:hover{color:#fff;text-decoration:none}
footer strong{color:var(--footer-tx);font-weight:600}
footer .ft-alt{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
footer .ft-alt p{margin:0;font-size:13.5px;line-height:1.7}

@media (max-width:820px){
  .hdr .shell{min-height:0;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;row-gap:12px;gap:16px}
  .nav{margin-left:0;width:100%;flex-wrap:wrap;gap:12px 18px}
  .nav a{font-size:14px}
  .cta{padding:8px 14px;font-size:13.5px}
  .izgara{margin-top:36px;gap:32px}
  .hero::after{display:none}
  .kartlar,.adimlar,.kapsam,.iletisim-izgara{margin-top:36px}
}

/* ---- kurulus yonlendirmesi ---- */
.yonlendirme{border-bottom:1px solid var(--line);background:#EEF0FE}
.yonlendirme .shell{padding-top:36px;padding-bottom:36px;display:flex;flex-wrap:wrap;
       align-items:center;gap:24px 40px}
.yonlendirme > .shell > div{flex:1 1 460px;min-width:0}
.yonlendirme .kicker{margin:0;color:var(--accent);font-size:11px;font-weight:600;
       letter-spacing:1.32px;text-transform:uppercase}
.yonlendirme h2{margin:8px 0 0;color:var(--ink-900);font-size:24px;font-weight:700;
       letter-spacing:-.025em;line-height:1.25;max-width:none}
.yonlendirme p{margin:10px 0 0;color:var(--ink-700);font-size:15px;line-height:1.6;max-width:760px}
.yonlendirme .btn-1{background:var(--accent);color:#fff;flex:0 0 auto}
.yonlendirme .btn-1:hover{background:var(--accent-2)}

/* soru satiri — kicker'dan buyuk, yonlendirmenin FILTRESI */
.yonlendirme .soru{margin:0 0 2px;color:var(--accent);font-size:16px;font-weight:700;
       letter-spacing:-.01em;line-height:1.35}
