/* DevAntalya. Shared stylesheet for the landing page and the legal pages.
   No third-party resources are referenced from this file. */

:root{
  --bg:#111214;
  --bg-2:#17191d;
  --bg-3:#1d2026;
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.16);
  --ink:#f2f3f5;
  --ink-2:#a7adb8;
  --ink-3:#7c838f;
  --brand:#ff5722;
  --brand-2:#ff8a50;
  --r:14px;
  --gut:clamp(20px,5vw,48px);
  --maxw:1080px;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* Background glow. Purely decorative, drawn with CSS so no asset is loaded. */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(60rem 36rem at 50% -12%,rgba(255,87,34,.16),transparent 70%),
    radial-gradient(40rem 28rem at 94% 8%,rgba(255,138,80,.07),transparent 70%);
  pointer-events:none;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:radial-gradient(70rem 50rem at 50% 0%,#000 30%,transparent 78%);
  -webkit-mask-image:radial-gradient(70rem 50rem at 50% 0%,#000 30%,transparent 78%);
  pointer-events:none;
}

a{color:var(--brand-2);text-decoration:none}
a:hover{color:var(--brand);text-decoration:underline}
a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}

/* Skip link for keyboard and screen reader users. */
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:var(--gut);top:12px;z-index:50;background:var(--brand);color:#fff;padding:10px 16px;border-radius:8px}

/* Header */
header.site{position:sticky;top:0;z-index:20;background:rgba(17,18,20,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.site .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:700;letter-spacing:-.01em}
.brand:hover{text-decoration:none;color:var(--ink)}
.brand img{width:30px;height:30px;display:block}
.brand .d{color:var(--brand)}
.langs{display:flex;align-items:center;gap:6px}
.langs a,.langs span{font-size:.82rem;font-weight:600;padding:5px 10px;border-radius:8px;border:1px solid transparent;letter-spacing:.02em}
.langs a{color:var(--ink-2)}
.langs a:hover{color:var(--ink);background:var(--bg-3);text-decoration:none}
.langs span[aria-current]{color:var(--brand);border-color:var(--line-2);background:var(--bg-2)}

/* Hero */
.hero{padding:clamp(64px,13vh,132px) 0 clamp(52px,9vh,92px);text-align:center}
.hero .mark{width:clamp(96px,16vw,148px);height:auto;margin:0 auto 26px;display:block;filter:drop-shadow(0 10px 36px rgba(255,87,34,.22))}
.hero h1{font-size:clamp(2.6rem,8vw,4.6rem);line-height:1.02;margin:0 0 18px;font-weight:700;letter-spacing:-.035em}
.hero h1 .d{color:var(--brand)}
.hero .lede{max-width:62ch;margin:0 auto;color:var(--ink-2);font-size:clamp(1.02rem,2.3vw,1.2rem)}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid var(--line-2);color:var(--ink);background:var(--bg-2);transition:border-color .15s,background .15s,transform .15s}
.btn:hover{text-decoration:none;color:var(--ink);border-color:var(--brand);transform:translateY(-1px)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2);color:#fff}
.btn svg{width:17px;height:17px;flex:none}

/* Status pill */
.pill{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;padding:6px 15px 6px 11px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink-2);font-size:.83rem;font-weight:500;letter-spacing:.01em}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(255,87,34,.18)}

/* Sections */
section{padding:clamp(48px,8vh,84px) 0}
section + section{border-top:1px solid var(--line)}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700;color:var(--brand);margin:0 0 10px}
h2{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;margin:0 0 14px;font-weight:700;letter-spacing:-.02em}
.section-lede{max-width:66ch;color:var(--ink-2);margin:0 0 34px}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:18px}
.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px}
.card h3{margin:0 0 9px;font-size:1.06rem;font-weight:650;letter-spacing:-.01em}
.card p{margin:0;color:var(--ink-2);font-size:.95rem}
.card .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,87,34,.13);color:var(--brand);margin-bottom:15px}
.card .ico svg{width:18px;height:18px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start}
.contact-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px}
.contact-card h3{margin:0 0 16px;font-size:1.06rem;font-weight:650}
.kv{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:.95rem;margin:0}
.kv dt{color:var(--ink-3);font-weight:500}
.kv dd{margin:0;color:var(--ink)}
.kv dd a{color:var(--brand-2)}
address{font-style:normal;color:var(--ink-2);font-size:.95rem;line-height:1.7}

/* Legal pages */
.legal{padding:clamp(40px,7vh,72px) 0 clamp(56px,9vh,96px)}
.legal h1{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.15;margin:0 0 10px;font-weight:700;letter-spacing:-.025em}
.legal .updated{color:var(--ink-3);font-size:.86rem;margin:0 0 36px}
.legal .prose{max-width:76ch}
.legal .prose h2{font-size:1.22rem;margin:38px 0 10px;letter-spacing:-.01em}
.legal .prose h3{font-size:1.02rem;margin:26px 0 8px;font-weight:650;color:var(--ink)}
.legal .prose p{color:var(--ink-2);margin:0 0 14px}
.legal .prose ul,.legal .prose ol{color:var(--ink-2);margin:0 0 14px;padding-left:1.3em}
.legal .prose li{margin:0 0 7px}
.legal .prose strong{color:var(--ink);font-weight:600}
.legal .prose .box{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:18px 20px;margin:0 0 22px}
.legal .prose .box p:last-child{margin-bottom:0}
.back{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;margin-bottom:26px;color:var(--ink-2)}
.back:hover{color:var(--brand)}
.back svg{width:15px;height:15px}

/* Footer */
footer.site{border-top:1px solid var(--line);background:rgba(0,0,0,.24);padding:46px 0 38px;margin-top:auto}
footer.site .cols{display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between;align-items:flex-start}
footer.site .fbrand{display:flex;align-items:center;gap:11px;font-weight:700}
footer.site .fbrand img{width:28px;height:28px}
footer.site .fbrand .d{color:var(--brand)}
footer.site nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer.site nav a{font-size:.9rem;color:var(--ink-2)}
footer.site nav a:hover{color:var(--brand)}
footer.site .fine{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);color:var(--ink-3);font-size:.84rem;line-height:1.75}
footer.site .fine p{margin:0 0 8px}
footer.site .fine p:last-child{margin-bottom:0}
footer.site .fine a{color:var(--ink-2);text-decoration:underline}
footer.site .fine a:hover{color:var(--brand)}

/* Layout spine so the footer sits at the bottom on short pages. */
html,body{min-height:100%}
body{display:flex;flex-direction:column}
main{flex:1 0 auto}

@media (max-width:760px){
  .contact-grid{grid-template-columns:1fr}
  .kv{grid-template-columns:1fr;gap:2px 0}
  .kv dd{margin-bottom:10px}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .btn:hover{transform:none}
}

@media print{
  body::before,body::after{display:none}
  body{background:#fff;color:#000}
  header.site,.langs,.back{display:none}
  a{color:#000}
}