/* =====================================================================
   IsıNem Takip — site stilleri
   ===================================================================== */
@font-face{font-family:"Jakarta";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/pjs-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jakarta";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/pjs-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/sg-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/sg-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --navy-950:#060b15;--navy-900:#0b1424;--navy-800:#111d31;--navy-700:#1a2943;--navy-600:#243756;--navy-500:#34507c;
  --orange:#ff5a1f;--orange-600:#e5480f;--amber:#ffb020;--cyan:#19b4e8;--mint:#14c08b;--green:#12a06f;--wa:#25d366;--red:#e5383b;
  --ink:#0b1424;--text:#4a566c;--muted:#6b778c;--line:#e6eaf1;--line-2:#d6dce7;--soft:#f3f5f9;--soft-2:#e9edf4;--white:#fff;--hero-bg:#eef2f7;
  --grad:linear-gradient(135deg,#ff7a3d 0%,#ff5a1f 55%,#f0450c 100%);
  --grad-navy:linear-gradient(135deg,#0b1424 0%,#111d31 60%,#1a2943 100%);
  --r-sm:12px;--r:18px;--r-lg:26px;
  --sh-sm:0 1px 2px rgba(11,20,36,.05),0 2px 10px rgba(11,20,36,.05);
  --sh:0 16px 36px -16px rgba(11,20,36,.24);
  --sh-lg:0 34px 70px -24px rgba(11,20,36,.4);
  --ease:cubic-bezier(.2,.75,.2,1);
  --hdr-h:76px;--wrap:1240px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;font-family:"Jakarta",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{color:var(--ink);line-height:1.15;letter-spacing:-.022em;font-weight:800;margin:0}
p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
ul,ol{margin:0;padding:0}
address{font-style:normal}
dialog{color:inherit}
::selection{background:rgba(242,138,26,.25)}
:focus-visible{outline:3px solid rgba(242,138,26,.55);outline-offset:2px;border-radius:6px}
.ico{width:1.15em;height:1.15em;flex:none}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.narrow{max-width:820px}
.center{text-align:center;justify-content:center}
.muted{color:var(--muted)}
.mt-2{margin-top:16px}.mt-3{margin-top:28px}.pt-0{padding-top:0!important}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--navy-800);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;transition:top .2s}
.skip:focus{top:12px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* Butonlar ------------------------------------------------------------ */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.85em 1.35em;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease),box-shadow .25s,background-color .2s,border-color .2s,color .2s}
.btn .ico{transition:transform .25s var(--ease)}
.btn:hover .ico:last-child{transform:translateX(3px)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.btn:hover::after{transform:translateX(120%)}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 22px -10px rgba(242,138,26,.85)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(242,138,26,.9)}
.btn-light{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn-light:hover{border-color:var(--orange);color:var(--orange-600);transform:translateY(-2px)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 10px 22px -12px rgba(37,211,102,.9)}
.btn-wa:hover{transform:translateY(-2px);background:#1fbe5b}
.btn-glass{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.btn-sm{padding:.62em 1em;font-size:.86rem;border-radius:10px}
.btn-lg{padding:1em 1.6em;font-size:1rem;border-radius:14px}
.btn-block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:.4em;font-weight:700;color:var(--orange-600);font-size:.94rem}
.link-arrow .ico{transition:transform .25s var(--ease)}
.link-arrow:hover .ico,a:hover>.link-arrow .ico{transform:translateX(4px)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--soft-2);color:var(--navy-700);font-weight:700;font-size:.76rem;letter-spacing:.01em}
.chip-lg{padding:6px 14px;font-size:.88rem}
.chip-soft{background:#fff;border:1px solid var(--line);color:var(--text);padding:5px 12px;font-size:.86rem}
.chip-soft:hover,.chip-lg:hover{border-color:var(--orange);color:var(--orange-600)}
.badge{position:absolute;top:12px;left:12px;z-index:2;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.badge-new{background:var(--green);color:#fff}

/* Üst bar ------------------------------------------------------------- */
.topbar{background:var(--navy-900);color:rgba(255,255,255,.72);font-size:.82rem;view-transition-name:topbar}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.tb-left,.tb-right{display:flex;align-items:center;gap:20px}
.tb-left a,.tb-left>span{display:inline-flex;align-items:center;gap:7px;transition:color .2s}
.tb-left .ico{color:var(--amber);width:15px;height:15px}
.tb-left a:hover{color:#fff}
.tb-right{gap:6px}
.tb-social{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;transition:background .2s,color .2s}
.tb-social .ico{width:15px;height:15px}
.tb-social:hover{background:rgba(255,255,255,.1);color:#fff}
.lang-sw{display:flex;margin-left:10px;padding:3px;border-radius:999px;background:rgba(255,255,255,.08)}
.lang-sw a{padding:3px 10px;border-radius:999px;font-weight:700;font-size:.74rem;letter-spacing:.04em;color:rgba(255,255,255,.7);transition:all .2s}
.lang-sw a[aria-current]{background:#fff;color:var(--navy-800)}
.lang-sw a:not([aria-current]):hover{color:#fff}

/* Header -------------------------------------------------------------- */
.hdr{position:sticky;top:0;z-index:50;view-transition-name:hdr;border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.hdr.is-scrolled{box-shadow:0 8px 30px -18px rgba(10,26,58,.35);border-color:var(--line)}
.hdr-in{display:flex;align-items:center;gap:24px;height:var(--hdr-h);transition:height .3s var(--ease)}
.hdr.is-scrolled .hdr-in{height:66px}
.logo{flex:none;display:block}
.logo img{height:46px;width:auto;transition:height .3s var(--ease)}
.hdr.is-scrolled .logo img{height:40px}
.nav{margin-left:auto}
.nav-list{display:flex;align-items:center;gap:2px;list-style:none}
.nav-list>li>a{position:relative;display:inline-flex;align-items:center;gap:4px;padding:10px 13px;border-radius:10px;font-weight:650;font-size:.95rem;color:var(--ink);transition:color .2s,background .2s}
.nav-list>li>a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-list>li>a:hover{color:var(--orange-600)}
.nav-list>li>a:hover::after,.nav-list>li>a[aria-current]::after{transform:scaleX(1)}
.nav-list>li>a[aria-current]{color:var(--orange-600)}
.chev{width:15px;height:15px;transition:transform .3s}
.has-mega:hover .chev,.has-mega:focus-within .chev{transform:rotate(180deg)}
.sub-toggle{display:none}
.mega{position:absolute;left:0;right:0;top:100%;padding-top:2px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .3s var(--ease),visibility .25s}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-in{width:min(100% - 40px,var(--wrap));margin:0 auto;display:grid;grid-template-columns:1fr 290px;gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:0 0 22px 22px;box-shadow:var(--sh-lg)}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mega-item{display:flex;gap:14px;padding:14px;border-radius:14px;transition:background .2s}
.mega-item:hover{background:var(--soft)}
.mega-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--soft-2);color:var(--navy-700);transition:all .3s var(--ease)}
.mega-ico .ico{width:24px;height:24px}
.mega-item:hover .mega-ico{background:var(--grad);color:#fff;transform:rotate(-6deg) scale(1.05)}
.mega-item b{display:block;color:var(--ink);font-size:.95rem;line-height:1.3}
.mega-item small{display:block;color:var(--muted);font-size:.8rem;line-height:1.45;margin-top:3px}
.mega-side{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:22px;border-radius:16px;background:var(--grad-navy);color:rgba(255,255,255,.8);position:relative;overflow:hidden}
.mega-side::before{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(246,180,32,.45),transparent 70%)}
.mega-side p{position:relative;font-weight:700;color:#fff;font-size:1.05rem;line-height:1.4;margin-bottom:8px}
.hdr-act{display:flex;align-items:center;gap:8px}
.icon-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--ink);transition:all .2s}
.icon-btn .ico{width:20px;height:20px}
.icon-btn:hover{border-color:var(--orange);color:var(--orange-600)}
.qcount{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--grad);color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.qcount.bump{animation:bump .5s var(--ease)}
.hdr-cta{margin-left:4px}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s}
.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .burger span:nth-child(2){opacity:0}
.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile-extra{display:none}
.hdr-search{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--sh);padding:14px 0;animation:dropIn .3s var(--ease)}
.hdr-search-in{display:flex;align-items:center;gap:12px}
.hdr-search-in>.ico{color:var(--muted);width:22px;height:22px}
.hdr-search input{flex:1;border:0;outline:0;font-size:1.1rem;padding:10px 0;background:transparent;color:var(--ink)}
.draft-bar{background:#fff7e6;color:#8a5300;text-align:center;padding:10px 16px;font-weight:700;font-size:.9rem;border-bottom:1px solid #f6d48a}

/* Hero slider --------------------------------------------------------- */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-900);color:#fff;min-height:clamp(560px,80vh,740px);display:flex;flex-direction:column}
.hero-bg{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 70% 40%,#000 20%,transparent 75%)}
.hero-glow{position:absolute;inset:-20%;background:radial-gradient(closest-side at 72% 38%,rgba(39,169,225,.28),transparent),radial-gradient(closest-side at 18% 85%,rgba(242,138,26,.22),transparent),radial-gradient(closest-side at 95% 95%,rgba(36,74,143,.6),transparent);animation:glow 18s ease-in-out infinite alternate}
.hero-slides{position:relative;display:grid;flex:1}
.slide{grid-area:1/1;position:relative;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 1s}
.slide.is-active{opacity:1;visibility:visible;z-index:1}
.slide-in{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:64px 0 120px}
.slide.has-img .slide-in{grid-template-columns:minmax(0,720px)}
.slide-photo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.slide-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 8s linear}
.slide.is-active .slide-photo img{transform:scale(1)}
.slide-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,46,.94) 0%,rgba(7,20,46,.7) 50%,rgba(7,20,46,.25) 100%)}
.slide-copy>*{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.slide.is-active .slide-copy>*{opacity:1;transform:none}
.slide.is-active .slide-copy>:nth-child(2){transition-delay:.12s}
.slide.is-active .slide-copy>:nth-child(3){transition-delay:.24s}
.slide.is-active .slide-copy>:nth-child(4){transition-delay:.36s}
.slide-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border-radius:999px;background:rgba(242,138,26,.13);border:1px solid rgba(246,180,32,.35);color:#ffc56b;font-weight:700;font-size:.84rem;margin-bottom:22px}
.pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--amber)}
.pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--amber);animation:ping 1.8s ease-out infinite}
.slide-title{color:#fff;font-size:clamp(2.15rem,4.6vw,3.9rem);line-height:1.06;letter-spacing:-.032em;max-width:13.5em}
.slide-text{margin-top:20px;color:rgba(255,255,255,.74);font-size:1.12rem;max-width:34em}
.slide-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.slide-art{justify-self:end;width:100%;max-width:520px}
.slide-svg{width:100%;height:auto;overflow:visible}
.slide.is-active .slide-svg{animation:artIn 1.3s var(--ease) both}
.slide-svg .spin{transform-box:fill-box;transform-origin:center;animation:spin 40s linear infinite}
.slide-svg .chip-f{animation:bob 5s ease-in-out infinite}
.slide-svg .blink{animation:blink 1.6s ease-in-out infinite}
.slide-svg .beam{transform-box:fill-box;transform-origin:100% 50%;animation:beam 5s ease-in-out infinite}
.slide-svg .lens{animation:lens 3s ease-in-out infinite}
.slide-svg .smoke{animation:smoke 3.2s ease-in-out infinite}
.slide-svg .flow{animation:flow 1.2s linear infinite}
.slide-svg .scan{animation:scan 2.4s ease-in-out infinite}
.slide-svg .dev{animation:float 7s ease-in-out infinite}
.hero-ctrl{position:absolute;left:0;right:0;bottom:84px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}
.hero-ctrl>*{pointer-events:auto}
.hero-dots{display:flex;gap:8px}
.hero-dots button{width:56px;height:24px;padding:0;border:0;background:none;display:flex;align-items:center}
.hero-dots span{position:relative;display:block;width:100%;height:4px;border-radius:4px;background:rgba(255,255,255,.22);overflow:hidden}
.hero-dots span::after{content:"";position:absolute;inset:0;background:var(--grad);transform:scaleX(0);transform-origin:left}
.hero-dots [aria-selected=true] span::after{animation:progress var(--dur,7s) linear forwards}
.hero.paused .hero-dots [aria-selected=true] span::after{animation-play-state:paused}
.hero-arrows{display:flex;gap:8px}
.hero-arrows button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;transition:all .25s}
.hero-arrows button:hover{background:#fff;color:var(--navy-800)}
.hero-arrows .i-play,.hero.paused .hero-arrows .i-pause{display:none}
.hero.paused .hero-arrows .i-play{display:block}

/* İstatistik ---------------------------------------------------------- */
.stats-wrap{position:relative;z-index:4;margin-top:-58px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;box-shadow:var(--sh-lg);border:1px solid var(--line);padding:26px 8px}
.stat{text-align:center;padding:6px 16px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(135deg,var(--navy-700),var(--navy-500));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat>span{display:block;margin-top:6px;color:var(--muted);font-weight:600;font-size:.9rem}
.stats-inline{margin:0;padding:0 0 70px}

/* Bölümler ------------------------------------------------------------ */
.sec{padding:clamp(64px,8.5vw,108px) 0}
.sec-tight{padding:52px 0 80px}
.sec-soft{background:var(--soft)}
.sec-dark{background:var(--navy-900);color:rgba(255,255,255,.72)}
.sec-dark h2,.sec-dark h3{color:#fff}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px}
.shead h2{font-size:clamp(1.75rem,3.1vw,2.55rem);max-width:19em;margin-top:12px}
.shead p{margin-top:14px;max-width:44em;color:var(--muted);font-size:1.05rem}
.sec-dark .shead p{color:rgba(255,255,255,.65)}
.shead-c{flex-direction:column;align-items:center;text-align:center}
.shead-c h2,.shead-c p{margin-inline:auto}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--orange-600);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.kicker::before{content:"";width:24px;height:2px;border-radius:2px;background:var(--grad)}
.sec-dark .kicker{color:var(--amber)}

/* Kategori kartları */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat-card{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:22px;background:#fff;border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.cat-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px circle at var(--mx,80%) var(--my,0%),rgba(242,138,26,.09),transparent 45%);opacity:0;transition:opacity .4s}
.cat-card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent}
.cat-card:hover::before{opacity:1}
.cat-ico{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:var(--soft-2);color:var(--navy-700);transition:all .4s var(--ease)}
.cat-ico .ico{width:30px;height:30px}
.cat-card:hover .cat-ico{background:var(--grad);color:#fff;transform:rotate(-8deg) scale(1.06);box-shadow:0 12px 24px -10px rgba(242,138,26,.8)}
.cat-n{position:absolute;top:20px;right:26px;font-size:3rem;font-weight:800;color:var(--soft-2);letter-spacing:-.04em;line-height:1;transition:color .3s}
.cat-card:hover .cat-n{color:rgba(242,138,26,.13)}
.cat-card h3{font-size:1.22rem;margin:24px 0 8px}
.cat-card p{color:var(--muted);font-size:.94rem}
.cat-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;font-weight:700;font-size:.88rem;color:var(--navy-600)}
.cat-go{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);color:var(--ink);transition:all .35s var(--ease)}
.cat-card:hover .cat-go{background:var(--navy-800);border-color:var(--navy-800);color:#fff;transform:rotate(45deg)}

/* Tanıtım */
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.intro-copy h2{font-size:clamp(1.75rem,3vw,2.5rem);margin:12px 0 18px}
.prose-sm p{margin-bottom:14px;font-size:1.03rem}
.checks{list-style:none;display:grid;gap:10px;margin-top:18px}
.checks li{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-weight:600;font-size:.95rem}
.checks .ico{width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(242,138,26,.14);color:var(--orange-600);stroke-width:3;margin-top:1px}
.checks-2{grid-template-columns:1fr 1fr}
.intro-visual{position:relative;padding:36px;border-radius:28px;background:var(--grad-navy);color:#fff;overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:center;gap:26px}
.intro-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%);mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%)}
.intro-visual::after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(246,180,32,.35),transparent 70%)}
.iv-main{position:relative;z-index:1;display:flex;align-items:center;gap:20px}
.iv-main img{width:96px;height:96px;border-radius:50%;background:#fff;padding:8px;box-shadow:0 0 0 8px rgba(255,255,255,.08);animation:float 6s ease-in-out infinite}
.iv-main b{font-size:3.2rem;font-weight:800;line-height:1;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.iv-main span{display:block;font-weight:700;color:rgba(255,255,255,.85);max-width:10em;line-height:1.35}
.iv-cloud{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}
.iv-cloud span{padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:.84rem;color:rgba(255,255,255,.9);transition:all .3s}
.iv-cloud span:nth-child(3n+1){animation:bob 6s ease-in-out infinite}
.iv-cloud span:nth-child(4n+2){animation:bob 7s ease-in-out infinite .8s}
.iv-cloud span:hover{background:var(--grad);border-color:transparent}
.iv-badge{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#fff;color:var(--ink);font-weight:700;font-size:.9rem;box-shadow:var(--sh)}
.iv-badge .ico{color:var(--green);width:22px;height:22px}

/* Ürün kartları ------------------------------------------------------- */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pgrid-3{grid-template-columns:repeat(3,1fr)}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:transparent}
.pcard-media{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#fff 0%,var(--soft) 100%);overflow:hidden}
.pcard-img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .7s var(--ease)}
.pcard:hover .pcard-img{transform:scale(1.07)}
.pcard-ph .ico{width:68px;height:68px;color:#a7b8d2;stroke-width:1.2;transition:color .4s,transform .6s var(--ease)}
.pcard:hover .pcard-ph .ico{color:var(--orange);transform:scale(1.1) rotate(-6deg)}
.pcard-body{display:flex;flex-direction:column;flex:1;padding:18px}
.pcard-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}
.pcard h3{font-size:1.02rem;line-height:1.35;margin:10px 0 6px;letter-spacing:-.01em}
.pcard h3 a{transition:color .2s}
.pcard h3 a:hover{color:var(--orange-600)}
.pcard p{flex:1;color:var(--muted);font-size:.87rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard-act{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-2)}
.qadd{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:10px;background:var(--soft-2);color:var(--navy-700);font-weight:700;font-size:.82rem;transition:all .25s var(--ease)}
.qadd .ico{width:16px;height:16px;stroke-width:2.4}
.qadd:hover{background:var(--navy-800);color:#fff}
.qadd.is-in{background:#e8f7ee;color:var(--green)}
.qadd-lg{padding:1em 1.6em;font-size:1rem;border-radius:14px;background:var(--grad);color:#fff}
.qadd-lg.is-in{background:#e8f7ee;color:var(--green);box-shadow:none}

/* Marka şeridi -------------------------------------------------------- */
.sec-brands{overflow:hidden}
.marquee{overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.marquee+.marquee{margin-top:10px}
.marquee-track{display:flex;width:max-content;animation:marquee 70s linear infinite}
.marquee.rev .marquee-track{animation-direction:reverse;animation-duration:80s}
.marquee:hover .marquee-track{animation-play-state:paused}
.brand-tile{flex:none;display:grid;place-items:center;height:78px;min-width:176px;padding:0 30px;margin-right:16px;border-radius:18px;background:#fff;border:1px solid var(--line);font-weight:800;font-size:1.12rem;color:var(--navy-600);letter-spacing:-.01em;transition:all .3s var(--ease)}
.brand-tile:hover{border-color:var(--orange);color:var(--orange-600);transform:translateY(-3px);box-shadow:var(--sh-sm)}
.brand-logo{max-height:42px;width:auto;filter:grayscale(1);opacity:.75;transition:all .3s}
.brand-tile:hover .brand-logo{filter:none;opacity:1}

/* Hizmetler */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s}
.svc-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.svc-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--navy-800);color:var(--amber);margin-bottom:6px;transition:transform .4s var(--ease)}
.svc-ico .ico{width:27px;height:27px}
.svc-card:hover .svc-ico{transform:rotate(-8deg) scale(1.06)}
.svc-card h3{font-size:1.15rem}
.svc-card p{color:var(--muted);font-size:.94rem;flex:1}
.svc-list{display:grid;gap:14px}
.svc-row{display:grid;grid-template-columns:56px 60px 1fr 50px;align-items:center;gap:20px;padding:24px 28px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:all .4s var(--ease)}
.svc-row .svc-ico{margin:0}
.svc-num{font-size:1.6rem;font-weight:800;color:var(--line-2);letter-spacing:-.03em}
.svc-txt b{display:block;color:var(--ink);font-size:1.18rem;margin-bottom:4px}
.svc-txt span{color:var(--muted);font-size:.95rem}
.svc-go{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);color:var(--ink);transition:all .35s var(--ease)}
.svc-row:hover{background:var(--navy-800);border-color:var(--navy-800);transform:translateX(6px)}
.svc-row:hover .svc-txt b{color:#fff}
.svc-row:hover .svc-txt span{color:rgba(255,255,255,.7)}
.svc-row:hover .svc-num{color:var(--amber)}
.svc-row:hover .svc-go{background:var(--grad);border-color:transparent;color:#fff;transform:rotate(45deg)}

/* Neden biz */
.why{position:relative;overflow:hidden;isolation:isolate}
.why-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(600px circle at 10% 0%,rgba(39,169,225,.18),transparent 60%),radial-gradient(700px circle at 100% 100%,rgba(242,138,26,.16),transparent 60%)}
.why-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-item{display:flex;gap:18px;padding:26px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:all .35s var(--ease)}
.why-item:hover{background:rgba(255,255,255,.07);border-color:rgba(246,180,32,.4);transform:translateY(-4px)}
.why-ico{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--grad);color:#fff;box-shadow:0 12px 24px -12px rgba(242,138,26,.9)}
.why-ico .ico{width:25px;height:25px}
.why-item h3{font-size:1.06rem;margin-bottom:6px}
.why-item p{font-size:.92rem;color:rgba(255,255,255,.64)}

/* Süreç */
.steps{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.steps::before{content:"";position:absolute;top:56px;left:12%;right:12%;border-top:2px dashed var(--line-2)}
.step{position:relative;padding:30px 24px 26px;border-radius:22px;background:#fff;border:1px solid var(--line);text-align:center;transition:transform .4s var(--ease),box-shadow .4s}
.sec-soft .step{background:#fff}
.step:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.step-n{position:relative;z-index:1;display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:50%;background:#fff;border:2px solid var(--orange);color:var(--orange-600);font-weight:800;font-size:1.25rem;transition:all .4s var(--ease)}
.step:hover .step-n{background:var(--grad);border-color:transparent;color:#fff;transform:scale(1.08)}
.step h3{font-size:1.08rem;margin-bottom:8px}
.step p{color:var(--muted);font-size:.92rem}

/* Referanslar */
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.prcard-link{position:relative;display:block;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:var(--navy-800);isolation:isolate}
.prcard-media{position:absolute;inset:0;z-index:-2}
.prcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.prcard-link:hover .prcard-media img{transform:scale(1.07)}
.prcard-ph{display:grid;place-items:center;height:100%;background:var(--grad-navy)}
.prcard-ph .ico{width:80px;height:80px;color:rgba(255,255,255,.15)}
.prcard-link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(5,13,32,.88))}
.prcard-body{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;display:flex;flex-direction:column;gap:6px}
.prcard-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:rgba(255,255,255,.75)}
.prcard-meta>span{margin-left:auto}
.prcard-body b{font-size:1.12rem;line-height:1.3}
.prcard-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.86rem;color:var(--amber);max-height:0;opacity:0;transition:all .4s var(--ease)}
.prcard-link:hover .prcard-more{max-height:30px;opacity:1}
.is-hidden{display:none!important}

/* Blog kartları */
.b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}
.bcard:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.bcard-media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--grad-navy)}
.bcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bcard:hover .bcard-media img{transform:scale(1.06)}
.bcard-ph{display:grid;place-items:center;height:100%}
.bcard-ph .ico{width:56px;height:56px;color:rgba(255,255,255,.25)}
.bcard-body{display:flex;flex-direction:column;flex:1;padding:22px}
.bcard-meta{display:flex;gap:14px;font-size:.8rem;color:var(--muted);font-weight:600}
.bcard-meta span::before{content:"•";margin-right:14px;color:var(--line-2)}
.bcard h3{font-size:1.14rem;line-height:1.35;margin:10px 0 8px}
.bcard h3 a:hover{color:var(--orange-600)}
.bcard p{color:var(--muted);font-size:.92rem;flex:1;margin-bottom:16px}

/* SSS */
.faq-split{display:grid;grid-template-columns:1.45fr .9fr;gap:48px;align-items:start}
.faq{border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:12px;transition:border-color .3s,box-shadow .3s}
.faq[open]{border-color:rgba(242,138,26,.45);box-shadow:var(--sh-sm)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;cursor:pointer;font-weight:700;color:var(--ink);font-size:1.02rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--soft-2);transition:all .35s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--navy-700);transition:transform .35s var(--ease),background .3s}
.faq summary i::after{transform:rotate(90deg)}
.faq[open] summary i{background:var(--grad);transform:rotate(180deg)}
.faq[open] summary i::before,.faq[open] summary i::after{background:#fff}
.faq[open] summary i::after{transform:rotate(0)}
.faq-a{padding:0 22px 20px;color:var(--text)}
.faq-a p+p{margin-top:10px}
.faq[open] .faq-a{animation:fadeDown .45s var(--ease)}
.qc-card{position:sticky;top:110px;padding:32px;border-radius:26px;background:var(--grad-navy);color:rgba(255,255,255,.75);overflow:hidden;isolation:isolate}
.qc-card::before{content:"";position:absolute;z-index:-1;width:300px;height:300px;right:-120px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,rgba(242,138,26,.4),transparent 70%)}
.qc-card h2,.qc-card h3{color:#fff;font-size:1.4rem;margin:10px 0 8px}
.qc-card>p{margin-bottom:20px;font-size:.95rem}
.qc-card .kicker{color:var(--amber)}
.qc-line{display:flex;align-items:center;gap:14px;padding:13px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);margin-bottom:10px;transition:all .3s var(--ease)}
.qc-line:hover{background:rgba(255,255,255,.12);transform:translateX(4px)}
.qc-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--grad);color:#fff}
.qc-ico.wa{background:var(--wa)}
.qc-line small{display:block;font-size:.76rem;color:rgba(255,255,255,.6)}
.qc-line b{color:#fff;font-size:.98rem}
.qc-card .btn{margin-top:10px}

/* CTA şeridi ---------------------------------------------------------- */
.cta-band{position:relative;z-index:2;margin-bottom:-84px}
.cta-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:46px 54px;border-radius:30px;background:var(--grad-navy);color:rgba(255,255,255,.75);overflow:hidden;isolation:isolate;box-shadow:var(--sh-lg)}
.cta-in::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
.cta-in::after{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-100px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(246,180,32,.38),transparent 70%);animation:glow 12s ease-in-out infinite alternate}
.cta-in h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.15rem);max-width:20em}
.cta-in p{margin-top:10px;max-width:42em}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;flex:none}

/* Footer -------------------------------------------------------------- */
.ftr{background:var(--navy-950);color:rgba(255,255,255,.62);padding-top:72px;font-size:.93rem}
.cta-band+.ftr{padding-top:160px}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:44px;padding-bottom:54px}
.ftr h3{color:#fff;font-size:1rem;margin-bottom:18px}
.ftr ul{list-style:none}
.ftr li{margin:9px 0}
.ftr li a{display:inline-block;transition:color .2s,transform .25s var(--ease)}
.ftr li a:hover{color:var(--amber);transform:translateX(3px)}
.ftr-logo{display:inline-block;padding:10px 16px;border-radius:14px;background:#fff;margin-bottom:18px}
.ftr-logo img{height:40px;width:auto}
.ftr-brand p{max-width:30em}
.ftr-social{display:flex;gap:8px;margin-top:20px}
.ftr-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;transition:all .3s var(--ease)}
.ftr-social a:hover{background:var(--grad);transform:translateY(-3px)}
.ftr-contact li{display:flex;gap:10px;align-items:flex-start}
.ftr-contact .ico{color:var(--amber);margin-top:4px}
.ftr-bottom{border-top:1px solid rgba(255,255,255,.08)}
.ftr-bottom-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;font-size:.84rem}
.ftr-legal{display:flex;flex-wrap:wrap;gap:18px}
.ftr-legal a:hover{color:#fff}

/* Yüzen öğeler -------------------------------------------------------- */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;height:58px;padding:0 14px;border-radius:999px;background:var(--wa);color:#fff;box-shadow:0 12px 28px -8px rgba(37,211,102,.6);transition:transform .3s var(--ease)}
.wa-float .ico{width:30px;height:30px}
.wa-float span{max-width:0;overflow:hidden;white-space:nowrap;font-weight:700;font-size:.92rem;transition:max-width .45s var(--ease),margin .45s var(--ease)}
.wa-float:hover span{max-width:240px;margin:0 6px 0 10px}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--wa);animation:ping 2.4s ease-out infinite;z-index:-1}
.to-top{position:fixed;right:30px;bottom:94px;z-index:39;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--navy-800);color:#fff;box-shadow:var(--sh);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s var(--ease)}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--orange)}
.mbar{display:none}
.cookie{position:fixed;left:20px;bottom:20px;z-index:60;max-width:430px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-lg);font-size:.9rem;animation:toastIn .5s var(--ease)}
.cookie a{color:var(--orange-600);font-weight:700;text-decoration:underline}
.cookie-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.toasts{position:fixed;left:50%;bottom:28px;z-index:70;display:flex;flex-direction:column;gap:10px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px)}
.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:var(--navy-800);color:#fff;font-size:.92rem;font-weight:600;box-shadow:var(--sh-lg);animation:toastIn .4s var(--ease)}
.toast .ico{color:var(--wa);width:20px;height:20px}
.toast a{color:var(--amber);font-weight:800;white-space:nowrap}
.toast.out{animation:toastOut .35s ease forwards}
.admin-edit{position:fixed;left:20px;bottom:20px;z-index:45;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:var(--navy-800);color:#fff;font-weight:700;font-size:.84rem;box-shadow:var(--sh)}
.admin-edit:hover{background:var(--orange-600)}

/* İç sayfa başlığı ---------------------------------------------------- */
.phero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-900);color:#fff;padding:52px 0 64px}
.phero-bg{position:absolute;inset:0;z-index:-1}
.phero-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 60% 90% at 85% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 60% 90% at 85% 20%,#000 10%,transparent 70%)}
.phero-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at 88% 10%,rgba(39,169,225,.26),transparent 60%),radial-gradient(420px circle at 0% 100%,rgba(242,138,26,.2),transparent 60%)}
.phero h1{color:#fff;font-size:clamp(1.95rem,4vw,3rem);margin:20px 0 0;max-width:22em;animation:fadeUp .8s var(--ease) both}
.phero-sub{margin-top:14px;color:rgba(255,255,255,.72);font-size:1.08rem;max-width:46em;animation:fadeUp .8s var(--ease) .1s both}
.phero-logo{display:inline-flex;margin-top:22px;padding:14px 22px;border-radius:16px;background:#fff}
.phero-logo img{max-height:54px;width:auto}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.84rem;color:rgba(255,255,255,.6)}
.crumbs a{display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.crumbs a:hover{color:#fff}
.crumbs .ico{width:15px;height:15px}
.crumbs .sep{width:13px;height:13px;opacity:.5}
.crumbs span[aria-current]{color:rgba(255,255,255,.9);font-weight:600}
.crumbs-dark{color:var(--muted)}
.crumbs-dark a:hover{color:var(--orange-600)}
.crumbs-dark span[aria-current]{color:var(--ink)}
.post-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;color:rgba(255,255,255,.7);font-size:.9rem}
.post-meta>span{display:inline-flex;align-items:center;gap:7px}
.post-meta .ico{color:var(--amber)}

/* Ürün listesi -------------------------------------------------------- */
.shop{display:grid;grid-template-columns:290px 1fr;gap:32px;align-items:start}
.shop-side{position:sticky;top:calc(var(--hdr-h) + 18px);display:flex;flex-direction:column;gap:16px}
.side-search{position:relative}
.side-search .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);width:18px;height:18px}
.side-search input{width:100%;padding:13px 14px 13px 42px;border:1.5px solid var(--line-2);border-radius:14px;background:#fff;outline:0;transition:border-color .2s,box-shadow .2s}
.side-search input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(242,138,26,.14)}
.side-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.side-box h2,.side-box h3{font-size:1rem;margin-bottom:12px}
.side-list{list-style:none;display:grid;gap:2px}
.side-list a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;color:var(--ink);font-weight:600;font-size:.91rem;transition:background .2s,color .2s}
.side-list a>.ico{width:19px;height:19px;color:var(--muted)}
.side-list em{margin-left:auto;font-style:normal;font-size:.74rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft-2);color:var(--muted)}
.side-list a:hover{background:var(--soft)}
.side-list a[aria-current]{background:var(--navy-800);color:#fff}
.side-list a[aria-current]>.ico{color:var(--amber)}
.side-list a[aria-current] em{background:rgba(255,255,255,.14);color:#fff}
.side-brands{max-height:330px;overflow:auto;scrollbar-width:thin}
.side-brands a[aria-current]{background:var(--soft-2);color:var(--ink)}
.side-brands a[aria-current] em{background:#fff;color:var(--muted)}
.box{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:6px;border:1.5px solid var(--line-2);background:#fff;transition:all .2s}
.box .ico{width:13px;height:13px;stroke-width:3}
.side-brands a[aria-current] .box{background:var(--orange);border-color:var(--orange);color:#fff}
.side-help{padding:22px;border-radius:20px;background:var(--soft);text-align:center;font-size:.88rem}
.side-help>.ico{width:34px;height:34px;color:var(--orange);margin:0 auto 10px}
.side-help p{margin-bottom:14px}
.shop-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--muted)}
.shop-bar b{color:var(--ink)}
.shop-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tag-x{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 13px;border-radius:999px;background:var(--soft-2);color:var(--ink);font-weight:700;font-size:.84rem;transition:background .2s}
.tag-x .ico{width:14px;height:14px}
.tag-x:hover{background:#fde3c7}
.filter-toggle{display:none}
.empty{text-align:center;padding:60px 24px;border-radius:24px;background:var(--soft)}
.empty>.ico{width:48px;height:48px;color:var(--muted);margin:0 auto 14px}
.empty h2{font-size:1.3rem;margin-bottom:8px}
.empty p{color:var(--muted);max-width:36em;margin:0 auto}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:42px}
.pager a,.pager span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700;color:var(--ink);transition:all .2s}
.pager a:hover{border-color:var(--orange);color:var(--orange-600)}
.pager .cur{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.pager .off{opacity:.4}
.pager .gap{border:0;background:none}
.cat-about{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}
.cat-aside{display:flex;flex-direction:column;gap:16px}
.brand-chips{display:flex;flex-wrap:wrap;gap:8px}
.brand-chips a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:.86rem;color:var(--ink);transition:all .2s}
.brand-chips a .ico{width:16px;height:16px;color:var(--muted)}
.brand-chips a:hover{border-color:var(--orange);color:var(--orange-600);transform:translateY(-2px)}

/* Metin içerik -------------------------------------------------------- */
.prose{font-size:1.04rem;line-height:1.82;color:var(--text)}
.prose>:first-child{margin-top:0}
.prose h2{font-size:1.6rem;margin:1.7em 0 .6em;scroll-margin-top:110px}
.prose h3{font-size:1.25rem;margin:1.5em 0 .5em;scroll-margin-top:110px}
.prose h4{font-size:1.08rem;margin:1.3em 0 .4em}
.prose p{margin:0 0 1.1em}
.prose ul,.prose ol{padding-left:1.35em;margin:0 0 1.2em}
.prose li{margin:.4em 0}
.prose li::marker{color:var(--orange)}
.prose a{color:var(--orange-600);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--ink)}
.prose blockquote{margin:1.4em 0;padding:16px 22px;border-left:4px solid var(--orange);background:var(--soft);border-radius:0 14px 14px 0;color:var(--ink);font-weight:500}
.prose img{border-radius:16px;margin:1.4em 0}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:.88rem;color:var(--muted);margin-top:8px;text-align:center}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
.prose th,.prose td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.prose th{background:var(--soft);color:var(--ink)}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:16px;margin:1.4em 0}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}

/* Ürün detay ---------------------------------------------------------- */
.pd-top{padding:26px 0 64px;background:linear-gradient(180deg,var(--soft) 0%,#fff 100%)}
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;margin-top:22px;align-items:start}
.pd-gallery{position:sticky;top:100px}
.pd-main{position:relative;aspect-ratio:1;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--sh-sm)}
.pj-gallery .pd-main{aspect-ratio:16/10;margin-bottom:0}
.pj-gallery{margin-bottom:32px}
.pd-zoom{all:unset;display:grid;place-items:center;width:100%;height:100%;cursor:zoom-in}
.pd-img{width:100%;height:100%;object-fit:contain;padding:28px;transition:opacity .3s}
.pj-gallery .pd-img{object-fit:cover;padding:0}
.pd-img.swap{opacity:0}
.pd-ph .ico{width:130px;height:130px;color:#b4c3da;stroke-width:1}
.pd-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.pd-thumbs button{flex:none;width:78px;height:78px;padding:6px;border-radius:14px;border:2px solid var(--line);background:#fff;transition:border-color .2s}
.pd-thumbs button[aria-current]{border-color:var(--orange)}
.pd-thumbs img{width:100%;height:100%;object-fit:contain}
.pd-tags{display:flex;flex-wrap:wrap;gap:8px}
.pd-info h1{font-size:clamp(1.7rem,3vw,2.4rem);margin:16px 0 8px}
.pd-model{color:var(--muted);font-size:.95rem}
.pd-model b{color:var(--ink)}
.pd-lead{margin-top:14px;font-size:1.1rem;color:var(--text)}
.pd-feats{margin-top:24px}
.pd-feats h2{font-size:1rem;margin-bottom:4px}
.pd-buy{margin-top:26px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm)}
.pd-note{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.pd-note .ico{color:var(--orange);margin-top:3px}
.pd-btns{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 14px}
.pd-btns .btn{flex:1 1 220px}
.pd-call{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600;font-size:.94rem}
.pd-call .ico{color:var(--orange)}
.pd-call:hover{color:var(--orange-600)}
.pd-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;font-size:.88rem;color:var(--muted);font-weight:600}
.pd-trust li{display:inline-flex;align-items:center;gap:8px}
.pd-trust .ico{color:var(--green)}
.tabs{max-width:980px}
.tab-list{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow-x:auto}
.tab-list button{padding:14px 18px;border:0;background:none;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .2s,border-color .2s}
.tab-list button[aria-selected=true]{color:var(--ink);border-color:var(--orange)}
.tab-panel{animation:fadeUp .5s var(--ease)}
.specs{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:.95rem}
.specs th,.specs td{padding:13px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.specs th{width:38%;color:var(--muted);font-weight:600}
.specs td{color:var(--ink);font-weight:600}
.specs tr:nth-child(odd){background:var(--soft)}
.dl-card{display:flex;align-items:center;gap:14px;max-width:480px;margin-top:26px;padding:16px 18px;border-radius:16px;border:1.5px dashed var(--line-2);transition:all .25s}
.dl-card>.ico:first-child{width:34px;height:34px;color:var(--red)}
.dl-card span{flex:1}
.dl-card b{display:block;color:var(--ink)}
.dl-card small{color:var(--muted);word-break:break-all}
.dl-card:hover{border-color:var(--orange);background:var(--soft)}
.pd-sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(10,26,58,.35);transform:translateY(110%);transition:transform .4s var(--ease)}
.pd-sticky.show{transform:none}
.pd-sticky-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;padding-right:90px}
.pd-sticky b{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lightbox{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:0;background:transparent}
.lightbox::backdrop{background:rgba(5,13,32,.93)}
.lightbox[open]{display:grid;place-items:center;animation:fadeIn .3s}
.lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:12px;background:#fff}
.lb-close,.lb-nav{position:fixed;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;transition:background .2s}
.lb-close:hover,.lb-nav:hover{background:var(--orange)}
.lb-close{top:20px;right:20px}
.lb-prev{left:20px;top:50%;transform:translateY(-50%)}
.lb-next{right:20px;top:50%;transform:translateY(-50%)}
.lightbox.single .lb-nav{display:none}

/* Detay şablonları ---------------------------------------------------- */
.detail{display:grid;grid-template-columns:1fr 340px;gap:52px;align-items:start}
.detail-img{margin:0 0 30px;border-radius:24px;overflow:hidden}
.detail-img img{width:100%}
.detail-side,.post-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:18px}
.side-cta{background:var(--grad-navy);border:0;color:rgba(255,255,255,.72);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;isolation:isolate}
.side-cta::before{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-90px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(246,180,32,.35),transparent 70%)}
.side-cta h2{color:#fff;font-size:1.2rem;margin:0}
.side-cta p{font-size:.92rem;margin-bottom:6px}
.side-cta .pd-call{color:#fff;justify-content:center;margin-top:4px}
.side-cta .svc-ico{background:rgba(255,255,255,.1)}
.facts{margin:0;display:grid}
.facts>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.facts>div:last-child{border-bottom:0}
.facts dt{color:var(--muted);font-size:.88rem;flex:none}
.facts dd{margin:0;color:var(--ink);font-weight:700;text-align:right;font-size:.93rem}
.facts dd a:hover{color:var(--orange-600)}
.post-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;align-items:start}
.post{max-width:800px}
.post-cover{margin:0 0 34px;border-radius:24px;overflow:hidden}
.post-cover img{width:100%}
.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.post-share b{color:var(--ink);margin-right:6px}
.post-share a,.post-share button{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:all .25s}
.post-share a:hover,.post-share button:hover{background:var(--navy-800);border-color:var(--navy-800);color:#fff;transform:translateY(-2px)}
.toc ol{list-style:none;display:grid;gap:2px}
.toc a{display:block;padding:6px 0 6px 14px;border-left:2px solid var(--line);color:var(--muted);font-size:.9rem;line-height:1.45;transition:all .2s}
.toc .lv3 a{padding-left:28px;font-size:.86rem}
.toc a:hover,.toc a.active{color:var(--orange-600);border-color:var(--orange)}
.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:start}
.about-side{position:sticky;top:100px}
.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mv-card{padding:32px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s}
.mv-card:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.mv-ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--grad);color:#fff;margin-bottom:18px}
.mv-ico .ico{width:26px;height:26px}
.mv-card h2{font-size:1.25rem;margin-bottom:10px}
.mv-card p{color:var(--muted)}
.brand-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}

/* Markalar sayfası */
.chips-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.chips-filter button{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-weight:700;font-size:.88rem;color:var(--ink);transition:all .25s}
.chips-filter button .ico{width:17px;height:17px}
.chips-filter button em{font-style:normal;opacity:.6}
.chips-filter button:hover{border-color:var(--orange)}
.chips-filter button[aria-pressed=true]{background:var(--navy-800);border-color:var(--navy-800);color:#fff}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.brand-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
.brand-card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--orange)}
.brand-card-logo{display:grid;place-items:center;height:112px;padding:18px;background:linear-gradient(180deg,#fff,var(--soft))}
.brand-card-logo img{max-height:56px;width:auto}
.brand-word{font-size:1.32rem;font-weight:800;color:var(--navy-700);letter-spacing:-.025em;text-align:center;line-height:1.15;transition:color .3s}
.brand-card:hover .brand-word{color:var(--orange-600)}
.brand-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.brand-card-foot b{color:var(--ink);font-size:.9rem}
.brand-card-foot small{color:var(--muted);font-size:.78rem;white-space:nowrap}

/* İletişim / formlar -------------------------------------------------- */
.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cc{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
a.cc:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.cc-ico{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:14px;background:var(--soft-2);color:var(--navy-700);margin-bottom:12px}
.cc-ico.wa{background:var(--wa);color:#fff}
.cc small{color:var(--muted);font-weight:600;font-size:.82rem}
.cc b{color:var(--ink);font-size:1.02rem;word-break:break-word}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:stretch}
.form-card{padding:34px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.form-card>h2{font-size:1.5rem}
.form-card>p{color:var(--muted);margin:6px 0 22px}
.form-card>h2+form{margin-top:20px}
.map-card{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#fff}
.map-frame{flex:1;min-height:380px;background:var(--soft)}
.map-frame iframe{display:block;width:100%;height:100%;min-height:380px;border:0;filter:saturate(.9)}
.map-addr{display:flex;gap:16px;padding:22px}
.map-addr .cc-ico{margin:0}
.map-addr b{color:var(--ink)}
.map-addr address{color:var(--muted);margin:4px 0 8px;font-size:.94rem}
.cform{position:relative}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld>span{font-size:.86rem;font-weight:700;color:var(--ink)}
.fld small{color:var(--muted);font-weight:500}
.fld-full{grid-column:1/-1}
.req{color:var(--orange-600);margin-left:3px}
.fld input,.fld textarea,.fld select{width:100%;padding:13px 15px;border:1.5px solid var(--line-2);border-radius:13px;background:#fbfcfe;color:var(--ink);outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.fld textarea{resize:vertical;min-height:110px}
.fld input:focus,.fld textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(242,138,26,.14)}
.fld .invalid,.fld input.invalid,.fld textarea.invalid{border-color:var(--red);box-shadow:0 0 0 4px rgba(220,38,38,.1)}
.check{display:flex;align-items:flex-start;gap:10px;margin:18px 0 20px;font-size:.86rem;color:var(--text);cursor:pointer}
.check input{flex:none;width:19px;height:19px;margin-top:2px;accent-color:var(--orange)}
.check a{color:var(--orange-600);font-weight:700;text-decoration:underline}
.check.invalid span{color:var(--red)}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.form-or{color:var(--muted);font-size:.9rem}
.form-or a{display:inline-flex;align-items:center;gap:6px;color:#15924a;font-weight:700}
.form-or a .ico{width:18px;height:18px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-msg{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:13px;margin-bottom:18px;font-weight:600;font-size:.94rem}
.form-msg.ok{background:#e9f9ef;color:#15803d}
.form-msg.err{background:#fdecec;color:#b42318}
.form-msg .ico{width:22px;height:22px;flex:none}
.cform.is-loading button[type=submit]{opacity:.7;pointer-events:none}
.cform.is-done .fgrid,.cform.is-done .check,.cform.is-done .form-foot{display:none}

/* Teklif listesi */
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.quote-list-card{padding:28px;border-radius:26px;background:#fff;border:1px solid var(--line);position:sticky;top:100px}
.ql-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ql-head h2{display:flex;align-items:center;gap:10px;font-size:1.25rem}
.ql-head h2 .ico{color:var(--orange)}
.ql{list-style:none}
.ql li{display:grid;grid-template-columns:62px 1fr auto auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);animation:fadeUp .4s var(--ease)}
.ql-img{display:grid;place-items:center;width:62px;height:62px;border-radius:12px;background:var(--soft);overflow:hidden}
.ql-img img{width:100%;height:100%;object-fit:contain}
.ql-img .ico{color:#a7b8d2;width:26px;height:26px}
.ql-name a{display:block;font-weight:700;color:var(--ink);font-size:.93rem;line-height:1.35}
.ql-name a:hover{color:var(--orange-600)}
.ql-name small{color:var(--muted);font-size:.8rem}
.qty{display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:11px;overflow:hidden}
.qty button{width:32px;height:36px;border:0;background:#fff;color:var(--ink);display:grid;place-items:center}
.qty button:hover{background:var(--soft)}
.qty input{width:46px;height:36px;border:0;text-align:center;font-weight:700;outline:0;-moz-appearance:textfield;appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ql-del{width:36px;height:36px;border-radius:10px;border:0;background:none;color:var(--muted);display:grid;place-items:center}
.ql-del:hover{background:#fdecec;color:var(--red)}
.ql-empty{text-align:center;padding:28px 10px;color:var(--muted)}
.ql-empty>.ico{width:42px;height:42px;margin:0 auto 10px;color:#a7b8d2}
.ql-empty p{margin-bottom:14px;font-size:.93rem}
.ql-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:14px;border-radius:14px;background:var(--soft);color:var(--text);font-size:.88rem}
.ql-note .ico{color:var(--orange);margin-top:2px}

/* 404 & bakım */
.nf{padding:80px 0 110px;text-align:center;background:var(--soft)}
.nf-code{display:inline-flex;align-items:center;font-size:clamp(6rem,17vw,10.5rem);font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--navy-800)}
.nf-code span{display:grid;place-items:center;width:.9em;height:.9em;margin:0 .04em;border-radius:50%;background:var(--grad);color:#fff;animation:float 4s ease-in-out infinite}
.nf-code .ico{width:.5em;height:.5em;stroke-width:1.8}
.nf h1{font-size:clamp(1.6rem,3vw,2.2rem);margin:20px 0 10px}
.nf p{color:var(--muted);max-width:36em;margin:0 auto}
.nf-search{display:flex;align-items:center;gap:10px;max-width:560px;margin:28px auto 22px;padding:6px 6px 6px 16px;border-radius:16px;background:#fff;border:1px solid var(--line-2);box-shadow:var(--sh-sm)}
.nf-search>.ico{color:var(--muted)}
.nf-search input{flex:1;border:0;outline:0;padding:10px 0;background:none}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}
.nf-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:.86rem;color:var(--ink);transition:all .2s}
.nf-links a .ico{width:16px;height:16px;color:var(--orange)}
.nf-links a:hover{border-color:var(--orange)}
.maint{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--soft)}
.maint img{height:60px;width:auto;margin-bottom:34px}
.maint h1{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:12px}
.maint p{color:var(--muted);max-width:34em}

/* Görünüm animasyonları ----------------------------------------------- */
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}
.js .reveal.in{opacity:1;transform:none}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .22s ease both}
::view-transition-new(root){animation:vtIn .42s var(--ease) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-8px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(12px)}}
@keyframes fadeIn{from{opacity:0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-8px)}}
@keyframes dropIn{from{opacity:0;transform:translateY(-10px)}}
@keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(.97)}}
@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
@keyframes glow{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-4%,3%,0) scale(1.1)}}
@keyframes progress{to{transform:scaleX(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes beam{0%,100%{opacity:.55;transform:rotate(-4deg)}50%{opacity:1;transform:rotate(5deg)}}
@keyframes lens{0%,100%{fill:#27a9e1}50%{fill:#7fd3ff}}
@keyframes smoke{0%{opacity:0;transform:translateY(16px)}40%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}
@keyframes flow{to{stroke-dashoffset:-28}}
@keyframes scan{0%,100%{transform:translateY(0)}50%{transform:translateY(46px)}}
@keyframes artIn{from{opacity:0;transform:translateX(40px) scale(.95)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}

/* Duyarlı tasarım ----------------------------------------------------- */
@media (max-width:1200px){
  .hdr-cta{display:none}
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .nav-list>li>a{padding:10px 10px;font-size:.92rem}
}
@media (max-width:1080px){
  :root{--hdr-h:70px}
  .burger{display:flex}
  .hdr-in{gap:12px}
  .hdr-act{margin-left:auto}
  .nav{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(420px,88vw);margin:0;padding:84px 22px 28px;background:#fff;overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .45s var(--ease),visibility .45s;box-shadow:var(--sh-lg)}
  .nav-open .nav{transform:none;visibility:visible}
  .nav-open .burger{position:relative;z-index:61}
  body.nav-open{overflow:hidden}
  body.nav-open::before{content:"";position:fixed;inset:0;z-index:49;background:rgba(5,13,32,.55);animation:fadeIn .3s}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-list>li{position:relative;border-bottom:1px solid var(--line)}
  .nav-list>li>a{padding:16px 6px;font-size:1.05rem;width:100%}
  .nav-list>li>a::after{display:none}
  .chev{display:none}
  .sub-toggle{display:grid;place-items:center;position:absolute;right:0;top:8px;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:#fff}
  .sub-toggle[aria-expanded=true] .ico{transform:rotate(180deg)}
  .sub-toggle .ico{transition:transform .3s}
  .mega{position:static;opacity:1;visibility:visible;transform:none;display:none;padding:0 0 12px}
  .has-mega:hover .mega{transform:none}
  .has-mega.open .mega{display:block;animation:fadeDown .35s var(--ease)}
  .mega-in{width:auto;grid-template-columns:1fr;padding:0;border:0;box-shadow:none;border-radius:0}
  .mega-grid{grid-template-columns:1fr;gap:2px}
  .mega-item{padding:10px 8px}
  .mega-item small{display:none}
  .mega-ico{width:38px;height:38px}
  .mega-side{display:none}
  .nav-mobile-extra{display:flex;flex-direction:column;gap:10px;margin-top:24px}
  .nav-phone{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-weight:700;color:var(--ink)}
  .nav-phone .ico{color:var(--orange)}
}
@media (max-width:980px){
  .hide-md{display:none!important}
  .slide-in{grid-template-columns:1fr;gap:10px;padding:56px 0 130px;text-align:left}
  .slide-art{justify-self:center;max-width:360px;order:-1;margin-bottom:-10px}
  .hero-ctrl{bottom:76px}
  .stats{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .stat:nth-child(2){border-right:0}
  .cat-grid,.svc-grid,.why-grid,.pr-grid,.b-grid,.mv-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .intro-grid,.faq-split,.cat-about,.detail,.post-wrap,.about-grid,.brand-intro,.contact-grid,.quote-grid,.pd{grid-template-columns:1fr;gap:34px}
  .intro-visual{min-height:360px}
  .qc-card,.detail-side,.post-side,.about-side,.quote-list-card,.pd-gallery{position:relative;top:auto}
  .shop{grid-template-columns:1fr}
  .shop-side{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(340px,88vw);padding:22px;background:var(--soft);overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .4s var(--ease),visibility .4s;box-shadow:var(--sh-lg)}
  .filters-open .shop-side{transform:none;visibility:visible}
  body.filters-open{overflow:hidden}
  body.filters-open::before{content:"";position:fixed;inset:0;z-index:55;background:rgba(5,13,32,.55)}
  .side-brands{max-height:none}
  .filter-toggle{display:inline-flex}
  .contact-cards{grid-template-columns:repeat(2,1fr)}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .cta-in{flex-direction:column;align-items:flex-start;padding:38px 32px}
  .pd-gallery{max-width:600px}
}
@media (max-width:760px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .hide-sm{display:none!important}
  .topbar{font-size:.78rem}
  .tb-left{gap:12px}
  .tb-social{display:none}
  .logo img{height:38px}
  .hdr.is-scrolled .logo img{height:34px}
  .icon-btn{width:40px;height:40px}
  .qbtn{display:none}
  .burger{width:40px;height:40px}
  .hero{min-height:0}
  .slide-title{font-size:2.05rem}
  .slide-text{font-size:1rem}
  .slide-btns .btn{flex:1 1 auto}
  .slide-art{max-width:300px}
  .hero-ctrl{bottom:70px}
  .hero-dots button{width:36px}
  .hero-arrows button{width:40px;height:40px}
  .stats-wrap{margin-top:-46px}
  .stats{padding:18px 4px}
  .stat{padding:6px 8px}
  .pgrid,.pgrid-3{grid-template-columns:repeat(2,1fr);gap:12px}
  .pcard-body{padding:13px}
  .pcard h3{font-size:.92rem}
  .pcard p{display:none}
  .pcard-act{flex-direction:column;align-items:stretch;gap:8px}
  .pcard-act .link-arrow{display:none}
  .qadd{justify-content:center}
  .cat-grid,.svc-grid,.why-grid,.pr-grid,.b-grid,.mv-grid,.steps{grid-template-columns:1fr}
  .shead{flex-direction:column;align-items:flex-start;margin-bottom:30px}
  .shead-c{align-items:center}
  .checks-2{grid-template-columns:1fr}
  .svc-row{grid-template-columns:52px 1fr 40px;padding:18px}
  .svc-num{display:none}
  .svc-go{width:40px;height:40px}
  .fgrid{grid-template-columns:1fr}
  .form-card{padding:24px 20px}
  .contact-cards{grid-template-columns:1fr 1fr;gap:12px}
  .cc{padding:18px}
  .ftr-grid{grid-template-columns:1fr;gap:30px}
  .cta-band{margin-bottom:-60px}
  .cta-band+.ftr{padding-top:120px}
  .cta-in{padding:30px 22px;border-radius:24px}
  .cta-btns{width:100%}
  .cta-btns .btn{flex:1 1 auto}
  .wa-float{display:none}
  .to-top{bottom:calc(80px + env(safe-area-inset-bottom,0px));right:16px}
  body:has(.pd-sticky.show) .to-top{bottom:calc(136px + env(safe-area-inset-bottom,0px))}
  .cookie{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-width:none}
  .toasts{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .admin-edit{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .pd-sticky{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .pd-sticky-in{padding-right:0}
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(10,26,58,.35);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:64px;font-size:.72rem;font-weight:700;color:var(--navy-700)}
  .mbar .ico{width:23px;height:23px}
  .mbar-wa{color:#15924a!important}
  .mbar .qcount{top:6px;right:calc(50% - 26px)}
  .ql li{grid-template-columns:52px 1fr auto;row-gap:8px}
  .ql-img{width:52px;height:52px}
  .ql .qty{grid-column:2}
  .phero{padding:38px 0 46px}
  .tab-list button{padding:12px 14px}
}
@media (max-width:420px){
  .contact-cards{grid-template-columns:1fr}
  .tb-left a:nth-child(1) span{font-size:.78rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .marquee-track{animation:none}
  .marquee{overflow-x:auto}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media print{
  .topbar,.hdr,.ftr,.cta-band,.wa-float,.mbar,.to-top,.cookie,.pd-sticky{display:none!important}
  .js .reveal{opacity:1;transform:none}
}

/* =====================================================================
   IsıNem Takip — tema katmanı (temel stillerin üzerine)
   ===================================================================== */
h1,h2,h3,.hx-title,.bento-h,.brand-txt b,.bstat b,.rc-t b,.dash-kpis b,.ticker-track span,.ftr-word{font-family:"Grotesk","Jakarta",system-ui,sans-serif}
h1,h2{font-weight:700;letter-spacing:-.035em}
h3{font-weight:700;letter-spacing:-.02em}
::selection{background:rgba(255,90,31,.22)}
:focus-visible{outline-color:rgba(255,90,31,.55)}

/* Butonlar */
.btn{border-radius:999px;padding:.84em 1.4em;font-weight:700}
.btn-lg{border-radius:999px;padding:1em 1.7em}
.btn-sm{border-radius:999px;padding:.6em 1.05em}
.btn::after{display:none}
.btn-primary,.btn-heat{background:var(--orange);color:#fff;box-shadow:0 12px 26px -14px rgba(255,90,31,.95)}
.btn-primary:hover,.btn-heat:hover{background:var(--orange-600);transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(255,90,31,.95)}
.btn-dark{background:var(--navy-900);color:#fff}
.btn-dark:hover{background:#000;transform:translateY(-2px)}
.btn-light{border-color:var(--line-2)}
.btn-light:hover{border-color:var(--ink);color:var(--ink)}
.btn-glass{border-radius:999px}
.kicker{gap:9px;font-size:.74rem;letter-spacing:.16em}
.kicker::before{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.16)}
.shead h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.04;max-width:16em}
.checks .ico{background:rgba(255,90,31,.12);color:var(--orange-600)}
.chip{background:var(--soft-2);color:var(--ink)}

/* Duyuru şeridi */
.annc{background:var(--navy-950);color:rgba(255,255,255,.78);font-size:.8rem;font-weight:600}
.annc-in{display:flex;align-items:center;gap:20px;min-height:38px;padding:0 max(20px,calc((100% - var(--wrap)) / 2))}
.annc-marq{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.annc-track{display:flex;width:max-content;animation:tick4 48s linear infinite}
.annc-track span{display:inline-flex;align-items:center;white-space:nowrap;padding-right:18px}
.annc-track span::after{content:"";width:5px;height:5px;margin-left:18px;border-radius:50%;background:var(--orange)}
.annc:hover .annc-track{animation-play-state:paused}
.annc-side{display:flex;align-items:center;gap:18px;flex:none;margin-left:auto}
.annc-side a{display:inline-flex;align-items:center;gap:6px;color:#fff;transition:opacity .2s}
.annc-side a:hover{opacity:.8}
.annc-side .ico{width:14px;height:14px;color:var(--orange)}
.lang-sw a[aria-current]{color:var(--navy-900)}

/* Header */
.hdr::before{background:rgba(255,255,255,.9)}
.logo{color:var(--ink)}
.brand{display:inline-flex;align-items:center;gap:10px;line-height:1;color:inherit}
.brand-mark{width:40px;height:40px;flex:none;transition:transform .5s var(--ease)}
.logo:hover .brand-mark{transform:rotate(-8deg)}
.brand-txt{display:flex;flex-direction:column;gap:4px}
.brand-txt b{font-size:1.38rem;font-weight:700;letter-spacing:-.045em}
.brand-txt b i{font-style:normal;color:var(--orange)}
.brand-txt small{font-size:.58rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;opacity:.55}
.hdr.is-scrolled .brand-mark{width:36px;height:36px}
.nav-list>li>a{border-radius:999px;padding:9px 14px;font-weight:600;font-size:.93rem}
.nav-list>li>a::after{display:none}
.nav-list>li>a:hover,.nav-list>li>a[aria-current]{background:var(--soft);color:var(--ink)}
.icon-btn{border-radius:999px}
.icon-btn:hover{border-color:var(--ink);color:var(--ink)}
.qcount{background:var(--orange)}
.mega-in{grid-template-columns:1fr 260px;gap:14px;padding:16px;border-radius:0 0 28px 28px}
.mega-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px}
.mega-col{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:20px;transition:background .25s}
.mega-col:hover{background:var(--soft)}
.mega-cat{display:flex;align-items:flex-start;gap:12px;margin-bottom:6px}
.mega-cat b{display:block;color:var(--ink);font-size:.95rem;line-height:1.3}
.mega-cat small{display:block;color:var(--muted);font-size:.78rem;line-height:1.45;margin-top:3px}
.mega-ico{width:40px;height:40px;border-radius:12px;background:var(--navy-900);color:#fff}
.mega-ico .ico{width:20px;height:20px}
.mega-cat:hover .mega-ico{background:var(--orange)}
.mega-prods{list-style:none;display:grid;gap:2px}
.mega-prods a{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:12px;font-size:.84rem;font-weight:600;line-height:1.3;color:var(--text);transition:background .2s,color .2s}
.mega-prods a:hover{background:#fff;color:var(--ink)}
.mega-prods img{flex:none;width:36px;height:36px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--line);padding:2px}
.mega-all{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:8px 6px 0;font-size:.82rem;font-weight:700;color:var(--orange-600)}
.mega-all .ico{width:15px;height:15px;transition:transform .25s var(--ease)}
.mega-all:hover .ico{transform:translateX(3px)}
.mega-side{background:var(--navy-900);border-radius:20px}
.mega-side::before{background:radial-gradient(circle,rgba(255,90,31,.45),transparent 70%)}

/* Hero */
.hx{position:relative;background:var(--hero-bg);padding:18px 0 14px}
.hx-stage{position:relative;border-radius:34px;background:#fff;overflow:hidden;isolation:isolate;box-shadow:0 30px 70px -50px rgba(11,20,36,.45)}
.hx-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(560px 420px at 76% 42%,rgba(25,180,232,.11),transparent 70%),radial-gradient(520px 380px at 96% 92%,rgba(255,90,31,.10),transparent 70%)}
.hx-stage::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(11,20,36,.09) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 45% 70% at 78% 45%,#000,transparent 75%);mask-image:radial-gradient(ellipse 45% 70% at 78% 45%,#000,transparent 75%)}
.hx-slides{display:grid}
.hx-slide{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:20px;padding:54px 58px 108px;transition:opacity .8s var(--ease),visibility .8s}
.hx-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}
.hx-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border-radius:999px;background:rgba(20,192,139,.1);color:#08795a;font-weight:700;font-size:.8rem}
.hx-badge .pulse,.hx-badge .pulse::after{background:var(--mint);border-color:var(--mint)}
.hx-badge .pulse::after{background:none}
.hx-model{padding:7px 13px;border-radius:999px;background:var(--navy-900);color:#fff;font-family:"Grotesk",sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.08em}
.hx-title{color:var(--ink);font-size:clamp(2.2rem,4.5vw,3.85rem);line-height:1.02;letter-spacing:-.04em;max-width:12em}
.hx-text{margin-top:18px;font-size:1.08rem;max-width:31em}
.hx-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hx-chips li{padding:7px 13px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-weight:600;font-size:.84rem;color:var(--ink)}
.hx-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.qadd-hero.is-in{background:#e7f8f1;border-color:#bfead8;color:#08795a}
.hx-visual{position:relative;display:grid;place-items:center;min-height:430px}
.hx-ring{position:absolute;width:min(430px,92%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0 38%,#f0f4f9 39% 100%);box-shadow:inset 0 0 0 1px rgba(11,20,36,.06)}
.hx-ring::after{content:"";position:absolute;inset:-24px;border-radius:50%;border:1.5px dashed rgba(11,20,36,.13);animation:spin 70s linear infinite}
.hx-img{position:relative;display:grid;place-items:center;width:min(400px,84%);aspect-ratio:1}
.hx-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 26px 26px rgba(11,20,36,.16))}
.hx-slide.is-active .hx-img{animation:artIn 1.1s var(--ease) both}
.hx-img-ph .ico{width:130px;height:130px;color:var(--navy-600);stroke-width:1.2}
.hx-reading{position:absolute;left:-6px;bottom:18px;width:252px}
.hx-reading{animation:bob 6s ease-in-out infinite}
.hx-visual .achip{animation:bob 7s ease-in-out .8s infinite}
.hx-ctrl{position:absolute;left:58px;right:58px;bottom:26px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hx-thumbs{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}
.hx-thumbs::-webkit-scrollbar{display:none}
.hero-dots.hx-thumbs button{position:relative;flex:none;width:auto;height:auto;display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:.78rem;overflow:hidden;transition:border-color .25s,color .25s}
.hx-thumbs button:hover{color:var(--ink)}
.hx-thumbs button img{width:30px;height:30px;border-radius:50%;object-fit:contain;background:var(--soft)}
.hx-thumbs button b{white-space:nowrap;font-weight:700}
.hx-thumbs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}
.hero-dots.hx-thumbs span{position:absolute;left:0;right:0;bottom:0;width:auto;height:2px;border-radius:0;background:transparent}
.hero-dots.hx-thumbs span::after{background:var(--orange)}
.hx.paused .hero-dots [aria-selected=true] span::after{animation-play-state:paused}
.hx .hero-arrows button{border-color:var(--line-2);background:#fff;color:var(--ink)}
.hx .hero-arrows button:hover{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.hx.paused .hero-arrows .i-pause{display:none}
.hx.paused .hero-arrows .i-play{display:block}

/* Canlı ölçüm kartı */
.rcard{padding:14px 14px 12px;border-radius:20px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(11,20,36,.08);box-shadow:0 26px 50px -26px rgba(11,20,36,.42);color:var(--ink);text-align:left}
.rc-head{display:flex;align-items:center;gap:10px}
.rc-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--navy-900);color:#fff}
.rc-ico .ico{width:18px;height:18px}
.rc-name{flex:1;min-width:0;line-height:1.25}
.rc-name b{display:block;font-size:.86rem}
.rc-name small{display:block;font-size:.7rem;color:var(--muted)}
.rc-live{display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#08795a}
.rc-live i,.rc-ok i{width:6px;height:6px;border-radius:50%;background:var(--mint);animation:blink 1.6s ease-in-out infinite}
.rc-vals{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:10px 2px 4px}
.rc-t b{font-size:2.45rem;font-weight:700;letter-spacing:-.05em;line-height:1}
.rc-t em{font-style:normal;font-size:.95rem;font-weight:700;color:var(--muted);margin-left:3px;vertical-align:super}
.rc-h{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:rgba(25,180,232,.12);color:#0878a3;font-weight:700;font-size:.8rem}
.rc-h .ico{width:14px;height:14px}
.spark{display:block;width:100%;height:56px;overflow:visible}
.sp-band{fill:rgba(20,192,139,.09)}
.sp-lim{stroke:rgba(20,192,139,.55);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.sp-line{fill:none;stroke:var(--orange);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:0}
.reveal.in .sp-line,.is-active .sp-line{animation:draw 1.8s var(--ease) both}
.sp-dot{fill:var(--orange);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.rc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:.68rem;font-weight:700;color:var(--muted)}
.rc-ok{display:inline-flex;align-items:center;gap:5px;color:#08795a}
.achip{position:absolute;right:0;top:34px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:var(--navy-900);color:#fff;box-shadow:0 22px 40px -20px rgba(11,20,36,.7)}
.achip-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--orange)}
.achip-ico .ico{width:18px;height:18px}
.achip b{display:block;font-size:.8rem;line-height:1.2}
.achip small{display:flex;gap:7px;margin-top:5px;opacity:.65}
.achip small .ico{width:14px;height:14px}

/* Güvence kartları */
.trust{background:var(--hero-bg);padding:0 0 30px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.trust-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:22px;background:#fff}
.trust-ico{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--soft);color:var(--ink)}
.trust-item:nth-child(odd) .trust-ico{color:var(--orange)}
.trust-item:nth-child(even) .trust-ico{color:var(--cyan)}
.trust-ico .ico{width:22px;height:22px}
.trust-item b{display:block;color:var(--ink);font-size:.95rem;line-height:1.25}
.trust-item small{display:block;margin-top:2px;color:var(--muted);font-size:.8rem;line-height:1.35}

/* Kayan şerit */
.ticker{padding:30px 0;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.ticker-row{overflow:hidden}
.ticker-row+.ticker-row{margin-top:4px}
.ticker-track{display:flex;align-items:center;width:max-content;animation:tick3 70s linear infinite}
.ticker-row.rev .ticker-track{animation-direction:reverse;animation-duration:80s}
.ticker-track span{padding-right:22px;font-size:clamp(1.6rem,3.6vw,2.75rem);font-weight:700;letter-spacing:-.035em;line-height:1.25;color:var(--ink);white-space:nowrap}
.ticker-row.rev .ticker-track span{color:transparent;-webkit-text-stroke:1.2px rgba(11,20,36,.32)}
.ticker-track i{display:grid;place-items:center;flex:none;width:42px;height:42px;margin-right:22px;border-radius:50%}
.ticker-track i .ico{width:20px;height:20px}
.tk-heat{background:rgba(255,90,31,.12);color:var(--orange)}
.tk-hum{background:rgba(25,180,232,.13);color:var(--cyan)}

/* Kategori ızgarası */
.bento{display:grid;grid-template-columns:1.12fr 1fr;gap:16px}
.bento-card{position:relative;display:flex;flex-direction:column;min-height:290px;padding:26px;border-radius:28px;background:#fff;color:var(--text);overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),box-shadow .45s}
.bento-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -38px rgba(11,20,36,.5)}
.bento-card.is-big{grid-row:span 2;background:var(--navy-900);color:rgba(255,255,255,.66)}
.bento-card.is-big::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 380px at 80% 30%,rgba(255,90,31,.22),transparent 70%),radial-gradient(420px 320px at 10% 100%,rgba(25,180,232,.16),transparent 70%)}
.bento-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.bento-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--soft);color:var(--ink)}
.bento-ico .ico{width:24px;height:24px}
.is-big .bento-ico{background:rgba(255,255,255,.08);color:#fff}
.bento-n{padding:6px 12px;border-radius:999px;background:var(--soft);font-size:.76rem;font-weight:700;color:var(--ink)}
.is-big .bento-n{background:rgba(255,255,255,.08);color:#fff}
.bento-copy{position:relative;z-index:2;display:block;margin-top:auto;padding-top:40px;max-width:58%}
.is-big .bento-copy{max-width:none;order:3}
.bento-h{display:block;font-weight:700;font-size:1.65rem;line-height:1.06;letter-spacing:-.035em;color:var(--ink)}
.is-big .bento-h{font-size:clamp(2rem,3.4vw,2.85rem);color:#fff}
.bento-sum{display:block;margin-top:10px;font-size:.9rem;line-height:1.55}
.bento-go{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;font-size:.88rem;color:var(--orange-600)}
.is-big .bento-go{color:#fff}
.bento-go .ico{transition:transform .3s var(--ease)}
.bento-card:hover .bento-go .ico{transform:translateX(4px)}
.bento-imgs{position:absolute;top:24px;right:18px;bottom:24px;width:40%;z-index:1;pointer-events:none}
.bi{position:absolute;display:grid;place-items:center;aspect-ratio:1;border-radius:22px;background:var(--soft);padding:10px;transition:transform .6s var(--ease)}
.bi img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.bi-0{right:0;top:34px;width:82%;transform:rotate(4deg)}
.bi-1{right:44%;bottom:6px;width:58%;transform:rotate(-7deg);box-shadow:0 18px 30px -20px rgba(11,20,36,.4)}
.bento-card:hover .bi-0{transform:rotate(0) translateY(-6px)}
.bento-card:hover .bi-1{transform:rotate(-2deg) translateY(-4px)}
.is-big .bento-imgs{position:relative;inset:auto;order:2;width:100%;height:clamp(220px,26vw,300px);margin-top:18px}
.is-big .bi{background:#fff;box-shadow:0 26px 50px -26px rgba(0,0,0,.6)}
.is-big .bi-0{left:4%;right:auto;top:8%;width:44%}
.is-big .bi-1{left:auto;right:6%;top:0;bottom:auto;width:40%;transform:rotate(6deg)}
.is-big .bi-2{left:34%;bottom:0;width:34%;transform:rotate(-4deg)}

/* Ürün kartları */
.pgrid{gap:16px}
.pcard{border-radius:26px;border-color:rgba(11,20,36,.07)}
.pcard:hover{box-shadow:0 28px 54px -34px rgba(11,20,36,.45)}
.pcard-media{aspect-ratio:1/1;margin:8px 8px 0;border-radius:20px;background:var(--soft)}
.pcard-img{padding:22px;mix-blend-mode:multiply}
.pcard .badge{position:absolute;left:12px;top:12px;padding:5px 11px;border-radius:999px;background:var(--navy-900);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.02em}
.pcard-body{padding:14px 18px 18px}
.pcard-meta{gap:0;font-size:.76rem;font-weight:600}
.pcard-meta>span+span::before{content:"·";margin:0 7px}
.pcard-model{font-family:"Grotesk",sans-serif;font-weight:700;color:var(--ink);letter-spacing:.05em}
.pcard h3{font-size:1.02rem;font-weight:700;letter-spacing:-.015em;margin:6px 0 8px}
.pcard h3 a:hover{color:var(--orange-600)}
.pcard-chips{list-style:none;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;flex:1}
.pcard-chips li{padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--text);font-size:.72rem;font-weight:600}
.pcard-act{border-top:0;padding-top:4px;margin-top:16px}
.pcard-price{font-family:"Grotesk",sans-serif;font-weight:700;font-size:1.08rem;color:var(--ink)}
.pcard-ask{max-width:9.5em;font-size:.74rem;font-weight:600;line-height:1.3;color:var(--muted)}
.qadd{border-radius:999px;padding:9px 14px;background:var(--navy-900);color:#fff}
.qadd:hover{background:var(--orange);color:#fff}
.qadd.is-in{background:#e7f8f1;color:#08795a}
.qadd-lg{background:var(--orange);border-radius:999px}
.pcard-ph .ico{color:#b6c2d4}
.pcard:hover .pcard-ph .ico{color:var(--orange)}

/* Ürün tanıtımı (koyu) */
.story{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,124px) 0;background:var(--navy-950);color:rgba(255,255,255,.66)}
.story-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(680px 520px at 78% 30%,rgba(255,90,31,.2),transparent 65%),radial-gradient(620px 520px at 8% 100%,rgba(25,180,232,.15),transparent 62%)}
.story-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.story .kicker{color:#ffb08c}
.story h2{margin-top:16px;color:#fff;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.02;max-width:12em}
.story-lead{margin-top:18px;font-size:1.1rem;max-width:31em}
.story-visual{position:relative;display:grid;place-items:center;min-height:440px}
.story-img{display:grid;place-items:center;width:min(430px,88%);aspect-ratio:1;padding:30px;border-radius:38px;background:#fff;transform:rotate(-3deg);box-shadow:0 50px 90px -40px rgba(0,0,0,.85);transition:transform .8s var(--ease)}
.story-visual:hover .story-img{transform:rotate(0)}
.story-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.story-reading{position:absolute;right:-6px;bottom:8px;width:258px;animation:bob 6s ease-in-out infinite}
.story-points{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.story-points li{padding:30px 28px;background:var(--navy-950);transition:background .3s}
.story-points li:hover{background:#0c1628}
.sp-n{font-family:"Grotesk",sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.08em;color:var(--orange)}
.story-points h3{margin:12px 0 8px;color:#fff;font-size:1.16rem}
.story-points p{font-size:.92rem;line-height:1.6}

/* Büyük rakamlar */
.bigstats{padding:clamp(56px,7vw,84px) 0;background:#fff}
.bigstats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.bstat{padding-left:22px;border-left:2px solid var(--line)}
.bstat:hover{border-color:var(--orange)}
.bstat b{display:flex;align-items:baseline;font-weight:700;font-size:clamp(2.8rem,6vw,4.6rem);line-height:1;letter-spacing:-.05em;color:var(--ink)}
.bstat b small{margin-left:4px;font-size:.42em;letter-spacing:-.02em;color:var(--orange)}
.bstat>span{display:block;max-width:15em;margin-top:12px;color:var(--muted);font-weight:600;font-size:.92rem;line-height:1.45}

/* Nasıl çalışır */
.flow{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.flow::before{content:"";position:absolute;left:12.5%;right:12.5%;top:44px;border-top:2px dashed var(--line-2)}
.flow::after{content:"";position:absolute;top:39px;left:12.5%;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,90,31,.16);animation:flowdot 5s ease-in-out infinite}
.flow-step{position:relative;z-index:1;padding:0 8px;text-align:center}
.flow-ico{position:relative;display:grid;place-items:center;width:88px;height:88px;margin:0 auto 22px;border-radius:28px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 20px 40px -26px rgba(11,20,36,.4)}
.flow-ico .ico{width:36px;height:36px;stroke-width:1.5}
.flow-step:nth-child(1) .flow-ico{color:var(--orange)}
.flow-step:nth-child(3) .flow-ico{color:var(--cyan)}
.flow-step:last-child .flow-ico{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.flow-ico b{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;font-size:.8rem;border:3px solid var(--soft)}
.flow-step h3{margin-bottom:8px;font-size:1.16rem}
.flow-step p{color:var(--muted);font-size:.93rem}

/* Kullanım alanları (koyu) */
.sectors{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-900);color:rgba(255,255,255,.68)}
.sectors-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 85% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 85% 0%,#000,transparent 70%)}
.sectors-bg::after{content:"";position:absolute;width:640px;height:640px;left:-260px;bottom:-320px;border-radius:50%;background:radial-gradient(circle,rgba(25,180,232,.2),transparent 70%)}
.sectors .shead h2{color:#fff}
.sectors .shead p{color:rgba(255,255,255,.6)}
.sectors .kicker{color:#ffb08c}
.sx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.sx-tabs [role=tab]{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.78);font-weight:600;font-size:.92rem;transition:background .25s,color .25s,border-color .25s}
.sx-tabs [role=tab] .ico{width:18px;height:18px}
.sx-tabs [role=tab]:hover{border-color:rgba(255,255,255,.4);color:#fff}
.sx-tabs [aria-selected=true],.sx-tabs [aria-selected=true]:hover{background:#fff;border-color:#fff;color:var(--ink)}
.sx-tabs [aria-selected=true] .ico{color:var(--orange)}
.sx-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;animation:fadeUp .5s var(--ease)}
.sx-copy{padding:clamp(28px,4vw,44px);border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sx-copy h3{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}
.sx-copy p{margin-top:14px;max-width:36em;font-size:1.04rem}
.sx-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}
.sx-chips li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font-weight:600;font-size:.82rem}
.sx-prod{display:flex;flex-direction:column;border-radius:28px;background:#fff;overflow:hidden;transition:transform .45s var(--ease)}
.sx-prod:hover{transform:translateY(-5px)}
.sx-prod-img{flex:1;display:grid;place-items:center;min-height:230px;margin:8px;padding:24px;border-radius:22px;background:var(--soft)}
.sx-prod-img img{max-height:230px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.sx-prod-img .ico{width:80px;height:80px;color:#b6c2d4}
.sx-prod-txt{display:block;padding:12px 22px 22px}
.sx-prod-txt small{display:block;color:var(--orange-600);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.sx-prod-txt b{display:block;margin-top:4px;color:var(--ink);font-size:1.08rem;line-height:1.3}
.sx-prod-txt em{display:block;margin-top:6px;font-style:normal;font-weight:700;color:var(--ink)}

/* Takip platformu */
.platform{background:linear-gradient(180deg,#fff 0%,#edf3fa 100%);overflow:hidden}
.platform-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center}
.platform-copy h2{margin:14px 0 18px;font-size:clamp(2rem,3.8vw,3.05rem);line-height:1.04}
.platform-visual{padding:30px 10px 10px 0}
.dash{position:relative;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 44px 90px -44px rgba(11,20,36,.5)}
.dash-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);border-radius:24px 24px 0 0;background:var(--soft)}
.dash-bar i{width:10px;height:10px;border-radius:50%;background:#d3dae5}
.dash-bar i:first-child{background:#ff8a65}
.dash-bar span{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:4px 12px;border-radius:999px;background:#fff;color:var(--muted);font-size:.74rem;font-weight:600}
.dash-bar span .ico{width:12px;height:12px;color:var(--mint)}
.dash-body{display:grid;grid-template-columns:168px 1fr}
.dash-side{list-style:none;display:grid;align-content:start;gap:3px;padding:14px 10px;border-right:1px solid var(--line)}
.dash-side li{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;color:var(--text);font-size:.78rem;font-weight:600}
.dash-side li.is-on{background:var(--soft);color:var(--ink)}
.dash-side i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--mint)}
.dash-side .st-warn i{background:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.16);animation:blink 1.4s ease-in-out infinite}
.dash-side span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-side b{font-family:"Grotesk",sans-serif}
.dash-side .st-warn b{color:var(--orange-600)}
.dash-main{min-width:0;padding:16px 18px 18px}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dash-kpis div{padding:10px 12px;border-radius:14px;background:var(--soft)}
.dash-kpis small{display:block;color:var(--muted);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.dash-kpis b{font-size:1.4rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.dash-kpis em{margin-left:2px;font-style:normal;font-size:.7em;color:var(--muted)}
.dash-chart{margin-top:12px;padding:12px 12px 8px;border-radius:14px;border:1px solid var(--line)}
.dash-chart .spark{height:120px}
.dash-hours{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:.64rem;font-weight:600}
.dash-log{list-style:none;display:grid;gap:8px;margin-top:12px}
.dash-log li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;font-size:.76rem}
.dash-log .ico{flex:none;width:18px;height:18px}
.dash-log span{flex:1;min-width:0}
.dash-log b{display:block;color:var(--ink);font-size:.8rem}
.dash-log small{display:block;color:var(--muted);line-height:1.4}
.dash-log time{font-weight:700;color:var(--muted)}
.lg-warn{background:rgba(255,90,31,.08)}
.lg-warn .ico{color:var(--orange)}
.lg-ok{background:rgba(20,192,139,.08)}
.lg-ok .ico{color:var(--mint)}
.dash-push{position:absolute;right:-16px;top:-30px;display:flex;align-items:center;gap:10px;width:290px;padding:12px 14px;border-radius:18px;background:rgba(11,20,36,.95);color:#fff;box-shadow:0 30px 60px -28px rgba(11,20,36,.85);animation:bob 6s ease-in-out infinite}
.dash-push>.ico{flex:none;width:34px;height:34px;padding:8px;border-radius:11px;background:var(--orange)}
.dash-push b{display:block;font-size:.8rem}
.dash-push small{display:block;font-size:.74rem;opacity:.75}

/* Hızlı iletişim, SSS */
.qc-card{border-radius:28px}
.faq{border-radius:20px}

/* CTA şeridi */
.cta-in{padding:48px 56px;border-radius:32px;background:var(--orange);color:rgba(255,255,255,.88);box-shadow:0 44px 80px -44px rgba(255,90,31,.85)}
.cta-in::before{background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.3px);background-size:20px 20px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.cta-in::after{background:radial-gradient(circle,rgba(255,200,120,.5),transparent 70%)}
.cta-copy{position:relative;z-index:1}
.cta-in h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05}
.cta-btns{position:relative;z-index:1}
.cta-in .btn-heat{background:var(--navy-900);box-shadow:0 14px 30px -14px rgba(11,20,36,.8)}
.cta-in .btn-heat:hover{background:#000}
.cta-in .btn-wa{background:#fff;color:var(--ink);box-shadow:none}
.cta-in .btn-wa .ico{color:#1fae54}
.cta-in .btn-wa:hover{background:#fff7f2}
.cta-art{position:absolute;right:30%;top:50%;z-index:0;display:flex;gap:6px;transform:translateY(-50%);opacity:.12;pointer-events:none}
.cta-art .ico{width:150px;height:150px;stroke-width:1.2;color:#fff}

/* Footer */
.ftr{position:relative;overflow:hidden;background:var(--navy-950)}
.ftr-logo{padding:0;background:none;color:#fff;margin-bottom:20px}
.ftr-logo .brand-mark{width:44px;height:44px;box-shadow:0 0 0 1px rgba(255,255,255,.12);border-radius:13px}
.ftr li a:hover{color:#fff}
.ftr-contact .ico{color:var(--orange)}
.ftr-social a:hover{background:var(--orange)}
.ftr-app{display:flex;align-items:center;gap:12px;max-width:330px;margin-top:22px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;transition:background .25s}
.ftr-app:hover{background:rgba(255,255,255,.09)}
.ftr-app-ico{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--orange)}
.ftr-app-ico .ico{width:20px;height:20px}
.ftr-app b{display:block;font-size:.9rem}
.ftr-app small{display:block;color:rgba(255,255,255,.55);font-size:.78rem}
.ftr-app>.ico:last-child{margin-left:auto;opacity:.6}
.ftr-word{margin:-10px 0 -.14em;color:rgba(255,255,255,.035);font-weight:700;font-size:clamp(5rem,20vw,18rem);line-height:.82;letter-spacing:-.065em;text-align:center;white-space:nowrap;user-select:none;pointer-events:none}
.ftr-word span{color:rgba(255,90,31,.1)}
.ftr-bottom{position:relative;background:var(--navy-950)}
.ftr-top{display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.ftr-top:hover{color:#fff}
.ftr-top .ico{width:15px;height:15px}

/* İç sayfalar */
.phero{background:var(--navy-900)}
.phero-bg::after{background:radial-gradient(520px circle at 88% 10%,rgba(25,180,232,.22),transparent 60%),radial-gradient(460px circle at 0% 110%,rgba(255,90,31,.24),transparent 60%)}
.phero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.04}
.post-meta .ico{color:var(--orange)}
.to-top{background:var(--navy-900)}
.toast{background:var(--navy-900)}
.toast a{color:#ffb08c}

@keyframes tick3{to{transform:translateX(-33.3333%)}}
@keyframes tick4{to{transform:translateX(-25%)}}
@keyframes flowdot{0%{left:12.5%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:87.5%;opacity:0}}
@keyframes draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}

/* Duyarlı */
@media (max-width:1200px){
  .hdr-cta{display:none}
  .hx-slide{padding:46px 40px 104px}
  .hx-ctrl{left:40px;right:40px}
}
@media (max-width:1080px){
  .mega-in{grid-template-columns:1fr}
  .mega-cols{grid-template-columns:1fr;gap:0}
  .mega-col{padding:6px 0}
  .mega-col:hover{background:none}
  .mega-cat{margin:0;padding:8px 6px}
  .mega-cat small,.mega-prods,.mega-all{display:none}
  .mega-ico{width:36px;height:36px}
  .nav-list>li>a{border-radius:0}
  .nav-list>li>a:hover,.nav-list>li>a[aria-current]{background:none;color:var(--orange-600)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .hx-slide{grid-template-columns:1fr;gap:6px;padding:36px 30px 100px}
  .hx-visual{min-height:360px}
  .hx-ctrl{left:30px;right:30px}
  .bento{grid-template-columns:1fr 1fr}
  .bento-card.is-big{grid-column:1 / -1;grid-row:auto}
  .story-grid,.platform-grid{grid-template-columns:1fr;gap:40px}
  .story-visual{min-height:380px}
  .story-points{grid-template-columns:repeat(2,1fr)}
  .bigstats-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .flow{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .flow::before,.flow::after{display:none}
  .sx-panel{grid-template-columns:1fr}
  .platform-visual{padding:30px 0 0}
  .cta-art{display:none}
}
@media (max-width:760px){
  .annc-in{gap:12px}
  .annc-side{gap:12px}
  .annc-side a span{display:none}
  .annc-side a:first-child span{display:inline}
  .brand-mark{width:36px;height:36px}
  .brand-txt b{font-size:1.2rem}
  .hx{padding:10px 0 10px}
  .hx-stage{border-radius:26px}
  .hx-slide{padding:28px 20px 92px}
  .hx-title{font-size:2.05rem}
  .hx-text{font-size:1rem}
  .hx-btns .btn{flex:1 1 auto}
  .hx-visual{min-height:300px;margin-top:8px}
  .hx-img{width:min(300px,78%)}
  .hx-reading{width:210px;left:-4px;bottom:0}
  .rc-t b{font-size:2rem}
  .achip{top:6px;right:-4px;padding:8px 10px 8px 8px}
  .achip-ico{width:28px;height:28px}
  .hx-ctrl{left:16px;right:16px;bottom:18px}
  .hx-thumbs b{display:none}
  .hero-dots.hx-thumbs button{padding:4px}
  .hx .hero-arrows [data-prev],.hx .hero-arrows [data-next]{display:none}
  .trust{padding-bottom:20px}
  .trust-grid{gap:8px}
  .trust-item{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
  .ticker{padding:22px 0}
  .ticker-track i{width:32px;height:32px}
  .bento{grid-template-columns:1fr}
  .bento-card{min-height:250px}
  .story-points{grid-template-columns:1fr;margin-top:48px}
  .story-reading{width:220px;right:-4px}
  .bstat{padding-left:14px}
  .flow{grid-template-columns:1fr}
  .sx-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding:0 20px 4px}
  .sx-tabs::-webkit-scrollbar{display:none}
  .sx-tabs [role=tab]{flex:none}
  .dash-body{grid-template-columns:1fr}
  .dash-side{display:none}
  .dash-push{right:8px;top:-40px;width:250px}
  .dash-kpis b{font-size:1.15rem}
  .cta-in{padding:34px 24px;border-radius:26px}
  .cta-btns .btn{flex:1 1 auto}
  .ftr-word{font-size:24vw;margin-top:10px}
}
@media (prefers-reduced-motion:reduce){
  .annc-track,.ticker-track,.flow::after,.dash-push,.story-reading,.hx-ring::after{animation:none!important}
}
.bento-card:not(.is-big) .bento-imgs{top:64px}
.sx-copy{position:relative;isolation:isolate;overflow:hidden}
.sx-copy>*{position:relative;z-index:1}
.sx-copy>.sx-scene{position:absolute;inset:0;z-index:0}
.sx-scene img{width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.75)}
.sx-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--navy-900) 22%,rgba(11,20,36,.82) 55%,rgba(11,20,36,.35) 100%)}
.cc .cc-2{display:block;margin-top:2px;font-size:.92em;opacity:.75}
.pd-price{font-family:"Grotesk",sans-serif;font-weight:700;font-size:1.7rem;letter-spacing:-.03em;color:var(--ink);margin-bottom:6px}
@media (max-width:760px){
  .pcard-chips li:nth-child(n+2){display:none}
  .pcard-body{padding:12px 14px 14px}
  .pcard-act{flex-direction:column;align-items:stretch;gap:8px}
  .pcard-ask{max-width:none}
  .qadd{justify-content:center}
  .bento-card:not(.is-big) .bento-copy{max-width:62%}
  .bento-card:not(.is-big) .bento-imgs{width:34%}
}
@media (max-width:760px){
  .hx-visual{place-items:start end;min-height:340px}
  .hx-ring{left:50%;top:50%;transform:translate(-50%,-50%)}
  .hx-img{width:70%;margin:6px 4px 0 0}
  .hx-reading{width:198px;left:0;bottom:6px;padding:12px}
  .hx-reading .rc-t b{font-size:1.8rem}
  .hx-visual .achip{top:auto;bottom:118px;right:0}
  .pcard-meta>span+span{display:none}
}
.contact-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}