/* Hava Durumu LLC — sirket sitesi.
   Kurumsal, sade gorunum (26.10.2026): cizim yok, beyaz zemin, ince cizgiler, lacivert metin,
   tek marka mavisi #0172AD. Iki kademe kose yaricapi (12/8), dar tip skalasi, acik+koyu tema.
   Sayfada serbest font-size yazilmaz. */

@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('../fonts/plus-jakarta-sans-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:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('../fonts/plus-jakarta-sans-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{
  --bg:#fff; --surface:#fff; --alt:#F6F8FA; --border:#E3E8EE; --border-strong:#D3DAE2;
  --text:#3A4452; --text-strong:#0B1F33; --muted:#5B6676; --faint:#6B7584;
  --brand:#0172AD; --brand-ink:#015A89; --on-brand:#fff;
  --device:#0B1F33;
  --r-sm:8px; --r-md:12px; --wrap:1120px;

  --fs-display:48px; --lh-display:1.1;
  --fs-title:32px;   --lh-title:1.2;
  --fs-lead:20px;    --lh-lead:1.55;
  --fs-body:17px;    --lh-body:1.65;
  --fs-small:15px;   --lh-small:1.5;
  --fs-label:13px;   --lh-label:1.4;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0B1118; --surface:#0B1118; --alt:#111922; --border:#1F2A36; --border-strong:#2A3746;
    --text:#C9D2DC; --text-strong:#F3F6F9; --muted:#97A3B1; --faint:#8995A3;
    --brand:#5FB3E6; --brand-ink:#86C7EE; --on-brand:#06121C;
    --device:#26313D;
  }
}
@media (max-width:760px){
  :root{--fs-display:34px; --fs-title:26px; --fs-lead:18px; --fs-body:16px}
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0; min-height:100vh; display:flex; flex-direction:column;
  background:var(--bg); color:var(--text);
  font:var(--fs-body)/var(--lh-body) "Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
h1,h2,h3{color:var(--text-strong); margin:0 0 .5em; font-weight:700}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--brand); outline-offset:2px}
.wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px}
.skip{position:absolute; left:-9999px}
.skip:focus{left:8px; top:8px; z-index:20; background:var(--surface); padding:10px 14px; border-radius:var(--r-sm)}

/* Ust bar: yapiskan, ince cizgili */
.top{position:sticky; top:0; z-index:10; background:var(--surface); border-bottom:1px solid var(--border)}
.top-row{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px}
.brand{display:flex; align-items:center; gap:10px; color:var(--text-strong); font-weight:700;
  font-size:var(--fs-body); line-height:1; letter-spacing:-.01em}
.brand img{display:block; border-radius:8px}
.brand:hover{text-decoration:none}
.top-nav{display:flex; align-items:center; gap:4px}
.top-nav a{
  display:flex; align-items:center; min-height:44px; padding:8px 14px; border-radius:var(--r-sm);
  color:var(--muted); font-size:var(--fs-small); line-height:var(--lh-small); font-weight:500;
}
.top-nav a:hover{color:var(--text-strong); text-decoration:none}
.top-nav .top-cta{margin-left:8px; border:1px solid var(--border-strong); color:var(--text-strong)}
.top-nav .top-cta:hover{border-color:var(--text-strong)}

main{flex:1 0 auto; display:flex; flex-direction:column}
main > :last-child{flex:1 0 auto}

/* Hero: solda metin, sagda gercek urun ekrani */
.hero{padding:88px 0 0; border-bottom:1px solid var(--border); overflow:hidden}
.hero-grid{display:grid; grid-template-columns:1fr 340px; gap:64px; align-items:end}
.hero-text{padding-bottom:96px}
.eyebrow,.kicker{
  margin:0 0 16px; color:var(--brand); font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  font-size:var(--fs-label); line-height:var(--lh-label);
}
.hero h1{font-size:var(--fs-display); line-height:var(--lh-display); letter-spacing:-.03em; max-width:16ch; margin-bottom:24px}
.lead{max-width:54ch; margin:0; font-size:var(--fs-lead); line-height:var(--lh-lead); color:var(--text)}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin:36px 0 0}
.btn{
  display:inline-flex; align-items:center; min-height:48px; padding:12px 22px; border-radius:var(--r-sm);
  background:var(--text-strong); color:var(--bg); font-weight:600; font-size:var(--fs-small);
  border:1px solid var(--text-strong);
}
.btn:hover{text-decoration:none; opacity:.9}
.btn-ghost{background:transparent; color:var(--text-strong); border-color:var(--border-strong)}
.btn-ghost:hover{border-color:var(--text-strong); opacity:1}

/* Telefon cercevesi: ekran goruntusunun ust kismi, alt kenar hero cizgisine oturur */
.device{
  margin:0; align-self:end; height:440px; overflow:hidden;
  border:10px solid var(--device); border-bottom:0; border-radius:40px 40px 0 0;
  background:var(--device);
}
.device img{display:block; width:100%; height:auto; border-radius:30px 30px 0 0}

/* Bolumler */
.section{padding:88px 0}
.section-alt{background:var(--alt); border-top:1px solid var(--border); border-bottom:1px solid var(--border)}
.section + .section-alt,.section-alt + .section{border-top:0}
.section-title{font-size:var(--fs-title); line-height:var(--lh-title); letter-spacing:-.02em; margin-bottom:40px}

.cols{display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--border)}
.col{padding:28px 32px 0 0}
.col + .col{padding-left:32px; border-left:1px solid var(--border)}
.col h3{font-size:var(--fs-body); line-height:var(--lh-small); margin-bottom:10px}
.col p{margin:0; color:var(--muted); font-size:var(--fs-small); line-height:var(--lh-body)}

/* Urun */
.product{display:grid; grid-template-columns:64px 1fr; gap:28px; align-items:start; max-width:760px}
.product-icon{display:block; border-radius:14px; border:1px solid var(--border)}
.product + .product{margin-top:56px; padding-top:56px; border-top:1px solid var(--border)}
.product-name{font-size:var(--fs-lead); line-height:var(--lh-title); margin-bottom:12px}
.product-lead{margin:0 0 28px; font-size:var(--fs-lead); line-height:var(--lh-lead)}
.product-actions{margin:28px 0 0; display:flex; flex-wrap:wrap; align-items:center; gap:12px}
.badge{display:inline-block}
.badge img{display:block; height:48px; width:auto}

/* Tanim listeleri (urun ozellikleri, sirket bilgileri) */
.facts{margin:0; border-top:1px solid var(--border)}
.facts div{display:grid; grid-template-columns:180px 1fr; gap:24px; padding:14px 0; border-bottom:1px solid var(--border)}
.facts dt{color:var(--faint); font-size:var(--fs-small); line-height:var(--lh-body)}
.facts dd{margin:0; color:var(--text-strong); font-size:var(--fs-small); line-height:var(--lh-body)}
.facts-wide{max-width:760px}

/* Iletisim */
.contact{font-style:normal; display:grid; gap:18px; max-width:52ch}
.contact p{display:grid; grid-template-columns:96px 1fr; gap:16px; margin:0; align-items:start}
.contact-label{color:var(--faint); font-size:var(--fs-small); line-height:var(--lh-body)}

/* Yasal metin sayfalari (magaza incelemeleri buraya bakar) */
.prose{max-width:74ch; padding-block:72px}
.prose h1{font-size:var(--fs-title); line-height:var(--lh-title); letter-spacing:-.02em; margin-bottom:8px}
.prose h2{font-size:var(--fs-lead); line-height:var(--lh-lead); margin:2em 0 .5em}
.prose p{margin:0 0 1em}
.prose ul{margin:0 0 1em; padding-left:22px}
.prose li{margin:.4em 0}
.prose .note{
  background:var(--alt); border:1px solid var(--border); border-radius:var(--r-sm); padding:14px 16px; margin:0 0 1.5em;
  font-size:var(--fs-small); line-height:var(--lh-body);
}
.effective{color:var(--faint); font-size:var(--fs-small); line-height:var(--lh-small); margin-bottom:2em}
.contact-compact{gap:10px; margin-top:20px}
.contact-compact p{grid-template-columns:96px 1fr; gap:16px}

/* 404 */
.hero-plain{padding-bottom:88px}

/* Altbilgi */
.foot{background:var(--surface); border-top:1px solid var(--border); padding:40px 0; margin-top:auto}
.foot p{margin:0 0 4px; color:var(--faint); font-size:var(--fs-label); line-height:var(--lh-label)}
.foot .foot-name{color:var(--text-strong); font-weight:600; font-size:var(--fs-small); margin-bottom:8px}
.foot-row{display:flex; align-items:flex-start; justify-content:space-between; gap:24px; flex-wrap:wrap}
.foot-nav{display:flex; gap:24px; flex-wrap:wrap}
.foot-nav a{color:var(--muted); font-size:var(--fs-label); line-height:var(--lh-label)}
.foot-nav a:hover{color:var(--text-strong)}

@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr 280px; gap:40px}
  .device{height:380px}
}
@media (max-width:760px){
  .wrap{padding:0 16px}
  /* Telefonda ust menu yerine yalnizca Iletisim kalir; diger bolumler hemen asagida. */
  .top-nav a:not(.top-cta){display:none}
  .top-nav .top-cta{margin-left:0}
  .top-row{min-height:60px}
  .hero{padding-top:48px}
  .hero-grid{grid-template-columns:1fr; gap:40px}
  .hero-text{padding-bottom:0}
  .device{width:260px; height:300px; margin:0 auto; border-width:8px; border-radius:32px 32px 0 0}
  .device img{border-radius:24px 24px 0 0}
  .section{padding:56px 0}
  .section-title{margin-bottom:28px}
  .cols{grid-template-columns:1fr}
  .col,.col + .col{padding:24px 0; border-left:0}
  .col + .col{border-top:1px solid var(--border)}
  .product{grid-template-columns:1fr; gap:20px}
  .facts div{grid-template-columns:1fr; gap:2px}
  .contact p{grid-template-columns:1fr; gap:2px}
  .prose{padding-block:40px}
  .foot-row{flex-direction:column; gap:20px}
}