:root{
    --ink:#0b1f2a;
    --ink-soft:#3d5561;
    --mute:#6c8592;
    --teal:#00b39f;
    --teal-deep:#009e8c;
    --aqua:#57d9c6;
    --sky:#e8f8f5;
    --mist:#f3faf8;
    --line:#e4eeeb;
    --white:#ffffff;
    --shadow:0 24px 60px -28px rgba(4,52,45,.35);
    --shadow-sm:0 10px 30px -16px rgba(4,52,45,.3);
    --radius:22px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  section[id],div[id]{scroll-margin-top:96px}
  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *{animation-duration:.001ms!important;transition-duration:.001ms!important}
  }
  body{
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3{font-family:'Sora',sans-serif;letter-spacing:-.02em}
  a{text-decoration:none;color:inherit}
  .wrap{width:min(1180px,92vw);margin:0 auto}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
    color:var(--teal-deep);background:var(--sky);
    padding:8px 16px;border-radius:100px;
  }
  .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(0,179,159,.2)}

  /* ---------- LOGO ---------- */
  .logo{display:flex;align-items:center;gap:12px}
  .logo-mark{width:44px;height:44px;flex:0 0 auto}
  .brand-word{font-family:'Baloo 2',sans-serif;font-size:1.5rem;font-weight:700;color:var(--ink);line-height:1;letter-spacing:0}
  .brand-word b{color:var(--teal-deep);font-weight:700}
  .brand-sub{display:block;font-family:'Inter';font-size:.6rem;font-weight:600;letter-spacing:.34em;color:var(--mute);text-transform:uppercase;margin-top:3px}

  /* ---------- NAV ---------- */
  header{position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.82);backdrop-filter:blur(18px);
    border-bottom:1px solid transparent;transition:.3s}
  header.scrolled{border-bottom:1px solid var(--line);box-shadow:0 6px 30px -22px rgba(4,52,45,.4)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:78px}
  .nav-links{display:flex;gap:36px;align-items:center}
  .nav-links a{font-size:.95rem;font-weight:500;color:var(--ink-soft);position:relative;transition:.2s}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--teal);border-radius:2px;transition:.25s}
  .nav-links a:hover{color:var(--ink)}
  .nav-links a:hover::after{width:100%}
  .btn{
    display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.95rem;
    padding:14px 26px;border-radius:12px;cursor:pointer;border:none;transition:.25s;font-family:'Inter'}
  .btn-primary{background:var(--teal);color:#fff;box-shadow:0 12px 26px -12px rgba(0,158,140,.75)}
  .btn-primary:hover{background:var(--teal-deep);transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(0,158,140,.85)}
  .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
  .btn-ghost:hover{border-color:var(--teal);color:var(--teal-deep)}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:60}
  .menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:.3s}
  body.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.menu-open .menu-toggle span:nth-child(2){opacity:0}
  body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav{position:fixed;inset:78px 0 0;background:#fff;z-index:45;
    display:flex;flex-direction:column;padding:28px 6vw;gap:6px;
    transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);visibility:hidden}
  body.menu-open .mobile-nav{transform:none;visibility:visible}
  .mobile-nav a{font-family:'Sora';font-size:1.3rem;font-weight:600;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink)}
  .mobile-nav .btn{margin-top:20px;justify-content:center;font-size:1.05rem}

  /* ---------- HERO ---------- */
  .hero{position:relative;padding:76px 0 90px;overflow:hidden}
  .hero-bg{position:absolute;inset:0;z-index:-1}
  .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
  .blob.a{width:520px;height:520px;background:radial-gradient(circle,#7ee8d8,transparent 70%);top:-160px;right:-120px}
  .blob.b{width:420px;height:420px;background:radial-gradient(circle,#c9f3ec,transparent 70%);bottom:-160px;left:-140px}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
  .hero h1{font-size:clamp(2.5rem,5.4vw,4rem);font-weight:800;line-height:1.05;margin:22px 0 20px}
  .hero h1 .hl{position:relative;color:var(--teal-deep);white-space:nowrap}
  .hero h1 .hl svg{position:absolute;left:0;bottom:-10px;width:100%;height:14px}
  .hero p.lead{font-size:1.18rem;color:var(--ink-soft);max-width:520px;margin-bottom:34px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .trust{display:flex;align-items:center;gap:14px;margin-top:34px;color:var(--mute);font-size:.9rem}
  .avatars{display:flex}
  .avatars span{width:38px;height:38px;border-radius:50%;border:2.5px solid #fff;margin-left:-12px;display:grid;place-items:center;font-weight:700;font-size:.8rem;color:#fff}
  .avatars span:first-child{margin-left:0}
  .stars{color:#ffb020;letter-spacing:2px}

  /* hero visual card — dashboard style */
  .hero-visual{position:relative}
  .glass-card{
    background:#fff;
    border:1px solid var(--line);border-radius:20px;
    padding:26px;box-shadow:var(--shadow);position:relative}
  .hv-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
  .hv-head .hv-title{font-family:'Sora',sans-serif;font-weight:700;font-size:1.1rem;line-height:1.3;letter-spacing:-.02em}
  .hv-head .hv-date{color:var(--mute);font-size:.82rem;font-weight:500;margin-top:3px;display:block}
  .hv-badge{font-size:.74rem;font-weight:600;color:var(--teal-deep);background:var(--sky);padding:7px 13px 7px 11px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
  .hv-badge i{width:7px;height:7px;border-radius:50%;background:var(--teal);position:relative}
  .hv-badge i::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--teal);opacity:.35;animation:pulse 1.8s ease-out infinite}
  @keyframes pulse{0%{transform:scale(.6);opacity:.5}100%{transform:scale(1.9);opacity:0}}
  /* progress row */
  .hv-progress{display:flex;align-items:center;gap:16px;background:var(--mist);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:18px}
  .hv-ring{width:52px;height:52px;flex:0 0 auto;position:relative}
  .hv-ring svg{transform:rotate(-90deg)}
  .hv-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:'Sora';font-size:.86rem;font-weight:700;color:var(--ink)}
  .hv-progress .hp-body strong{font-family:'Sora';font-size:.98rem;display:block}
  .hv-progress .hp-body small{color:var(--mute);font-size:.84rem}
  /* task rows */
  .task{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;margin-bottom:10px;background:#fff;transition:.22s}
  .task:last-of-type{margin-bottom:0}
  .task:hover{border-color:var(--aqua)}
  .task.active{border-color:var(--teal);background:linear-gradient(100deg,#f0fbf9,#fff)}
  .task .check{width:32px;height:32px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;background:var(--sky);color:var(--teal-deep)}
  .task.active .check{background:var(--teal);color:#fff;box-shadow:0 8px 18px -8px rgba(0,158,140,.8)}
  .task .t-body{flex:1;min-width:0}
  .task .t-body strong{display:block;font-family:'Sora';font-size:.94rem}
  .task .t-body small{color:var(--mute);font-size:.82rem}
  .task .t-time{font-size:.76rem;font-weight:700;color:var(--mute);background:var(--mist);padding:5px 10px;border-radius:7px;flex:0 0 auto}
  .task.active .t-time{color:#fff;background:var(--teal)}
  /* card footer */
  .hv-foot{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
  .hv-foot .team{display:flex}
  .hv-foot .team span{width:30px;height:30px;border-radius:8px;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff}
  .hv-foot .team span:first-child{margin-left:0}
  .hv-foot p{font-size:.84rem;color:var(--ink-soft);flex:1}
  .hv-foot p b{font-family:'Sora';color:var(--ink)}
  /* floating chips */
  .float-chip{
    position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;
    padding:13px 16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;z-index:3}
  .float-chip .fc-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:0 0 auto}
  .float-chip strong{font-family:'Sora';font-size:1.3rem;display:block;line-height:1}
  .float-chip small{color:var(--mute);font-size:.78rem}
  .fc-1{top:-26px;left:-30px;animation:floaty 5s ease-in-out infinite}
  .fc-2{bottom:-26px;right:-22px;animation:floaty 5s ease-in-out infinite .8s}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

  /* ---------- MARQUEE / sectors strip ---------- */
  .strip{border-block:1px solid var(--line);background:var(--mist);padding:26px 0}
  .strip-inner{display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center}
  .strip-inner span{font-family:'Sora';font-weight:600;color:var(--mute);font-size:1.02rem;display:flex;align-items:center;gap:10px}
  .strip-inner span svg{color:var(--teal)}

  /* ---------- SECTION SHELL ---------- */
  section.pad{padding:100px 0}
  .sec-head{text-align:center;max-width:640px;margin:0 auto 60px}
  .sec-head h2{font-size:clamp(2rem,4vw,2.9rem);font-weight:800;margin:16px 0 14px}
  .sec-head p{color:var(--ink-soft);font-size:1.1rem}

  /* ---------- STATS ---------- */
  .stats{background:linear-gradient(135deg,#00b39f,#0a8a7d);border-radius:32px;padding:56px 40px;
    display:grid;grid-template-columns:repeat(4,1fr);gap:20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,120,105,.7)}
  .stats::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.18),transparent 45%)}
  .stat{text-align:center;position:relative;z-index:1}
  .stat b{font-family:'Sora';font-size:clamp(2.4rem,4vw,3.3rem);font-weight:800;display:block;line-height:1}
  .stat span{opacity:.9;font-size:.98rem;font-weight:500}
  .stat + .stat{border-left:1px solid rgba(255,255,255,.22)}

  /* ---------- FEATURES ---------- */
  .features{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
  .fcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;transition:.3s;position:relative;overflow:hidden}
  .fcard::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--sky);opacity:0;transition:.4s}
  .fcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
  .fcard:hover::after{opacity:1}
  .fcard .ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,var(--teal),var(--aqua));color:#fff;margin-bottom:22px;position:relative;z-index:1;box-shadow:0 14px 26px -12px rgba(0,158,140,.7)}
  .fcard h3{font-size:1.25rem;margin-bottom:10px;position:relative;z-index:1}
  .fcard p{color:var(--ink-soft);position:relative;z-index:1}

  /* ---------- SECTORS ---------- */
  .sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .scard{position:relative;border-radius:20px;overflow:hidden;min-height:210px;display:flex;align-items:flex-end;padding:24px;color:#fff;cursor:pointer;isolation:isolate}
  .scard::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:.5s}
  .scard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,40,35,0) 30%,rgba(4,40,35,.82))}
  .scard:hover::before{transform:scale(1.08)}
  .scard h3{font-size:1.3rem;display:flex;align-items:center;gap:10px}
  .scard span{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:.3s}
  .scard:hover span{background:var(--teal);transform:rotate(-45deg)}
  .s1::before{background-image:url('https://images.unsplash.com/photo-1580582932707-520aed937b7b?w=800&q=80')}
  .s2::before{background-image:url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?w=800&q=80')}
  .s3::before{background-image:url('https://images.unsplash.com/photo-1566073771259-6a8506099945?w=800&q=80')}
  .s4::before{background-image:url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=800&q=80')}
  .s5::before{background-image:url('https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?w=800&q=80')}
  .s6::before{background-image:url('https://images.unsplash.com/photo-1497366216548-37526070297c?w=800&q=80')}

  /* ---------- ABOUT ---------- */
  .about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
  .about-img{position:relative;border-radius:26px;overflow:hidden;min-height:440px;box-shadow:var(--shadow)}
  .about-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
  .about-badge{position:absolute;bottom:24px;left:24px;right:24px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:18px;padding:20px 22px;display:flex;align-items:center;gap:16px}
  .about-badge .ab-ico{width:48px;height:48px;border-radius:14px;background:var(--teal);color:#fff;display:grid;place-items:center;flex:0 0 auto}
  .about-badge b{font-family:'Sora';display:block}
  .about-badge small{color:var(--mute)}
  .about ul{list-style:none;margin-top:26px;display:grid;gap:16px}
  .about li{display:flex;gap:14px;align-items:flex-start}
  .about li .li-ico{width:28px;height:28px;border-radius:8px;background:var(--sky);color:var(--teal-deep);display:grid;place-items:center;flex:0 0 auto;margin-top:2px}
  .about li b{font-family:'Sora'}

  /* ---------- CTA ---------- */
  .cta-band{background:var(--ink);border-radius:32px;padding:64px 48px;text-align:center;color:#fff;position:relative;overflow:hidden}
  .cta-band .blob.c{width:460px;height:460px;background:radial-gradient(circle,rgba(0,179,159,.55),transparent 70%);top:-180px;left:50%;transform:translateX(-50%);opacity:.8}
  .cta-band h2{font-size:clamp(2rem,4vw,2.9rem);position:relative;z-index:1;margin-bottom:14px}
  .cta-band p{opacity:.82;max-width:520px;margin:0 auto 32px;position:relative;z-index:1;font-size:1.1rem}
  .cta-band .hero-cta{justify-content:center;position:relative;z-index:1}
  .btn-white{background:#fff;color:var(--ink)}
  .btn-white:hover{transform:translateY(-2px)}
  .btn-outline-l{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
  .btn-outline-l:hover{border-color:#fff;background:rgba(255,255,255,.08)}

  /* ---------- CONTACT ---------- */
  .contact{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .contact-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;gap:18px;align-items:center;transition:.3s}
  .contact-card:hover{border-color:var(--teal);box-shadow:var(--shadow-sm);transform:translateY(-4px)}
  .contact-card .cc-ico{width:56px;height:56px;border-radius:16px;background:linear-gradient(150deg,var(--teal),var(--aqua));color:#fff;display:grid;place-items:center;flex:0 0 auto}
  .contact-card small{color:var(--mute);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
  .contact-card b{font-family:'Sora';font-size:1.25rem;display:block}

  /* ---------- FOOTER ---------- */
  footer{background:var(--mist);border-top:1px solid var(--line);padding:64px 0 30px;margin-top:100px}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
  .foot-grid p{color:var(--ink-soft);max-width:280px;margin-top:18px}
  .foot-col h4{font-family:'Sora';font-size:.95rem;margin-bottom:16px}
  .foot-col a{display:block;color:var(--ink-soft);margin-bottom:10px;font-size:.95rem;transition:.2s}
  .foot-col a:hover{color:var(--teal-deep);transform:translateX(3px)}
  .foot-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;color:var(--mute);font-size:.9rem}
  .foot-bottom a{color:var(--mute)}
  .foot-bottom a:hover{color:var(--teal-deep)}

  /* ---------- MODAL / FORM ---------- */
  .modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(6,28,24,.55);backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;padding:20px;
    opacity:0;visibility:hidden;transition:.3s}
  .modal-overlay.open{opacity:1;visibility:visible}
  .modal{background:#fff;border-radius:22px;width:min(480px,100%);max-height:92vh;overflow-y:auto;
    box-shadow:0 40px 90px -30px rgba(4,52,45,.6);position:relative;
    transform:translateY(24px) scale(.97);transition:.35s cubic-bezier(.2,.7,.2,1)}
  .modal-overlay.open .modal{transform:none}
  .modal-top{background:linear-gradient(150deg,var(--teal),#0a8a7d);color:#fff;padding:28px 30px 26px;border-radius:22px 22px 0 0;position:relative;overflow:hidden}
  .modal-top::after{content:"";position:absolute;top:-40px;right:-30px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12)}
  .modal-top h3{font-size:1.45rem;position:relative;z-index:1}
  .modal-top p{opacity:.9;font-size:.95rem;margin-top:6px;position:relative;z-index:1}
  .modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:11px;border:none;
    background:rgba(255,255,255,.18);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s;z-index:2}
  .modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
  .modal-body{padding:26px 30px 30px}
  .field{margin-bottom:16px}
  .field label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:7px;font-family:'Sora'}
  .field label span{color:#e5484d}
  .field input,.field select{width:100%;font-family:'Inter';font-size:16px;color:var(--ink);
    padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:.2s;outline:none}
  .field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,179,159,.13)}
  .field select{appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236c8592' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .field .with-unit{position:relative}
  .field .with-unit .unit{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--mute);font-size:.9rem;font-weight:600;pointer-events:none}
  .field .with-unit input{padding-right:46px}
  /* number spinner oklarını kaldır */
  .field input[type=number]{-moz-appearance:textfield;appearance:textfield}
  .field input[type=number]::-webkit-outer-spin-button,
  .field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .modal .btn-primary{width:100%;justify-content:center;font-size:1.02rem;padding:15px;margin-top:6px}
  .modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}
  .form-note{text-align:center;font-size:.8rem;color:var(--mute);margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px}
  /* success state */
  .form-success{display:none;text-align:center;padding:20px 10px 6px}
  .form-success.show{display:block}
  .form-success .fs-ico{width:74px;height:74px;border-radius:50%;background:var(--sky);color:var(--teal-deep);display:grid;place-items:center;margin:0 auto 18px;animation:pop .5s cubic-bezier(.2,1.4,.4,1)}
  @keyframes pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
  .form-success h4{font-family:'Sora';font-size:1.35rem;margin-bottom:8px}
  .form-success p{color:var(--ink-soft)}
  .field.error input,.field.error select{border-color:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.1)}
  .err-msg{color:#e5484d;font-size:.78rem;margin-top:5px;display:none}
  .field.error .err-msg{display:block}

  /* WhatsApp float */
  .wa-float{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:16px;
    background:#25d366;display:grid;place-items:center;box-shadow:0 16px 34px -12px rgba(37,211,102,.7);
    transition:.25s;color:#fff}
  .wa-float:hover{transform:translateY(-4px) scale(1.05)}
  .wa-float::after{content:"";position:absolute;inset:0;border-radius:16px;background:#25d366;opacity:.5;animation:pulse 2.2s ease-out infinite;z-index:-1}

  /* reveal anim */
  .reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* ---------- RESPONSIVE ---------- */
  @media(max-width:940px){
    .hero-grid,.about,.contact,.foot-grid{grid-template-columns:1fr}
    .features,.sectors{grid-template-columns:1fr 1fr}
    .stats{grid-template-columns:1fr 1fr;gap:34px 20px}
    .stat:nth-child(3){border-left:none}
    .stat + .stat{border-left:none}
    .hero-visual{margin-top:20px}
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:640px){
    .nav-links{display:none}
    .nav-cta{display:none}
    .menu-toggle{display:block}
    .features,.sectors,.foot-grid{grid-template-columns:1fr}
    .stats{grid-template-columns:1fr 1fr}
    section.pad{padding:70px 0}
    .float-chip{display:none}
    .cta-band,.stats{padding:40px 24px}
  }
  @media(max-width:480px){
    .modal-overlay{align-items:flex-start;padding:14px}
    .modal{margin-top:22px;max-height:calc(100vh - 44px)}
    .modal-top{padding:22px 20px 20px}
    .modal-body{padding:20px 20px 24px}
    .field-row{grid-template-columns:1fr}
  }


  /* ---------- SECTOR PAGES ---------- */
  .subhero{position:relative;isolation:isolate;color:#fff;padding:132px 0 92px;overflow:hidden}
  .subhero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover no-repeat}
  .subhero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(5,26,22,.92),rgba(5,26,22,.55) 62%,rgba(5,26,22,.32))}
  .subhero .crumb{font-size:.85rem;opacity:.9;margin-bottom:20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .subhero .crumb a{color:#fff;opacity:.75;transition:.2s}
  .subhero .crumb a:hover{opacity:1}
  .subhero .eyebrow{background:rgba(255,255,255,.16);color:#fff}
  .subhero .eyebrow::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
  .subhero h1{font-size:clamp(2.1rem,4.8vw,3.4rem);font-weight:800;line-height:1.08;max-width:18ch;margin:18px 0 16px}
  .subhero p{font-size:1.15rem;max-width:580px;opacity:.94;margin-bottom:30px}
  .features.three{grid-template-columns:repeat(3,1fr)}
  .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .gallery img{width:100%;height:280px;object-fit:cover;border-radius:18px;border:1px solid var(--line);display:block}
  .scard.sm{min-height:150px}
  .scard.sm h3{font-size:1.08rem}
  @media(max-width:940px){
    .features.three{grid-template-columns:1fr 1fr}
    .gallery{grid-template-columns:1fr 1fr}
  }
  @media(max-width:640px){
    .features.three,.gallery{grid-template-columns:1fr}
    .subhero{padding:104px 0 72px}
  }

  /* ---------- PLAIN PAGE HERO (iletişim / yasal sayfalar) ---------- */
  .page-hero{position:relative;padding:150px 0 64px;overflow:hidden;background:linear-gradient(160deg,var(--mist),#fff)}
  .page-hero .blob{opacity:.5}
  .page-hero .crumb{font-size:.85rem;color:var(--mute);margin-bottom:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .page-hero .crumb a{color:var(--ink-soft);transition:.2s}
  .page-hero .crumb a:hover{color:var(--teal-deep)}
  .page-hero h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;margin:16px 0 12px}
  .page-hero p{font-size:1.1rem;color:var(--ink-soft);max-width:560px}

  /* ---------- CONTACT PAGE ---------- */
  .info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}
  .contact-split{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:stretch}
  .map-embed{position:relative;border-radius:var(--radius);overflow:hidden;min-height:420px;box-shadow:var(--shadow);background:var(--mist);border:1px solid var(--line)}
  .map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  .map-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;gap:16px}
  .map-consent .mc-ico{width:56px;height:56px;border-radius:16px;background:var(--sky);color:var(--teal-deep);display:grid;place-items:center}
  .map-consent p{color:var(--ink-soft);max-width:320px;font-size:.95rem}
  .contact-form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm)}
  .contact-form-card h3{font-size:1.3rem;margin-bottom:6px}
  .contact-form-card>p{color:var(--ink-soft);margin-bottom:24px}
  @media(max-width:940px){
    .info-strip{grid-template-columns:1fr 1fr}
    .contact-split{grid-template-columns:1fr}
    .map-embed{min-height:320px}
  }
  @media(max-width:640px){ .info-strip{grid-template-columns:1fr} }

  /* ---------- LEGAL / PROSE PAGES ---------- */
  .legal{max-width:760px;margin:0 auto;padding:10px 0 40px}
  .legal h2{font-size:1.35rem;font-weight:700;margin:38px 0 14px}
  .legal h2:first-child{margin-top:0}
  .legal p{color:var(--ink-soft);margin-bottom:14px;font-size:1.02rem}
  .legal ul{margin:0 0 14px 22px;color:var(--ink-soft)}
  .legal li{margin-bottom:8px}
  .legal strong{color:var(--ink)}
  .legal table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:.95rem}
  .legal th,.legal td{text-align:left;padding:11px 14px;border:1px solid var(--line)}
  .legal th{background:var(--mist);font-family:'Sora';font-size:.85rem}
  .legal .updated{color:var(--mute);font-size:.88rem;margin-top:30px;padding-top:20px;border-top:1px dashed var(--line)}

  /* ---------- COOKIE CONSENT BAR ---------- */
  .cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;
    background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);
    padding:22px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;
    max-width:900px;margin:0 auto;
    transform:translateY(140%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .cookie-bar.show{transform:none}
  .cookie-bar .cb-ico{width:44px;height:44px;border-radius:12px;background:var(--sky);color:var(--teal-deep);display:grid;place-items:center;flex:0 0 auto}
  .cookie-bar .cb-body{flex:1;min-width:220px}
  .cookie-bar .cb-body p{font-size:.92rem;color:var(--ink-soft)}
  .cookie-bar .cb-body a{color:var(--teal-deep);font-weight:600;text-decoration:underline}
  .cookie-bar .cb-actions{display:flex;gap:10px;flex-wrap:wrap}
  .cookie-bar .btn{padding:11px 18px;font-size:.9rem}
  @media(max-width:640px){
    .cookie-bar{padding:20px;flex-direction:column;align-items:stretch;text-align:center}
    .cookie-bar .cb-actions{justify-content:center}
  }

  /* ---------- "Devamını oku" bağlantısı ---------- */
  .link-more{display:inline-flex;align-items:center;gap:6px;color:var(--teal-deep);font-weight:600;font-size:.95rem;margin-top:16px}
  .link-more svg{transition:.2s}
  .link-more:hover svg{transform:translateX(3px)}

  /* ---------- SÜREÇ / NASIL ÇALIŞIYORUZ ---------- */
  .process{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .process-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;transition:.3s}
  .process-card:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:transparent}
  .process-card .step-num{width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,var(--teal),var(--aqua));color:#fff;display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:1.15rem;margin-bottom:18px;box-shadow:0 14px 26px -12px rgba(0,158,140,.7)}
  .process-card h3{font-size:1.1rem;margin-bottom:8px}
  .process-card p{color:var(--ink-soft);font-size:.95rem}
  @media(max-width:940px){ .process{grid-template-columns:1fr 1fr} }
  @media(max-width:640px){ .process{grid-template-columns:1fr} }

  /* ---------- SEKTÖRLER HUB — kart açıklaması ---------- */
  .scard p{font-size:.85rem;opacity:.88;margin-top:4px;font-family:'Inter';font-weight:400}
  .scard.lg{min-height:240px}