/* ==========================================================================
   Kurumsal tanitim sistemi (ds-home.css) — butun tanitim sayfalari (body.pub-home; ui_public_start ekler).
   ds.css + ds-public.css'in USTUNE biner.
   Yon: kurumsal, sakin, duz. Acik zemin, tek kurumsal mavi (--harbor), ince cizgiler, gradyan/parlama/hareket yok.
   Zaman ve sayilar IBM Plex Mono / tabular; yazi tipi ds.css'teki IBM Plex Sans (CSP: yalniz kendi sunucumuz).
   ========================================================================== */

.pub-home{--paper:#F5F7FA;--rule:var(--steel-200);--rule-soft:var(--steel-100)}

/* ---- Ust bilgi cubugu ----------------------------------------------------- */
.ds-pub-topbar{background:var(--ink-900);color:var(--steel-300);font-size:var(--fs-sm)}
.ds-pub-topbar-in{max-width:1180px;margin:0 auto;padding:.45rem var(--space-5);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-5)}
.ds-pub-topbar-in span{margin-right:auto;color:var(--steel-400)}
.ds-body.pub-home .ds-pub-topbar a{color:#fff;text-decoration:none;font-weight:500}
.ds-body.pub-home .ds-pub-topbar a:hover{text-decoration:underline}
.ds-body.pub-home .ds-pub-topbar a.ds-lang{padding-left:var(--space-4);border-left:1px solid rgba(255,255,255,.25)}
.ds-pub-topbar :focus-visible{outline-color:var(--beacon-400)}
@media (max-width:575.98px){.ds-pub-topbar-in span{display:none}.ds-pub-topbar-in{justify-content:center}}

/* ---- Ortak ---------------------------------------------------------------- */
.hm-sec{padding:clamp(3rem,6vw,5.5rem) 0;background:#fff}
.hm-sec--tint{background:var(--paper);border-block:1px solid var(--rule)}
.hm-head{margin-bottom:clamp(1.75rem,3.5vw,3rem)}
.ds-body .hm-h2{font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;max-width:26ch;margin-bottom:var(--space-3)}
.hm-head p{color:var(--steel-600);font-size:var(--fs-md);max-width:62ch;margin:0}
.hm-caption{margin:0;padding:.6rem 1rem;border-top:1px solid var(--rule);font-size:var(--fs-xs);color:var(--steel-600);max-width:none;background:var(--steel-25)}
.hm-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.hm-split>.hm-head{margin-bottom:0}
.hm-dl{margin:0}
.hm-dl>div{padding:var(--space-4) 0;border-top:1px solid var(--rule)}
.hm-dl>div:last-child{border-bottom:1px solid var(--rule)}
.hm-dl dt{font-weight:600;color:var(--ink-900);margin-bottom:var(--space-1)}
.hm-dl dd{margin:0;color:var(--steel-600);max-width:60ch}

/* ---- Kahraman: fotografli slider + 3B urun sahnesi ------------------------ */
.hm-slider{position:relative;isolation:isolate;overflow:hidden;background:var(--ink-950);color:#fff;border-bottom:1px solid var(--rule)}
.hm-slides{position:relative;height:clamp(560px,80vh,720px)}
.hm-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.hm-slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease}
.hm-slide>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 9s linear}
.hm-slide.is-active>img{transform:scale(1)}
.hm-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,13,24,var(--tint,.55))}
.hm-slide-in{height:100%;display:flex;align-items:center}
.hm-copy{max-width:520px;padding-bottom:3rem}
.ds-body .hm-title{color:#fff;font-size:clamp(2.1rem,3.9vw,3.4rem);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--space-4);max-width:15ch}
.hm-lead{font-size:var(--fs-md);line-height:1.65;color:var(--steel-200);max-width:48ch;margin-bottom:var(--space-5)}
.hm-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.ds-body .hm-slide a.btn-outline-light{--bs-btn-border-color:rgba(255,255,255,.7)}
.hm-slider :focus-visible{outline-color:var(--beacon-400)}

/* Kontroller */
.hm-ctrl{position:absolute;z-index:4;left:0;right:0;bottom:4rem;display:none}
.pub-js .hm-ctrl{display:block}
.hm-ctrl-in{display:flex;align-items:center;gap:var(--space-3)}
.hm-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(5,13,24,.45);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.hm-btn:hover{background:#fff;color:var(--ink-900)}
.hm-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hm-pause .i-play{display:none;fill:currentColor;stroke:none}
.hm-pause[aria-pressed=true] .i-pause{display:none}
.hm-pause[aria-pressed=true] .i-play{display:block}
.hm-dots{display:flex;gap:var(--space-2);margin:0 var(--space-2);flex:1 1 auto;max-width:360px}
.hm-dot{flex:1;height:44px;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center}
.hm-dot-bar{display:block;width:100%;height:4px;background:rgba(255,255,255,.35);position:relative;overflow:hidden;border-radius:2px}
.hm-dot-bar::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hm-dot.is-active .hm-dot-bar::after{transform:scaleX(1);animation:hm-fill var(--dur,7s) linear forwards}
.hm-slider.is-paused .hm-dot.is-active .hm-dot-bar::after{animation-play-state:paused}
.hm-slider.no-auto .hm-dot.is-active .hm-dot-bar::after{animation:none;transform:scaleX(1)}
@keyframes hm-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* 3B sahne: eğik rapor penceresi + telefon, imleci izler */
.hm-stage{position:absolute;z-index:3;top:50%;right:max(var(--space-5),calc((100vw - 1180px)/2 + var(--space-5)));width:min(44vw,560px);transform:translateY(-52%);perspective:1700px;pointer-events:none}
.hm-stage-in{position:relative;transform-style:preserve-3d;transform:rotateY(calc(-17deg + var(--ry,0deg))) rotateX(calc(7deg + var(--rx,0deg)));transition:transform .25s ease-out}
.hm-stage .hm-app{border:0;border-radius:10px;box-shadow:40px 50px 70px -25px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.12)}
.hm-stage .hm-caption{display:none}
.hm-phone-d{position:absolute;z-index:2;right:-1.75rem;bottom:-3.5rem;width:168px;transform:translateZ(110px) rotateY(-4deg);filter:drop-shadow(30px 40px 30px rgba(0,0,0,.55))}
.hm-phone-d .hm-phone{width:100%;border-radius:30px;padding:7px}
.hm-phone-d .hm-screen{border-radius:24px;padding:9px 9px 10px;gap:7px}
.hm-phone-d .hm-bar{font-size:9px;padding:10px 4px 0}
.hm-phone-d .hm-toast{padding:6px 8px;gap:7px}
.hm-phone-d .hm-toast b{font-size:9.5px}
.hm-phone-d .hm-toast span:not(.hm-toast-dot){font-size:8.5px}
.hm-phone-d .hm-sos{font-size:10px;padding:8px;border-radius:8px}
.hm-phone-d .hm-finder i{width:14px;height:14px;border-width:2px}
.hm-phone-d .hm-screen::before{width:50px;height:13px;margin-left:-25px;top:5px}
.hm-points{list-style:none;margin:0;padding:0}

/* Urun penceresi: gercek panel bilesenleriyle (ds-table, ds-chip) */
.hm-app{margin:0;background:#fff;border:1px solid var(--steel-300);border-radius:8px;overflow:hidden}
.hm-app-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:.7rem 1rem;background:var(--ink-900);color:#fff;font-size:var(--fs-sm)}
.hm-app-bar span{color:var(--beacon-400);font-size:var(--fs-xs)}
.hm-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--rule)}
.hm-kpis>div{padding:.9rem 1rem;border-right:1px solid var(--rule)}
.hm-kpis>div:last-child{border-right:0}
.hm-kpis b{display:block;font-size:var(--fs-xl);font-weight:600;color:var(--ink-900);line-height:1.1;font-variant-numeric:tabular-nums}
.hm-kpis span{font-size:var(--fs-xs);color:var(--steel-600)}
.hm-table{min-width:460px}

/* ---- Ozellik seridi: hero'nun alt kenarina binen beyaz serit -------------- */
.hm-strip{position:relative;z-index:5;margin-top:-2.5rem;background:transparent;border:0}
.hm-strip-in{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--steel-300);border-radius:10px;box-shadow:0 18px 30px -22px rgba(14,27,43,.45)}
.hm-strip-in li{display:flex;gap:var(--space-3);align-items:center;padding:1.2rem 1.4rem;border-right:1px solid var(--rule)}
.hm-strip-in li:last-child{border-right:0}
.hm-sico{width:40px;height:40px;border-radius:10px;background:var(--harbor-50);color:var(--harbor-600);display:grid;place-items:center;flex:none}
.hm-sico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hm-strip-in strong{display:block;color:var(--ink-900);font-size:var(--fs-base);line-height:1.25}
.hm-strip-in span:not(.hm-sico){display:block;color:var(--steel-600);font-size:var(--fs-sm);line-height:1.35}

/* ---- Uc adim (gercek sira): baglantili zaman cizgisi ---------------------- */
.hm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);position:relative}
.hm-steps::before{content:"";position:absolute;left:28px;right:28px;top:28px;height:2px;background:var(--steel-200)}
.hm-steps li{position:relative}
.hm-stepico{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--harbor-600);color:#fff;display:grid;place-items:center;margin-bottom:var(--space-4);box-shadow:0 0 0 8px #fff}
.hm-stepico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ds-body .hm-steps h3{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--space-2)}
.hm-steps p{color:var(--steel-600);margin:0;max-width:40ch}

/* ---- Kontroller: bento ----------------------------------------------------- */
.hm-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.hm-tile{background:#fff;border:1px solid var(--steel-300);border-radius:12px;padding:var(--space-5);display:flex;flex-direction:column}
.hm-tile--wide{grid-column:span 2}
.hm-tile--ink{background:var(--ink-900);border-color:var(--ink-900);color:var(--steel-300)}
.hm-tile--blue{background:var(--harbor-700);border-color:var(--harbor-700);color:#E3ECF7}
.hm-tico{width:44px;height:44px;border-radius:10px;background:var(--harbor-50);color:var(--harbor-600);display:grid;place-items:center;margin-bottom:var(--space-4)}
.hm-tile--ink .hm-tico{background:var(--ink-700);color:var(--beacon-400)}
.hm-tile--blue .hm-tico{background:rgba(255,255,255,.14);color:#fff}
.hm-tico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ds-body .hm-tile h3{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--space-2)}
.ds-body .hm-tile--ink h3,.ds-body .hm-tile--blue h3{color:#fff}
.hm-tile p{margin:0;color:var(--steel-600);font-size:var(--fs-base);max-width:56ch}
.hm-tile--ink p,.hm-tile--blue p{color:inherit}

/* ---- Telefon (duz, parlamasiz) -------------------------------------------- */
.hm-phone{width:min(100%,260px);aspect-ratio:9/18.4;border-radius:36px;padding:9px;background:var(--ink-900)}
.hm-screen{height:100%;border-radius:28px;background:#fff;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px}
.hm-bar{display:flex;justify-content:space-between;align-items:baseline;padding:6px 6px 0;font-size:12px;color:var(--steel-600)}
.hm-clock{font-family:var(--font-mono)}
.hm-bar-title{font-weight:600;color:var(--ink-900)}
.hm-finder{position:relative;aspect-ratio:1/1;border-radius:14px;background:var(--ink-900);display:grid;place-items:center}
.hm-qr{width:54%;height:54%;fill:var(--ink-900);background:#fff;padding:6%;border-radius:6px;box-sizing:content-box}
.hm-finder i{position:absolute;width:22px;height:22px;border:3px solid var(--beacon-400);border-radius:4px}
.hm-finder i:nth-of-type(1){top:12px;left:12px;border-right:0;border-bottom:0}
.hm-finder i:nth-of-type(2){top:12px;right:12px;border-left:0;border-bottom:0}
.hm-finder i:nth-of-type(3){bottom:12px;left:12px;border-right:0;border-top:0}
.hm-finder i:nth-of-type(4){bottom:12px;right:12px;border-left:0;border-top:0}
.hm-toast{display:flex;gap:10px;align-items:center;border:1px solid var(--rule);border-radius:10px;padding:9px 11px}
.hm-toast b{display:block;font-size:12.5px;color:var(--ink-900);line-height:1.25}
.hm-toast span:not(.hm-toast-dot){display:block;font-size:11px;color:var(--steel-600)}
.hm-toast-dot{width:9px;height:9px;border-radius:50%;background:var(--ok-600);flex:none}
.hm-offline{font-size:11px;color:var(--beacon-700);background:var(--beacon-100);border-radius:8px;padding:7px 10px}
.hm-sos{margin-top:auto;text-align:center;background:var(--alarm-600);color:#fff;font-weight:600;font-size:13px;border-radius:10px;padding:11px}


/* ---- Saha bolumu: koyu zemin, buyuk telefon, yuzen durum kartlari ---------- */
.hm-field{background:var(--ink-900);color:var(--steel-300);padding:clamp(3.5rem,7vw,6.5rem) 0;overflow:hidden;border-block:1px solid var(--ink-700)}
.hm-field-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.ds-body .hm-field .hm-h2{color:#fff}
.hm-field-lead{font-size:var(--fs-md);color:var(--steel-300);max-width:48ch;margin-bottom:var(--space-6)}
.hm-feats{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-5)}
.hm-feats li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--space-4);align-items:start}
.hm-fico{width:48px;height:48px;border-radius:12px;background:var(--ink-800);border:1px solid var(--ink-600);color:var(--beacon-400);display:grid;place-items:center}
.hm-fico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hm-fico--alarm{color:#FF8A7A}
.hm-feats strong{display:block;color:#fff;font-size:var(--fs-md);margin-bottom:var(--space-1)}
.hm-feats p{margin:0;color:var(--steel-400);font-size:var(--fs-sm);max-width:52ch}

.hm-fstage{margin:0;display:grid;justify-items:center;gap:var(--space-4);perspective:1500px}
.hm-fstage-in{position:relative;width:min(100%,460px);height:560px;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateY(calc(-12deg + var(--ry,0deg))) rotateX(calc(4deg + var(--rx,0deg)));transition:transform .25s ease-out}
.hm-phone--lg{width:280px;box-shadow:30px 40px 60px -20px rgba(0,0,0,.6)}
.hm-phone--lg .hm-screen{gap:12px}
.hm-hint{margin:0;text-align:center;font-size:12px;color:var(--steel-600)}
.hm-float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink-900);border-radius:12px;padding:.7rem .95rem;font-size:var(--fs-xs);line-height:1.35;max-width:230px;box-shadow:22px 30px 40px -18px rgba(0,0,0,.55)}
.hm-float b{display:block;font-size:var(--fs-sm)}
.hm-float span:not(.hm-dotf){display:block;color:var(--steel-600)}
.hm-dotf{width:10px;height:10px;border-radius:50%;flex:none}
.hm-dotf--ok{background:var(--ok-600);box-shadow:0 0 0 4px var(--ok-100)}
.hm-dotf--warn{background:var(--beacon-500);box-shadow:0 0 0 4px var(--beacon-100)}
.hm-dotf--info{background:var(--harbor-500);box-shadow:0 0 0 4px var(--harbor-100)}
.hm-dotf--alarm{background:var(--alarm-600);box-shadow:0 0 0 4px var(--alarm-100)}
.hm-float--a{top:6%;left:-6%;transform:translateZ(80px)}
.hm-float--b{top:36%;right:-8%;transform:translateZ(120px)}
.hm-float--c{bottom:22%;left:-10%;transform:translateZ(100px)}
.hm-float--d{bottom:6%;right:-4%;transform:translateZ(70px)}
.hm-fcap{font-size:var(--fs-xs);color:var(--steel-400);max-width:none;margin:0}

/* ---- Karsilastirma tablosu ------------------------------------------------ */
.hm-compare{width:100%;min-width:560px;border-collapse:collapse;background:#fff;border:1px solid var(--rule)}
.hm-compare th,.hm-compare td{padding:.9rem 1.1rem;border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:top}
.hm-compare thead th{background:var(--ink-900);color:#fff;font-size:var(--fs-sm);font-weight:600;border-bottom:0}
.hm-compare thead th:last-child{background:var(--harbor-700)}
.hm-compare tbody th{width:20%;font-weight:600;color:var(--ink-900);background:var(--steel-25)}
.hm-compare td{color:var(--steel-600);width:40%}
.hm-compare td:last-child{color:var(--ink-900);font-weight:500;background:var(--harbor-50)}
.hm-compare tbody tr:last-child th,.hm-compare tbody tr:last-child td{border-bottom:0}

/* ---- Kullanim alanlari (fotografli) --------------------------------------- */
.hm-uses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-6) var(--space-5)}
.hm-uses li{grid-column:span 2}
.hm-uses li:nth-child(n+4){grid-column:span 3}
.hm-uses img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin-bottom:var(--space-3);background:var(--ink-900)}
.hm-uses li:nth-child(n+4) img{aspect-ratio:16/9}
.hm-uses strong{display:block;color:var(--ink-900);margin-bottom:var(--space-1)}
.hm-uses span{display:block;color:var(--steel-600);font-size:var(--fs-sm)}

/* ---- Fotograf bandi -------------------------------------------------------- */
.hm-band{position:relative;isolation:isolate;overflow:hidden;background:var(--ink-950);color:#fff;display:flex;align-items:center;min-height:clamp(320px,34vw,420px)}
.hm-band>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.6}
.hm-band-in{width:100%;padding-block:var(--space-7)}
.hm-band-copy{max-width:540px}
.ds-body .hm-band h2{color:#fff;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-3)}
.hm-band p{color:var(--steel-200);font-size:var(--fs-md);margin-bottom:var(--space-5)}
.ds-body a.btn-light,.ds-body a.btn-light:hover{color:var(--ink-900)}

/* ---- Fotograf kaynaklari --------------------------------------------------- */
.hm-credits{background:var(--paper);border-top:1px solid var(--rule);padding:var(--space-4) 0}
.hm-credits p{margin:0;font-size:var(--fs-xs);color:var(--steel-600);max-width:none}

/* ---- Fiyat ---------------------------------------------------------------- */
.hm-price{background:#fff;padding:clamp(3rem,6vw,5.5rem) 0}
.ds-body .hm-price .pub-title{font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;max-width:26ch}
.hm-price .pub-section-head{margin-bottom:clamp(1.75rem,3.5vw,3rem)}
.hm-price .pub-section-head p{font-size:var(--fs-md)}
.hm-price .pub-price-wrap{border-radius:8px;overflow:hidden;border:1px solid var(--steel-300)}
.hm-price .pub-plans thead th{background:var(--paper);border-bottom:2px solid var(--harbor-600);padding:var(--space-4) var(--space-5)}
.hm-price .pub-plan-name{font-size:var(--fs-base)}
.hm-price .pub-plan-price{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;letter-spacing:-.02em}
.hm-price .pub-plans tbody th,.hm-price .pub-plans tbody td{padding:var(--space-3) var(--space-5)}
.hm-price .pub-calc{border-left-color:var(--harbor-600);background:var(--paper)}

/* ---- Guvenlik (4'lu) ------------------------------------------------------ */
.hm-quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin:0}
.hm-quad>div{border-top:3px solid var(--ink-900);padding-top:var(--space-4)}
.hm-quad dt{display:flex;align-items:center;gap:var(--space-3);font-weight:600;color:var(--ink-900);margin-bottom:var(--space-2)}
.hm-qico{width:36px;height:36px;border-radius:8px;background:var(--ink-900);color:var(--beacon-400);display:grid;place-items:center;flex:none}
.hm-qico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hm-quad dd{margin:0;color:var(--steel-600);font-size:var(--fs-sm)}

/* ---- SSS ------------------------------------------------------------------ */
.pub-home .pub-faq summary{font-size:var(--fs-md)}

/* ---- Demo: koyu zemin + liman fotografi, acik form ------------------------ */
.hm-demo{position:relative;isolation:isolate;overflow:hidden;background:var(--ink-900);color:var(--steel-300);padding:clamp(3.5rem,7vw,6rem) 0}
.hm-demo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink-900) url("../img/home/slide-4.jpg") center/cover no-repeat;opacity:.32}
.ds-body .hm-demo .pub-title{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#fff}
.hm-demo .pub-lead{color:var(--steel-200)}
.hm-demo .pub-contact-list li{border-top-color:rgba(255,255,255,.18)}
.hm-demo .pub-contact-list li:last-child{border-bottom-color:rgba(255,255,255,.18)}
.hm-demo .pub-contact-list span{color:var(--steel-300)}
.ds-body .hm-demo .pub-contact-list a,.hm-demo .pub-contact-list strong{color:#fff}
.ds-body .hm-demo .pub-contact-list a:hover{color:var(--beacon-400)}
.hm-demo .pub-form{border:0;border-radius:12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.hm-demo :focus-visible{outline-color:var(--beacon-400)}
.hm-demo .pub-form :focus-visible{outline-color:var(--harbor-600)}


/* ---- Alt sayfa basligi: fotografli koyu serit ------------------------------ */
.hm-phead{position:relative;isolation:isolate;overflow:hidden;background:var(--ink-950);color:#fff;padding:clamp(2.75rem,6vw,5rem) 0 clamp(2.75rem,6vw,4.5rem)}
.hm-phead>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.42}
.hm-crumb{display:flex;gap:var(--space-2);font-size:var(--fs-sm);color:var(--steel-300);margin-bottom:var(--space-4)}
.ds-body .hm-crumb a{color:var(--steel-200);text-decoration:none}
.ds-body .hm-crumb a:hover{color:#fff;text-decoration:underline}
.hm-crumb span::before{content:"/";margin-right:var(--space-2);color:var(--steel-500)}
.ds-body .hm-phead h1{color:#fff;font-size:clamp(2rem,3.6vw,3rem);font-weight:600;letter-spacing:-.025em;line-height:1.12;max-width:20ch;margin-bottom:var(--space-3)}
.hm-phead .hm-lead{color:var(--steel-200);max-width:62ch;margin:0}
.hm-phead :focus-visible{outline-color:var(--beacon-400)}

/* ---- Ic sayfa yardimcilari ------------------------------------------------- */
.hm-steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hm-steps--4::before{left:28px;right:28px}
.hm-feats--light strong{color:var(--ink-900)}
.hm-feats--light p{color:var(--steel-600)}
.hm-feats--light .hm-fico{background:var(--harbor-50);border-color:var(--harbor-100);color:var(--harbor-600)}
.hm-bento--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hm-bento--3 .hm-tile{grid-column:auto}
.hm-tile--sm p{font-size:var(--fs-sm)}
.hm-tile--sm .hm-tico{width:38px;height:38px;margin-bottom:var(--space-3)}
.ds-body .hm-tile--sm h3{font-size:var(--fs-md)}
.hm-tile .ds-chip{margin-top:var(--space-3);align-self:flex-start}
.hm-dtable .ds-panel{border-radius:10px;overflow:hidden;border-color:var(--steel-300)}
.hm-dtable .table>thead th{background:var(--ink-900);color:#fff;border-bottom:0;padding:.85rem var(--space-4);font-size:var(--fs-sm)}
.hm-dtable .table>tbody th{font-weight:600;color:var(--ink-900);background:var(--steel-25)}
.hm-note{border-left:3px solid var(--harbor-600);background:#fff;padding:var(--space-4) var(--space-5);border-radius:0 8px 8px 0;max-width:none;color:var(--steel-700)}
.hm-limits{background:var(--ink-900);color:var(--steel-300);border-radius:12px;padding:var(--space-6)}
.ds-body .hm-limits h3{color:#fff;font-size:var(--fs-lg);margin-bottom:var(--space-3)}
.hm-limits ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}
.hm-limits li{position:relative;padding-left:1.6rem}
.hm-limits li::before{content:"";position:absolute;left:2px;top:.5em;width:.7rem;height:.4rem;border-left:2px solid var(--beacon-400);border-bottom:2px solid var(--beacon-400);transform:rotate(-45deg)}
.hm-contact-card{display:flex;gap:var(--space-4);align-items:center;background:#fff;border:1px solid var(--steel-300);border-radius:12px;padding:var(--space-5)}
.hm-contact-card+.hm-contact-card{margin-top:var(--space-4)}
.hm-contact-card .hm-tico{margin:0;flex:none}
.hm-contact-card small{display:block;color:var(--steel-600);font-size:var(--fs-sm)}
.ds-body .hm-contact-card a,.hm-contact-card strong{font-size:var(--fs-lg);font-weight:600;color:var(--ink-900);text-decoration:none}
.ds-body .hm-contact-card a:hover{color:var(--harbor-600);text-decoration:underline}
.hm-shots .pub-shot{border-radius:10px;border:1px solid var(--steel-300);overflow:hidden;background:#fff}
.hm-shots .pub-shot-bar{background:var(--ink-900)}
.hm-shots .pub-shot-row{margin:0}
.hm-shots .pub-title{font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:600;letter-spacing:-.02em;line-height:1.2}

/* ---- Alt sayfa: bolum baglantilari, okunakli baslik, pencere cercevesi ---- */
.hm-phead::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,13,24,.58)}
.hm-phead>img{opacity:.6}
.hm-anchors{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}
.ds-body .hm-anchors a{display:inline-flex;align-items:center;min-height:36px;padding:.3rem .9rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.ds-body .hm-anchors a:hover{background:var(--beacon-400);border-color:var(--beacon-400);color:var(--ink-900)}
.hm-sec[id],.hm-dtable[id]{scroll-margin-top:104px}
.hm-shots .pub-shot{box-shadow:0 30px 50px -30px rgba(14,27,43,.45)}
.hm-shots .pub-shot-bar{position:relative;padding-left:calc(var(--space-4) + 3.4rem)}
.hm-shots .pub-shot-bar::before{content:"";position:absolute;left:var(--space-4);top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 0 #febc2e,32px 0 0 #28c840}
.hm-shots .pub-shot-body:has(.pub-phone){background:var(--paper);padding:var(--space-6) var(--space-4)}
.hm-shots .pub-phone{position:relative;box-shadow:24px 34px 50px -22px rgba(14,27,43,.55);border-color:var(--ink-950)}
.hm-shots .pub-phone::before{content:"";position:absolute;z-index:2;top:0;left:50%;width:76px;height:18px;margin-left:-38px;border-radius:0 0 12px 12px;background:var(--ink-950)}
.hm-shots .pub-phone-cam{background:var(--ink-950) url("../img/home/slide-3.jpg") 62% 50%/cover no-repeat}
.hm-shots .pub-phone-cam::before{box-shadow:0 0 0 999px rgba(10,21,34,.55)}
.hm-status{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:.35rem .9rem;border:1px solid var(--steel-300);border-radius:999px;background:#fff;font-size:var(--fs-sm);font-weight:600;color:var(--steel-700)}
.hm-status[hidden]{display:none}
.hm-status-dot{width:9px;height:9px;border-radius:50%;background:var(--steel-500)}
.hm-status.is-open{border-color:var(--ok-600);color:var(--ok-700)}
.hm-status.is-open .hm-status-dot{background:var(--ok-600);animation:hm-pulse 2s ease-out infinite}
@keyframes hm-pulse{0%{box-shadow:0 0 0 0 rgba(15,118,110,.5)}100%{box-shadow:0 0 0 9px rgba(15,118,110,0)}}
.hm-contact-grid .hm-contact-card{transition:transform .2s,border-color .2s,box-shadow .2s}
.hm-contact-grid .hm-contact-card:hover,.hm-contact-grid .hm-contact-card:focus-within{transform:translateY(-3px);border-color:var(--harbor-600);box-shadow:0 18px 30px -22px rgba(14,27,43,.45)}
.ds-body .hm-contact-grid .hm-contact-card:not(:first-child)>div>a{font-size:var(--fs-base)}
.hm-topics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.ds-body .hm-contact-card .hm-topics a{font-size:var(--fs-sm);font-weight:500;padding:.2rem .7rem;border:1px solid var(--steel-300);border-radius:999px;color:var(--steel-700);background:var(--steel-25)}
.ds-body .hm-contact-card .hm-topics a:hover{background:var(--harbor-50);border-color:var(--harbor-600);color:var(--harbor-600);text-decoration:none}
.hm-map{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;border:1px solid var(--steel-300);background:var(--ink-900);min-height:clamp(320px,42vw,440px);display:grid;place-items:center}
.hm-map>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.35}
.hm-map-cta{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center;color:#fff}
.hm-map-cta strong{color:#fff;max-width:34ch;font-weight:600}
.hm-map-cta .hm-actions{justify-content:center}
.hm-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.hm-map.is-loaded .hm-map-cta,.hm-map.is-loaded>img{display:none}
.hm-map :focus-visible{outline-color:var(--beacon-400)}
.hm-dtable tr.is-today>*{background:var(--harbor-50)!important;box-shadow:inset 3px 0 0 var(--harbor-600)}
.hm-fchips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}
.hm-fchips button{min-height:32px;padding:.2rem .8rem;border:1px solid var(--steel-300);border-radius:999px;background:#fff;color:var(--steel-700);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.hm-fchips button:hover{border-color:var(--harbor-600);color:var(--harbor-600)}
.hm-fchips button.is-on{background:var(--harbor-600);border-color:var(--harbor-600);color:#fff}
.hm-fcount{margin-left:auto;font-size:var(--fs-sm);color:var(--steel-600)}
.hm-shots tr[hidden]{display:none}
.hm-demo-act{margin:var(--space-4) 0 0;text-align:center}
.hm-shots .pub-shot-body:has(.pub-phone) .hm-demo-act{margin-top:var(--space-5)}
.hm-shots .pub-phone-cam{overflow:hidden}
.hm-shots .pub-phone-cam::after{content:"";position:absolute;left:21%;right:21%;top:21%;height:2px;background:var(--beacon-400);box-shadow:0 0 8px var(--beacon-400);opacity:0;transition:top 1.4s linear,opacity .2s}
.hm-shots .pub-phone.is-scanning .pub-phone-cam::after{top:79%;opacity:1}
.hm-shots .pub-phone.js [data-scan-result]{display:none}
.hm-shots .pub-phone.js.is-done [data-scan-result]{display:block}
.hm-incident{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-5);align-items:start}
.hm-incident img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;border:1px solid var(--steel-300)}
.hm-rbar{width:34%}
.hm-rbar i{display:block;height:8px;width:var(--w);min-width:2px;border-radius:4px;background:var(--harbor-600)}
@media (max-width:575.98px){.hm-incident{grid-template-columns:minmax(0,1fr)}.hm-incident img{aspect-ratio:16/9}.hm-fcount{margin-left:0;width:100%}}
.hm-sim{margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--steel-300);border-radius:12px;background:var(--paper)}
.hm-sim[hidden],.hm-fchips[hidden]{display:none}
.hm-sim-h{margin:0 0 var(--space-3);font-weight:600;color:var(--ink-900);max-width:none}
.hm-sim .hm-fchips{margin-bottom:var(--space-4)}
.ds-body .hm-sim-out{display:block;margin:0;padding:.7rem 1rem;border-radius:8px;font-size:var(--fs-base);font-weight:500;max-width:none;border:1px solid var(--steel-300)}
.ds-body .hm-sim-out:not(.ds-chip){background:#fff;color:var(--steel-700)}
.hm-sim .ds-chip{border-radius:8px}
.hm-steps li{transition:opacity .2s}
.hm-steps li .hm-stepico{transition:background .2s}
.hm-steps li.is-pass .hm-stepico{background:var(--ok-600)}
.hm-steps li.is-flag .hm-stepico{background:var(--beacon-700)}
.hm-steps li.is-stop .hm-stepico{background:var(--alarm-600)}
.hm-steps li.is-skip{opacity:.4}
.hm-bento--3 .hm-tile{transition:transform .2s,border-color .2s,box-shadow .2s}
.hm-bento--3 .hm-tile:hover{transform:translateY(-3px);border-color:var(--harbor-600);box-shadow:0 18px 30px -22px rgba(14,27,43,.45)}
.hm-dtable tr[hidden]{display:none}
.hm-legal .hm-dl dd{max-width:68ch}
.hm-legal .hm-legal-note{margin-top:var(--space-4);color:var(--steel-700);max-width:none}
.hm-legal .table th[scope=row]{font-weight:500;width:34%}
.hm-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.hm-contact-grid .hm-contact-card{margin:0;align-items:flex-start}
.hm-contact-grid .hm-contact-card strong{font-size:var(--fs-base);line-height:1.45;display:inline-block;margin-bottom:.35rem}
@media (max-width:991.98px){.hm-contact-grid{grid-template-columns:minmax(0,1fr)}}

/* ---- Altbilgi (butun tanitim sayfalari) ------------------------------------ */
.ds-pub-footer{background:var(--ink-950);color:var(--steel-400);padding:clamp(3rem,6vw,4.5rem) 0 0;font-size:var(--fs-base)}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:var(--space-6) var(--space-7)}
.ds-pub-footer h3{color:#fff;font-size:var(--fs-base);font-weight:600;margin-bottom:var(--space-3)}
.ds-pub-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ds-body .ds-pub-footer a:not(.btn):not(.wh){color:var(--steel-300);text-decoration:none}
.ds-body .ds-pub-footer a:not(.btn):not(.wh):hover{color:#fff;text-decoration:underline}
.ds-pub-footer address{font-style:normal}
.ds-pub-footer address p{margin:0 0 .6rem;max-width:30ch}
.ds-logo{display:block;height:68px;width:auto}
.ds-body.pub-home .ds-pub-nav-in{height:86px}
@media (max-width:767.98px){.ds-logo{height:54px}.ds-body.pub-home .ds-pub-nav-in{height:70px}}
.ft-brand .ds-logo{height:54px}
.ft-brand{color:#fff!important;margin-bottom:var(--space-3);display:inline-flex}
.ft-about p{max-width:36ch;margin-bottom:var(--space-4)}
.ft-wa{display:inline-flex;align-items:center;gap:.5rem}
.ft-wa svg{width:18px;height:18px;fill:none;stroke:#25D366;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ft-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-top:clamp(2.5rem,5vw,4rem);padding:var(--space-4) 0;border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-sm);color:var(--steel-500)}
.ft-bar .wh{margin-left:auto}
.wh{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-xs);font-weight:600;color:var(--steel-400)!important;text-decoration:none!important;letter-spacing:.02em;transition:color .2s}
.wh b{display:grid;place-items:center;min-width:24px;height:20px;padding:0 5px;border:1px solid currentColor;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.04em;transition:background .2s,color .2s,border-color .2s,transform .2s}
.wh:hover{color:#fff!important}
.wh:hover b{background:var(--beacon-400);border-color:var(--beacon-400);color:var(--ink-900);transform:rotate(-6deg)}
.ds-pub-footer :focus-visible{outline-color:var(--beacon-400)}

/* ---- Duyarli -------------------------------------------------------------- */
@media (max-width:991.98px){
  .hm-split,.hm-head,.hm-field-in{grid-template-columns:minmax(0,1fr)}
  .hm-fstage-in{transform:none!important;height:auto;width:100%;padding:var(--space-4) 0}
  .hm-float{display:none}
  .hm-fstage{order:-1}
  .hm-slides{height:clamp(480px,74vh,560px)}
  .hm-slide::before{background:rgba(5,13,24,calc(var(--tint,.55) + .14))}
  .hm-copy{padding-bottom:4.5rem}
  .hm-stage{position:relative;top:auto;right:auto;width:auto;transform:none;perspective:none;margin:0;padding:var(--space-5) var(--space-5) var(--space-6);background:var(--paper);pointer-events:auto}
  .hm-stage-in{transform:none!important}
  .hm-stage .hm-app{box-shadow:none;border:1px solid var(--steel-300)}
  .hm-stage .hm-caption{display:block}
  .hm-phone-d{display:none}
  .hm-steps,.hm-quad{grid-template-columns:1fr 1fr}
  .hm-strip-in{grid-template-columns:1fr 1fr}
  .hm-strip-in li{border-bottom:1px solid var(--rule)}
  .hm-strip-in li:nth-child(2n){border-right:0}
  .hm-strip-in li:nth-last-child(-n+2){border-bottom:0}
  .hm-steps::before{display:none}
  .hm-bento,.hm-bento--3{grid-template-columns:1fr 1fr}
  .hm-steps--4{grid-template-columns:1fr 1fr}
  .ft-grid{grid-template-columns:1fr 1fr}
  .hm-uses{grid-template-columns:1fr 1fr}
  .hm-uses li,.hm-uses li:nth-child(n+4){grid-column:auto}
  .hm-uses li:nth-child(n+4) img{aspect-ratio:4/3}
  }
@media (max-width:575.98px){
  .hm-steps,.hm-quad,.hm-uses{grid-template-columns:minmax(0,1fr)}
  .hm-ctrl-in{gap:var(--space-2)}
  .hm-dots{max-width:none}
  .hm-strip-in{grid-template-columns:minmax(0,1fr)}
  .hm-strip-in li{border-right:0;border-bottom:1px solid var(--rule)!important}
  .hm-strip-in li:last-child{border-bottom:0!important}
  .hm-bento,.hm-bento--3,.hm-steps--4,.ft-grid{grid-template-columns:minmax(0,1fr)}
  .ft-bar .wh{margin-left:0}
  .hm-tile--wide{grid-column:auto}
  .hm-actions .btn{width:100%}
  .hm-kpis b{font-size:var(--fs-lg)}
}

@media (prefers-reduced-motion:reduce){
  .hm-steps li,.hm-steps li .hm-stepico,.hm-bento--3 .hm-tile{transition:none}
  .hm-bento--3 .hm-tile:hover{transform:none}
  .hm-shots .pub-phone-cam::after,.hm-fchips button{transition:none}
  .hm-status-dot,.hm-contact-grid .hm-contact-card{animation:none!important;transition:none}
  .hm-contact-grid .hm-contact-card:hover{transform:none}
  .hm-slide,.hm-slide.is-active{transition:none}
  .hm-slide>img{transform:none;transition:none}
  .hm-stage-in,.hm-fstage-in{transition:none}
}