/*
 * Prozence sitesi (prozence.com) — tasarım sistemi.
 * Görsel dil: 6 Ekim 2026 tasarım önizlemesi (Prozence-Site-v1.0) temel alındı; alt sayfa bileşenleri dosyanın sonunda.
 * Yazı tipleri: Poppins (başlık) ve Source Sans 3 (metin), SIL Open Font License 1.1 — lisanslar varlik/font/ içinde.
 * Poppins'te Kiril yok; Rusça sayfalarda başlıklar sistem yazı tipine düşer.
 */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url(../font/poppins-latin-300-normal.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: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url(../font/poppins-latin-ext-300-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(../font/poppins-latin-400-normal.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: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(../font/poppins-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(../font/poppins-latin-500-normal.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: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url(../font/poppins-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(../font/poppins-latin-600-normal.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: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(../font/poppins-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url(../font/source-sans-3-latin-wght-normal.woff2) format("woff2-variations"); 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: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url(../font/source-sans-3-latin-ext-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url(../font/source-sans-3-cyrillic-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url(../font/source-sans-3-cyrillic-ext-wght-normal.woff2) format("woff2-variations"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

:root{--ink:#153141;--deep:#102b39;--muted:#526772;--teal:#007e96;--bright:#0096b4;--line:#dce5e8;--mist:#f3f7f8;--display:Poppins,system-ui,sans-serif;--body:'Source Sans 3',system-ui,sans-serif;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:#fff;font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
svg{width:24px;height:24px;flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:500}
h2{font-size:clamp(30px,3.5vw,46px);line-height:1.22;letter-spacing:-1.9px}
h3{font-size:22px;line-height:1.4;letter-spacing:-.6px}
em{font-style:normal}
ul,ol{list-style:none;padding:0;margin:0}
button{color:inherit}
::selection{background:#c0edf1;color:#153141}
:focus-visible{outline:3px solid #0096b4;outline-offset:5px;border-radius:4px}
.kap{width:calc(100% - 112px);max-width:var(--max);margin-inline:auto}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.atla{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-160%)}
.atla:focus{transform:none}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;letter-spacing:1.5px;line-height:1.5}
.eyebrow svg{width:18px;height:18px}

.dugme{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 26px;border-radius:8px;background:var(--ink);border:1px solid var(--ink);color:white;font-size:16px;font-weight:650;line-height:1.3;transition:background .18s,box-shadow .18s,transform .18s}
.dugme:hover{background:#244957;box-shadow:0 8px 20px #15314115;transform:translateY(-2px)}
.dugme-ikincil{background:#ffffffb3;border-color:#bfcdd2;color:var(--ink)}
.dugme-ikincil:hover{background:white}
.dugme svg{width:18px;height:18px}
.dugme-ikincil svg{width:16px;height:16px}
.eylemler{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.ust{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid #e9eef0}
.ust-ic{height:88px;width:calc(100% - 112px);max-width:var(--max);margin:auto;display:flex;align-items:center;gap:42px;justify-content:space-between}
.logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.logo img{width:158px;height:auto}
.logo>span{font-size:11px;letter-spacing:.7px;white-space:nowrap;border-left:1px solid var(--line);padding-left:12px;color:var(--muted);margin-top:8px}
.gezinme{display:flex;align-items:center;gap:25px;margin-left:auto}
.gezinme>a{font-size:15px;white-space:nowrap;transition:color .15s}
.gezinme>a:hover{color:var(--teal)}
.nav-tools{display:flex;align-items:center;gap:22px}
.diller{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c7b84}
.diller svg{width:15px;height:15px;margin-right:4px}
.diller a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:23px}
.diller a[aria-current]{color:var(--ink);font-weight:700}
.diller>span{color:#cad3d7}
.nav-cta{min-height:43px;font-size:14px;padding:11px 18px;border-radius:7px;white-space:nowrap}
.menu-dugme{display:none;position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:7px;background:white}
.menu-cizgi,.menu-cizgi:before,.menu-cizgi:after{display:block;position:absolute;width:18px;height:1.5px;left:12px;top:20px;background:var(--ink);content:''}
.menu-cizgi:before{left:0;top:-6px}
.menu-cizgi:after{left:0;top:6px}
.menu-dugme[aria-expanded=true] .menu-cizgi{background:transparent}
.menu-dugme[aria-expanded=true] .menu-cizgi:before{top:0;transform:rotate(45deg)}
.menu-dugme[aria-expanded=true] .menu-cizgi:after{top:0;transform:rotate(-45deg)}

.hero{position:relative;overflow:hidden;padding:68px 0 76px;background:radial-gradient(ellipse 60% 36% at 51% 60%,#def3f6 0%,transparent 100%),linear-gradient(#fff 0%,#f6fafb 100%)}
.hero>.kap{position:relative}
.hero-metin{text-align:center;max-width:1000px;margin:0 auto}
.hero-eyebrow{display:inline-flex;color:#365c6a;font-size:11px;letter-spacing:1.9px;border:1px solid #d3e3e6;border-radius:40px;padding:8px 15px;background:#f6fafb}
.hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.15;font-weight:400;letter-spacing:-3.7px;margin:25px auto 21px}
.hero h1 em{color:var(--teal)}
.giris{font-size:21px;color:var(--muted);max-width:690px;line-height:1.6;margin:auto;text-wrap:pretty}
.hero .eylemler{justify-content:center;margin-top:28px}
.hero-note{font-size:14px;margin-top:17px;color:#5f737d}
.product-stage{position:relative;max-width:1060px;margin:50px auto 0;padding-right:80px;padding-bottom:25px}
.stage-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:14px;padding-inline:3px}
.stage-caption>span:first-child{display:flex;align-items:center;gap:8px;letter-spacing:1.5px;font-weight:600}
.stage-caption svg{width:15px;height:15px}
.desktop-preview{border:1px solid #cbdcde;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 25px 55px -25px #29465366,0 4px 10px #2946530c}
.window-bar{height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:#fbfcfc;border-bottom:1px solid #e2e9eb;font-size:11px;color:#6b7d86}
.window-dots{display:flex;gap:5px}
.window-dots i{height:7px;width:7px;background:#d0dadd;border-radius:50%}
.window-lock svg{width:13px;height:13px}
.desktop-preview>img,.desktop-preview>.image-zoom img{width:100%;height:auto}
.phone-preview{position:absolute;width:215px;right:-10px;bottom:0;border:6px solid #173747;border-radius:28px;overflow:hidden;background:white;box-shadow:0 18px 45px -15px #0a2b3960;transform:rotate(3deg)}
.phone-preview img{width:100%;height:auto}
.stage-tag{position:absolute;left:-35px;bottom:47px;display:flex;align-items:center;gap:13px;padding:16px 22px;border:1px solid #d7e4e7;border-radius:10px;background:#ffffffed;box-shadow:0 10px 30px #12314114;backdrop-filter:blur(8px)}
.stage-tag>svg{padding:5px;width:32px;height:32px;background:#e2f4f3;border-radius:50%;color:#19796e}
.stage-tag strong{display:block;font-size:14px}
.stage-tag span{display:block;font-size:12px;color:var(--muted)}

.ecosystem{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:32px 0;border-bottom:1px solid var(--line)}
.ecosystem>p{font-size:15px;line-height:1.4;color:#627681;flex:none}
.ecosystem-names{display:flex;align-items:center;justify-content:space-between;gap:45px;flex:1}
.ecosystem-names span{font-family:var(--display);font-weight:500;font-size:18px;letter-spacing:-.4px;color:#3b5562}

.bolum{padding:108px 0}
.bolum-bas{margin-bottom:44px;max-width:760px}
.bolum-bas .eyebrow{margin-bottom:24px;color:var(--teal)}
.bolum-bas p{margin-top:20px;max-width:660px;color:var(--muted);font-size:19px;line-height:1.6}
.moduller{padding-bottom:115px}
.sekmeler{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px;background:#f0f5f6;border:1px solid #e5ecee;border-radius:10px;margin-bottom:40px}
.sekme{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:6px;padding:15px 10px;min-height:58px;font-size:15px;line-height:1.4;color:#4f6672;transition:background .2s,box-shadow .2s}
.sekme svg{width:20px;height:20px}
.sekme:hover{background:#e3edef}
.sekme[aria-selected=true]{background:white;color:var(--ink);border-color:#e1e9eb;box-shadow:0 2px 7px #1632420a;font-weight:650}
.sekme[aria-selected=true] svg{color:var(--teal)}
.panel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:65px;align-items:center;min-height:430px}
.js .panel[data-gizli]{display:none}
html:not(.js) .panel+.panel{margin-top:70px}
.panel-metin h3{font-size:31px;line-height:1.3;letter-spacing:-1.2px;max-width:440px}
.panel-metin ul{display:grid;gap:15px;margin-top:26px}
.panel-metin li{position:relative;font-size:17px;color:var(--muted);padding-left:25px;line-height:1.6}
.panel-metin li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-size:15px;font-weight:700}
.panel-gorsel{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;background:#eaf2f4;border:1px solid #dbe7eb;border-radius:16px;padding:28px;overflow:hidden}
.panel-gorsel .ekran{width:100%;border:1px solid #dce6e9;border-radius:7px;box-shadow:0 15px 35px -18px #25455766}
.panel-gorsel>.image-zoom{width:100%;min-width:0}
.panel-gorsel .telefon{width:180px;max-height:370px;object-fit:cover;object-position:top;border:4px solid var(--ink);border-radius:20px;box-shadow:0 18px 24px -18px #15314177}
.panel-telefon .panel-gorsel>.image-zoom{width:auto}
.panel-telefon .panel-gorsel>.image-zoom:last-child{transform:translateY(16px)}
.image-zoom{display:block;border:0;background:transparent;padding:0;text-align:inherit;cursor:zoom-in;max-width:100%}
.image-zoom img{transition:filter .2s}
.image-zoom:hover img{filter:brightness(.97)}

.identity-section{background:var(--deep);color:white;padding:100px 0}
.identity-inner{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:75px;align-items:center}
.identity-copy h2{font-size:41px;line-height:1.25;margin-top:27px;letter-spacing:-1.7px}
.identity-copy h2 em{color:#76d3df}
.identity-copy>.eyebrow{color:#8bafbd;font-size:11px}
.identity-copy>p{font-size:18px;line-height:1.65;color:#bacdd5;margin-top:23px;max-width:390px}
.demo-instruction{margin-top:35px;display:flex;gap:12px;align-items:center;color:#d0e4e9;font-size:16px}
.demo-instruction svg{color:#76d3df}
.demo-instruction .kisa{display:none}
.identity-copy small{display:block;font-size:12px;margin-top:14px;color:#9eb7c3}
.canli{background:#193b4b;border:1px solid #385463;border-radius:15px;padding:26px;color:white;min-width:0}
.canli-baslik{font-size:17px;font-weight:600}
.canli-alan{display:flex;gap:12px;align-items:center;padding:9px 14px;background:#fff;border:1px solid #c0dade;border-radius:7px;margin-top:16px;color:var(--ink)}
.canli-alan label{font-size:14px;color:var(--muted);flex:none}
.canli-alan input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--ink);padding:3px 0;font-size:17px;font-weight:600}
.canli-alan:focus-within{outline:3px solid #63c7d9;outline-offset:3px}
.canli-ipucu{font-size:13px;color:#b4c9d2;margin-top:12px;line-height:1.5}
.yuzeyler{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:14px;margin-top:24px}
.yuzey{min-width:0;display:flex;flex-direction:column;gap:8px}
.yuzey figcaption{font-size:12px;color:#bcd1db}
.yuzey-kart{grid-row:span 2}
.mk-kart{height:100%;padding:18px 13px;background:white;color:var(--ink);border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.mk-logo{font-size:11px;line-height:1.4;font-weight:650;color:#247a78}
.mk-kart .mk-logo{align-self:flex-start}
.mk-avatar{height:62px;width:62px;display:grid;place-items:center;background:#dc840b;color:white;font-size:23px;font-weight:600;border-radius:50%;margin:24px 0 12px}
.mk-ad{font-size:16px;line-height:1.3;font-weight:650}
.mk-unvan{font-size:13px;line-height:1.5;color:#207672;overflow-wrap:anywhere;border-radius:2px;transition:background .25s}
.mk-sirket{font-size:11px;color:#61737d;line-height:1.5}
.mk-eylemler{display:flex;gap:7px;width:100%;margin-top:auto;padding-top:20px}
.mk-eylemler span{width:50%;border:1px solid #d8e2e5;padding:8px 2px;border-radius:5px;font-size:11px}
.mk-kaydet{font-size:12px;background:#1c817c;color:#fff;padding:9px 5px;width:100%;margin-top:7px;border-radius:5px}
.mk-imza{position:relative;display:flex;flex-direction:column;gap:3px;background:white;border-radius:9px;padding:16px;color:var(--ink);min-width:0}
.mk-imza .mk-ad{font-size:15px}
.mk-iletisim{font-size:10px;color:#61737d;overflow-wrap:anywhere;margin-top:5px}
.mk-banner{font-size:11px;line-height:1.35;background:#153e4b;padding:10px;border-radius:5px;color:white;margin-top:7px}
.mk-wallet{background:#1b817c;border:1px solid #399892;color:white;border-radius:10px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px}
.mk-wallet .mk-logo{grid-column:1/-1;margin-bottom:15px;color:#d1eae7}
.mk-wallet .mk-ad{grid-column:1;font-size:15px}
.mk-wallet .mk-unvan{grid-column:1;color:#e4f4f1}
.mk-qr{grid-column:2;grid-row:2/span 2;background:white;padding:3px;border-radius:3px;align-self:end;display:block;width:40px;height:40px}
.mk-qr svg{width:100%;height:100%}
.mk-unvan.yeni{background:#bdeaf0;color:#123b47;box-shadow:0 0 0 3px #bdeaf0}

.yolculuk{background:#fff}
.yolculuk .bolum-bas{max-width:800px}
.adimlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;counter-reset:step}
.adim{counter-increment:step;display:flex;flex-direction:column;min-width:0;position:relative;border-top:1px solid #cbdadd;padding-top:20px}
.adim:before{content:'0' counter(step);font-size:13px;letter-spacing:1px;color:var(--teal);margin-bottom:16px;order:0}
.adim h3{order:1;font-size:22px;line-height:1.4;letter-spacing:-.5px}
.adim p{order:2;font-size:16px;color:var(--muted);line-height:1.6;margin-top:12px;min-height:132px}
.adim>.telefon,.adim>.image-zoom{order:3;margin-top:26px}
.adim>.image-zoom{background:#eff5f6;border:1px solid #e1eaed;padding:20px 22px 0;border-radius:12px;overflow:hidden}
.adim .telefon{width:100%;height:310px;object-fit:cover;object-position:top;border:4px solid var(--ink);border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 13px 22px #15314113}

.veri{background:#f2f7f8;border-top:1px solid #e6edef;border-bottom:1px solid #e6edef}
.veri-ic{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:40px 70px}
.veri .bolum-bas{grid-column:1;margin:0}
.veri .bolum-bas h2{font-size:41px}
.veri .bolum-bas p{font-size:18px}
.secenekler{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.secenek{padding:26px;background:white;border:1px solid #dbe6e9;border-radius:10px}
.option-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d4e7ec;border-radius:9px;color:var(--teal);background:#f1f8fa;margin-bottom:27px}
.secenek h3{font-size:21px;letter-spacing:-.6px}
.secenek p{font-size:16px;color:var(--muted);margin-top:13px;line-height:1.6}
.kvkk{grid-column:1/-1;border-top:1px solid #d7e2e6;padding-top:33px;display:grid;grid-template-columns:1fr 2fr;gap:35px}
.kvkk h3{font-size:17px;font-weight:500;color:var(--ink)}
.kvkk ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;font-size:15px;color:var(--muted)}
.kvkk li{padding-left:20px;position:relative}
.kvkk li:before{content:'✓';position:absolute;left:0;color:var(--teal)}
.entegrasyon .kap{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:75px}
.entegrasyon .bolum-bas{margin:0}
.entegrasyon h2{font-size:37px;letter-spacing:-1.4px}
.entegrasyon .bolum-bas p{font-size:17px}
.ent-gruplar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:3px}
.ent-grup h3{font-family:var(--body);font-size:14px;letter-spacing:0;font-weight:650;color:#41606e;min-height:48px;border-bottom:1px solid var(--line);padding-bottom:13px}
.ent-grup ul{padding-top:13px}
.ent-grup li{font-size:15px;padding:6px 0;color:var(--ink)}

.fiyat{background:#f7f9fa;border-top:1px solid #e6ecef;border-bottom:1px solid #e6ecef}
.fiyat .bolum-bas{margin-inline:auto;text-align:center}
.fiyat .eyebrow{justify-content:center}
.fiyat .bolum-bas p{margin-inline:auto}
.billing-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px;font-size:16px}
.billing-bar>p{color:var(--muted)}
.billing-switch{display:flex;border:1px solid #d4e0e3;padding:4px;border-radius:8px;background:#edf2f4;gap:3px}
.billing-switch button{border:0;background:transparent;border-radius:5px;padding:9px 17px;font-size:14px;color:#516875}
.billing-switch button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #15314110;color:var(--ink);font-weight:650}
.paketler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.paket{position:relative;background:white;border:1px solid #dce5e8;border-radius:10px;padding:32px 25px;display:flex;flex-direction:column;min-width:0}
.paket h3{font-family:var(--body);font-size:20px;line-height:1.4;letter-spacing:0;font-weight:650}
.paket-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:25px;margin-bottom:22px}
.tutar{font-size:47px;letter-spacing:-1.5px;font-weight:500;line-height:1.15}
.birim{font-size:14px;color:#647b86}
.paket-kime{font-size:15px;font-weight:650;line-height:1.5;margin-bottom:12px;min-height:45px}
.paket-ozet{font-size:16px;line-height:1.6;color:var(--muted);padding-bottom:26px}
.plan-cta{margin-top:auto;min-height:43px;padding:11px 15px;font-size:14px;background:white;border-color:#cbd9dd;color:var(--ink)}
.plan-cta:hover{background:#eff6f8}
.paket-vurgu{border-color:var(--ink);background:var(--ink);color:white}
.paket-vurgu .birim,.paket-vurgu .paket-ozet{color:#c9dae0}
.paket-vurgu .plan-cta{border-color:#9bdbe5;background:#9bdbe5;color:#123443}
.paket-vurgu .plan-cta:hover{background:#b8e7ee}
.plan-label{position:absolute;top:-12px;left:23px;background:#96d6e0;color:#123443;border-radius:4px;padding:4px 9px;font-size:10px;letter-spacing:.8px;line-height:1.6;font-weight:700}
.dipnot{font-size:14px;color:#546c79;margin-top:25px;max-width:900px}
.preview-note{font-size:12px;color:#637581;margin-top:13px;padding-top:14px;border-top:1px dashed #d3dfe3}

.sss-ic{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:100px}
.faq-heading .eyebrow{color:var(--teal);margin-bottom:23px}
.faq-heading p{color:var(--muted);font-size:18px;margin-top:21px}
.soru{border-top:1px solid var(--line)}
.soru:last-child{border-bottom:1px solid var(--line)}
.soru summary{position:relative;padding:22px 36px 22px 0;font-size:18px;font-weight:600;cursor:pointer;list-style:none;line-height:1.5}
.soru summary::-webkit-details-marker{display:none}
.soru summary:after{content:'+';font-size:25px;font-weight:300;line-height:1;position:absolute;right:1px;top:22px;color:var(--teal)}
.soru[open] summary:after{content:'−'}
.soru p{padding:0 35px 23px 0;color:var(--muted);font-size:17px;line-height:1.6}

.son{position:relative;background:var(--deep);color:white;text-align:center;padding:90px 0 94px;overflow:hidden}
.son:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 150% at 90% 90%,#15556a66,transparent)}
.son-ic{position:relative}
.son .eyebrow{justify-content:center;color:#9eb9c5;font-size:11px}
.son h2{font-size:clamp(38px,4.5vw,62px);font-weight:400;letter-spacing:-2.5px;margin-top:25px}
.son h2 em{color:#91d3df}
.son p{font-size:19px;color:#bfd2da;margin-top:23px}
.son .eylemler{justify-content:center;margin-top:32px}
.dugme-acik{background:#fff;color:var(--ink);border-color:#fff}
.dugme-acik:hover{background:#def1f5}
.dugme-cizgi{background:transparent;border-color:#607d8a;color:white}
.dugme-cizgi:hover{background:#1e4455}

.alt{padding-top:64px;background:#fff}
.alt-ic{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:55px}
.alt-marka p{font-size:15px;color:#607682;margin-top:18px}
.alt-sutun{display:flex;flex-direction:column;gap:11px}
.alt-sutun h2{font-size:14px;font-family:var(--body);letter-spacing:0;font-weight:650;margin-bottom:10px}
.alt-sutun a,.alt-sutun span{font-size:14px;color:var(--muted);line-height:1.5}
.alt-sutun a:hover{color:var(--teal);text-decoration:underline}
.alt-sutun span{color:#687e89}
.alt-son{border-top:1px solid var(--line);padding-block:22px}
.alt-son p{font-size:12px;color:#687e89}

.image-dialog{border:1px solid #7896a2;border-radius:12px;background:white;padding:52px 22px 22px;width:max-content;max-width:95vw;max-height:94vh;color:var(--ink);box-shadow:0 30px 80px #0006}
.image-dialog::backdrop{background:#061d2ae6;backdrop-filter:blur(7px)}
.image-dialog img{max-height:75vh;width:auto;max-width:89vw;object-fit:contain;margin:auto}
.image-dialog p{font-size:14px;text-align:center;margin-top:15px;max-width:1000px}
.close-dialog{position:absolute;right:10px;top:5px;border:0;background:transparent;width:40px;height:40px;font-size:32px;line-height:1}
@media(min-width:1600px){
  .hero{padding-top:80px}
  .hero h1{font-size:82px}
  .product-stage{margin-top:60px}
}
@media(max-width:1200px){
  .kap,.ust-ic{width:calc(100% - 72px)}
  .ust-ic{gap:25px}
  .logo>span{display:none}
  .gezinme{gap:16px}
  .nav-tools{gap:16px}
  .panel{gap:36px}
  .identity-inner{gap:40px}
  .identity-copy h2{font-size:36px}
  .secenekler{gap:14px}
  .secenek{padding:22px}
  .entegrasyon .kap{gap:45px}
  .ent-gruplar{gap:20px}
  .paket{padding:30px 20px}
  .adim p{min-height:153px}
  .ecosystem-names{gap:24px}
  .ecosystem-names span{font-size:16px}
  .sss-ic{gap:60px}
}
@media(min-width:1001px) and (max-width:1120px){
  .ust-ic{gap:18px}
  .gezinme{gap:13px}
  .gezinme>a{font-size:14px}
  .nav-tools{gap:12px}
  .nav-cta{padding-inline:14px}
}
@media(max-width:1000px){
  .ust-ic{height:78px}
  .menu-dugme{display:block}
  .gezinme{display:none;position:absolute;left:0;right:0;top:77px;padding:24px 36px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #1531410c;align-items:flex-start;gap:15px}
  .gezinme.acik{display:flex;flex-direction:column}
  .gezinme>a{font-size:18px;width:100%;padding-block:7px}
  .hero{padding-top:50px}
  .hero h1{font-size:58px;letter-spacing:-2.8px}
  .giris{font-size:19px}
  .product-stage{padding-right:70px}
  .phone-preview{width:165px;right:-5px;border-width:5px;border-radius:23px}
  .stage-tag{left:-12px;bottom:30px;padding:12px 16px}
  .ecosystem{gap:28px}
  .ecosystem-names{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
  .bolum{padding:80px 0}
  .sekmeler{display:flex;overflow-x:auto;scrollbar-width:thin}
  .sekme{flex:none;padding:13px 17px;font-size:14px;min-height:52px}
  .panel{grid-template-columns:1fr 1.15fr;gap:28px}
  .panel-metin h3{font-size:26px}
  .panel-metin li{font-size:16px}
  .panel-gorsel{padding:16px}
  .identity-inner{grid-template-columns:1fr;gap:36px}
  .identity-copy>p{max-width:620px}
  .identity-copy h2{font-size:42px}
  .identity-copy small{margin-top:10px}
  .demo-instruction{margin-top:22px}
  .demo-instruction .uzun{display:none}
  .demo-instruction .kisa{display:inline}
  .canli{max-width:700px;width:100%;margin:auto}
  .identity-section{padding-block:80px}
  .adimlar{grid-template-columns:1fr 1fr;gap:45px 28px}
  .adim p{min-height:80px}
  .adim .telefon{height:350px}
  .adim>.image-zoom{padding:25px 40px 0}
  .veri-ic{display:block}
  .veri .bolum-bas{max-width:700px}
  .secenekler{margin-top:35px;gap:22px}
  .kvkk{margin-top:35px;grid-template-columns:1fr 2fr}
  .entegrasyon .kap{display:block}
  .entegrasyon .bolum-bas{max-width:700px;margin-bottom:40px}
  .entegrasyon h2{font-size:41px}
  .ent-gruplar{gap:30px}
  .paketler{grid-template-columns:1fr 1fr;gap:25px}
  .paket-kime{min-height:0}
  .paket-ozet{min-height:102px}
  .sss-ic{gap:50px;grid-template-columns:1fr 1.5fr}
  .alt-ic{gap:35px;grid-template-columns:1.5fr 1fr 1fr 1fr}
}
@media(max-width:680px){
  body{font-size:17px}
  .kap,.ust-ic{width:calc(100% - 40px)}
  .ust-ic{height:72px;gap:12px}
  .logo img{width:135px}
  .nav-tools{gap:12px}
  .nav-cta{display:none}
  .diller{gap:3px}
  .diller svg{display:none}
  .diller a{min-width:24px}
  .gezinme{top:71px;padding-inline:24px}
  .hero{padding-top:40px;padding-bottom:40px}
  .hero-eyebrow{font-size:10px;letter-spacing:1.1px;padding:7px 12px}
  .hero h1{font-size:40px;letter-spacing:-1.8px;line-height:1.21;margin-top:23px}
  .hero h1 em{display:inline-block;max-width:13ch}
  .giris{font-size:18px;line-height:1.55;max-width:360px}
  .hero .eylemler{margin-top:24px;gap:10px}
  .dugme{padding:13px 18px;min-height:49px;font-size:15px}
  .hero-note{font-size:12px;max-width:300px;margin-inline:auto}
  .product-stage{margin-top:34px;padding-right:34px;padding-bottom:34px}
  .stage-caption{font-size:10px;margin-bottom:9px}
  .stage-caption>span:first-child{font-size:9px;letter-spacing:.8px;gap:5px}
  .stage-caption>span:last-child{display:none}
  .stage-caption svg{width:12px;height:12px}
  .window-bar{height:25px;padding:0 9px;font-size:9px}
  .window-dots{gap:3px}
  .window-dots i{width:5px;height:5px}
  .window-lock svg{width:10px;height:10px}
  .desktop-preview{border-radius:7px}
  .phone-preview{width:25%;right:-1px;bottom:16px;border-width:3px;border-radius:14px;transform:rotate(3deg)}
  .stage-tag{left:9px;bottom:3px;padding:8px 12px;border-radius:7px;gap:8px}
  .stage-tag strong{font-size:11px}
  .stage-tag span{font-size:10px}
  .stage-tag>svg{width:25px;height:25px;padding:4px}
  .ecosystem{padding:25px 0;display:block}
  .ecosystem>p{font-size:14px;text-align:center;line-height:1.5}
  .ecosystem>p br{display:none}
  .ecosystem-names{gap:19px 16px;margin-top:22px;justify-items:center}
  .ecosystem-names span{font-size:15px}
  .bolum{padding:64px 0}
  h2{font-size:32px;letter-spacing:-1.3px}
  .bolum-bas{margin-bottom:30px}
  .bolum-bas .eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:1.1px}
  .bolum-bas p{font-size:17px;margin-top:18px}
  .sekmeler{margin-bottom:28px;gap:4px;padding:5px;max-width:100%}
  .sekme{font-size:14px;padding:10px 13px;gap:8px}
  .sekme svg{width:17px;height:17px}
  .panel{display:flex;flex-direction:column;gap:28px;min-height:0;align-items:stretch}
  .panel-metin h3{font-size:25px;max-width:none}
  .panel-metin ul{margin-top:20px;gap:13px}
  .panel-metin li{font-size:16px;padding-left:23px}
  .panel-gorsel{padding:18px;min-height:0}
  .panel-gorsel .telefon{max-height:300px;width:135px;border-radius:16px;border-width:3px}
  .identity-section{padding:62px 0}
  .identity-inner{gap:29px}
  .identity-copy h2{font-size:32px;letter-spacing:-1.2px;margin-top:20px}
  .identity-copy>.eyebrow{font-size:10px;letter-spacing:1px}
  .identity-copy>p{font-size:17px;margin-top:18px}
  .identity-copy small{font-size:11px}
  .canli{padding:18px;border-radius:10px}
  .canli-baslik{font-size:16px}
  .canli-alan{padding:8px 10px;gap:10px}
  .canli-alan input{font-size:16px}
  .canli-alan label{font-size:12px}
  .canli-ipucu{font-size:12px}
  .yuzeyler{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:10px;margin-top:19px}
  .yuzey figcaption{font-size:11px}
  .mk-kart{padding:12px 8px}
  .mk-ad{font-size:14px}
  .mk-unvan{font-size:12px}
  .mk-sirket{font-size:10px}
  .mk-avatar{width:45px;height:45px;font-size:19px;margin-top:21px}
  .mk-logo{font-size:9px}
  .mk-eylemler{gap:4px}
  .mk-eylemler span{font-size:10px}
  .mk-kaydet{font-size:10px}
  .mk-imza{padding:12px 10px}
  .mk-imza .mk-ad,.mk-wallet .mk-ad{font-size:13px}
  .mk-banner{font-size:10px;padding:7px}
  .mk-iletisim{font-size:9px}
  .mk-wallet{padding:12px 10px;grid-template-columns:1fr}
  .mk-wallet .mk-logo{margin-bottom:10px}
  .mk-wallet .mk-qr{display:none}
  .mk-wallet .mk-unvan{font-size:11px}
  .adimlar{gap:36px 20px}
  .adim{padding-top:14px}
  .adim:before{font-size:12px;margin-bottom:12px}
  .adim h3{font-size:19px}
  .adim p{font-size:15px;line-height:1.55;min-height:164px}
  .adim>.image-zoom{padding:12px 12px 0;margin-top:20px;border-radius:8px}
  .adim .telefon{height:220px;border-width:3px;border-radius:14px 14px 0 0}
  .veri .bolum-bas h2{font-size:32px}
  .secenekler{grid-template-columns:1fr;gap:16px;margin-top:29px}
  .secenek{padding:25px}
  .option-icon{margin-bottom:19px}
  .secenek h3{font-size:23px}
  .secenek p{font-size:17px}
  .kvkk{display:block;padding-top:27px}
  .kvkk h3{font-size:18px}
  .kvkk ul{grid-template-columns:1fr;gap:12px;margin-top:18px;font-size:16px}
  .entegrasyon h2{font-size:32px}
  .ent-gruplar{grid-template-columns:1fr 1fr;gap:25px}
  .ent-grup h3{min-height:0;font-size:15px}
  .ent-grup li{font-size:16px}
  .billing-bar{display:block;text-align:center}
  .billing-bar>p{font-size:16px;margin-bottom:18px}
  .billing-switch{display:inline-flex}
  .billing-switch button{font-size:14px;padding:10px 15px}
  .paketler{grid-template-columns:1fr;gap:23px}
  .paket{padding:28px}
  .paket h3{font-size:22px}
  .paket-fiyat{margin-top:15px;margin-bottom:16px}
  .tutar{font-size:46px}
  .paket-ozet{min-height:0;font-size:17px;padding-bottom:22px}
  .paket-kime{font-size:16px;margin-bottom:10px}
  .plan-label{font-size:11px}
  .plan-cta{min-height:46px;font-size:15px}
  .dipnot{font-size:14px;line-height:1.6}
  .preview-note{font-size:12px;line-height:1.5}
  .sss-ic{display:block}
  .faq-heading{margin-bottom:32px}
  .faq-heading .eyebrow{font-size:11px;margin-bottom:16px}
  .faq-heading p{font-size:17px}
  .soru summary{font-size:17px;padding-block:20px}
  .soru p{font-size:16px}
  .son{padding:65px 0}
  .son h2{font-size:37px;letter-spacing:-1.5px}
  .son p{font-size:17px;margin-top:21px}
  .son .eylemler{margin-top:28px}
  .alt{padding-top:43px}
  .alt-ic{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:35px}
  .alt-marka{grid-column:1/-1}
  .alt-marka p{margin-top:13px}
  .alt-sutun h2{font-size:15px}
  .alt-sutun a,.alt-sutun span{font-size:15px}
  .alt-son p{font-size:12px}
  .image-dialog{padding:48px 12px 15px}
  .image-dialog p{font-size:13px}
}
@media(max-width:370px){
  .hero h1{font-size:36px}
  .dugme{font-size:14px;padding-inline:15px}
  .adimlar{grid-template-columns:1fr}
  .adim p{min-height:0}
  .adim>.image-zoom{padding:22px 50px 0}
  .adim .telefon{height:330px}
  .yuzeyler{grid-template-columns:1fr}
  .yuzey-kart{grid-row:auto}
  .mk-kart .mk-logo{align-self:center}
  .mk-eylemler{margin-top:10px}
  .mk-avatar{margin-top:12px}
  .mk-wallet{grid-template-columns:1fr auto}
  .mk-wallet .mk-qr{display:block}
  .logo img{width:120px}
  .nav-tools{gap:6px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
  .dugme:hover{transform:none}
}

.billing-status{font-size:14px;color:var(--muted);margin:-12px 0 30px;text-align:right}
html:not(.js) .billing-switch,html:not(.js) .menu-dugme{display:none}
html:not(.js) #canli-unvan{pointer-events:none}
@media(max-width:1000px){
  html:not(.js) .ust{position:relative}
  html:not(.js) .ust-ic{height:auto;flex-wrap:wrap;padding-block:15px;gap:10px}
  html:not(.js) .gezinme{position:static;display:flex;flex-wrap:wrap;flex-direction:row;order:3;width:100%;padding:12px 0 0;box-shadow:none;border:0;gap:12px 22px}
  html:not(.js) .gezinme>a{width:auto;font-size:15px}
}
@media(max-width:680px){
  .billing-status{text-align:center;margin-top:-14px;font-size:13px}
}
@media print{
  .ust,.eylemler,.nav-tools,.billing-switch,.image-dialog{display:none!important}
  .hero,.bolum,.identity-section,.son{padding:25px 0}
  .kap{width:95%}
  .js .panel[data-gizli]{display:grid}
  .panel{margin-bottom:30px}
  .adim,.paket,.secenek{break-inside:avoid}
  body{font-size:12pt}
  .phone-preview,.stage-tag{display:none}
  .product-stage{padding-right:0}
  .identity-section,.son{print-color-adjust:exact}
}

/* ————————————————————————————————————————————————————————————————
 * Prozence eklemeleri: logo, gezinme, alt sayfalar, tablolar, hesaplayıcı
 * ———————————————————————————————————————————————————————————————— */
.logo .logo-svg{width:158px;height:auto}
.alt .logo .logo-svg{width:150px}
.gezinme>a[aria-current=page]{color:var(--teal);font-weight:650}
.gezinme-cta{display:none}
.devam{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-weight:650;font-size:16px;color:var(--teal);border-bottom:1px solid transparent;transition:border-color .15s,gap .15s}
.devam svg{width:18px;height:18px}
.devam:hover{border-color:currentColor;gap:11px}
.hero h1{font-weight:300}
.hero h1,.sayfa-bas h1,h2{text-wrap:balance}
.kaydir-ipucu{display:none;font-size:13px;color:var(--muted);margin:0 0 10px}
.hero h1 em,.sayfa-bas h1 em{font-weight:400}
.alt-not{font-size:12px!important;color:#8a9aa2!important;margin-top:4px}
.alt-son{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.yakinda{cursor:default}

/* Ana sayfa: fark özeti */
.fark-ozet{background:#fff;border-top:1px solid var(--line)}
.fark-kutular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fark-kutular>li{background:#fff;border:1px solid #dbe6e9;border-radius:12px;padding:28px 26px}
.fark-kutular h3{font-size:20px;letter-spacing:-.5px}
.fark-kutular p{font-size:16px;color:var(--muted);margin-top:10px;line-height:1.6}
.fark-kutular .option-icon{margin-bottom:20px}
.kvkk .devam{margin-top:14px;font-size:15px}

/* Alt sayfa başlığı */
.sayfa-bas{position:relative;overflow:hidden;padding:76px 0 70px;text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 100%,#def3f6 0%,transparent 100%),linear-gradient(#fff 0%,#f6fafb 100%);border-bottom:1px solid #e6edef}
.sayfa-bas-ic{max-width:940px}
.sayfa-bas h1{font-size:clamp(38px,4.6vw,64px);line-height:1.16;font-weight:300;letter-spacing:-2.6px;margin:24px auto 22px}
.sayfa-bas h1 em{color:var(--teal)}
.sayfa-bas .giris{font-size:20px}

/* Özellikler: modül gezinmesi */
.modul-nav{position:sticky;top:88px;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e6edef}
.modul-nav ul{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.modul-nav ul::-webkit-scrollbar{display:none}
.modul-nav a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 14px;border-radius:40px;font-size:14px;color:#4f6672;border:1px solid transparent;transition:background .15s,color .15s}
.modul-nav a svg{width:17px;height:17px}
.modul-nav a:hover{background:#eef4f6}
.modul-nav a[aria-current]{background:#e3f1f4;color:var(--ink);border-color:#cfe3e8}
.modul-nav a[aria-current] svg{color:var(--teal)}
.pz-ozellikler{scroll-padding-top:160px}
html:has(.modul-nav){scroll-padding-top:160px}

/* Modül bölümü */
.modul{padding:96px 0;border-bottom:1px solid #e9eff1}
.modul:nth-of-type(even){background:#f7f9fa}
.modul-ust{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:60px;align-items:center}
.modul-ters .modul-ust>.modul-metin{order:2}
.modul-ust-tek{grid-template-columns:minmax(0,1fr);max-width:820px}
.modul-metin .eyebrow{color:var(--teal);margin-bottom:22px}
.modul-metin h2{font-size:clamp(30px,3.2vw,42px)}
.modul-metin p{margin-top:20px;color:var(--muted);font-size:18px;line-height:1.65}
.modul-gorsel{min-height:0}
.modul-gorsel-telefon{gap:16px}
.modul-gorsel-telefon .telefon{width:clamp(120px,15vw,190px)}
.modul-gorsel .ekran+.ekran,.modul-gorsel .image-zoom:has(.ekran)+.image-zoom:has(.ekran){display:none}
.modul-karma>.ekran,.modul-karma>.image-zoom:has(.ekran){width:70%;flex:none}
.modul-karma .telefon{width:clamp(110px,11vw,160px)}
.ozellik-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px;margin-top:64px}
.ozellik-izgara li{border-top:1px solid #cbdadd;padding-top:20px}
.ozellik-izgara h3{font-size:18px;letter-spacing:-.3px;line-height:1.4;display:flex;gap:10px;align-items:baseline}
.ozellik-izgara h3:before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:var(--bright);transform:translateY(-2px)}
.ozellik-izgara p{font-size:16px;color:var(--muted);margin-top:8px;line-height:1.6;padding-left:17px}

/* Ortak listeler ve kutular */
.tik-liste{display:grid;gap:9px;margin-top:18px}
.tik-liste li{position:relative;padding-left:24px;font-size:15px;line-height:1.55;color:var(--ink)}
.tik-liste li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:700}
.bilgi-kutu{margin-top:32px;padding:20px 24px;border:1px dashed #b9cfd5;border-radius:10px;background:#f5fafb;color:var(--muted);font-size:16px;max-width:860px}

/* Neden Prozence */
.fark-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;counter-reset:fark}
.fark{counter-increment:fark;position:relative;background:#fff;border:1px solid #dbe6e9;border-radius:14px;padding:34px 32px 30px}
.fark:after{content:'0' counter(fark);position:absolute;top:28px;right:30px;font-family:var(--display);font-size:13px;letter-spacing:1px;color:#9ab3bc}
.fark-bas{display:flex;align-items:center;gap:16px}
.fark-bas .option-icon{margin:0;flex:none}
.fark h3{font-size:22px;letter-spacing:-.6px;padding-right:30px}
.fark>p{margin-top:16px;color:var(--muted);font-size:17px;line-height:1.65}
.farklar{background:#f7f9fa}
.tablo-kap{position:relative;overflow-x:auto;border:1px solid #dbe6e9;border-radius:12px;background:#fff}
.tablo-kap:focus-visible{outline-offset:2px}
.tablo{width:100%;border-collapse:collapse;font-size:16px;min-width:640px}
.tablo th,.tablo td{text-align:left;padding:16px 20px;border-bottom:1px solid #e6edef;vertical-align:top;line-height:1.5}
.tablo thead th{font-family:var(--display);font-weight:500;font-size:15px;background:#f3f7f8;color:var(--ink);white-space:nowrap}
.tablo tbody th{font-weight:600;color:var(--ink)}
.tablo td{color:var(--muted)}
.tablo tr:last-child>*{border-bottom:0}
.tablo .tablo-biz{background:#eef8fa;color:var(--ink)}
.tablo thead .tablo-biz{background:var(--ink);color:#fff}
.tablo-iki th[scope=row]{width:22%}
.tablo-paket{min-width:760px}
.tablo-paket td,.tablo-paket thead th{text-align:center;width:17%}
.tablo-paket thead th:first-child{width:32%}
.tablo-paket tbody th[scope=row]{font-weight:500;font-size:15px}
.tablo-grup th{background:#f7f9fa;font-family:var(--body);font-size:12px!important;letter-spacing:1.3px;text-transform:uppercase;color:var(--teal)!important;font-weight:700!important;padding-top:20px!important}
.tablo .var{display:inline-flex;color:var(--teal)}
.tablo .var svg{width:20px;height:20px}
.tablo .yok{color:#b5c3c9}
.cipler{max-width:1040px}
.cipler{display:flex;flex-wrap:wrap;gap:10px}
.cipler li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #d4e3e7;border-radius:40px;background:#f6fafb;font-size:15px}
.cipler svg{width:16px;height:16px;color:var(--teal)}
.yerine-not{margin-top:26px;font-size:15px;color:var(--muted);max-width:760px}
.durust{background:#f2f7f8;border-top:1px solid #e6edef}
.durust-ic{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:70px;align-items:start}
.durust .eyebrow{color:var(--teal);margin-bottom:22px}
.durust h2 em{color:var(--teal)}
.durust-ic>div>p{color:var(--muted);margin-top:18px}
.durust-liste{display:grid;gap:0}
.durust-liste li{padding:20px 0;border-top:1px solid #d3e0e4;color:var(--muted);font-size:17px;line-height:1.6}
.durust-liste li:last-child{border-bottom:1px solid #d3e0e4}
.durust-liste strong{color:var(--ink);font-weight:650}

/* Fiyatlar */
.paket-maddeler{display:grid;gap:8px;margin:0 0 26px;padding-top:18px;border-top:1px solid #e3eaed}
.paket-maddeler li{position:relative;padding-left:22px;font-size:15px;line-height:1.5}
.paket-maddeler li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:700}
.paket-vurgu .paket-maddeler{border-color:#2d4a58}
.paket-vurgu .paket-maddeler li:before{color:#9bdbe5}
.pz-fiyatlar .paket-ozet{padding-bottom:18px}
.fiyat .devam{margin-top:18px}
.hesap{background:#fff}
.hesap-sonuc dd small{font-family:var(--body);font-size:15px;letter-spacing:0;color:#bacdd5;margin-left:4px}
.hesap-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.hesap-alanlar{display:grid;gap:20px;padding:30px;border:1px solid #dbe6e9;border-radius:14px;background:#f7f9fa}
.alan{display:grid;gap:8px;font-size:15px;font-weight:600;border:0;margin:0;padding:0;min-width:0}
.alan small{font-weight:400;color:var(--muted);font-size:13px}
.alan input[type=number],.alan select{width:100%;min-height:48px;padding:10px 14px;border:1px solid #c7d6db;border-radius:8px;background:#fff;color:var(--ink);font-size:17px;font-weight:500}
.alan input[aria-invalid=true]{border-color:#b3261e;box-shadow:0 0 0 3px #b3261e22}
.alan input:disabled{background:#eef2f3;color:#93a3aa}
.alan-secim{display:flex;flex-wrap:wrap;gap:8px 22px}
.alan-secim legend{padding:0;margin-bottom:8px;width:100%}
.alan-secim label,.alan-kutu{display:flex;align-items:center;gap:9px;font-weight:500}
.alan-secim input,.alan-kutu input{width:18px;height:18px;accent-color:var(--teal)}
.hesap-sonuc{padding:30px;border-radius:14px;background:var(--ink);color:#fff}
.hesap-sonuc dl{display:grid;gap:18px;margin:0}
.hesap-sonuc dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid #2f4d5b;padding-bottom:14px}
.hesap-sonuc dt{color:#bacdd5;font-size:15px}
.hesap-sonuc dd{margin:0;font-family:var(--display);font-size:clamp(22px,2.4vw,30px);letter-spacing:-.8px;text-align:right}
.hesap-notlar{display:grid;gap:7px;margin:18px 0 24px;font-size:14px;color:#bacdd5}
.hesap-notlar li{position:relative;padding-left:16px}
.hesap-notlar li:before{content:'·';position:absolute;left:3px;color:#76d3df;font-weight:700}
.hesap-sonuc .dugme{background:#fff;color:var(--ink);border-color:#fff;width:100%}
.hesap-sonuc .dugme:hover{background:#def1f5}
.fiyat-karsilastir{background:#f7f9fa;border-top:1px solid #e6ecef}
.indirimler .fark-kutular{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Güvenlik */
.kurulum-secim .bolum-bas{max-width:760px;margin-bottom:40px}
.secenekler-genis{grid-column:auto;grid-template-columns:1fr 1fr}
.secenekler-genis .secenek{padding:32px}
.secenekler-genis .secenek h3{font-size:24px}

/* Deneme, 404 */
.adim-sayi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;counter-reset:as}
.adim-sayi li{counter-increment:as;border-top:1px solid #cbdadd;padding-top:22px}
.adim-sayi li:before{content:'0' counter(as);display:block;font-size:13px;letter-spacing:1px;color:var(--teal);margin-bottom:14px}
.adim-sayi h3{font-size:21px}
.adim-sayi p{color:var(--muted);font-size:16px;margin-top:10px}
.deneme-eylem{margin-top:44px}
.tek-eylem{padding:44px 0 90px}
.tek-eylem .eylemler{justify-content:center}

@media(max-width:1200px){
  .modul-ust{gap:40px}
  .ozellik-izgara{gap:30px 28px}
  .indirimler .fark-kutular{grid-template-columns:1fr 1fr}
}
@media(max-width:1000px){
  .gezinme-cta{display:inline-flex;margin-top:8px;width:auto!important}
  .modul-nav{top:78px}
  html:has(.modul-nav){scroll-padding-top:150px}
  .modul{padding:72px 0}
  .modul-ust{grid-template-columns:1fr;gap:36px}
  .modul-ters .modul-ust>.modul-metin{order:0}
  .ozellik-izgara{grid-template-columns:1fr 1fr;margin-top:48px}
  .fark-kutular{grid-template-columns:1fr 1fr}
  .fark-liste{grid-template-columns:1fr}
  .durust-ic{grid-template-columns:1fr;gap:36px}
  .hesap-form{grid-template-columns:1fr}
  .adim-sayi{grid-template-columns:1fr}
}
@media(max-width:680px){
  .logo .logo-svg{width:132px}
  .hero h1 em{display:inline;max-width:none}
  .kaydir-ipucu{display:block}
  .sayfa-bas{padding:46px 0 44px}
  .sayfa-bas h1{font-size:36px;letter-spacing:-1.5px}
  .sayfa-bas .giris{font-size:17px}
  .modul-nav{top:72px}
  .modul{padding:58px 0}
  .modul-metin p{font-size:17px}
  .ozellik-izgara{grid-template-columns:1fr;gap:24px;margin-top:38px}
  .modul-gorsel-telefon .telefon{width:30vw;max-width:150px}
  .modul-karma>.ekran,.modul-karma>.image-zoom:has(.ekran){width:66%}
  .modul-karma .telefon{width:26vw}
  .fark-kutular,.indirimler .fark-kutular{grid-template-columns:1fr;gap:16px}
  .fark{padding:26px 22px}
  .fark h3{font-size:20px}
  .tablo{font-size:15px}
  .tablo th,.tablo td{padding:13px 14px}
  .hesap-alanlar,.hesap-sonuc{padding:22px}
  .secenekler-genis{grid-template-columns:1fr}
  .cipler li{font-size:14px;padding:8px 13px}
  .devam{font-size:15px}
}
/* Modül: ince ayrıntılar, yakında etiketi, yapay zekâ bağlantısı (0.3.0) */
.metin-bag{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:650;font-size:16px;color:var(--teal)}
.metin-bag svg{width:18px;height:18px;flex:none}
.metin-bag:hover span{text-decoration:underline;text-underline-offset:3px}
.etiket-yakinda{display:inline-block;padding:2px 9px;border-radius:20px;background:#fff1d6;color:#6d4a00;font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.3px;line-height:1.6;white-space:nowrap;transform:translateY(-1px)}
.ozellik-izgara h3{flex-wrap:wrap}
.ayrinti{margin-top:52px;border:1px solid #d6e3e7;border-radius:14px;background:#fff}
.ayrinti>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 24px;border-radius:14px;font-family:var(--display);font-weight:500;font-size:17px;color:var(--ink)}
.ayrinti>summary::-webkit-details-marker{display:none}
.ayrinti>summary:before{content:'';flex:none;width:9px;height:9px;margin:0 4px 0 2px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg);transition:transform .18s}
.ayrinti[open]>summary:before{transform:rotate(45deg) translate(-2px,-2px)}
.ayrinti>summary:hover{background:#f4f9fa}
.ayrinti>summary:focus-visible{outline:2px solid var(--bright);outline-offset:2px}
.ayrinti-sayi{margin-left:auto;font-family:var(--body);font-size:14px;font-weight:400;color:var(--muted)}
.ayrinti-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 44px;padding:4px 26px 30px;border-top:1px solid #e6edef}
.ayrinti-grup h3{margin-top:24px;font-size:15px;font-weight:500;letter-spacing:.1px;color:var(--teal)}
.ayrinti-grup ul{display:grid;gap:9px;margin-top:10px}
.ayrinti-grup li{position:relative;padding-left:17px;font-size:15.5px;line-height:1.55;color:var(--muted)}
.ayrinti-grup li:before{content:'';position:absolute;left:0;top:.72em;width:7px;height:1.5px;background:#8eaab3}
.yz-tablo .tablo-iki th[scope=row]{width:24%}
.yz-tablo .tablo td{width:38%}
.yz-tablo+.yz-tablo{padding-top:0}
@media(max-width:1000px){
  .ayrinti-izgara{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .ayrinti{margin-top:36px}
  .ayrinti>summary{padding:16px 18px;font-size:16px}
  .ayrinti-izgara{grid-template-columns:1fr;padding:0 18px 24px}
  .ayrinti-sayi{font-size:13px}
}
@media print{.ayrinti-izgara{display:grid}.ayrinti>summary:before{display:none}}
@media print{.modul-nav,.hesap{display:none!important}}

/* 0.3.1 — lansman fiyatı (liste fiyatı çizili), indirim çipi, lansman şeridi; Prozon entegrasyon kutusu */
.lansman-serit{display:flex;align-items:flex-start;gap:12px;margin:-12px 0 24px;padding:14px 18px;border:1px solid #cfe6ec;border-radius:10px;background:#f1f8fa;font-size:16px;line-height:1.5;color:var(--ink)}
.lansman-etiket{flex-shrink:0;padding:3px 9px;border-radius:999px;background:var(--teal);color:#fff;font-size:12px;font-weight:700;letter-spacing:.6px;line-height:1.5}
.liste-fiyat{font-size:22px;color:#7d909a;text-decoration-thickness:2px;font-weight:400}
.paket-vurgu .liste-fiyat{color:#9fb6bf}
.indirim-cip{padding:2px 8px;border-radius:999px;background:#e3f3f6;color:var(--teal);font-size:13px;font-weight:700;align-self:center}
.paket-vurgu .indirim-cip{background:rgba(255,255,255,.14);color:#fff}
.ent-prozon{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:22px 26px;border:1px solid #cfe6ec;border-radius:12px;background:#f1f8fa}
.ent-prozon h3{font-size:19px;letter-spacing:-.3px;margin-bottom:6px}
.ent-prozon p{font-size:16px;color:var(--muted);line-height:1.5}
.ent-prozon .metin-bag{flex-shrink:0;white-space:nowrap;margin-top:0}
@media(max-width:700px){.lansman-serit{flex-direction:column;gap:8px}.ent-prozon{flex-direction:column;align-items:flex-start;padding:20px}}

/* 0.3.3–0.3.4 — Prozon logosu ve kurumsal iletişim: sayfanın en altında, ortada; logo prozon.net'e gider */
.alt-prozon-satir{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:8px 32px;text-align:center}
.alt-prozon{display:inline-flex;line-height:0}
.alt-prozon .prozon-logo{width:auto;height:26px}
.alt-prozon:hover .prozon-logo{opacity:.8}
.alt-iletisim{font-style:normal;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;font-size:13px;color:#607682;line-height:1.6}
.alt-iletisim a{color:#607682}
.alt-iletisim a:hover{color:var(--teal);text-decoration:underline}

/* 0.4.0 — Kullanım kılavuzu: dizin (kitapçıklar, arama) ve bölüm sayfası (metin, yan liste, önceki/sonraki) */
.kl-dizin .kap{max-width:1040px}
.kl-ara{position:relative;margin:0 0 34px}
.kl-ara svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6f8590;fill:none;stroke:currentColor;stroke-width:1.8}
.kl-ara input{width:100%;font:inherit;font-size:17px;padding:15px 16px 15px 46px;border:1px solid #cbd9dd;border-radius:10px;background:#fff;color:var(--ink)}
.kl-ara input:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.kl-sonuc-yok{margin:-14px 0 30px;color:var(--muted)}
.kl-kitap{margin-bottom:46px}
.kl-kitap-bas{margin-bottom:16px}
.kl-kitap-bas h2{font-size:26px;letter-spacing:-.6px;margin-bottom:6px}
.kl-kitap-bas p{color:var(--muted);font-size:16px}
.kl-sayi{white-space:nowrap;color:var(--teal);font-weight:650;margin-left:6px}
.kl-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kl-liste a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 12px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;height:100%}
.kl-liste a:hover{border-color:var(--teal);box-shadow:0 4px 14px #1531410f}
.kl-no{grid-row:span 2;font-family:var(--display);font-size:20px;color:var(--teal);line-height:1.3}
.kl-ad{font-weight:650;font-size:16px;line-height:1.4}
.kl-konu{font-size:14px;color:var(--muted);line-height:1.5}
.kl-sayfa{padding-top:34px;padding-bottom:70px}
.kl-yol{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.kl-yol a{color:var(--teal)}
.kl-yol a:hover{text-decoration:underline}
.kl-izgara{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:56px;align-items:start}
.kl-yan{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;border-left:1px solid var(--line);padding-left:20px}
.kl-yan h2{font-family:var(--body);font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:#6f8590;margin-bottom:10px}
.kl-yan ol{list-style:none;margin:0;padding:0}
.kl-yan a{display:block;font-size:14px;line-height:1.45;padding:6px 0;color:var(--muted)}
.kl-yan a:hover{color:var(--teal)}
.kl-yan a[aria-current=page]{color:var(--ink);font-weight:650}
.kl-icerik{min-width:0;max-width:820px;font-size:17px;line-height:1.7}
.kl-icerik h1{font-size:40px;letter-spacing:-1.2px;line-height:1.15;margin-bottom:12px}
.kl-ekran-notu{font-size:13px;color:#6f8590;margin-bottom:26px}
.kl-icerik h2{font-size:26px;letter-spacing:-.5px;margin:46px 0 14px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:100px}
.kl-icerik h3{font-size:19px;margin:30px 0 10px;scroll-margin-top:100px}
.kl-icerik h4{font-size:16px;margin:22px 0 8px}
.kl-icerik p{margin:0 0 14px}
.kl-icerik ul,.kl-icerik ol{margin:0 0 16px;padding-left:24px}
.kl-icerik ul{list-style:disc}.kl-icerik ol{list-style:decimal}.kl-icerik li::marker{color:var(--teal)}
.kl-icerik li{margin:4px 0}
.kl-icerik a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.kl-icerik code{font-size:.88em;background:var(--mist);border:1px solid var(--line);border-radius:4px;padding:1px 5px;word-break:break-word}
.kl-icerik hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.kl-icerik img{display:block;height:auto;margin:18px 0 22px;border:1px solid var(--line);border-radius:10px;background:var(--mist)}
.kl-icerik img.kl-telefon{max-width:min(320px,100%)}
.kl-icerik img.kl-masaustu{max-width:100%}
.kl-icerik .tablo-kap{overflow-x:auto;margin:0 0 18px}
.kl-icerik table{font-size:15px;border-collapse:collapse;min-width:100%}
.kl-icerik th,.kl-icerik td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.kl-icerik th{background:var(--mist)}
.kl-not{padding:12px 16px;border-radius:8px;border-left:3px solid var(--teal);background:#f1f8fa}
.kl-dikkat{border-left-color:#c27c0e;background:#fdf6ea}
.kl-gecis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:50px;padding-top:26px;border-top:1px solid var(--line)}
.kl-gecis a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-weight:650;font-size:15px}
.kl-gecis a span{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.kl-gecis a:hover{border-color:var(--teal)}
.kl-sonraki{grid-column:2;text-align:right}
@media(max-width:1000px){.kl-izgara{grid-template-columns:1fr;gap:34px}.kl-yan{position:static;max-height:none;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}}
@media(max-width:700px){.kl-liste{grid-template-columns:1fr}.kl-icerik{font-size:16px}.kl-icerik h1{font-size:30px}.kl-icerik h2{font-size:22px}.kl-gecis{grid-template-columns:1fr}.kl-sonraki{grid-column:auto;text-align:left}}

/* ——— 0.5.0 Canlı demo ——— */
.demo-sec{padding-top:56px}
.demo-h{font-size:clamp(26px,2.6vw,34px);letter-spacing:-1px;margin-bottom:8px}
.demo-alt{color:var(--muted);font-size:17px;max-width:720px;margin-bottom:26px}
.demo-roller{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:56px}
.demo-rol{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:14px;height:100%;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.demo-rol:hover{border-color:var(--teal);box-shadow:0 10px 26px #1531411a;transform:translateY(-2px)}
.demo-avatar{grid-row:1/3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 18px/1 var(--display);background:var(--ink)}
.demo-avatar-calisan{background:#d97706}.demo-avatar-dep-yonetici{background:#7c3aed}.demo-avatar-ik{background:#db2777}.demo-avatar-hizmet{background:#0f766e}.demo-avatar-yonetici{background:#153141}
.demo-rol-unvan{font-size:12px;font-weight:650;letter-spacing:1.2px;text-transform:uppercase;color:var(--teal);align-self:end}
.demo-rol-ad{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.4px;line-height:1.3}
.demo-rol-p{grid-column:1/3;margin-top:14px;color:var(--muted);font-size:15px;line-height:1.55}
.demo-rol-ac{grid-column:1/3;margin-top:16px;display:flex;align-items:center;gap:8px;color:var(--teal);font-weight:650;font-size:15px}
.demo-rol-ac svg{width:18px;height:18px;transition:transform .15s}
.demo-rol:hover .demo-rol-ac svg{transform:translateX(3px)}
.demo-bilgi{padding:30px 32px;border-radius:14px;background:var(--mist);margin-bottom:24px}
.demo-bilgi .tik-liste li{font-size:16px}
.demo-bilgi .dipnot{margin-top:18px}
.demo-hazirlaniyor{max-width:640px;margin:0 auto 40px;padding:36px;border:1px dashed var(--line);border-radius:14px;text-align:center}
.demo-hazirlaniyor p{color:var(--muted);margin:6px 0 22px}
.demo-hazirlaniyor .dugme{display:inline-flex}
@media(max-width:1000px){.demo-roller{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.demo-roller{grid-template-columns:1fr}.demo-bilgi{padding:22px 18px}.demo-rol{padding:18px}}