:root{
    --navy:#0B1830; --navy-2:#13284a; --orange:#FF8A00; --orange-d:#E87B00;
    --ink:#0B1830; --slate:#5B6678; --slate-2:#8A93A3;
    --line:#E9ECF1; --line-2:#F0F2F6; --bg:#FBFBFD; --tint:#FFF6E9;
    --r-sm:12px; --r:16px; --r-lg:22px;
    --shadow:0 18px 50px rgba(11,24,48,.10); --shadow-sm:0 8px 24px rgba(11,24,48,.07);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased;}
  a{text-decoration:none;color:inherit;}
  .wrap{margin:0 auto;padding:0 28px;}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;font-size:15px;border-radius:12px;padding:14px 26px;cursor:pointer;border:0;transition:.16s;letter-spacing:.1px;white-space:nowrap;}
  .btn-primary{background:var(--orange);color:#241400;box-shadow:0 8px 20px rgba(255,138,0,.26);}
  .btn-primary:hover{background:var(--orange-d);transform:translateY(-1px);}
  .btn-navy{background:var(--navy);color:#fff;}
  .btn-navy:hover{background:#16294a;transform:translateY(-1px);}
  .btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line);}
  .btn-ghost:hover{border-color:var(--navy);}
  .btn-ghost-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45);}
  .btn-ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.06);}
  .kicker{display:inline-flex;align-items:center;gap:10px;font:650 12px/1 "SF Mono",ui-monospace,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-d);}
  .kicker .dot{width:24px;height:5px;background:var(--orange);border-radius:3px;transform:skewX(-20deg);}
  .eyebrow-light{color:var(--orange);}

  /* ---------- HEADER ---------- */
  header.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line-2);}
  header.nav .wrap{display:flex;align-items:center;height:78px;gap:30px;}
  header.nav .logo-img{height:34px;display:block;}
  nav.menu{display:flex;gap:30px;font-weight:550;font-size:15px;color:var(--navy);margin-left:8px;}
  nav.menu a{padding:8px 0;position:relative;color:#33405a;}
  nav.menu a:hover{color:var(--navy);}
  nav.menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--orange);transition:.18s;border-radius:2px;}
  nav.menu a:hover::after{width:100%;}
  header.nav .actions{margin-left:auto;display:flex;gap:12px;align-items:center;}
  .login-link{font-weight:650;font-size:14.5px;color:var(--navy);display:flex;align-items:center;gap:7px;padding:11px 14px;border-radius:10px;}
  .login-link:hover{color:var(--orange-d);}
  .login-link svg{width:16px;height:16px;}
  .hamb{display:none;}

  /* ---------- HERO ---------- */
  .hero{position:relative;overflow:hidden;background:
     radial-gradient(80% 120% at 88% 8%, #FFF6E9 0%, rgba(255,246,233,0) 46%),
     linear-gradient(180deg,#fff 0%,#FBFBFD 100%);}
  .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:58px 28px 60px;}
  .hero .badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--navy);box-shadow:var(--shadow-sm);margin-bottom:26px;}
  .hero .badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,138,0,.18);}
  .hero h1{font-size:54px;line-height:1.04;letter-spacing:-2px;font-weight:800;color:var(--navy);margin-bottom:22px;}
  .hero h1 .hl{color:var(--orange-d);}
  .hero p.lead{font-size:19px;color:var(--slate);max-width:520px;margin-bottom:34px;line-height:1.6;}
  .hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
  .hero .mini{display:flex;gap:34px;flex-wrap:wrap;}
  .hero .mini .m b{display:block;font-size:15px;font-weight:750;color:var(--navy);letter-spacing:-.2px;}
  .hero .mini .m span{font-size:13px;color:var(--slate-2);}

  /* hero visual */
  .hero-visual{position:relative;}
  .hero-card{position:relative;background:linear-gradient(150deg,#0B1830,#15294a);border-radius:26px;padding:34px;overflow:hidden;box-shadow:var(--shadow);}
  .hero-card .rl{position:absolute;inset:0;opacity:.7;}
  .hero-card .car{position:relative;width:100%;display:block;}
  .hero-card .hero-photo{position:relative;width:100%;display:block;border-radius:16px;aspect-ratio:16/10;object-fit:cover;}
  .hero-card .cap{position:relative;display:flex;align-items:center;gap:12px;margin-top:14px;color:#fff;}
  .hero-card .cap .seal{width:42px;height:42px;border-radius:11px;background:rgba(255,138,0,.16);display:flex;align-items:center;justify-content:center;font-size:19px;}
  .hero-card .cap b{font-size:15px;display:block;}
  .hero-card .cap span{font-size:12.5px;color:rgba(255,255,255,.62);}
  .float-chip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;color:var(--navy);}
  .float-chip .ic{width:30px;height:30px;border-radius:9px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:15px;}
  .float-chip.c1{top:18px;left:-22px;}
  .float-chip.c2{bottom:24px;right:-18px;}

  /* trust strip */
  .trust-strip{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:#fff;}
  .trust-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;flex-wrap:wrap;}
  .trust-strip .lbl{font-size:13px;color:var(--slate-2);font-weight:600;letter-spacing:.02em;}
  .trust-strip .items{display:flex;gap:40px;flex-wrap:wrap;}
  .trust-strip .it{font-size:14.5px;font-weight:650;color:#41506b;display:flex;align-items:center;gap:9px;}
  .trust-strip .it .d{color:var(--orange);}

  /* ---------- AUDIENCE SPLIT ---------- */
  .split{padding:52px 0 24px;}
  .split .grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
  .door{position:relative;border-radius:24px;padding:40px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:.18s;display:flex;flex-direction:column;}
  .door:hover{box-shadow:var(--shadow);transform:translateY(-4px);}
  .door.buyer{background:linear-gradient(160deg,#fff, #FFF9F0);}
  .door.dealer{background:linear-gradient(155deg,#0B1830,#15294a);color:#fff;border-color:#15294a;}
  .door .tag{display:inline-flex;align-items:center;gap:8px;font:650 12px/1 "SF Mono",monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;}
  .door.buyer .tag{color:var(--orange-d);}
  .door.dealer .tag{color:var(--orange);}
  .door h3{font-size:26px;font-weight:800;letter-spacing:-.6px;margin-bottom:10px;line-height:1.15;}
  .door.buyer h3{color:var(--navy);}
  .door p{font-size:15.5px;margin-bottom:20px;}
  .door.buyer p{color:var(--slate);}
  .door.dealer p{color:rgba(255,255,255,.78);}
  .door ul{list-style:none;display:grid;gap:11px;margin-bottom:26px;}
  .door li{display:flex;gap:11px;align-items:center;font-size:14.5px;font-weight:550;}
  .door.buyer li{color:#3a4a63;}
  .door li .c{flex-shrink:0;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;}
  .door.buyer li .c{background:var(--tint);color:var(--orange-d);}
  .door.dealer li .c{background:rgba(255,138,0,.18);color:var(--orange);}
  .door .acts{margin-top:auto;display:flex;gap:11px;flex-wrap:wrap;align-items:center;}
  .door .lnk{font-weight:650;font-size:14px;}
  .door.dealer .lnk{color:#fff;opacity:.85;}
  .door.dealer .lnk:hover{opacity:1;}
  .door.buyer .lnk{color:var(--navy);}
  .door-cover{display:block;width:calc(100% + 80px);height:172px;object-fit:cover;margin:-40px -40px 24px;}
  .dealer-media img{width:100%;display:block;border-radius:22px;object-fit:cover;aspect-ratio:4/3;box-shadow:var(--shadow);}
  .showcase .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .showcase .gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block;border:1px solid var(--line);}

  /* ---------- SECTIONS ---------- */
  section{padding:64px 0;}
  .sec-head{max-width:680px;margin-bottom:40px;}
  .sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
  .sec-title{font-size:38px;font-weight:800;letter-spacing:-1.2px;color:var(--navy);margin:16px 0 14px;line-height:1.12;}
  .sec-intro{font-size:17.5px;color:var(--slate);line-height:1.6;}

  /* neden seri */
  .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .feat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 26px;transition:.18s;}
  .feat:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:#e0e4ea;}
  .feat .ic{width:54px;height:54px;border-radius:15px;background:linear-gradient(140deg,#0B1830,#1c3357);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .feat .ic svg{width:25px;height:25px;stroke:var(--orange);}
  .feat h4{font-size:19px;color:var(--navy);margin-bottom:9px;letter-spacing:-.3px;}
  .feat p{font-size:14.5px;color:var(--slate);}

  /* nasıl çalışır */
  .how{background:var(--bg);}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;}
  .stepc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px 30px;position:relative;}
  .stepc .n{font:800 15px/1 "Inter";width:42px;height:42px;border-radius:12px;background:var(--tint);color:var(--orange-d);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
  .stepc h4{font-size:20px;color:var(--navy);margin-bottom:10px;letter-spacing:-.3px;}
  .stepc p{font-size:15px;color:var(--slate);}

  /* bayiler band */
  .dealer{position:relative;overflow:hidden;background:radial-gradient(110% 130% at 88% 12%,#15294a 0%,#0B1830 60%);color:#fff;border-radius:0;}
  .dealer .rl{position:absolute;inset:0;opacity:.5;}
  .dealer .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
  .dealer h2{font-size:38px;font-weight:800;letter-spacing:-1.2px;line-height:1.1;margin:16px 0 18px;}
  .dealer p.intro{font-size:17.5px;color:rgba(255,255,255,.8);margin-bottom:30px;max-width:520px;}
  .dealer .benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:34px;}
  .dealer .b{display:flex;gap:13px;align-items:flex-start;}
  .dealer .b .ck{flex-shrink:0;width:24px;height:24px;border-radius:7px;background:rgba(255,138,0,.18);color:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;}
  .dealer .b b{display:block;font-size:15.5px;color:#fff;margin-bottom:2px;}
  .dealer .b span{font-size:13.5px;color:rgba(255,255,255,.65);}
  .dealer .panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:32px;backdrop-filter:blur(4px);}
  .dealer .panel h5{font:650 12px/1 "SF Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;}
  .dealer .row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);}
  .dealer .row:last-of-type{border:0;}
  .dealer .row .k{font-size:14px;color:rgba(255,255,255,.72);}
  .dealer .row .v{font-size:15px;font-weight:700;}
  .dealer .panel .btn{width:100%;margin-top:18px;}

  /* sss */
  .faq{max-width:840px;margin:0 auto;}
  .qa{border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;overflow:hidden;background:#fff;transition:.15s;}
  .qa[open]{box-shadow:var(--shadow-sm);border-color:#e0e4ea;}
  .qa summary{list-style:none;cursor:pointer;padding:22px 26px;font-size:17px;font-weight:650;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;}
  .qa summary::-webkit-details-marker{display:none;}
  .qa summary .pl{flex-shrink:0;width:24px;height:24px;border-radius:7px;background:var(--tint);color:var(--orange-d);display:flex;align-items:center;justify-content:center;font-weight:800;transition:.2s;}
  .qa[open] summary .pl{transform:rotate(45deg);}
  .qa .a{padding:0 26px 24px;font-size:15.5px;color:var(--slate);line-height:1.62;}

  /* kapanış CTA */
  .closing{padding:0 0 72px;}
  .closing .box{position:relative;overflow:hidden;background:linear-gradient(120deg,#0B1830,#16294a);border-radius:28px;padding:64px 56px;text-align:center;color:#fff;box-shadow:var(--shadow);}
  .closing .rl{position:absolute;inset:0;opacity:.5;}
  .closing h2{position:relative;font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:14px;}
  .closing p{position:relative;font-size:17.5px;color:rgba(255,255,255,.78);max-width:520px;margin:0 auto 30px;}
  .closing .cta-row{position:relative;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

  /* footer */
  footer{background:#081120;color:rgba(255,255,255,.62);font-size:14px;padding:64px 0 0;}
  footer .logo-img{height:32px;margin-bottom:18px;}
  .f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.08);}
  footer h5{color:#fff;font-size:12.5px;letter-spacing:.06em;margin-bottom:18px;text-transform:uppercase;}
  footer ul{list-style:none;display:grid;gap:12px;}
  footer a:hover{color:#fff;}
  footer .about p{margin:0 0 20px;max-width:300px;line-height:1.65;}
  .social{display:flex;gap:10px;}
  .social a{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:.15s;}
  .social a svg{width:18px;height:18px;fill:#fff;}
  .social a:hover{background:var(--orange);}
  .social a:hover svg{fill:#241400;}
  .f-bottom{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:12.5px;color:rgba(255,255,255,.44);flex-wrap:wrap;gap:12px;}
  .f-bottom .legal{display:flex;gap:18px;flex-wrap:wrap;}

  /* cookie */
  .cookie{position:fixed;left:20px;right:20px;bottom:20px;max-width:1160px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.22);border-radius:18px;padding:22px 26px;display:flex;align-items:center;gap:22px;z-index:90;}
  .cookie p{font-size:13.5px;color:var(--slate);flex:1;}
  .cookie .acts{display:flex;gap:10px;}
  .cookie .btn{padding:11px 20px;font-size:13.5px;}

  @media(max-width:980px){
    .hero .wrap,.dealer .wrap,.split .grid{grid-template-columns:1fr;}
    .grid4,.showcase .gallery{grid-template-columns:1fr 1fr;}
    .steps{grid-template-columns:1fr;}
    .dealer .benefits{grid-template-columns:1fr;}
    nav.menu,.login-link span{display:none;}
    .f-grid{grid-template-columns:1fr 1fr;}
    .float-chip.c1{left:8px;} .float-chip.c2{right:8px;}
  }
  @media(max-width:560px){
    .grid4,.f-grid{grid-template-columns:1fr;}
    section{padding:64px 0;}
    .closing .box{padding:44px 26px;}
    .cookie{flex-direction:column;align-items:stretch;}
    .trust-strip .wrap{flex-direction:column;align-items:flex-start;}
  }

/* ===== FULL-HD + RESPONSIVE (eklendi) ===== */
.wrap{max-width:1280px;}
header.nav .wrap,footer .wrap{max-width:1280px;}
.hero h1{font-size:clamp(30px,4.6vw,56px);}
.sec-title{font-size:clamp(26px,3.4vw,40px);}
.phead h1{font-size:clamp(28px,3.8vw,46px);}
.dealer h2,.early h2,.closing h2{font-size:clamp(26px,3.4vw,40px);}
.hero p.lead{font-size:clamp(16px,1.4vw,19px);}
.hamb{display:none;background:#fff;border:1.5px solid var(--line);border-radius:10px;width:44px;height:40px;cursor:pointer;align-items:center;justify-content:center;padding:0;}
.hamb i{position:relative;width:18px;height:2px;background:var(--navy);display:block;}
.hamb i::before,.hamb i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--navy);}
.hamb i::before{top:-6px;} .hamb i::after{top:6px;}
@media(max-width:980px){
  .hamb{display:inline-flex;}
  header.nav .wrap{position:relative;}
  nav.menu,.nav-mini{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0!important;padding:8px 28px 14px;box-shadow:0 18px 40px rgba(11,24,48,.12);border-bottom:1px solid var(--line);display:none;}
  header.nav.open nav.menu,header.nav.open .nav-mini{display:flex;}
  nav.menu a,.nav-mini a{padding:13px 2px;border-bottom:1px solid var(--line-2);font-size:16px;color:#1f2b45;}
}