/* MSS — cihaz tasarımından türetilen tema: koyu antrasit panel + açık gri gövde */
:root{--char:#3b4045;--char-2:#2e3236;--char-3:#4a5056;--body:#eceeee;--body-2:#f6f7f7;--white:#fff;--line:#d9dcde;--muted:#6a7076;--faint:#9aa1a7;--ink:#22262a;--lcd:#1a6fd6;--lcd-2:#0d4fa3;--on:#17a54a;--off:#d23a2f;--r:16px;--shadow:0 24px 50px -28px rgba(34,38,42,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--body);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:'Barlow Condensed','Hanken Grotesk',sans-serif;font-weight:700;letter-spacing:.005em;line-height:1.05;margin:0;text-transform:uppercase}
h1{font-size:clamp(2.4rem,5.6vw,4.4rem)}h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}h3{font-size:1.25rem;letter-spacing:.02em}
em{font-style:normal;color:var(--lcd)}
a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}
.wrap{width:min(1200px,100% - 2.5rem);margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--on);box-shadow:0 0 0 3px rgba(23,165,74,.2)}
.lead{color:var(--muted);font-size:1.06rem;max-width:60ch}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:10px;font-weight:700;font-size:.92rem;letter-spacing:.02em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn--p{background:var(--char);color:#fff;box-shadow:0 12px 26px -14px rgba(34,38,42,.7)}.btn--p:hover{background:var(--char-2)}
.btn--lcd{background:var(--lcd);color:#fff;box-shadow:0 12px 26px -14px rgba(26,111,214,.7)}.btn--lcd:hover{background:var(--lcd-2)}
.btn--o{background:transparent;border-color:var(--char-3);color:var(--char)}.btn--o:hover{background:#fff}
.btn--w{background:#fff;color:var(--char);border-color:var(--line)}
.btn--sm{padding:.55rem .95rem;font-size:.8rem}
/* NAV — cihazın üst paneli gibi */
.nav{position:sticky;top:0;z-index:60;background:var(--char);color:#fff;border-bottom:3px solid var(--char-2);box-shadow:0 10px 30px -20px #000}
.nav__in{display:flex;align-items:center;justify-content:space-between;height:74px;gap:1rem}
.nav__logo img{height:46px;width:auto}
.nav__links{display:flex;gap:1.5rem;align-items:center;font-weight:600;font-size:.92rem;text-transform:uppercase;letter-spacing:.06em}
.nav__links a{position:relative;padding:.3rem 0;color:#d6dadd}.nav__links a:hover,.nav__links a.is-on{color:#fff}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--lcd);transition:width .2s}.nav__links a:hover::after,.nav__links a.is-on::after{width:100%}
.nav__cta{display:flex;gap:.6rem;align-items:center}.nav .btn--o{color:#fff;border-color:#6a7076}.nav .btn--o:hover{background:var(--char-2)}
.nav__on{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#d6dadd;background:var(--char-2);border-radius:999px;padding:.4rem .8rem}
.nav__on i{width:9px;height:9px;border-radius:50%;background:var(--on);box-shadow:0 0 8px var(--on);animation:blink 2.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.nav__burger{display:none;width:44px;height:44px;border:1px solid var(--char-3);border-radius:10px;background:transparent;cursor:pointer;place-items:center}
.nav__burger span{display:block;width:18px;height:2px;background:#fff;margin:2.5px 0;border-radius:2px}
.nav__m{display:none;position:fixed;inset:0;top:74px;background:var(--char);color:#fff;z-index:59;padding:1.5rem;flex-direction:column;gap:.2rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.nav__m a{padding:.9rem .5rem;border-bottom:1px solid var(--char-3)}.nav__m.is-open{display:flex}
@media(max-width:1200px){.nav__links,.nav__cta .btn--o,.nav__on{display:none}.nav__burger{display:grid}}
/* ŞERİT (üst) */
.top{background:var(--char-2);color:#aeb5bb;font-size:.74rem}
.top__in{display:flex;justify-content:space-between;align-items:center;height:30px;gap:1rem}
.top a:hover{color:#fff}@media(max-width:700px){.top__r{display:none}.top__in{justify-content:center}}
/* HERO — cihaz gövdesi */
.hero{position:relative;background:transparent;padding:clamp(2.5rem,6vw,5rem) 0 0}
.hero__g{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}
@media(max-width:900px){.hero__g{grid-template-columns:1fr}}
.hero h1{margin:.9rem 0 1rem}
.hero__cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}
.hero__art{position:relative;display:grid;place-items:center;min-height:460px}
.hero__art::before{content:"";position:absolute;width:min(560px,92%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 40%,#fff 0%,rgba(255,255,255,.4) 45%,transparent 70%)}
.hero__dev{position:relative;filter:drop-shadow(0 30px 34px rgba(34,38,42,.35));animation:fl 9s ease-in-out infinite}
.hero__dev img{max-height:540px;width:auto;object-fit:contain}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:900px){.hero__art{min-height:0}.hero__dev img{max-height:380px}}
/* GÖSTERGE PANELİ — cihazdaki manometreler */
.panel{background:var(--char);color:#fff;border-radius:22px 22px 0 0;padding:1.6rem 2rem;margin-top:2.5rem;position:relative;overflow:hidden}
.panel::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,#5a6168,transparent)}
.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
@media(max-width:800px){.gauges{grid-template-columns:repeat(2,1fr)}}
.gauge{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}
.gauge svg{width:118px;height:118px}
.gauge__l{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d6dadd;background:var(--char-3);padding:.3rem .8rem;border-radius:999px}
.gauge__v{font-family:'Barlow Condensed',sans-serif;font-size:1.7rem;font-weight:700;line-height:1;color:#fff}
.gauge__v small{display:block;font-family:'Hanken Grotesk',sans-serif;font-size:.7rem;font-weight:500;color:#aeb5bb;letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem}
.needle{transform-origin:60px 60px;transform:rotate(-120deg);transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}
.lcd{background:#0b2a55;border:2px solid #0e3a78;border-radius:8px;color:#8fd0ff;font-family:'DM Mono',ui-monospace,monospace;font-size:1.05rem;padding:.35rem .7rem;letter-spacing:.06em;box-shadow:inset 0 0 12px rgba(0,0,0,.5)}
/* SECTIONS */
.sec{padding:clamp(3.2rem,7vw,5.5rem) 0}
.sec--white{background:#fff}.sec--char{background:var(--char);color:#fff}.sec--char .lead{color:#c3c9ce}.sec--char .eyebrow{color:#aeb5bb}
.sec__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.2rem;flex-wrap:wrap}.sec__hd h2{margin-top:.5rem}
.grid{display:grid;gap:1.2rem}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card h3{margin:.8rem 0 .4rem}.card p{margin:0;color:var(--muted);font-size:.95rem}
.ico{width:46px;height:46px;border-radius:12px;background:var(--char);display:grid;place-items:center;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.2rem}
/* PRODUCT */
.pc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s}.pc:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pc__art{background:linear-gradient(180deg,var(--body-2),var(--body));padding:2.6rem 1.4rem 1.4rem;display:grid;place-items:center;min-height:300px;position:relative}
.pc__art img{max-height:280px;object-fit:contain;filter:drop-shadow(0 16px 20px rgba(34,38,42,.25))}
.pc__badge{position:absolute;top:.9rem;left:.9rem;background:var(--char);color:#fff;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .7rem}
.pc__bd{padding:1.25rem 1.35rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.pc__bd h3{font-size:1.4rem}.pc__bd p{margin:0;color:var(--muted);font-size:.93rem}
.pc__meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.35rem}.pc__meta span{font-size:.75rem;font-weight:700;background:var(--body);color:var(--char);padding:.32rem .6rem;border-radius:8px}
.pc__ft{margin-top:auto;padding-top:.9rem;display:flex;justify-content:flex-end;gap:.6rem;align-items:center}.pc__ft a{font-weight:700;color:var(--lcd)}
/* PARTNERS — broşür gibi büyük gri logolar */
.pt{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:900px){.pt{grid-template-columns:repeat(2,1fr)}}
.pt div{background:#fff;border:1px solid var(--line);border-radius:14px;height:110px;display:grid;place-items:center;padding:1rem;transition:.3s}
.pt img{max-height:56px;max-width:80%;object-fit:contain;filter:grayscale(1);opacity:.6;transition:.3s}.pt div:hover img{filter:none;opacity:1}
.pt span{font-family:'Barlow Condensed',sans-serif;font-size:1.7rem;font-weight:700;color:#b9c0c6;letter-spacing:.02em;text-transform:uppercase}.pt div:hover span{color:var(--char)}
/* MAP */
.map{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);padding:1.2rem;display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:center}
#trMap{width:100%;height:auto;display:block;order:2}
.dot{fill:#d7dde2;transition:fill .8s}.dot.is-near{fill:#8fbde3}.land{fill:none;stroke:#b7bfc6;stroke-width:1.1;stroke-linejoin:round}
.ray{stroke:var(--lcd);stroke-width:1;fill:none;opacity:.28;stroke-dasharray:2 9;stroke-linecap:round;animation:ray 3.2s linear infinite}@keyframes ray{to{stroke-dashoffset:-22}}
.hq-ring{fill:none;stroke:#e0a12c;stroke-width:1.2;opacity:0;transform-origin:center;transform-box:fill-box;animation:hq 6s ease-out infinite}.hq-ring.r2{animation-delay:2s}.hq-ring.r3{animation-delay:4s}
@keyframes hq{0%{transform:scale(.2);opacity:.7}100%{transform:scale(1);opacity:0}}
.city{cursor:pointer}.city circle.c{stroke:#fff;stroke-width:2}
.city circle.p{fill:none;stroke-width:1.5;opacity:0;transform-origin:center;transform-box:fill-box;animation:pp 4.5s ease-out infinite}.city circle.p2{animation-delay:2.25s}
@keyframes pp{0%{transform:scale(.4);opacity:.8}100%{transform:scale(3);opacity:0}}
.city.is-hot circle.c{fill:var(--on)!important}.city.is-hot circle.p{stroke:var(--on)!important}.city.is-dim{opacity:.22}
.city text{font-size:10.5px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none;opacity:0;transition:opacity .6s}
.city.is-hot text,.city.is-hq text,.city:hover text{opacity:1}
.map__side{background:var(--body);border-radius:16px;padding:1rem 1.1rem;font-size:.85rem;align-self:start}
.map__side b{font-family:'Barlow Condensed',sans-serif;font-size:2.2rem;font-weight:700;display:block;line-height:1}.map__side small{color:var(--muted)}
.map__hq{display:flex;gap:.6rem;align-items:center;margin-top:.8rem;padding:.6rem .7rem;background:#fff;border-radius:12px;font-size:.78rem}.map__hq i{width:10px;height:10px;border-radius:50%;background:#e0a12c;box-shadow:0 0 0 4px rgba(224,161,44,.25);flex:none}
.map__side ul{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.15rem;max-height:200px;overflow:auto}
.map__side li{display:flex;justify-content:space-between;font-size:.8rem;cursor:pointer;padding:.15rem .4rem;border-radius:6px}.map__side li span{color:var(--faint)}.map__side li.is-hot,.map__side li:hover{color:var(--lcd);font-weight:700;background:#fff}
.reg{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}@media(max-width:900px){.reg{grid-template-columns:repeat(2,1fr)}}
.reg__i{display:flex;gap:.7rem;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font:inherit;cursor:pointer;transition:.2s}.reg__i:hover,.reg__i.is-on{box-shadow:var(--shadow);border-color:var(--c)}
.reg__i i{width:12px;height:12px;border-radius:50%;background:var(--c);flex:none}.reg__i b{display:block;font-size:.92rem}.reg__i small{color:var(--muted);font-size:.76rem}
@media(max-width:760px){.map{grid-template-columns:1fr;padding:.7rem}.map__side{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.map__side ul,.map__hq{display:none}}
/* DOCS */
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1000px){.docs{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.docs{grid-template-columns:1fr}}
.doc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}.doc:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.doc__th{height:150px;background:var(--body);display:grid;place-items:center;overflow:hidden}.doc__th img{width:100%;height:100%;object-fit:cover}
.doc__pdf{width:56px;height:70px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:.7rem;font-weight:800;color:var(--off)}
.doc__bd{padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center}.doc__bd b{font-size:.92rem}.doc__bd small{color:var(--faint);font-size:.72rem;display:block}
/* FORMS */
.inp{width:100%;border:1px solid var(--line);border-radius:10px;padding:.75rem .9rem;font:inherit;font-size:.95rem;background:#fff;outline:none;transition:.15s}.inp:focus{border-color:var(--lcd);box-shadow:0 0 0 4px rgba(26,111,214,.12)}
.lbl{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
textarea.inp{min-height:110px;resize:vertical}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:900px){.ct{grid-template-columns:1fr}}
.ct .cards{display:grid;gap:.8rem}.ct .card{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.2rem}.ct .card h3{margin:0 0 .15rem;font-size:1.05rem}.ct .card p{font-size:.9rem}
.frm{background:#fff;border:1px solid var(--line);border-radius:20px;padding:0;box-shadow:var(--shadow);overflow:hidden}.frm .g{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media(max-width:560px){.frm .g{grid-template-columns:1fr}}
.chk{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;color:var(--muted);margin-top:.8rem}.chk input{margin-top:.25rem;accent-color:var(--lcd)}
.ok{background:#e8f6ec;border:1px solid #bfe3c9;color:#1b5e33;border-radius:12px;padding:.8rem 1rem;font-weight:600;margin-bottom:.9rem}.err{background:#fdecea;border:1px solid #f5c2bd;color:#8a2a22;border-radius:12px;padding:.7rem .9rem;margin-bottom:.9rem}
/* FAQ */
.faq details{border-bottom:1px solid var(--line);padding:.2rem 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-weight:700;font-size:1.02rem}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.4rem;color:var(--lcd);transition:transform .2s;flex:none}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{margin:0 0 1.1rem;color:var(--muted)}
/* FOOTER */
.ft{background:var(--char);color:#c3c9ce;padding:3.2rem 0 1.8rem;font-size:.92rem;border-top:6px solid var(--char-2)}
.ft__g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2rem}@media(max-width:900px){.ft__g{grid-template-columns:1fr 1fr}}@media(max-width:560px){.ft__g{grid-template-columns:1fr}}
.ft h4{color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem}.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.ft a:hover{color:#fff}
.ft__logo img{height:48px;margin-bottom:1rem}
.ft__bt{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--char-3);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:#8e969d}
/* REVEAL */
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.rv.is-in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.needle{transition:none}}
/* WA */
.wa{position:fixed;left:1.1rem;bottom:1.1rem;z-index:80;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:var(--shadow)}.wa svg{width:26px;height:26px;fill:#25d366}
/* PRODUCT PAGE */
.pd{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:2.5rem 0}@media(max-width:900px){.pd{grid-template-columns:1fr;gap:1.5rem}}
.pd__art{background:linear-gradient(180deg,#fff,var(--body));border-radius:24px;padding:2rem;display:grid;place-items:center;min-height:420px;position:relative}.pd__art img{max-height:460px;object-fit:contain;filter:drop-shadow(0 20px 26px rgba(34,38,42,.3))}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.4rem 0}@media(max-width:560px){.kv{grid-template-columns:1fr 1fr}}
.kv div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem}.kv b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;line-height:1.1}.kv small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.feat{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.feat li{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fff}
.feat li::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;margin-top:.1rem;background:var(--on) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/65% no-repeat}
.spec{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.spec div{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--line);font-size:.92rem}.spec div:last-child{border-bottom:0}.spec div b{color:var(--muted)}@media(max-width:560px){.spec div{grid-template-columns:1fr;gap:.2rem}}
.uses{display:flex;gap:.5rem;flex-wrap:wrap}.uses span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.45rem .85rem;font-size:.85rem}
.crumb{font-size:.82rem;color:var(--muted);display:flex;gap:.4rem;flex-wrap:wrap;padding-top:1.5rem}

/* ═══ ANA SAYFA: CİHAZ PANELİ ═══ */
.dev-wrap{padding:clamp(1.5rem,4vw,3rem) 0 0;background:transparent}
.dev{position:relative;background:var(--char);border-radius:26px;padding:16px 16px 0;box-shadow:0 40px 70px -30px rgba(34,38,42,.6);margin-bottom:3.5rem}
.dev__top{position:relative;background:#eceeee;border-radius:12px;padding:1.4rem 2.2rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;border:2px solid #d9dcde;box-shadow:inset 0 2px 0 #fff}
.scr{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#9aa1a7 60%,#6a7076);box-shadow:inset 0 0 0 1px #6a7076}.scr::after{content:"";position:absolute;left:5px;top:2px;width:2px;height:8px;background:#5a6168;transform:rotate(35deg)}
.scr.tl{top:10px;left:12px}.scr.tr{top:10px;right:12px}.scr.bl{bottom:10px;left:12px}.scr.br{bottom:10px;right:12px}
.dev__sw{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none}
.led{width:34px;height:26px;border-radius:5px;background:#2e3236;border:2px solid #22262a;display:grid;place-items:center;position:relative}.led::after{content:"";width:16px;height:12px;border-radius:3px;background:radial-gradient(circle at 40% 35%,#8dffb0,#17a54a 60%,#0d7a34);box-shadow:0 0 10px #17a54a;animation:blink 2.4s infinite}
.onoff{display:inline-flex;border-radius:999px;overflow:hidden;font-size:.62rem;font-weight:800;letter-spacing:.06em}.onoff b{background:var(--on);color:#fff;padding:.25rem .5rem}.onoff em{background:var(--off);color:#fff;padding:.25rem .5rem;font-style:normal}
.dev__sw small,.dev__lcd small{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--char);padding:.25rem .7rem;border-radius:999px}
.dev__lcd{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;transition:transform .2s}.dev__lcd:hover,.dev__sw:hover{transform:translateY(-2px)}
.dev__lcd--ro svg{width:min(320px,100%);height:auto;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.ro-flow{animation:ray 1.2s linear infinite}
.lcd2{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem .8rem;align-items:center;background:#0b2a55;border:2px solid #1a6fd6;border-radius:6px;padding:.5rem .8rem;min-width:200px;box-shadow:0 4px 14px rgba(0,0,0,.25),inset 0 0 14px rgba(0,0,0,.5)}
.lcd2__b{font-size:.55rem;color:#8fd0ff;font-family:monospace;letter-spacing:.1em;grid-column:1/3}.lcd2__v{font-family:'DM Mono',monospace;font-size:1.8rem;color:#8fd0ff;line-height:1;letter-spacing:.04em;text-shadow:0 0 8px rgba(143,208,255,.6)}.lcd2__u{font-size:.6rem;color:#8fd0ff;font-family:monospace;align-self:end;padding-bottom:.2rem}
.lcd2__k{grid-row:1/3;grid-column:3;display:grid;gap:3px}.lcd2__k i{width:14px;height:12px;background:#13437f;border-radius:3px;font-size:.5rem;color:#8fd0ff;display:grid;place-items:center;font-style:normal}
.dev__band{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.6rem 1rem 1.2rem}
.glink{text-decoration:none;transition:transform .25s}.glink:hover{transform:translateY(-4px)}.glink:hover .gauge__l{background:var(--lcd);color:#fff}
.dev__body{position:relative;background:#eceeee;border-radius:12px;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;min-height:360px;border:2px solid #d9dcde;margin-bottom:16px;box-shadow:inset 0 2px 0 #fff}
.dev__logo{display:grid;place-items:center;position:relative}.dev__logo img{width:min(300px,80%);filter:drop-shadow(0 12px 18px rgba(34,38,42,.25))}

.wheel{position:absolute;bottom:-26px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#b8bec4,#6a7076 55%,#3b4045);border:4px solid #2e3236;box-shadow:0 8px 16px rgba(0,0,0,.35)}.wheel.l{left:40px}.wheel.r{right:40px}
@media(max-width:900px){.dev__top{grid-template-columns:1fr;justify-items:center;gap:1.2rem;padding:1.4rem 1.2rem}.dev__body{grid-template-columns:1fr;text-align:center}.dev__body .hero__cta{justify-content:center}.dev__body .lead{margin-inline:auto}.dev__logo img{width:min(220px,60%)}.dev__band{grid-template-columns:repeat(2,1fr)}.wheel{width:32px;height:32px;bottom:-18px}.wheel.l{left:20px}.wheel.r{right:20px}}

/* ═══ GÖSTERGE DETAYLARI & ANİMASYON ═══ */
.gauge__dial{width:128px;height:128px;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.45),inset 0 0 0 1px #6a7076;transition:transform .3s}.glink:hover .gauge__dial{transform:scale(1.06)}
.gauge svg{width:128px;height:128px}
.needle{transform-origin:60px 60px;transform:rotate(-135deg);transition:transform 1.6s cubic-bezier(.3,1.25,.4,1)}
.needle.jit{animation:jit 2.6s ease-in-out infinite}
@keyframes jit{0%,100%{rotate:0deg}25%{rotate:2.4deg}50%{rotate:-1.8deg}75%{rotate:1.2deg}}
.needle.sweep{transition-duration:1.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.ro{background:#3b4045;border:3px solid #22262a;border-radius:8px;padding:5px;box-shadow:0 6px 18px rgba(0,0,0,.35);width:min(330px,100%)}
.ro svg{width:100%;height:auto;display:block;border-radius:4px;box-shadow:inset 0 0 20px rgba(0,0,0,.35)}
.ro-pipe{stroke-dasharray:4 6;animation:ray 1.4s linear infinite}
.ro-flow{animation:ray 1s linear infinite}
.ro-uv{animation:uv 1.2s ease-in-out infinite}@keyframes uv{0%,100%{opacity:.4}50%{opacity:1}}
.ro-wave{animation:wave 2.4s ease-in-out infinite}@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.ro-drop{animation:drop 3.2s linear infinite}@keyframes drop{0%{transform:translateX(0)}100%{transform:translateX(236px)}}
.ro-led circle:nth-child(1){animation:blink 1.1s infinite}.ro-led circle:nth-child(2){animation:blink 1.7s infinite}.ro-led circle:nth-child(3){animation:blink 2.3s infinite}
.ro-ok{animation:blink 2s infinite}
.cm{display:grid;grid-template-columns:1fr auto;gap:8px;background:#1d2024;border:3px solid #0f1214;border-radius:8px;padding:8px;box-shadow:0 6px 18px rgba(0,0,0,.35);min-width:210px}
.cm__scr{background:#0d3f8f;border-radius:4px;padding:6px 10px;display:grid;gap:2px;box-shadow:inset 0 0 18px rgba(0,0,0,.45)}
.cm__b{font-size:.55rem;color:#cfe4ff;font-family:Arial,sans-serif;font-weight:700;display:flex;justify-content:space-between;gap:.6rem}.cm__b i{font-style:normal;font-weight:400;color:#9fd0ff}
.cm__v{font-family:'DM Mono',ui-monospace,monospace;font-size:1.9rem;color:#e8f4ff;line-height:1;letter-spacing:.06em;text-shadow:0 0 10px rgba(143,208,255,.8)}
.cm__u{font-size:.55rem;color:#9fd0ff;font-family:monospace}
.cm__k{display:grid;gap:4px;align-content:start}.cm__k i{width:16px;height:13px;background:#3b4045;border:1px solid #6a7076;border-radius:3px;font-size:.5rem;color:#fff;display:grid;place-items:center;font-style:normal}.cm__k b{width:16px;height:6px;border-radius:2px;background:#17a54a;box-shadow:0 0 6px #17a54a;animation:blink 2s infinite}
.led::after{animation:ledp 2.2s ease-in-out infinite}@keyframes ledp{0%,100%{box-shadow:0 0 6px #17a54a}50%{box-shadow:0 0 16px #5dff8a}}
/* açılış: ekranlar sırayla yanar */
.dev.is-in .ro,.dev.is-in .cm{animation:boot .9s ease-out both}.dev.is-in .cm{animation-delay:.25s}
@keyframes boot{0%{filter:brightness(.2)}60%{filter:brightness(1.4)}100%{filter:brightness(1)}}
.dev.is-in .gauge{animation:pop .6s cubic-bezier(.2,.8,.2,1) both}.dev.is-in .glink:nth-child(2) .gauge{animation-delay:.1s}.dev.is-in .glink:nth-child(3) .gauge{animation-delay:.2s}.dev.is-in .glink:nth-child(4) .gauge{animation-delay:.3s}
@keyframes pop{0%{transform:scale(.85);opacity:0}100%{transform:scale(1);opacity:1}}
/* AI asistan */
.ai-fab{position:fixed;right:1.1rem;bottom:1.1rem;z-index:80;display:flex;align-items:center;gap:.6rem;background:var(--char);color:#fff;border:1px solid var(--char-3);border-radius:999px;padding:.75rem 1.1rem .75rem .8rem;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 18px 40px -16px #000;transition:transform .15s}
.ai-fab:hover{transform:translateY(-2px)}.ai-fab i{width:28px;height:28px;border-radius:50%;background:var(--lcd);display:grid;place-items:center;font-style:normal;position:relative}.ai-fab i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--lcd);animation:aip 2s infinite;opacity:.7}
@keyframes aip{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.ai{position:fixed;right:1.1rem;bottom:5rem;width:min(380px,calc(100vw - 2.2rem));height:min(540px,calc(100vh - 7rem));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);z-index:81;display:none;flex-direction:column;overflow:hidden}
.ai.is-open{display:flex;animation:aiin .25s cubic-bezier(.2,.7,.2,1)}@keyframes aiin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ai__hd{background:var(--char);color:#fff;padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem}.ai__hd b{font-size:.95rem;display:block}.ai__hd small{color:#aeb5bb;font-size:.72rem}.ai__hd button{margin-left:auto;background:var(--char-3);border:0;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}
.ai__log{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem;background:var(--body)}
.ai__m{max-width:88%;padding:.65rem .85rem;border-radius:14px;font-size:.9rem;line-height:1.45;white-space:pre-wrap}.ai__m--a{background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}.ai__m--u{background:var(--lcd);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}
.ai__chips{display:flex;gap:.4rem;flex-wrap:wrap;padding:0 1rem .5rem;background:var(--body)}.ai__chips button{font:inherit;font-size:.75rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:.3rem .65rem;cursor:pointer}
.ai__f{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--line);background:#fff}.ai__f input{flex:1;border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;font:inherit;outline:none}.ai__f button{border:0;background:var(--char);color:#fff;border-radius:10px;padding:0 1rem;font:inherit;font-weight:700;cursor:pointer}
.ai__typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--faint);margin-right:3px;animation:tp 1s infinite}.ai__typing i:nth-child(2){animation-delay:.15s}.ai__typing i:nth-child(3){animation-delay:.3s}@keyframes tp{0%,100%{opacity:.3}50%{opacity:1}}
/* silik cihazlar (kenarlar) */
.dev-wrap{position:relative;overflow:hidden}
.dev-ghost{position:absolute;top:50%;width:230px;height:auto;max-height:78%;object-fit:contain;opacity:.2;filter:grayscale(1) contrast(1.05);pointer-events:none;transform:translateY(-50%);animation:ghf 12s ease-in-out infinite;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.dev-ghost--l{right:calc(50% + 630px)}.dev-ghost--r{left:calc(50% + 630px);animation-delay:-6s}
@keyframes ghf{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 14px))}}
@media(max-width:1760px){.dev-ghost{width:170px}.dev-ghost--l{right:calc(50% + 615px)}.dev-ghost--r{left:calc(50% + 615px)}}
@media(max-width:1600px){.dev-ghost{display:none}}
/* teknik servis anahtar şalteri */
.dev__key{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.3rem;padding:.55rem 1rem .55rem .6rem;border-radius:12px;background:var(--char);color:#fff;text-decoration:none;border:1px solid var(--char-3);box-shadow:0 8px 20px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s,box-shadow .2s}
.dev__key:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(0,0,0,.7)}.dev__key:hover .dev__keyhole::before{transform:rotate(90deg)}
.dev__keyhole{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d6dade,#8a9298 55%,#5a6168);border:3px solid #22262a;position:relative;flex:none;box-shadow:0 0 0 2px #6a7076}
.dev__keyhole::before{content:"";position:absolute;left:50%;top:50%;width:4px;height:16px;margin:-8px 0 0 -2px;background:#22262a;border-radius:2px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.dev__key span{display:grid;line-height:1.15}.dev__key b{font-size:.72rem;letter-spacing:.14em}.dev__key small{font-size:.66rem;color:#aeb5bb}.dev__key em{font-style:normal;color:var(--on);font-weight:800;margin-left:.2rem}
@media(max-width:900px){.dev__key{justify-content:center}}
.dev__logo img{width:min(360px,90%)}
.dev__est{display:block;margin-top:.9rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;font-weight:600}.dev__est b{color:var(--ink)}
/* harita: merkez, rota, servis aracı, yol tabelası, ekip */
.city.is-hq circle.c{r:11}.city.is-hq text{font-size:13px;font-weight:800}
.route{fill:none;stroke:#2e3236;stroke-width:3.2;stroke-linecap:round;opacity:.9}
.route-d{fill:none;stroke:#fff;stroke-width:1.2;stroke-dasharray:6 8;stroke-linecap:round;animation:ray 1.2s linear infinite}
.van rect{fill:#1a6fd6;stroke:#fff;stroke-width:1.2}.van circle{fill:#22262a}
.staff circle.s{fill:#22262a;stroke:#fff;stroke-width:1.5}.staff text{font-size:8px;fill:#fff;font-weight:800;pointer-events:none}
.staff .st-r{fill:none;stroke:#22262a;stroke-width:1;opacity:.5;animation:pp 3.6s ease-out infinite;transform-origin:center;transform-box:fill-box}
.sign{position:absolute;right:1.2rem;top:1.2rem;z-index:4;display:flex;align-items:center;gap:.6rem;background:#1b7a3d;color:#fff;border:3px solid #fff;border-radius:10px;padding:.5rem .9rem;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);font-family:'Barlow Condensed',sans-serif;opacity:0;transform:translateY(-8px);transition:.4s;pointer-events:none}
.sign.is-on{opacity:1;transform:none}.sign i{width:0;height:0;border:8px solid transparent;border-left:12px solid #fff;margin-right:-.2rem}.sign b{font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em}.sign small{font-size:.8rem;opacity:.9;font-family:'Hanken Grotesk',sans-serif}
.map__staff{margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.3rem;font-size:.72rem}.map__staff b{flex-basis:100%;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:inherit;margin-bottom:.2rem}.map__staff span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem}
@media(max-width:760px){.sign{top:auto;bottom:.8rem;right:.8rem;padding:.35rem .7rem}.sign b{font-size:1rem}}

/* mobil taşma düzeltmeleri */
.dev__body>*{min-width:0}.dev__txt h1{font-size:clamp(2.2rem,4.6vw,4.2rem)}
@media(max-width:520px){.dev__txt h1{font-size:clamp(1.9rem,10vw,2.6rem);overflow-wrap:anywhere}.dev__key{width:100%;justify-content:flex-start}}
.pt>*{min-width:0}.pt span{overflow-wrap:anywhere;font-size:clamp(1.1rem,3.5vw,1.7rem)}

/* ═══ İÇERİK + ÇÖZÜM ORTAKLARI KENAR ÇUBUĞU ═══ */
.lay{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start}
.lay__main{min-width:0}.lay__main .wrap{width:min(1180px,100% - 3rem)}
.side{align-self:stretch;background:transparent;border-left:1px solid var(--line)}
.side__in{position:sticky;top:78px;height:calc(100vh - 78px);display:grid;grid-template-columns:44px 1fr;align-items:stretch;padding:1.4rem 1.1rem 1.6rem .4rem;overflow:hidden;box-sizing:border-box}
.side__vt{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:.14em;text-transform:uppercase;color:#aeb5bb;white-space:nowrap;justify-self:center;align-self:center;user-select:none}
.side__logos{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;min-height:0;gap:.3rem}
.side__lg+.side__lg{border-top:1px solid #eef0f2}
.side__lg{display:grid;place-items:center;flex:1 1 0;min-height:0;max-height:84px;padding:.55rem .6rem;text-decoration:none;min-width:0;overflow:hidden;width:100%;animation:lgin .8s cubic-bezier(.2,.8,.2,1) both,fl 7s ease-in-out infinite;animation-delay:var(--d),calc(var(--d) + .8s)}
.side__lg img{max-width:100%;max-height:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.15);opacity:.85;transition:filter .35s,opacity .35s,transform .35s}
.side__lg:hover img{filter:none;opacity:1;transform:scale(1.08)}
.side__lg--t span{font-family:'Barlow Condensed',sans-serif;font-size:1.45rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#b3b9be;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1;transition:color .35s,transform .35s;display:block}
.side__lg--t:hover span{color:var(--char);transform:scale(1.06)}
@media(max-width:1200px){.side__lg--t span{white-space:normal;text-align:center}}
.side__lg--m span,.side__lg--long span{white-space:normal;text-align:center;line-height:1.05;overflow:visible}.side__lg--m span{font-size:1.15rem}.side__lg--long span{font-size:.95rem;letter-spacing:.02em}
@keyframes lgin{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@media(max-height:820px){.side__lg--t span{font-size:1.2rem}}
@media(max-width:1200px){.lay{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--line)}.side__in{position:static;height:auto;grid-template-columns:1fr;padding:2.2rem 1.25rem;max-width:1180px;margin-inline:auto;gap:1.2rem}.side__vt{writing-mode:horizontal-tb;transform:none;font-size:1.4rem;color:var(--muted);justify-self:start}.side__logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;height:auto}.side__lg{height:60px}}
/* kullanma kılavuzu */
.manual{display:flex;align-items:center;gap:.9rem;margin:0 0 1rem;padding:.7rem 1rem .7rem .7rem;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);box-shadow:0 12px 26px -18px rgba(34,38,42,.5);transition:transform .2s,box-shadow .2s,border-color .2s}
.manual:hover{transform:translateY(-2px);border-color:var(--lcd);box-shadow:0 18px 30px -18px rgba(26,111,214,.5)}
.manual__ic{width:44px;height:52px;border-radius:6px;background:#d23a2f;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.08em;display:grid;place-items:center;position:relative;flex:none}.manual__ic::before{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 12px 12px 0;border-color:transparent #fff transparent transparent;border-radius:0 6px 0 0}
.manual b{display:block;font-size:.92rem}.manual small{color:var(--muted);font-size:.75rem}.manual em{font-style:normal;color:var(--lcd);font-size:1.3rem;font-weight:800;margin-left:.3rem}
/* üst şerit: teknik servis girişi */
.top__tech{margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;opacity:.85;transition:opacity .2s}.top__tech:hover{opacity:1;text-decoration:underline}
.top__tech i{width:8px;height:8px;border-radius:50%;background:var(--on);box-shadow:0 0 6px var(--on)}
@media(max-width:640px){.top__tech{margin-left:.6rem;padding-left:.6rem}}

/* ═══ DÜNYA HARİTASI ═══ */
.map__sw{display:inline-flex;gap:.25rem;background:var(--char);padding:.3rem;border-radius:999px;margin-bottom:1rem}
.map__sw button{font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:0;background:transparent;color:#aeb5bb;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.map__sw button.is-on{background:var(--lcd);color:#fff;box-shadow:0 6px 14px -6px rgba(26,111,214,.8)}
#worldMap{width:100%;height:auto;display:none;order:2}
.map.is-world #trMap{display:none}.map.is-world #worldMap{display:block}
.map.is-world ~ .reg{display:none}
.wdot{fill:#c9ced2}.wdot.tr{fill:#1a6fd6;opacity:.85}
.wpt .c{fill:var(--lcd)}.wpt .p{fill:none;stroke:var(--lcd);stroke-width:1;animation:pulse 2.4s ease-out infinite}.wpt .p2{animation-delay:1.2s}.wpt text{font:700 7px 'Hanken Grotesk',sans-serif;fill:#22262a}.wlab{fill:#fff;stroke:#c9d0d6;stroke-width:.6;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.wlab--hq{fill:#22262a;stroke:none}
.wpt{cursor:pointer}.wpt:hover .c{fill:#d23a2f}
.wroute{fill:none;stroke:var(--lcd);stroke-width:1.2;opacity:.85}
.wplane{fill:#22262a}
.wsweep{fill:none;stroke:var(--lcd);stroke-width:.8;opacity:0;animation:wsw 4s ease-out infinite}.wsweep.r2{animation-delay:1.3s}.wsweep.r3{animation-delay:2.6s}
@keyframes wsw{0%{opacity:.7;transform:scale(.05)}100%{opacity:0;transform:scale(1)}}
.wlbl{font:800 6px 'Barlow Condensed',sans-serif;fill:#fff;letter-spacing:.1em}
.pc__man{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--muted);text-decoration:none;margin-right:auto}.pc__man i{font-style:normal;font-size:.55rem;font-weight:800;background:#d23a2f;color:#fff;padding:.15rem .3rem;border-radius:3px;letter-spacing:.05em}.pc__man:hover{color:var(--ink)}
/* teknik servis: menüde anahtar düğmesi */
.nav__key{width:38px;height:38px;border-radius:50%;background:var(--char-3);border:1px solid #5a6168;display:grid;place-items:center;color:#fff;text-decoration:none;position:relative;transition:background .2s,transform .2s;flex:none}.nav__key:hover{background:var(--lcd);transform:rotate(15deg)}
.nav__key svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav__key::after{content:attr(data-t);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#22262a;color:#fff;font-size:.68rem;font-weight:600;white-space:nowrap;padding:.3rem .55rem;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s}.nav__key:hover::after{opacity:1}
.ft__tech{display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem;padding:.5rem .85rem;border:1px solid var(--char-3);border-radius:999px;color:#c3c9ce;font-size:.8rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}.ft__tech:hover{border-color:var(--lcd);color:#fff}.ft__tech i{width:8px;height:8px;border-radius:50%;background:var(--on);box-shadow:0 0 6px var(--on)}
.whq circle.c{stroke:#fff;stroke-width:1}.whq circle.p{fill:none;stroke-width:.8;opacity:0;transform-origin:center;transform-box:fill-box;animation:pp 4.5s ease-out infinite}.whq circle.p2{animation-delay:2.25s}

/* slogan */
.top__slogan{color:#fff;font-weight:700;letter-spacing:.04em}
.eyebrow .slogan{color:var(--lcd);font-weight:800}
/* iletkenlik: uyarı durumu */
.dev__lcd--cond{position:relative}
.cm__warn{position:absolute;left:50%;transform:translateX(-50%);bottom:-1.35rem;font-style:normal;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red,#d23a2f);white-space:nowrap;opacity:0;transition:opacity .4s}
.cm.is-warn .cm__scr{background:#7a1610;box-shadow:inset 0 0 18px rgba(0,0,0,.5),0 0 18px rgba(210,58,47,.6);animation:scrblink 1s steps(2,end) infinite}
.cm.is-warn .cm__v{color:#ffd9d6;text-shadow:0 0 12px rgba(255,120,110,.9)}
.cm.is-warn .cm__u{color:#fff;font-weight:800;letter-spacing:.06em;animation:blink .7s steps(2,end) infinite}
.cm.is-warn .cm__k b{background:#ff3b2e;box-shadow:0 0 10px #ff3b2e;animation:blink .5s steps(2,end) infinite}
.cm.is-hi .cm__v{color:#ffe9a8;text-shadow:0 0 10px rgba(255,210,120,.8)}.cm.is-hi .cm__k b{background:#f5b400;box-shadow:0 0 8px #f5b400;animation:blink 1.2s steps(2,end) infinite}
@keyframes scrblink{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
.dev__lcd--cond.is-warn .cm__warn{opacity:1;animation:blink .8s steps(2,end) infinite}
/* manometre: üzerine gelince dur */
.gauge:hover .needle{animation-play-state:paused}
.gauge__v i{font-style:normal;font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.14em;color:#e0a12c;display:block;line-height:1;margin-bottom:.15rem}
.gauge__v small{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#e6e8ea;font-weight:700}
/* üst panel: eşit boy ekranlar, birbirine yakın */
.dev__top{grid-template-columns:auto auto auto;justify-content:space-evenly;gap:1.5rem 2.5rem}
.ro,.cm{height:122px;box-sizing:border-box}
.ro{width:min(300px,100%);display:block}.ro svg{width:100%;height:100%;display:block}
.cm{min-width:250px}.cm__scr{display:flex;flex-direction:column;justify-content:space-between}.cm__v{font-size:2.3rem;margin:.1rem 0}
@media(max-width:900px){.dev__top{grid-template-columns:1fr;justify-items:center}.ro,.cm{height:auto}.cm{min-width:0;width:min(330px,100%)}}
@media(max-width:640px){.top__slogan{display:none}.ro{height:auto}}
/* teknik servis giriş paneli (menü) */
.nav__tech{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem .35rem .55rem;border:1px solid #5a6168;border-radius:10px;color:#fff;text-decoration:none;background:var(--char-3);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.15;transition:background .2s,border-color .2s,transform .2s;flex:none}
.nav__tech:hover{background:var(--lcd);border-color:var(--lcd);transform:translateY(-1px)}
.nav__tech svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:1200px){.nav__tech{display:none}}
.gauge__v small{display:block;font-size:.72rem;letter-spacing:.14em;color:#fff}
/* teknik servis: dönen vida (her sayfada) */
.scr{transition:transform .8s cubic-bezier(.3,1.3,.4,1)}.dev__top:hover .scr{transform:rotate(90deg)}
.scr--tech{width:20px;height:20px;cursor:pointer;z-index:3;transition:transform .7s cubic-bezier(.3,1.3,.4,1)}
.scr--tech.tl{top:8px;left:10px}.scr--tech::after{left:9px;top:3px;width:2.4px;height:14px}
.scr--tech::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--lcd);opacity:0;animation:aip 2.6s ease-out infinite}
.scr--tech:hover,.dev__top:hover .scr--tech{transform:rotate(180deg)}.scr--tech.is-spin{transform:rotate(900deg)!important;transition-duration:.9s}
.scr__tip{position:absolute;top:34px;right:8px;background:#22262a;color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.06em;white-space:nowrap;padding:.35rem .6rem;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(-4px);z-index:4}
.scr__tip--l{right:auto;left:8px}
.scr--tech:hover+.scr__tip,.scr--tech.is-spin+.scr__tip{opacity:1;transform:none}
.nav__scr{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:none}
.nav__scr .scr--tech{position:relative;width:24px;height:24px;box-shadow:inset 0 0 0 1px #6a7076,0 2px 6px rgba(0,0,0,.5)}.nav__scr .scr--tech::after{left:11px;top:4px;width:2.6px;height:16px}
.nav__scr .scr__tip{top:44px;right:-4px}
@media(max-width:900px){.scr--tech{width:22px;height:22px}.nav__scr .scr__tip{right:0}}
/* AI: yönlendirme */
.ai-hint{position:fixed;right:1.1rem;bottom:4.6rem;z-index:80;max-width:260px;background:#fff;border:1px solid var(--line);border-radius:14px 14px 4px 14px;padding:.7rem .9rem;font-size:.85rem;line-height:1.4;box-shadow:0 18px 40px -18px rgba(0,0,0,.5);cursor:pointer;animation:aiin .35s cubic-bezier(.2,.7,.2,1)}
.ai-hint b{color:var(--lcd)}.ai-hint span{color:var(--lcd);font-weight:800}
.ai__opts{display:flex;flex-wrap:wrap;gap:.4rem;align-self:flex-start;max-width:92%}
.ai__opts button,.ai__opts a{font:inherit;font-size:.82rem;font-weight:700;border:1.5px solid var(--lcd);color:var(--lcd);background:#fff;border-radius:999px;padding:.45rem .85rem;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}
.ai__opts button:hover,.ai__opts a:hover{background:var(--lcd);color:#fff}
.ai__opts--a a{background:var(--lcd);color:#fff}.ai__opts--a a:hover{background:var(--lcd-2)}

/* SSS: yanıp sönen durum ledleri */
.faq summary{justify-content:flex-start}.faq summary span{flex:1}
.led-q{flex:none;width:12px;height:12px;border-radius:50%;background:var(--lc);box-shadow:0 0 8px var(--lc),inset 0 0 2px rgba(255,255,255,.7);animation:ledq 1.6s steps(2,end) infinite;animation-delay:calc(var(--i) * -.45s)}
.faq details:nth-child(3n+1) .led-q{--lc:#17a54a}.faq details:nth-child(3n+2) .led-q{--lc:#d23a2f}.faq details:nth-child(3n+3) .led-q{--lc:#1a6fd6}
.faq details[open] .led-q{animation:none;--lc:#17a54a}
@keyframes ledq{0%,100%{opacity:1}50%{opacity:.25}}
.map__brand{position:absolute;right:1.2rem;bottom:1rem;display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:var(--muted);background:rgba(255,255,255,.85);padding:.4rem .7rem;border-radius:999px;border:1px solid var(--line)}
.map__brand img{height:26px;filter:grayscale(1);opacity:.8}.map__brand b{color:var(--ink)}
.ft__brand b{color:#fff}

@media(max-width:760px){.map__brand{position:static;justify-content:center;margin-top:.6rem;order:3}}
/* ON/OFF: rocker şalter + panel lambası */
.dev__sw{gap:.55rem}
.led{width:42px;height:32px;border-radius:7px;background:linear-gradient(180deg,#3b4045,#22262a);border:2px solid #15181a;box-shadow:0 2px 0 #4a5056 inset,0 3px 6px rgba(0,0,0,.4)}
.led::after{width:22px;height:16px;border-radius:5px;background:radial-gradient(circle at 40% 30%,#c8ffd8,#3ee07a 45%,#17a54a 75%,#0d7a34);box-shadow:0 0 14px #2ee06a,inset 0 -2px 3px rgba(0,0,0,.35)}
.onoff{width:84px;height:36px;border-radius:9px;background:#15181a;padding:3px;gap:2px;box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);font-size:.68rem;letter-spacing:.1em;align-items:stretch}
.onoff b,.onoff em{flex:1;display:grid;place-items:center;border-radius:6px;padding:0;position:relative}
.onoff b{background:linear-gradient(180deg,#3fd67a,#17a54a 60%,#0f8a3c);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.25),0 0 10px rgba(46,224,106,.5);transform:translateY(-1px)}
.onoff em{background:linear-gradient(180deg,#9c2a22,#7a1610);color:#f3c9c5;box-shadow:inset 0 3px 5px rgba(0,0,0,.55);transform:translateY(1px)}
.onoff b::after{content:"";position:absolute;left:50%;top:5px;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;transform:translateX(-50%);animation:blink 2.4s infinite}
.dev__sw:hover .onoff b{filter:brightness(1.12)}
.dev__sw small{margin-top:.1rem}
/* mobil: R/O ve iletkenlik yan yana, eşit boy */
@media(max-width:900px){
  .dev__top{grid-template-columns:1fr 1fr;gap:1rem .8rem;padding:1.6rem 1rem 1.2rem;justify-items:stretch}
  .dev__sw{grid-column:1/-1;justify-self:center}
  .dev__lcd{min-width:0;width:100%}.dev__lcd--ro,.dev__lcd--cond{align-self:start}
  .ro,.cm{width:100%;height:118px;min-width:0}
  .ro{padding:3px;border-width:2px}.ro svg{width:100%;height:100%}
  .cm{grid-template-columns:1fr auto;padding:6px;gap:5px}.cm__scr{padding:5px 7px}.cm__v{font-size:1.5rem;margin:0}.cm__b{font-size:.5rem}.cm__u{font-size:.5rem}
  .cm__k i{width:13px;height:11px}.cm__k b{width:13px}
  .dev__sw small,.dev__lcd small{font-size:.56rem;padding:.22rem .55rem;white-space:nowrap}
  .cm__warn{bottom:-1.2rem;font-size:.52rem;letter-spacing:.06em}
}
@media(max-width:380px){.ro,.cm{height:104px}.cm__v{font-size:1.3rem}}
.dev__logo img.dev__epa{display:block;margin:.7rem auto 0;height:40px;width:auto;max-width:none;filter:none;opacity:.85;filter:grayscale(.2);transition:filter .3s,opacity .3s}.dev__logo:hover .dev__epa{filter:none;opacity:1}
.ft__brand{display:inline-flex;align-items:center;gap:.5rem}.ft__epa{height:22px;width:auto;background:#fff;border-radius:4px;padding:2px 4px}

/* ═══ MENÜ: sağ üst MSS işareti · kur şeridi ═══ */
.nav__in{justify-content:flex-start}.nav__links{margin-right:auto}
.nav__mark{display:flex;align-items:center;flex:none;margin-left:.6rem}.nav__mark img{height:52px;width:auto;filter:brightness(0) invert(1);opacity:.95;transition:opacity .2s,transform .3s}.nav__mark:hover img{opacity:1;transform:scale(1.04)}.nav__mark b{font-family:'Barlow Condensed';font-size:2rem;color:#fff}
@media(max-width:1200px){.nav__in{justify-content:space-between}.nav__mark{order:-1;margin:0}.nav__mark img{height:44px}}
@media(max-width:1900px){.nav__links{gap:.8rem}.nav__links a{font-size:.76rem}.nav__mark img{height:44px}.nav__cta .btn--o{display:none}}
.nav .wrap{width:min(1400px,100% - 2.5rem)}
.side__lg{max-width:100%}.side__logos{overflow:hidden}
.kur{display:inline-flex;align-items:center;gap:.35rem;margin-right:1rem;padding:.15rem .6rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.02em}
.kur i{font-style:normal;color:#8fd0ff;font-weight:700}.kur small{font-size:.55rem;color:#aeb5bb;margin-left:.2rem;letter-spacing:.1em}
@media(max-width:900px){.kur{margin-right:.5rem}}


/* ═══ FORM ═══ */
.frm__hd{display:flex;align-items:center;gap:.8rem;background:var(--char);color:#fff;padding:1rem 1.4rem}.frm__hd b{display:block;font-size:1rem}.frm__hd small{color:#aeb5bb;font-size:.75rem}
.frm__led{width:10px;height:10px;border-radius:50%;background:var(--on);box-shadow:0 0 8px var(--on);animation:ledp 2.2s ease-in-out infinite;flex:none}
.frm__step{margin-left:auto;font-family:'DM Mono',monospace;font-size:.7rem;color:#8fd0ff;border:1px solid var(--char-3);padding:.25rem .55rem;border-radius:999px}
.frm__bd{padding:1.5rem}
.fld{position:relative}.fld .lbl i{color:var(--red,#d23a2f);font-style:normal}
.fld__i{position:absolute;left:.85rem;top:2.05rem;font-size:.9rem;color:var(--faint);pointer-events:none;font-style:normal;line-height:1}
.fld .inp{padding-left:2.4rem}.fld textarea.inp{padding-left:.9rem}.fld:has(textarea) .fld__i{display:none}
.inp:focus{box-shadow:0 0 0 4px rgba(26,111,214,.12)}
.seg{display:flex;background:var(--body);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}
.seg label{flex:1;position:relative;cursor:pointer}.seg input{position:absolute;opacity:0;inset:0}.seg span{display:block;text-align:center;font-size:.8rem;font-weight:700;padding:.55rem .3rem;border-radius:8px;color:var(--muted);transition:.2s;white-space:nowrap}
.seg input:checked+span{background:var(--char);color:#fff;box-shadow:0 4px 10px -6px rgba(0,0,0,.6)}
.frm__ft{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.1rem;align-items:center}
.wa-ic{width:16px;height:16px;border-radius:50%;background:#25d366;display:inline-block;margin-right:.4rem;box-shadow:0 0 0 2px rgba(37,211,102,.25)}
.ok{background:#e6f6ec;color:#0d7a34;border:1px solid #bfe8cc;border-radius:10px;padding:.8rem 1rem;font-weight:700;margin-bottom:1rem}.err{background:#fde8e6;color:#8f1e16;border:1px solid #f4c2bd;border-radius:10px;padding:.8rem 1rem;font-weight:700;margin-bottom:1rem}
@media(max-width:560px){.seg span{font-size:.72rem}}
/* ana sayfa iletişim sütunları */
.ct--home{grid-template-columns:1.15fr .85fr;gap:1.5rem;margin-top:1.5rem}
.ct__side{display:grid;gap:.7rem;align-content:start}
.ct__card{display:flex;gap:.9rem;align-items:center;background:var(--body);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.ct__card:hover{transform:translateY(-2px);border-color:var(--lcd);box-shadow:0 16px 30px -20px rgba(26,111,214,.5)}
.ct__ic{width:44px;height:44px;border-radius:12px;background:var(--char);color:#fff;display:grid;place-items:center;font-size:1.1rem;flex:none}
.ct__card--wa .ct__ic{background:#25d366}
.ct__card b{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ct__card i{display:block;font-style:normal;font-weight:700;color:var(--lcd);font-size:.98rem;line-height:1.3}.ct__card small{display:block;color:var(--muted);font-size:.75rem;margin-top:.15rem}
.ct__brand{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:.85rem}.ct__brand img{height:36px}.ct__brand b{color:var(--ink)}
@media(max-width:900px){.ct--home{grid-template-columns:1fr}}
/* dekoratif RO hortum şeridi */
.tube-wrap{background:var(--body);padding:.6rem 0;overflow:hidden}
.tube{display:block;width:min(1200px,100%);height:auto;margin:0 auto}
.tube__flow{animation:tflow 1.6s linear infinite}@keyframes tflow{to{stroke-dashoffset:-58}}
.tube__handle{transform-origin:430px 56px;animation:thandle 6s ease-in-out infinite}@keyframes thandle{0%,60%,100%{transform:rotate(0)}70%,90%{transform:rotate(-90deg)}}

/* menü: ana sayfa ikonu, tek satır, dengeli */
.nav__links a{white-space:nowrap}
.nav__links{margin:0 auto}
.nav__home{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid #5a6168;color:#fff!important;padding:0!important;margin-right:.2rem}
.nav__home svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav__home:hover,.nav__home.is-on{background:var(--lcd);border-color:var(--lcd)}
.nav__home::after{display:none}
/* cihaz altı bağlantı portları: hortumlar cihazdan çıkar */
.dev__ports{display:flex;justify-content:center;gap:3.5rem;padding:0 0 2px;position:relative;z-index:2}
.port{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:-58px}
.port__c{width:22px;height:16px;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#8a9298,#c9d0d6 40%,#eef1f4);box-shadow:0 2px 4px rgba(0,0,0,.35);display:block}
.port__t{width:10px;height:46px;display:block;background:var(--pc);border-radius:0 0 5px 5px;box-shadow:inset 3px 0 3px -1px rgba(255,255,255,.75),inset -3px 0 4px -1px rgba(0,0,0,.35);position:relative;overflow:hidden}
.port__t::after{content:"";position:absolute;left:2px;width:6px;height:14px;border-radius:3px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.8),transparent);animation:bub 2.2s linear infinite}
.port--drain .port__t::after{animation-delay:-.8s}.port--out .port__t::after{background:linear-gradient(180deg,transparent,rgba(31,111,208,.45),transparent);animation-duration:1.8s}
@keyframes bub{0%{top:-16px}100%{top:100%}}
.port small{position:absolute;top:100%;margin-top:2px;font-size:.5rem;letter-spacing:.12em;color:#8a9298;font-weight:700;white-space:nowrap}
.dev{margin-bottom:4.5rem}
@media(max-width:900px){.dev__ports{gap:1.6rem}.port small{font-size:.45rem}}
/* sistem kapalı durumu */
.dev.is-off .led::after{background:radial-gradient(circle at 40% 35%,#ff9a90,#d23a2f 60%,#8f1e16);box-shadow:0 0 10px #d23a2f;animation:none}
.dev.is-off .onoff b{background:linear-gradient(180deg,#5b6a60,#3f4a44);box-shadow:inset 0 3px 5px rgba(0,0,0,.5);transform:translateY(1px)}.dev.is-off .onoff b::after{display:none}
.dev.is-off .onoff em{background:linear-gradient(180deg,#ff5b4e,#d23a2f 60%,#9c2118);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 12px rgba(210,58,47,.6);transform:translateY(-1px)}
.dev.is-off .cm__scr{filter:brightness(.28) saturate(.4);transition:filter .8s}
.dev.is-off .ro svg{filter:brightness(.22) saturate(.3);transition:filter .8s}
.dev.is-lowfeed:not(.is-off) .ro-flow,.dev.is-lowfeed:not(.is-off) .ro-drop,.dev.is-lowfeed:not(.is-off) .ro-pipe{animation-play-state:paused}
.ro-alarm{fill:#ff5a4a!important;font-weight:700;font-size:8px;letter-spacing:.5px;animation:roblink 1s steps(2,end) infinite}@keyframes roblink{0%,100%{opacity:1}50%{opacity:.25}}
.dev.is-off .ro-pipe,.dev.is-off .ro-flow,.dev.is-off .ro-drop,.dev.is-off .ro-uv,.dev.is-off .ro-led circle{animation-play-state:paused}
.dev.is-off .cm__k b{background:#d23a2f;box-shadow:0 0 6px #d23a2f;animation:none}
.dev.is-off .port__t::after,.dev.is-off ~ * .tube__flow{animation-play-state:paused}
.tube__handle.is-closed{animation:none;transform:rotate(-90deg)}
.dev__sw{cursor:pointer}

/* ═══ HORTUM ÜSTÜ VANALAR ═══ */
.port{margin-bottom:-116px}.port__t{height:80px}.dev{margin-bottom:9.5rem}
.pv{position:absolute;top:38px;left:50%;width:38px;height:20px;margin-left:-19px;border:0;padding:0;border-radius:5px;background:linear-gradient(180deg,#fff,#e6eaee 55%,#cfd6dc);box-shadow:0 2px 5px rgba(0,0,0,.45),inset 0 0 0 1px #b9c1c8;cursor:pointer;z-index:3}
.pv::before,.pv::after{content:"";position:absolute;left:11px;width:16px;height:5px;border-radius:2px;background:linear-gradient(180deg,#f4f6f8,#cfd6dc);box-shadow:inset 0 0 0 1px #b9c1c8}.pv::before{top:-5px}.pv::after{bottom:-5px}
.pv__h{position:absolute;left:50%;top:50%;width:42px;height:11px;margin:-5.5px 0 0 -21px;border-radius:4px;background:linear-gradient(180deg,#4d9bf0,#1a56b0);box-shadow:0 2px 4px rgba(0,0,0,.5);transform:rotate(90deg);transform-origin:50% 50%;transition:transform .55s cubic-bezier(.3,1.3,.4,1),background .3s;z-index:2}
.pv__h::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#0d3f8f}
.pv:hover .pv__h{filter:brightness(1.12)}
.pv.is-closed .pv__h{transform:rotate(0deg);background:linear-gradient(180deg,#ff6a5c,#c9342b)}
.port small em{display:block;font-style:normal;color:#17a54a;margin-top:.15rem;letter-spacing:.1em}.port.is-closed small em{color:#d23a2f}
.port.is-closed .port__t::after{animation-play-state:paused;opacity:.3}
@media(max-width:900px){.dev__ports{gap:2.2rem}.dev{margin-bottom:8.5rem}}
/* ═══ GECE MODU (cihaz kapalı) ═══ */
html.night{--body:#1b1e21;--body-2:#22262a;--white:#262a2f;--line:#3a3f45;--ink:#eef1f3;--muted:#aeb5bb;--faint:#7d858c;--char:#0f1214;--char-2:#0b0d0f;--char-3:#22262a}
html.night body{background:var(--body);color:var(--ink)}
html.night .sec--white,html.night .card,html.night .pc,html.night .frm,html.night .map,html.night .doc,html.night .ct__card,html.night .side,html.night .side__in,html.night .map__side,html.night .reg__i,html.night .inp,html.night .ai,html.night .ai__m--a,html.night .manual,html.night .ct__brand,html.night .kv>div,html.night .spec>div,html.night .feat li,html.night .map__brand,html.night .seg,html.night .wlab,html.night .pd__art{background:#262a2f;color:var(--ink);border-color:#3a3f45}
html.night .sec--white{background:#1f2327}
html.night .dev{background:#3b4045;box-shadow:0 0 0 1px #4a5056,0 0 90px rgba(143,208,255,.18),0 50px 90px -30px rgba(0,0,0,.9)}html.night .dev__top,html.night .dev__body{background:#eceeee;border-color:#d9dcde;color:#22262a}html.night .dev__body h1,html.night .dev__body .lead,html.night .dev__body p{color:#22262a}html.night .dev__body .lead{color:#4a5056}html.night .dev__est,html.night .dev__est b{color:#6a7076}html.night .dev__logo img{filter:none}html.night .dev .btn--o{color:#22262a;border-color:#22262a}
html.night h1,html.night h2,html.night h3,html.night .lead,html.night p,html.night .sec__hd,html.night .faq summary,html.night .side__list b,html.night .ct__card i{color:var(--ink)}
html.night .lead,html.night p{color:#c3c9ce}
html.night .btn--o{color:#fff;border-color:#5a6168}
html.night .ai__log,html.night .ai__chips{background:#1f2327}html.night .ai__chips button{background:#2a2e33;color:#eef1f3;border-color:#3a3f45}
html.night .top,html.night .nav,html.night footer{background:#0b0d0f}
html.night .tube-wrap{background:#1b1e21}
html.night img.dev-ghost{opacity:.08}
html.night .side__lg--t span{color:#5a6168}
html.night .gauge__v{color:#eef1f3}
html.night .faq details{border-color:#3a3f45}
html.night .wdot{fill:#3a3f45}html.night .wdot.tr{fill:#1a6fd6}html.night .dot{fill:#3a3f45}
html,body,.sec,.card,.pc,.frm,.map,.dev__top,.dev__body,.side,.ai{transition:background-color .8s,color .8s,border-color .8s}
.manual--soon .manual__ic{background:#8a9298}.manual--soon em{color:var(--muted)}
.manual{box-shadow:0 14px 30px -18px rgba(34,38,42,.55);border-width:1.5px}.manual b{font-size:1rem}.manual__ic{font-size:.7rem;width:48px;height:56px}
html.night .ai-hint{background:#262a2f;color:#eef1f3;border-color:#3a3f45}html.night .pc__meta span{background:#1f2327;color:#c3c9ce}html.night .side{border-color:#3a3f45}
/* gece: logolar görünür olsun */
html.night .side__lg img{filter:grayscale(1) invert(1) brightness(1.6);opacity:.7}html.night .side__lg:hover img{filter:none;opacity:1;background:#fff;border-radius:6px;padding:4px}
html.night .side__vt{color:#3a3f45}
/* vana ipucu */
.dev__ports{position:relative}
.port__hint{position:absolute;left:calc(50% + 120px);top:34px;background:#fff;color:#22262a;border:1px solid var(--line);border-radius:12px 12px 12px 4px;padding:.55rem .8rem;font-size:.78rem;line-height:1.3;white-space:nowrap;box-shadow:0 12px 26px -14px rgba(0,0,0,.5);animation:hintpop .5s cubic-bezier(.2,.8,.2,1) both,fl 3s ease-in-out infinite 1s;pointer-events:none}
.port__hint b{color:var(--lcd)}.port__hint i{font-style:normal;color:var(--lcd);font-weight:800;display:inline-block;animation:nudge 1s ease-in-out infinite}
.port__hint::before{content:"";position:absolute;left:-9px;top:14px;border:5px solid transparent;border-right-color:#fff}
@keyframes hintpop{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
.pv::after{z-index:1}.pv.is-new{animation:pvring 1.6s ease-out infinite}@keyframes pvring{0%{box-shadow:0 2px 5px rgba(0,0,0,.45),inset 0 0 0 1px #b9c1c8,0 0 0 0 rgba(26,111,214,.6)}100%{box-shadow:0 2px 5px rgba(0,0,0,.45),inset 0 0 0 1px #b9c1c8,0 0 0 14px rgba(26,111,214,0)}}
.port small{font-size:.56rem}.port small em{font-size:.52rem}
html.night .port__hint{background:#262a2f;color:#eef1f3;border-color:#3a3f45}html.night .port__hint::before{border-right-color:#262a2f}
@media(max-width:900px){.port__hint{display:none}}
/* ana sayfa: çözüm ortakları şeridi (kayan) */
.pstrip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem 0 1.2rem;overflow:hidden}
.pstrip__hd{width:min(1180px,100% - 3rem);margin:0 auto .9rem;display:flex;align-items:baseline;gap:1rem}.pstrip__hd small{color:var(--muted);font-size:.8rem}
.pstrip__track{display:flex;width:max-content;animation:pslide 38s linear infinite}.pstrip:hover .pstrip__track{animation-play-state:paused}
.pstrip__row{display:flex;align-items:center;gap:3.2rem;padding-right:3.2rem}
.pstrip__it{display:grid;place-items:center;height:56px;min-width:120px}
.pstrip__it img{max-height:52px;max-width:170px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .3s,opacity .3s,transform .3s}.pstrip__it:hover img{filter:none;opacity:1;transform:scale(1.08)}
.pstrip__it b{font-family:'Barlow Condensed',sans-serif;font-size:1.7rem;font-weight:800;color:#b3b9be;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:color .3s}.pstrip__it:hover b{color:var(--char)}
@keyframes pslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html.night .pstrip{background:#1f2327;border-color:#3a3f45}html.night .pstrip__it img{filter:grayscale(1) invert(1) brightness(1.6);opacity:.75}html.night .pstrip__it:hover img{filter:none;opacity:1;background:#fff;border-radius:6px;padding:4px}
/* kenar çubuğu gece: net görünsün */
html.night .side__lg img{filter:grayscale(1) invert(1) brightness(1.8);opacity:.85}
/* AI ön planda */
.nav__ai{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:999px;padding:.55rem .95rem .55rem .6rem;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a6fd6,#7b3fe4);box-shadow:0 8px 18px -8px rgba(123,63,228,.8);transition:transform .2s,box-shadow .2s;flex:none;white-space:nowrap}
.nav__ai i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-style:normal;animation:aispin 4s linear infinite}
.nav__ai:hover{transform:translateY(-1px);box-shadow:0 12px 24px -8px rgba(123,63,228,.9)}
@keyframes aispin{0%,80%{transform:rotate(0)}90%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg)}}
@media(max-width:1560px){.nav__ai span{display:none}.nav__ai{padding:.45rem .5rem}}
@media(max-width:420px){.nav__on{display:none}.nav__cta{gap:.4rem}.nav__mark img{height:38px}}
.btn--ai{background:linear-gradient(135deg,#1a6fd6,#7b3fe4);color:#fff;border:0;box-shadow:0 12px 26px -12px rgba(123,63,228,.9);position:relative;overflow:hidden}
.btn--ai i{font-style:normal;margin-right:.2rem}.btn--ai::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%);animation:shine 3.5s ease-in-out infinite}
@keyframes shine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.ai-fab{padding:.6rem 1.1rem .6rem .7rem;background:linear-gradient(135deg,#1a6fd6,#7b3fe4);border:0;box-shadow:0 18px 40px -14px rgba(123,63,228,.9)}
.ai-fab i{width:34px;height:34px;background:rgba(255,255,255,.18);font-size:1rem}.ai-fab i::after{border-color:#fff}
.ai-fab span{display:grid;line-height:1.1;text-align:left}.ai-fab b{font-size:.9rem}.ai-fab small{font-size:.66rem;font-weight:500;opacity:.85}
.ai__hd{background:linear-gradient(135deg,#1a6fd6,#7b3fe4)}
/* KVKK onay çubuğu + sayfa */
.gdpr{position:fixed;left:50%;bottom:1.1rem;transform:translateX(-50%);width:min(980px,calc(100vw - 2.2rem));z-index:90;animation:kvin .5s cubic-bezier(.2,.8,.2,1)}
.gdpr.is-out{animation:kvout .4s ease forwards}
.gdpr__in{display:flex;align-items:center;gap:1rem;background:var(--char);color:#fff;border:1px solid var(--char-3);border-radius:16px;padding:.9rem 1.1rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.gdpr__ic{width:40px;height:40px;border-radius:12px;background:var(--lcd);display:grid;place-items:center;flex:none;font-size:1.1rem}
.gdpr__t{font-size:.84rem;line-height:1.45;color:#d6dadd}.gdpr__t b{color:#fff}.gdpr__t a{color:#8fd0ff;font-weight:700}
.gdpr__b{display:flex;gap:.5rem;flex:none}.gdpr__b .btn--o{color:#fff;border-color:#5a6168}
@keyframes kvin{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes kvout{to{opacity:0;transform:translate(-50%,20px)}}
@media(max-width:760px){.kv{bottom:.6rem}.gdpr__in{flex-wrap:wrap;padding:.9rem}.gdpr__ic{display:none}.gdpr__b{width:100%;justify-content:flex-end}}
.kvkk{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(1.4rem,3vw,2.4rem);box-shadow:var(--shadow)}
.kvkk p{color:var(--ink);line-height:1.7;margin:0 0 1rem;font-size:1rem}.kvkk p:first-child::first-line{font-weight:700}
.kvkk__meta{font-size:.85rem!important;color:var(--muted)!important;border-top:1px solid var(--line);padding-top:1rem;margin-bottom:0!important}.kvkk__meta a{color:var(--lcd);font-weight:700}
html.night .kvkk{background:#262a2f;border-color:#3a3f45}
@media(max-width:400px){.nav__burger{width:36px;height:36px}.cm__warn{max-width:90vw;white-space:normal;text-align:center}}
.cm__k i{cursor:pointer;transition:background .2s,color .2s}.cm__k i:hover{background:#5a6168}.cm__k i.is-on{background:var(--lcd);border-color:var(--lcd)}
.city.is-quiet text{opacity:.35}
#trMap{transform:scale(1.06);transform-origin:50% 45%}
/* etkileşim ipuçları: şalter ve iletkenlik tuşları */
.tip{position:absolute;background:#fff;color:#22262a;border:1px solid var(--line);border-radius:10px;padding:.4rem .65rem;font-size:.68rem;line-height:1.25;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.5);pointer-events:none;z-index:6;animation:hintpop .5s cubic-bezier(.2,.8,.2,1) both,fl 3s ease-in-out infinite 1s;text-transform:none;letter-spacing:0;font-weight:500}
.tip b{color:var(--lcd);font-weight:800}.tip::before{content:"";position:absolute;border:6px solid transparent}
.dev__sw{position:relative}.tip--sw{left:calc(100% + 14px);top:38%;transform:translateY(-50%)}.tip--sw::before{left:-12px;top:50%;margin-top:-6px;border-right-color:#fff}
.cm{position:relative}.tip--cm{right:-8px;bottom:calc(100% + 12px)}.tip--cm::before{right:16px;bottom:-12px;border-top-color:#fff}
.tip.is-gone{display:none}
.dev__sw.is-new .onoff{animation:pvring 1.6s ease-out infinite;border-radius:9px}.cm.is-new .cm__k i{animation:keyblink 1.2s steps(2,end) infinite}
@keyframes keyblink{0%,100%{background:#3b4045}50%{background:var(--lcd)}}
html.night .tip{background:#262a2f;color:#eef1f3;border-color:#3a3f45}html.night .tip--sw::before{border-right-color:#262a2f}html.night .tip--cm::before{border-top-color:#262a2f}
@media(max-width:900px){.tip{display:none}}
.cm__v{font-size:2.1rem}
.dev__sw{border:0;background:none;font:inherit;padding:0}.dev__lcd{cursor:default}.dev__lcd:hover{transform:none}
.dev__sw:focus,.dev__sw:focus-visible,.pv:focus,.cm__k i:focus{outline:none}
/* mobil: vanalar gövdenin üstünde, müşteri hemen deneyebilsin */
@media(max-width:900px){
  .dev{display:flex;flex-direction:column;margin-bottom:2.5rem}
  .dev__top{order:0}.dev__band{order:1}.dev__ports{order:2;margin:0 0 .4rem;padding:.6rem 0 2.6rem;gap:3.4rem;justify-content:center}.dev__body{order:3;margin-bottom:16px}
  .port{margin-bottom:0}.port__t{height:70px}.port small{font-size:.5rem;letter-spacing:.06em}.port small em{font-size:.5rem}
  .port__hint{display:block;position:static;margin:0 auto .9rem;width:fit-content;max-width:calc(100% - 2rem);white-space:normal;text-align:center;order:-1;animation:hintpop .5s both}.port__hint::before{display:none}
  .dev__ports{flex-wrap:wrap}
}
@media(max-width:600px){.eyebrow .slogan{display:none}.dev__body .eyebrow{justify-content:center}}
/* düşük giriş alarmı: lamba kırmızı yanıp söner, ekran çerçevesi kırmızı */
.dev.is-lowfeed .led::after{background:radial-gradient(circle at 40% 35%,#ff9a90,#d23a2f 60%,#8f1e16);box-shadow:0 0 12px #ff3b2e;animation:blink .5s steps(2,end) infinite}
.dev.is-lowfeed .ro{border-color:#d23a2f;box-shadow:0 0 0 2px rgba(210,58,47,.35),0 6px 18px rgba(0,0,0,.35);animation:roframe 1s steps(2,end) infinite}@keyframes roframe{50%{box-shadow:0 0 0 4px rgba(210,58,47,.6),0 6px 18px rgba(0,0,0,.35)}}
.dev.is-lowfeed .cm__k b{background:#ff3b2e;box-shadow:0 0 8px #ff3b2e;animation:blink .5s steps(2,end) infinite}
.dev.is-lowfeed .cm__warn{opacity:1;animation:blink .8s steps(2,end) infinite;color:#d23a2f}
.gauge__num{display:block;font-family:'DM Mono',ui-monospace,monospace;font-size:.82rem;font-style:normal;color:#8fd0ff;margin-top:.25rem;letter-spacing:.04em;background:#0f1214;border-radius:6px;padding:.15rem .5rem;width:fit-content;margin-inline:auto;box-shadow:inset 0 0 8px rgba(0,0,0,.6)}
.glink{cursor:default}.glink:hover{transform:translateY(-4px)}
/* yüksek basınç: zorlanma ve alarm */
.dev.is-strain{animation:strain .12s linear infinite}@keyframes strain{0%,100%{transform:translate(0,0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}
.dev.is-strain .led::after,.dev.is-trip .led::after{background:radial-gradient(circle at 40% 35%,#ff9a90,#d23a2f 60%,#8f1e16);box-shadow:0 0 14px #ff3b2e;animation:blink .35s steps(2,end) infinite}
.dev.is-trip .ro{border-color:#d23a2f;animation:roframe .7s steps(2,end) infinite}
.dev.is-trip .cm__k b,.dev.is-strain .cm__k b{background:#ff3b2e;box-shadow:0 0 8px #ff3b2e;animation:blink .35s steps(2,end) infinite}
.dev.is-trip .cm__warn,.dev.is-strain .cm__warn{opacity:1;animation:blink .6s steps(2,end) infinite;color:#d23a2f}
.dev.is-strain .glink:nth-child(2) .gauge__dial{box-shadow:0 0 0 3px rgba(210,58,47,.7),0 10px 24px rgba(0,0,0,.45);animation:blink .3s steps(2,end) infinite}
.dev.is-trip .dev__sw .tip{background:#d23a2f;color:#fff;border-color:#d23a2f}.dev.is-trip .dev__sw .tip::before{border-right-color:#d23a2f}
/* iletkenlik tuşları: büyük, tıklanır */
.cm{grid-template-columns:1fr auto;gap:10px}
.cm__k{gap:6px}.cm__k i{width:30px;height:24px;font-size:.72rem;border-radius:5px;border:1px solid #7d858c;background:linear-gradient(180deg,#4a5056,#2e3236);box-shadow:0 2px 0 #15181a;transition:transform .1s,background .2s}
.cm__k i:hover{background:linear-gradient(180deg,#5a6168,#3b4045)}.cm__k i:active{transform:translateY(2px);box-shadow:none}.cm__k i.is-on{background:linear-gradient(180deg,#3d8ee8,#1a56b0);border-color:#1a56b0}
.cm__k b{width:30px;height:8px}
@media(max-width:900px){.cm__k i{width:26px;height:22px}}
/* gece/gündüz anahtarı */
.theme{position:relative;width:64px;height:30px;border-radius:999px;border:1px solid #5a6168;background:linear-gradient(180deg,#22262a,#3b4045);cursor:pointer;padding:0;flex:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.5);transition:background .4s}
.theme__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd35a 55%,#e0a12c);box-shadow:0 2px 6px rgba(0,0,0,.5),0 0 10px rgba(255,211,90,.6);transition:transform .4s cubic-bezier(.3,1.3,.4,1),background .4s}
.theme__sun,.theme__moon{position:absolute;top:50%;transform:translateY(-50%);font-size:.8rem;line-height:1;transition:opacity .3s}.theme__sun{left:8px;color:#ffd35a;opacity:0}.theme__moon{right:8px;color:#aeb5bb}
.theme.is-night{background:linear-gradient(180deg,#0d2a55,#1a3f7a)}.theme.is-night .theme__knob{transform:translateX(34px);background:radial-gradient(circle at 35% 30%,#fff,#cfe4ff 55%,#8fb4e0);box-shadow:0 2px 6px rgba(0,0,0,.5),0 0 10px rgba(143,180,224,.7)}
.theme.is-night .theme__sun{opacity:1}.theme.is-night .theme__moon{opacity:0}
.theme:hover .theme__knob{filter:brightness(1.1)}
@media(max-width:420px){.theme{width:56px;height:28px}.theme.is-night .theme__knob{transform:translateX(26px)}}
/* mobil: ipuçları görünsün */
@media(max-width:900px){
  .tip{display:block;font-size:.62rem;white-space:normal;max-width:220px;text-align:center}
  .tip--sw{left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:max-content}.tip--sw::before{left:50%;top:-12px;margin:0 0 0 -6px;border-right-color:transparent;border-bottom-color:#fff}
  .dev__sw{margin-bottom:2.2rem}
  .tip--cm{right:0;left:0;transform:none;bottom:calc(100% + 8px);width:auto;max-width:none;margin:0}.tip--cm::before{right:auto;left:50%;margin-left:-6px}
  .dev__lcd--ro,.dev__lcd--cond{margin-top:2.6rem}
  html.night .tip--sw::before{border-bottom-color:#262a2f}
}
.pstrip__hd{flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.pstrip__t{font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:800;text-transform:uppercase;color:var(--ink);letter-spacing:.02em}.pstrip__t+small{flex-basis:100%}
@media(max-width:600px){.theme{display:none}.nav__cta{gap:.4rem}}
/* yukarı çık */
.totop{position:fixed;left:1.1rem;bottom:5.2rem;z-index:80;display:flex;align-items:center;gap:.45rem;background:var(--char);color:#fff;border:1px solid var(--char-3);border-radius:999px;padding:.55rem .9rem .55rem .6rem;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 14px 30px -14px #000;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s}
.totop.is-on{opacity:1;transform:none;pointer-events:auto}.totop:hover{background:var(--lcd);border-color:var(--lcd)}
.totop i{width:26px;height:26px;border-radius:50%;background:var(--lcd);display:grid;place-items:center;font-style:normal;font-weight:800}
@media(max-width:600px){.totop span{display:none}.totop{padding:.4rem;bottom:5rem}}
.dev.is-reset .ro svg{animation:boot .9s ease-out infinite}.dev.is-reset .cm__scr{animation:boot .9s ease-out infinite}
/* ═══ MOBİL DÜZELTMELER ═══ */
@media(max-width:1200px){.side{display:none}}
@media(max-width:900px){
  .tip{position:static;transform:none;display:block;margin:.5rem auto 0;width:fit-content;max-width:100%;white-space:normal;text-align:center;animation:none;font-size:.62rem;padding:.3rem .55rem}
  .tip::before{display:none}
  .dev__sw{margin-bottom:0}.dev__lcd--ro,.dev__lcd--cond{margin-top:0}
  .dev__lcd--cond{display:flex;flex-direction:column;align-items:center}
  .cm{grid-template-columns:1fr;gap:6px;width:100%}.cm__k{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.cm__k i{width:44px;height:26px}.cm__k b{width:36px;height:8px}
  .ro,.cm{height:auto}.ro svg{height:auto}
  .cm__warn{position:static;transform:none;margin-top:.35rem;white-space:normal;text-align:center}
  .dev__top{padding:1.2rem .8rem 1rem}
  .sign{position:static;margin:.6rem auto 0;width:fit-content;transform:none}
  .map__brand{display:none}
  .map{padding:.6rem}.map__side{display:none}
  .reg{grid-template-columns:repeat(2,1fr);gap:.5rem}.reg__i{padding:.6rem .7rem}
}
@media(max-width:600px){.dev__top{grid-template-columns:1fr}.dev__lcd{width:100%}.ro{width:100%}}
@media(max-width:600px){.tube-wrap{display:none}}
/* numune musluğu: kapalı = kol yatay (varsayılan), açık = dik, damla akar */
.pv--tap .pv__h{background:linear-gradient(180deg,#8fd0ff,#1a6fd6);transform:rotate(0)}
.port--sample.is-open .pv__h{transform:rotate(90deg)}
.port--sample .port__t::after{display:none}
.port__drip{position:absolute;left:50%;top:78px;width:6px;height:9px;margin-left:-3px;border-radius:50% 50% 50% 50%/40% 40% 60% 60%;background:#5ec1f0;opacity:0}
.port--sample.is-open .port__drip{animation:drip 1.1s ease-in infinite}@keyframes drip{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(34px) scale(1)}}
.port--sample.is-open .port__t::after{display:block}
/* bekleme: R/O gösterge durur */
.dev.is-idle .ro-pipe,.dev.is-idle .ro-flow,.dev.is-idle .ro-drop,.dev.is-idle .ro-uv{animation-play-state:paused}
.dev.is-idle .ro svg{filter:brightness(.85)}
.dev__ports{gap:2.6rem}
@media(max-width:900px){.dev__ports{gap:1.4rem}.port small{font-size:.46rem}}
/* iletkenlik ipucu masaüstünde ekranın üstünde */
.tip--cm{bottom:auto;top:-2.6rem;left:50%;right:auto;transform:translateX(-50%);width:max-content}.tip--cm::before{left:50%;margin-left:-6px;right:auto;bottom:-12px;top:auto;border-top-color:#fff;border-bottom-color:transparent}
@media(max-width:900px){.tip--cm{position:static;transform:none;margin:.5rem auto 0}}
.dev__ports{gap:4.2rem}
.port small{white-space:normal;width:84px;text-align:center;line-height:1.25;left:50%;transform:translateX(-50%)}
.port__hint{left:calc(50% + 215px)}
@media(max-width:900px){.dev__ports{gap:1.2rem;justify-content:space-evenly}.port small{width:70px;font-size:.44rem}}
/* ═══ NELER YAPIYORUZ · GRUP SİTELERİ (kompakt) ═══ */
.grp{background:#fff;border-top:1px solid var(--line);padding:1.8rem 0 2rem}
.grp__hd{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;margin-bottom:1rem}
.grp__hd h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em}.grp__hd h3 em{color:var(--lcd);font-style:normal}.grp__hd small{color:var(--muted);font-size:.8rem;margin-left:auto}
.grp__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem}
.grp__it{display:flex;gap:.6rem;align-items:center;background:var(--body);border:1px solid var(--line);border-radius:14px;padding:.7rem .7rem;text-decoration:none;color:var(--ink);min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.grp__it:hover{transform:translateY(-3px);background:#fff;border-color:var(--lcd);box-shadow:0 16px 28px -20px rgba(26,111,214,.5)}
.grp__ic{width:34px;height:34px;border-radius:10px;background:var(--char);display:grid;place-items:center;flex:none}
.grp__ic i{width:10px;height:14px;border-radius:50% 50% 50% 50%/40% 40% 60% 60%;background:linear-gradient(180deg,#8fd0ff,#1a6fd6);transform:rotate(180deg)}.grp__it:hover .grp__ic i{animation:fl 2s ease-in-out infinite}
.grp__bd{display:grid;min-width:0;line-height:1.2}.grp__bd b{font-size:.8rem;white-space:normal}.grp__bd small{display:none}.grp__bd em{font-style:normal;font-size:.66rem;color:var(--lcd);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1200px){.grp__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.grp__grid{grid-template-columns:repeat(2,1fr)}.grp__hd small{display:none}}
html.night .grp{background:#1f2327;border-color:#3a3f45}html.night .grp__it{background:#262a2f;border-color:#3a3f45}
.ft__grp{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--char-3);font-size:.8rem;color:#aeb5bb}.ft__grp span{font-weight:800;color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.ft__grp a{color:#c3c9ce;text-decoration:none}.ft__grp a:hover{color:#8fd0ff}
html.night .grp{background:#1b1e21}html.night .grp__it{background:#262a2f;border-color:#3a3f45}
/* global sağ kenar: tüm sayfalarda, zemine karışır */
.side__in{background:transparent}
html.night .side{border-color:#3a3f45}
.lay__main .dev-wrap .wrap{width:min(1180px,100% - 3rem)}
/* kenar: logolar tüm yüksekliğe yayılır, daha belirgin */
.side__logos{gap:.6rem;justify-content:space-evenly}.side__lg{max-height:110px}.side__lg img{opacity:.9;filter:grayscale(1) contrast(1.2)}.side__lg+.side__lg{border-top:0}
/* referanslar */
.refs{background:transparent}
.refs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.4rem}
.refs__it{display:flex;align-items:center;gap:.65rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-weight:600;font-size:.92rem;animation:hintpop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s);transition:transform .2s,border-color .2s}
.refs__it:hover{transform:translateY(-2px);border-color:var(--lcd)}
.refs__it i{width:22px;height:22px;border-radius:50%;background:#e6f6ec;color:#0d7a34;display:grid;place-items:center;font-style:normal;font-size:.72rem;font-weight:800;flex:none}
@media(max-width:900px){.refs__grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.refs__grid{grid-template-columns:1fr}}
html.night .refs{background:#1b1e21}html.night .refs__it{background:#262a2f;border-color:#3a3f45}
/* ═══ BELGELER: aynı sayfada büyüt, indirmeye kapalı ═══ */
.doc{font:inherit;text-align:left;cursor:zoom-in;background:#fff;border:1px solid var(--line);padding:0;width:100%}
.doc img{pointer-events:none;user-select:none;-webkit-user-drag:none}
.lb{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:1.2rem}
.lb__bg{position:absolute;inset:0;background:rgba(15,18,20,.88);backdrop-filter:blur(6px);animation:lbfade .25s ease}
.lb__box{position:relative;max-width:min(960px,96vw);max-height:92vh;display:grid;grid-template-rows:1fr auto;animation:lbpop .35s cubic-bezier(.2,.8,.2,1)}
.lb__view{position:relative;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 40px 80px -20px #000;max-height:80vh;display:grid;place-items:center;user-select:none;-webkit-user-select:none}
.lb__view img{max-width:min(960px,96vw);max-height:80vh;display:block;pointer-events:none;-webkit-user-drag:none}
.lb__view iframe{width:min(960px,96vw);height:80vh;border:0;background:#fff}
.lb__view::after{content:"";position:absolute;inset:0}
.lb__cap{color:#fff;text-align:center;padding:.7rem 0 0;font-weight:700;letter-spacing:.04em}
.lb__mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg);font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.2rem,3vw,2.2rem);font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:rgba(26,111,214,.12);white-space:nowrap;pointer-events:none;max-width:90%;overflow:hidden;text-overflow:clip}
.lb__x{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#22262a;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.5);z-index:2}
@keyframes lbfade{from{opacity:0}}@keyframes lbpop{from{opacity:0;transform:scale(.85)}}
.lb[hidden]{display:none}
.ft__logo .ft__mark{height:72px;width:auto;filter:brightness(0) invert(1);opacity:.95}
.ft__grp{gap:.5rem .6rem;padding:1.1rem 0}
.ft__grp span{margin-right:.4rem}
.ft__grp a{display:inline-flex;align-items:center;gap:.35rem;background:var(--char-3);border:1px solid #4a5056;border-radius:999px;padding:.3rem .7rem;font-size:.74rem;font-weight:600;color:#e6e9eb;transition:background .2s,border-color .2s}
.ft__grp a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lcd)}
.ft__grp a:hover{background:var(--lcd);border-color:var(--lcd);color:#fff}
/* iletişim sayfası */
.ct--page{grid-template-columns:1.15fr .85fr;gap:1.5rem}
.ct__map{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.ct__map iframe{width:100%;height:220px;border:0;display:block;filter:grayscale(.2)}
.ct__mapcap{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.8rem 1rem;text-decoration:none;color:var(--ink)}.ct__mapcap>span{display:grid;gap:.1rem}
.ct__mapcap b{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ct__mapcap small{font-size:.85rem;color:var(--ink);font-weight:600}.ct__mapcap em{font-style:normal;color:var(--lcd);font-weight:800;font-size:.85rem;white-space:nowrap}
.ct__steps{background:var(--char);color:#fff;border-radius:16px;padding:1rem 1.1rem}.ct__steps b{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#aeb5bb;margin-bottom:.6rem}
.ct__steps ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.ct__steps li{display:flex;gap:.6rem;align-items:center;font-size:.88rem;color:#e6e9eb}.ct__steps li i{width:22px;height:22px;border-radius:50%;background:var(--lcd);display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:800;flex:none}
@media(max-width:900px){.ct--page{grid-template-columns:1fr}}
html.night .ct__map{background:#262a2f;border-color:#3a3f45}html.night .ct__mapcap{color:#eef1f3}html.night .ct__mapcap small{color:#eef1f3}
@media(min-width:1201px){.pstrip{display:none}}
.tube-wrap{background:linear-gradient(180deg,var(--body),#e4e7e9)}

/* Eppatech filigran (arka plan) */
.wm{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--wm) center 46% / min(62vw,720px) no-repeat;opacity:.04;filter:grayscale(1)}
html.night .wm{opacity:.06;filter:grayscale(1) invert(1)}
.lay{position:relative;z-index:1}

/* Sayılarla biz — kurumsal, açık zemin */
.stats{position:relative;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.stats::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(31,111,208,.10),transparent 65%);pointer-events:none}
.stats__in{position:relative;display:grid;grid-template-columns:minmax(260px,.9fr) 1.4fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.stats__lead h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;margin:.4rem 0 .9rem}
.stats__lead .lead{margin:0 0 1.4rem;max-width:420px}
.btn--ghost{display:inline-flex;align-items:center;gap:.4rem;border:1.5px solid var(--char);color:var(--char);background:transparent;border-radius:999px;padding:.6rem 1.1rem;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.btn--ghost:hover{background:var(--char);color:#fff}
.stats__grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 20px 50px -30px rgba(20,30,40,.25)}
.stat{position:relative;padding:1.8rem 1.6rem 1.6rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);animation:hintpop .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s);transition:background .25s}
.stat:nth-child(2n){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}
.stat:hover{background:#f6f9fd}
.stat__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf2fc;color:var(--blue,#1f6fd0);margin-bottom:1rem}
.stat__ic svg{width:24px;height:24px}
.stat__num{display:flex;align-items:flex-start;gap:.1rem;line-height:1}
.stat__n{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;letter-spacing:-.04em;color:var(--char);font-variant-numeric:tabular-nums}
.stat__suf{font-style:normal;font-size:1.3rem;font-weight:800;color:var(--blue,#1f6fd0);margin-top:.2rem}
.stat__l{display:block;margin-top:.5rem;font-weight:600;color:#5c666f;font-size:.92rem;letter-spacing:.01em}
.stat__bar{display:block;height:3px;border-radius:3px;background:#e8ecf0;margin-top:1rem;overflow:hidden}
.stat__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1f6fd0,#5aa6f5);transition:width 1.8s cubic-bezier(.2,.8,.2,1)}
.stat.is-done .stat__bar i{width:var(--w,70%)}
html.night .stats{background:#1a1e22;border-color:#2a3036}html.night .stats__grid{background:#1f2327;border-color:#2a3036}html.night .stat{border-color:#2a3036}html.night .stat:hover{background:#242a30}
html.night .stat__n{color:#fff}html.night .stat__l{color:#aeb5bb}html.night .stat__ic{background:#243449;color:#8fd0ff}html.night .stat__bar{background:#2c3339}
html.night .btn--ghost{border-color:#cfd5da;color:#fff}html.night .btn--ghost:hover{background:#fff;color:#111}
@media(max-width:1000px){.stats__in{grid-template-columns:1fr;gap:1.6rem}.stats__lead .lead{max-width:none}}
@media(max-width:600px){.stat{padding:1.2rem 1rem 1.1rem}.stat__ic{width:38px;height:38px;margin-bottom:.7rem}.stat__ic svg{width:20px;height:20px}}