:root{
  --primary:#f7a800;         /* Logonun ana turuncu tonu */
  --primary-2:#ffb300;
  --primary-dark:#dd9300;
  --primary-soft:#fff2cc;
  --text:#121212;
  --muted:#5f6368;
  --bg:#ffffff;
  --bg-soft:#fff9ed;
  --border:#ececec;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Inter',sans-serif;color:var(--text);background:var(--bg)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1120px, 92%);margin-inline:auto}

/* HEADER */
.header{
  position:sticky; top:0; z-index:999;
  background:rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}
.nav{
  min-height:74px;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.brand-logo{height:46px;width:auto}
nav{display:flex;align-items:center;gap:1.2rem}
nav a{font-weight:500;color:#242424;position:relative}
nav a::after{
  content:""; position:absolute; left:0; bottom:-4px;
  width:0; height:2px; background:var(--primary);
  transition:width .25s ease;
}
nav a:hover::after{width:100%}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;padding:.78rem 1.1rem;
  font-weight:700;border:1px solid transparent;
  transition:.25s ease;cursor:pointer;
}
.btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#111;
  box-shadow:0 8px 18px rgba(247,168,0,.35);
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 22px rgba(247,168,0,.42)}
.btn-outline{border-color:#d8d8d8;color:#222;background:#fff}
.btn-outline:hover{border-color:#bbb}
.full{width:100%}

/* HERO */
.hero{
  position:relative;
  overflow:hidden;
  padding:3.8rem 0 2.2rem;
  background:linear-gradient(180deg, #fff 0%, #fffaf0 100%);
}
.hero-blobs{position:absolute; inset:0; pointer-events:none}
.blob{
  position:absolute; border-radius:50%; filter:blur(24px); opacity:.35;
  animation:blobMove 10s ease-in-out infinite alternate;
}
.blob-1{
  width:280px;height:280px;
  background:radial-gradient(circle, #ffc64d 0%, #f7a800 60%, transparent 75%);
  top:-60px; right:8%;
}
.blob-2{
  width:220px;height:220px;
  background:radial-gradient(circle, #ffd97a 0%, #ffb300 55%, transparent 75%);
  bottom:-70px; left:6%;
  animation-duration:13s;
}
@keyframes blobMove{
  from{transform:translateY(0) translateX(0) scale(1)}
  to{transform:translateY(18px) translateX(-10px) scale(1.08)}
}

.hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:2rem;
  align-items:center;
  position:relative;
  z-index:2;
}
.badge{
  display:inline-block;
  background:var(--primary-soft);
  color:#6a4a00;
  border:1px solid #ffe19a;
  padding:.35rem .65rem;
  border-radius:999px;
  font-size:.85rem;font-weight:700;
}
.hero h1{margin:.9rem 0 .8rem;font-size:clamp(1.9rem, 3vw, 3rem);line-height:1.15}
.hero h1 span{
  color:var(--primary-dark);
  text-shadow:0 2px 12px rgba(247,168,0,.25);
}
.hero p{color:var(--muted);max-width:58ch}
.hero-actions{margin:1.25rem 0;display:flex;gap:.75rem;flex-wrap:wrap}
.hero-features{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.45rem;color:#2d2d2d}

/* FORM CARD */
.hero-card{
  position:relative;
  background:#fff;
  border:1px solid #f4deaa;
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:1.2rem;
}
.hero-card::before{
  content:"";
  position:absolute; inset:-1px;
  border-radius:18px;
  padding:1px;
  background:linear-gradient(130deg, rgba(247,168,0,.6), rgba(255,179,0,.1), rgba(247,168,0,.35));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.courier-float{
  position:absolute; top:-14px; right:14px;
  font-size:1.6rem;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.15));
  animation:floatY 2.6s ease-in-out infinite;
}
@keyframes floatY{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}

form{display:grid;gap:.8rem}
label{display:grid;gap:.4rem;font-size:.92rem;font-weight:600}
input,select{
  width:100%; border:1px solid #d7d7d7; border-radius:10px;
  padding:.75rem .8rem; font:inherit;
}
input:focus,select:focus{
  outline:none;
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(247,168,0,.15);
}
.form-msg{margin:.2rem 0 0;color:#1c7c34;font-size:.9rem;min-height:1.1rem}

/* SECTIONS */
.section{padding:4rem 0}
.section h2{text-align:center;font-size:clamp(1.5rem,2.2vw,2.1rem);margin:0}
.section-sub{text-align:center;color:var(--muted);margin:.7rem 0 0}
.cards{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{
  border:1px solid var(--border);
  border-radius:14px;padding:1rem;background:#fff;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 24px rgba(0,0,0,.08);
  border-color:#f2cb6a;
}
.card h3{margin:.2rem 0 .45rem}
.alt{background:var(--bg-soft)}
.steps{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.step{background:#fff;border:1px solid #f0e0b8;border-radius:14px;padding:1rem}
.step span{
  width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  font-weight:800;margin-bottom:.6rem;
}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stats div{
  border:1px solid var(--border); border-radius:14px;
  padding:1rem; text-align:center; background:#fff;
}
.stats strong{font-size:1.5rem;display:block;color:var(--primary-dark)}
.stats span{color:var(--muted);font-size:.95rem}

/* FOOTER */
.footer{border-top:1px solid var(--border);background:#fff}
.footer-grid{padding:2rem 0 1.2rem;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}
.footer-logo{height:38px}
.footer h4{margin:.25rem 0 .55rem}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;color:#2e2e2e}
.copy{border-top:1px solid var(--border);text-align:center;color:#666;font-size:.9rem;padding:.9rem}

/* REVEAL ANIM */
.reveal{
  opacity:0;
  transform:translateY(22px);
  transition:all .7s cubic-bezier(.2,.65,.2,1);
}
.reveal.show{
  opacity:1;
  transform:translateY(0);
}

/* Mobile menu */
.menu-toggle{
  display:none; width:44px;height:44px;
  border:1px solid var(--border);border-radius:10px;background:#fff;
}
.menu-toggle span{display:block;height:2px;background:#222;margin:6px 8px}
.desktop-cta{display:inline-flex}

/* Responsive */
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .cards,.steps{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .menu-toggle{display:block}
  nav{
    position:absolute; top:74px; left:0; right:0;
    background:#fff; border-bottom:1px solid var(--border);
    padding:.8rem 4%;
    display:none; flex-direction:column; align-items:flex-start;
  }
  nav.active{display:flex}
  .desktop-cta{display:none}
  .cards,.steps,.stats,.footer-grid{grid-template-columns:1fr}
  .brand-logo{height:40px}
  .hero{padding-top:2.6rem}
}