:root{
    --navy:#0A1A31;
    --navy-deep:#050F1E;
    --navy-line:#1B2F4C;
    --signal:#B4D335;
    --signal-fill:#A9C633;
    --signal-deep:#7E9C1A;
    --paper:#F2F3F5;
    --paper-2:#E3E6EA;
    --steel:#7C8AA0;
    --steel-dark:#3E4E66;
    --white:#FFFFFF;
    --display:"Barlow Condensed","Arial Narrow",Helvetica,sans-serif;
    --body:"Barlow","Helvetica Neue",Arial,sans-serif;
    --wrap:1280px;
    --pad:clamp(20px,5vw,56px);
  }
  *,*::before,*::after{box-sizing:border-box;}
  body{margin:0;background:var(--navy-deep);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;}
  img{display:block;width:100%;height:100%;object-fit:cover;}
  a{color:inherit;}
  :focus-visible{outline:3px solid var(--signal);outline-offset:3px;}

  .wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}
  h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:1.05;margin:0;text-wrap:balance;padding-top:.04em;}
  .eyebrow{font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;color:var(--signal);margin:0;}

  .btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;
       text-transform:uppercase;letter-spacing:.1em;font-size:1rem;line-height:1;padding:16px 26px;border:0;
       text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease;}
  .btn--signal{background:var(--signal);color:var(--navy-deep);}
  .btn--signal:hover{background:var(--white);}
  .btn--glass{background:rgba(5,15,30,.5);color:var(--white);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);}
  .btn--glass:hover{background:var(--navy-deep);}
  .btn--dark{background:var(--navy-deep);color:var(--white);}
  .btn--dark:hover{background:var(--navy);}
  .btn--sm{padding:12px 18px;font-size:.9rem;}
  .btn--wide{width:100%;}

  /* ---------- çerçeve dokunuşu ---------- */
  .fr{position:relative;overflow:hidden;background:var(--navy);}
  .fr::after{content:"";position:absolute;inset:clamp(10px,1.4vw,20px);
             border:1.5px solid rgba(180,211,53,.5);pointer-events:none;z-index:2;}

  /* ---------- düşük opaklıklı zemin görseli ---------- */
  .tex{position:relative;isolation:isolate;overflow:hidden;}
  .tex::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--navy);}
  .tex__bg{position:absolute;inset:0;z-index:-1;opacity:.14;}
  .tex__bg::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,var(--navy-deep),rgba(5,15,30,.2) 45%,var(--navy-deep));}

  /* ---------- topbar ---------- */
  .topbar{position:sticky;top:0;z-index:60;background:rgba(5,15,30,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--navy-line);}
  .topbar__in{display:flex;align-items:center;gap:16px;min-height:64px;}
  .brand{display:flex;align-items:center;gap:11px;margin-right:auto;text-decoration:none;}
  .brand__mark{width:7px;height:28px;background:linear-gradient(180deg,var(--signal) 0 50%,var(--white) 50% 100%);}
  .brand__name{font-family:var(--display);font-weight:700;font-size:1.22rem;letter-spacing:.09em;text-transform:uppercase;line-height:1;}
  .brand__by{display:block;font-size:.66rem;font-weight:500;letter-spacing:.18em;color:var(--steel);text-transform:uppercase;margin-top:3px;}
  .lock{display:flex;align-items:center;gap:14px;margin-right:auto;}
  .lock__sep{width:1px;height:30px;background:var(--navy-line);flex:none;}
  .lock__dev{height:26px;width:auto;object-fit:contain;flex:none;}
  .topbar__tel{font-family:var(--display);font-size:1.18rem;font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums;letter-spacing:.03em;}

  /* ---------- hero ---------- */
  .hero{position:relative;isolation:isolate;}
  .hero__bg{position:absolute;inset:0;z-index:-2;}
  .hero__scrim{position:absolute;inset:0;z-index:-1;
    background:linear-gradient(180deg,rgba(5,15,30,.78) 0%,rgba(5,15,30,.5) 40%,rgba(5,15,30,.92) 100%);}
  .hero__in{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(26px,4vw,56px);
            align-items:center;padding-block:clamp(40px,6vw,74px);}
  .hero__copy{display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
  .hero h1{font-size:clamp(2.6rem,5.6vw,4.6rem);max-width:14ch;text-shadow:0 2px 26px rgba(5,15,30,.55);}
  .hero h1 em{font-style:normal;color:var(--signal);}
  .hero__sub{margin:0;max-width:36ch;font-size:clamp(1.02rem,1.5vw,1.16rem);color:#DDE3EB;}
  .hero__pills{display:flex;flex-wrap:wrap;gap:8px;}
  .pill{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;
        padding:9px 14px;background:rgba(5,15,30,.55);box-shadow:inset 0 0 0 1px rgba(180,211,53,.45);color:#E7EDF4;}
  .hero__links{display:flex;flex-wrap:wrap;gap:12px;}

  /* hero form kartı */
  .card{background:var(--paper);color:var(--navy-deep);padding:clamp(22px,2.6vw,30px);
        box-shadow:0 26px 60px rgba(0,0,0,.42);border-top:5px solid var(--signal);}
  .card__head{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
  .card__head h2{font-size:clamp(1.5rem,2.3vw,1.95rem);}
  .card__head p{margin:0;font-size:.92rem;color:var(--steel-dark);}

  form{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .field{display:flex;flex-direction:column;gap:6px;}
  .field--full{grid-column:1/-1;}
  label{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:.82rem;letter-spacing:.12em;color:var(--steel-dark);}
  input,select{font-family:var(--body);font-size:1rem;color:var(--navy-deep);background:var(--white);
               border:1.5px solid rgba(5,15,30,.22);border-radius:0;padding:12px 13px;width:100%;}
  input:focus,select:focus{outline:none;border-color:var(--navy-deep);box-shadow:inset 0 0 0 1px var(--navy-deep);}
  .kvkk{grid-column:1/-1;margin:0;font-size:.76rem;color:var(--steel-dark);line-height:1.45;}
  .sent{grid-column:1/-1;background:var(--navy-deep);color:var(--white);padding:22px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
  .sent h3{font-size:1.4rem;}
  .sent p{margin:0;color:#C3CCD9;font-size:.94rem;}

  /* ---------- spec bar ---------- */
  .specs{background:var(--navy);border-bottom:1px solid var(--navy-line);}
  .specs__in{display:grid;grid-template-columns:repeat(4,1fr);}
  .spec{padding:26px 0 28px;border-right:1px solid var(--navy-line);}
  .spec:last-child{border-right:0;}
  .spec:not(:first-child){padding-left:clamp(14px,2.4vw,30px);}
  .spec__n{font-family:var(--display);font-weight:700;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1;color:var(--signal);font-variant-numeric:tabular-nums;}
  .spec__n small{font-size:.4em;margin-left:.22em;color:var(--white);}
  .spec__l{margin-top:12px;line-height:1.4;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:600;}

  /* ---------- tam genişlik görsel bantları ---------- */
  .show{position:relative;isolation:isolate;display:flex;align-items:flex-end;
        min-height:clamp(380px,52vw,560px);}
  .show__bg{position:absolute;inset:0;z-index:-2;}
  .show__scrim{position:absolute;inset:0;z-index:-1;
    background:linear-gradient(90deg,rgba(5,15,30,.9) 0%,rgba(5,15,30,.55) 45%,rgba(5,15,30,.15) 100%);}
  .show--right .show__scrim{background:linear-gradient(270deg,rgba(5,15,30,.9) 0%,rgba(5,15,30,.55) 45%,rgba(5,15,30,.15) 100%);}
  .show__in{width:100%;padding-block:clamp(34px,5vw,56px);}
  .show__box{max-width:42ch;display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
  .show--right .show__box{margin-left:auto;text-align:right;align-items:flex-end;}
  .show__box h2{font-size:clamp(1.9rem,3.6vw,2.9rem);}
  .show__box p{margin:0;color:#D3DAE4;font-size:1.04rem;}
  .stat{font-family:var(--display);font-weight:700;font-size:clamp(3rem,6.4vw,4.8rem);line-height:.95;color:var(--signal);font-variant-numeric:tabular-nums;}
  .stat small{display:block;font-family:var(--body);font-size:max(11px,.17em);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#AFBCCC;margin-top:14px;line-height:1.4;}

  /* ---------- üniteler ---------- */
  .units{background:var(--paper);color:var(--navy-deep);padding-block:clamp(44px,6vw,80px);}
  .units .eyebrow{color:var(--signal-deep);}
  .units h2{font-size:clamp(1.9rem,3.8vw,2.9rem);margin-top:12px;}
  .units__fig{aspect-ratio:21/8;margin:clamp(24px,3vw,38px) 0 0;overflow:hidden;}
  .units__grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(26px,3.2vw,40px);border-top:2px solid var(--navy-deep);}
  .u{padding:26px clamp(14px,2vw,26px) 10px;border-right:1px solid rgba(10,26,49,.18);}
  .u:last-child{border-right:0;}
  .u__n{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,4.6vw,3.4rem);line-height:1;font-variant-numeric:tabular-nums;}
  .u__n small{font-size:.4em;margin-left:.18em;color:var(--steel-dark);}
  .u p{margin:14px 0 0;font-size:.97rem;color:var(--steel-dark);}
  .units__foot{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
  .units__note{font-size:.84rem;color:var(--steel-dark);max-width:42ch;margin:0;}

  /* ---------- konum + imkanlar ---------- */
  .loc{padding-block:clamp(48px,6.5vw,86px);}
  .loc__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,64px);align-items:start;}
  .loc__head{display:flex;flex-direction:column;gap:14px;}
  .loc__head h2{font-size:clamp(1.9rem,3.8vw,2.9rem);}
  .loc__head p{margin:0;color:#C3CCD9;max-width:44ch;}
  .dist{list-style:none;margin:22px 0 0;padding:0;border-top:1.5px solid var(--navy-line);}
  .dist li{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid var(--navy-line);}
  .dist__name{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:1.12rem;letter-spacing:.04em;}
  .dist__dots{flex:1;border-bottom:1px dotted rgba(124,138,160,.6);transform:translateY(-4px);}
  .dist__val{font-family:var(--display);font-weight:700;font-size:1.28rem;color:var(--signal);font-variant-numeric:tabular-nums;white-space:nowrap;}
  .amen{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--navy-line);border:1px solid var(--navy-line);}
  .amen__i{background:var(--navy);padding:22px 18px;display:flex;flex-direction:column;gap:7px;}
  .amen__i b{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.08rem;line-height:1.2;color:var(--signal);}
  .amen__i span{font-size:.88rem;color:#B3BECC;}

  /* ---------- galeri ---------- */
  .gal{padding-block:clamp(44px,6vw,80px);background:var(--navy-deep);}
  .gal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:clamp(24px,3vw,36px);}
  .gal__grid figure{margin:0;aspect-ratio:3/2;overflow:hidden;}
  .gal__grid figure:first-child{grid-column:1/-1;aspect-ratio:21/9;}

  /* ---------- geliştirici ---------- */
  .dev{background:var(--navy);padding-block:clamp(44px,5.5vw,72px);border-top:1px solid var(--navy-line);}
  .dev__in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4.5vw,64px);align-items:start;}
  .dev__brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
  .dev__logo{height:clamp(52px,6vw,74px);width:auto;object-fit:contain;}
  .dev__brand p{margin:0;color:#B3BECC;max-width:36ch;}
  .dev__info{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
             background:var(--navy-line);border:1px solid var(--navy-line);}
  .dev__info li{background:var(--navy);padding:20px 18px;display:flex;flex-direction:column;gap:6px;}
  .dev__info b{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.16em;
               font-size:.74rem;color:var(--signal);}
  .dev__info span,.dev__info a{font-size:.95rem;color:#DCE3EB;text-decoration:none;}
  .dev__info a:hover{color:var(--signal);}
  .dev__info li:first-child{grid-column:1/-1;}

  /* ---------- alt cta ---------- */
  .cta{background:var(--signal-fill);color:var(--navy-deep);padding-block:clamp(44px,6vw,76px);}
  .cta .eyebrow{color:rgba(5,15,30,.6);}
  .cta__in{display:flex;flex-wrap:wrap;gap:24px 46px;align-items:center;justify-content:space-between;}
  .cta h2{font-size:clamp(2rem,4vw,3rem);margin-top:10px;max-width:16ch;}
  .cta__tel{display:inline-flex;flex-direction:column;text-decoration:none;font-family:var(--display);font-weight:700;
            font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1;font-variant-numeric:tabular-nums;}
  .cta__tel span{font-family:var(--body);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.62;margin-bottom:7px;}
  .cta__acts{display:flex;flex-wrap:wrap;gap:12px;}

  .foot{background:var(--navy-deep);border-top:1px solid var(--navy-line);padding-block:34px;}
  .foot__in{display:flex;flex-wrap:wrap;gap:16px 36px;align-items:center;}
  .foot__logo{height:34px;width:auto;object-fit:contain;margin-right:auto;}
  .foot p{margin:0;font-size:.83rem;color:var(--steel);}

  .wa{position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;
      background:#1FA855;color:#fff;text-decoration:none;font-family:var(--display);font-weight:700;
      text-transform:uppercase;letter-spacing:.1em;padding:13px 18px;font-size:.9rem;box-shadow:0 8px 24px rgba(0,0,0,.45);}
  .wa:hover{background:#178A45;}

  @media (max-width:980px){
    .hero__in{grid-template-columns:1fr;}
    .hero h1{max-width:18ch;}
    .loc__in,.dev__in{grid-template-columns:1fr;}
  }
  @media (max-width:900px){
    .specs__in{grid-template-columns:repeat(2,1fr);}
    .spec{border-bottom:1px solid var(--navy-line);}
    .spec:nth-child(2){border-right:0;}
    .spec:not(:first-child){padding-left:0;}
    .spec:nth-child(odd){padding-right:14px;}
    .spec:nth-child(even){padding-left:14px;}
    .show__scrim,.show--right .show__scrim{background:linear-gradient(180deg,rgba(5,15,30,.25),rgba(5,15,30,.92));}
    .show--right .show__box{margin-left:0;text-align:left;align-items:flex-start;}
    .units__grid{grid-template-columns:1fr;}
    .u{border-right:0;border-bottom:1px solid rgba(10,26,49,.18);padding-bottom:22px;}
    .topbar__tel{display:none;}
  }
  @media (max-width:600px){
    form{grid-template-columns:1fr;}
    .gal__grid{grid-template-columns:1fr;}
    .gal__grid figure:first-child{aspect-ratio:3/2;}
    .amen{grid-template-columns:1fr;}
    .dev__info{grid-template-columns:1fr;}
    .brand__by{display:none;}
    .lock__sep,.lock__dev{display:none;}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;}}