:root{--navy:#06162f;--navy2:#0a2347;--blue:#0877ff;--cyan:#27c7ff;--pink:#e84292;--bg:#f5f8fc;--surface:#fff;--surface2:#edf3fa;--text:#10213a;--muted:#627189;--line:#dbe4ef;--shadow:0 18px 55px rgba(15,39,73,.12);--radius:20px}html[data-theme="dark"]{--bg:#07111f;--surface:#0c1b2f;--surface2:#10243d;--text:#f4f8ff;--muted:#9fb0c8;--line:#203956;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.topline{background:#031127;color:#cad6e6;font-size:12px}.topflex{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topinfo,.toplinks{display:flex;gap:22px;align-items:center}.themebtn{border:0;background:transparent;color:#dfeaff;cursor:pointer}.top{position:sticky;top:0;z-index:70;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:24px}.brand img{width:190px;height:62px;object-fit:contain}.nav nav{display:flex;gap:24px;align-items:center;margin-left:auto}.nav nav a{font-size:13px;font-weight:800;color:var(--text)}.nav nav a:hover{color:var(--blue)}.support{padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#0b60d1,#0877ff);color:#fff;font-weight:800;font-size:13px;box-shadow:0 8px 25px rgba(8,119,255,.25)}.menu{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 12px;font-size:20px}.slider{height:610px;position:relative;background:#021021;overflow:hidden}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .7s,transform 1s;display:flex;align-items:center;color:#fff}.slide.active{opacity:1;visibility:visible;transform:scale(1)}.slidecontent{padding-top:20px}.slidecontent h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:18px 0;max-width:760px;font-weight:720}.slidecontent h1 strong{color:#1382ff}.slidecontent p{font-size:19px;max-width:660px;color:#d4deeb}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:850;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.eyebrow.dark{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#8fd1ff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:10px;font-weight:850;border:1px solid var(--line);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#0877ff,#1a5fd3);color:#fff;border:0}.btn.glass{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.btn.white{background:#fff;color:#0b2346;border:0}.btn.ghost{background:var(--surface);color:var(--text)}.btn.full{width:100%;margin-top:10px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:54px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(3,17,39,.45);color:#fff;font-size:38px;cursor:pointer}.slider-arrow.prev{left:22px}.slider-arrow.next{right:22px}.dots{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:9px;z-index:6}.dot{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.42);padding:0;cursor:pointer}.dot.active{background:#fff;transform:scale(1.25)}.trustbar{margin-top:-32px;position:relative;z-index:8}.trustgrid{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px 26px;display:grid;grid-template-columns:repeat(4,1fr)}.trustgrid>div{display:flex;align-items:center;gap:15px;padding:7px 22px;border-right:1px solid var(--line)}.trustgrid>div:last-child{border:0}.trustgrid b{font-size:30px;color:var(--blue)}.trustgrid span{display:flex;flex-direction:column}.trustgrid strong{font-size:14px}.trustgrid small{color:var(--muted)}.section{padding:74px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.kicker{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);font-weight:900}.kicker.bright{color:#58b6ff}h2{font-size:clamp(30px,4vw,45px);line-height:1.08;letter-spacing:-1.4px;margin:8px 0 0}.textlink{font-weight:850;color:var(--blue);white-space:nowrap}.servicegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.servicegrid.big{grid-template-columns:repeat(3,1fr)}.servicecard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(15,39,73,.05);transition:.25s}.servicecard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#9ec9ff}.servicecard h3{font-size:18px;margin:15px 0 8px}.servicecard p{color:var(--muted);font-size:14px}.servicecard>span,.detailgo{color:var(--blue);font-size:13px;font-weight:850}.serviceicon{width:52px;height:52px;border-radius:14px;background:#eaf3ff;color:#0877ff;display:grid;place-items:center;font-size:22px;font-weight:900}.servicecard.rich{padding:0;overflow:hidden}.servicecard.rich img{display:block;width:100%;height:175px;object-fit:cover;background:#04152c}.servicecard.rich div{padding:23px}.sysband{background:linear-gradient(120deg,#031126,#061d3b 55%,#0b315e);color:#fff}.sysgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.sysgrid p{color:#b9c9dc;max-width:560px}.sysmini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sysmini a{padding:20px 10px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-align:center;display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.sysmini b{font-size:25px;color:#56b6ff}.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bloggrid.all{grid-template-columns:repeat(3,1fr)}.blogcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.blogcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blogvisual{height:130px;background:linear-gradient(135deg,#08234a,#0b76f0);display:flex;align-items:end;padding:16px;position:relative;overflow:hidden}.blogvisual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(61,207,255,.45),transparent 30%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.08) 31%,transparent 32%)}.blogvisual span{z-index:1;background:#fff;color:#0a5fd6;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:900}.blogbody{padding:19px}.post-meta{font-size:11px;color:var(--muted)}.blogbody h3{font-size:17px;line-height:1.35;margin:8px 0}.blogbody p{color:var(--muted);font-size:13px}.blogbody b{font-size:12px;color:var(--blue)}.contacthome{padding-top:20px}.homecontact{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(120deg,#04152e,#0a4283);border-radius:24px;overflow:hidden;color:#fff}.homecontacttext{padding:48px}.homecontacttext p{color:#c8d8eb}.mapmini iframe{width:100%;height:100%;min-height:360px;border:0;filter:saturate(.85)}footer{border-top:1px solid var(--line);padding:48px 0 18px;background:var(--surface)}.footergrid{display:grid;grid-template-columns:1.5fr .8fr 1.1fr;gap:30px}.footergrid>div{display:flex;flex-direction:column;gap:7px}.footergrid p,.footergrid a{color:var(--muted);font-size:13px}.footlogo{width:175px}.legal{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:var(--muted);font-size:12px}.float-actions{position:fixed;right:20px;bottom:22px;z-index:60;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.float-actions a{display:flex;align-items:center;gap:9px;color:#fff;padding:9px 14px 9px 9px;border-radius:999px;font-weight:850;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:13px}.wa{background:#17b95f}.call{background:#1677ff}.float-icon{width:34px;height:34px;background:rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-size:18px}.pagehero{padding:86px 0 72px;color:#fff;background:#061a37}.pagehero.tech{background:linear-gradient(120deg,#031328,#073e7b),url('/assets/img/slides/network.svg');background-size:cover}.pagehero.syshero{background:linear-gradient(90deg,rgba(3,16,37,.97),rgba(4,31,68,.72)),url('/assets/img/slides/erp.svg');background-size:cover}.pagehero.bloghero{background:linear-gradient(120deg,#031327,#0c4e91)}.pagehero.contacthero{background:linear-gradient(120deg,#031327,#0b4c8c)}.pagehero h1{font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-2.5px;max-width:940px;margin:14px 0}.pagehero p{max-width:800px;color:#c5d4e6;font-size:18px}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.productcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}.productcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.productcard img{height:180px;width:100%;object-fit:cover;background:#06172f}.productcard>div{padding:22px}.productcard h3{font-size:22px;margin:6px 0}.productcard b{font-size:13px}.productcard p{color:var(--muted);font-size:13px}.productcard span:last-child{color:var(--blue);font-size:12px;font-weight:850}.detailhero{background:#04152d;color:#fff;padding:70px 0}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.detailgrid h1{font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-2.4px;margin:13px 0}.detailgrid p{font-size:18px;color:#cad7e7}.detailgrid>img{border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 70px rgba(0,0,0,.25)}.bigsub{font-weight:800;color:#68baff!important}.detailcontent{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.detailcontent article p{color:var(--muted);font-size:16px}.featurelist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 40px}.featurelist div{padding:14px 16px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.sidecontact{position:sticky;top:110px;background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:18px;box-shadow:var(--shadow)}.sidecontact p,.sidecontact small{color:var(--muted)}.seo-note{margin-top:25px;padding:16px;border-radius:12px;background:var(--surface2);color:var(--muted)}.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tagrow span{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:11px}.articlehero{background:linear-gradient(120deg,#031329,#0a4d8e);color:#fff;padding:80px 0}.article{max-width:900px}.articlehero h1{font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-2px}.articlehero p{color:#d0deee;font-size:18px}.articlelayout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:50px;justify-content:center}.articlepro .intro{font-size:19px;color:var(--text)}.articlepro p{color:var(--muted);font-size:16px}.articlepro h2{font-size:29px;margin-top:38px}.articlecta{margin-top:42px;background:var(--surface2);padding:28px;border-radius:18px}.articleaside{position:sticky;top:112px;display:flex;flex-direction:column;gap:12px;height:max-content;border:1px solid var(--line);background:var(--surface);padding:22px;border-radius:16px}.articleaside a{color:var(--blue);font-size:13px;font-weight:750}.contactcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.contactcards>a,.contactcards>div{display:flex;gap:13px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:18px;border-radius:16px}.contactcards b{width:44px;height:44px;border-radius:13px;background:#eaf3ff;color:#0877ff;display:grid;place-items:center;font-size:20px}.contactcards span{display:flex;flex-direction:column}.contactcards small{color:var(--muted)}.contactcards strong{font-size:13px}.contactmain{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.mapbox{position:relative;border-radius:22px;overflow:hidden;min-height:560px;border:1px solid var(--line);background:var(--surface)}.mapbox iframe{width:100%;height:100%;min-height:560px;border:0}.mapcaption{position:absolute;left:20px;right:20px;bottom:20px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);padding:16px;border-radius:14px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.mapcaption span{color:var(--muted);font-size:12px}.contactform{border:1px solid var(--line);background:var(--surface);padding:30px;border-radius:22px}.contactform p{color:var(--muted)}form{display:grid;gap:12px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{width:100%;padding:14px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit}textarea{min-height:150px;resize:vertical}.honeypot{position:absolute;left:-9999px}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.aboutgrid p{color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:14px}.values div{padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}.values b{color:var(--blue);font-size:24px}.values h3{margin:8px 0}.values p{font-size:13px}.empty{grid-column:1/-1;text-align:center;padding:70px;border:1px dashed var(--line);border-radius:20px;background:var(--surface)}@media(max-width:1050px){.nav nav{gap:14px}.nav nav a{font-size:12px}.support{display:none}.servicegrid{grid-template-columns:repeat(2,1fr)}.productgrid,.bloggrid,.bloggrid.all{grid-template-columns:repeat(2,1fr)}.sysgrid{grid-template-columns:1fr}.contactcards{grid-template-columns:1fr 1fr}}@media(max-width:820px){.topline{display:none}.nav{height:68px}.brand img{width:158px}.menu{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:68px;left:14px;right:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.slider{height:590px}.slide{background-position:62% center}.slide:after{content:"";position:absolute;inset:0;background:rgba(1,8,20,.28)}.slidecontent{position:relative;z-index:2}.slidecontent h1{font-size:48px;max-width:500px}.slider-arrow{display:none}.trustgrid{grid-template-columns:1fr 1fr}.trustgrid>div{border-right:0;border-bottom:1px solid var(--line)}.trustgrid>div:nth-last-child(-n+2){border-bottom:0}.detailgrid,.detailcontent,.articlelayout,.contactmain,.aboutgrid{grid-template-columns:1fr}.sidecontact,.articleaside{position:static}.detailgrid>img{order:-1}.homecontact{grid-template-columns:1fr}.mapmini iframe{min-height:280px}.sysmini{grid-template-columns:repeat(2,1fr)}.pagehero{padding:65px 0}.contactmain{grid-template-columns:1fr}.mapbox,.mapbox iframe{min-height:400px}}@media(max-width:560px){.wrap{width:min(100% - 24px,1240px)}.slider{height:560px}.slidecontent h1{font-size:40px;letter-spacing:-1.8px}.slidecontent p{font-size:16px}.dots{bottom:20px}.trustbar{margin-top:0}.trustgrid{border-radius:0;width:100%;grid-template-columns:1fr;padding:8px 18px}.trustgrid>div{border-bottom:1px solid var(--line)!important;padding:12px 0}.trustgrid>div:last-child{border-bottom:0!important}.section{padding:52px 0}.section-head{display:block}.textlink{display:inline-block;margin-top:12px}.servicegrid,.servicegrid.big,.productgrid,.bloggrid,.bloggrid.all,.contactcards,.values{grid-template-columns:1fr}.sysmini{grid-template-columns:1fr 1fr}.featurelist{grid-template-columns:1fr}.homecontacttext{padding:32px 22px}.float-actions a span:last-child{display:none}.float-actions a{padding:8px}.formrow{grid-template-columns:1fr}.pagehero h1,.detailgrid h1{letter-spacing:-1.6px}.contactcards strong{font-size:12px}}
/* BilişimPost V2.1 — daha yumuşak, kurumsal ve göz yormayan tema */
:root{
  --navy:#172233;
  --navy2:#223148;
  --blue:#3e6f9f;
  --cyan:#6e9fc1;
  --pink:#a56c8a;
  --bg:#f3f5f7;
  --surface:#fcfcfd;
  --surface2:#edf1f4;
  --text:#202936;
  --muted:#697586;
  --line:#dce2e8;
  --shadow:0 18px 48px rgba(25,38,55,.10);
}
html[data-theme="dark"]{
  --navy:#121a25;
  --navy2:#1a2635;
  --blue:#6f96bd;
  --cyan:#82a9c5;
  --pink:#b88aa1;
  --bg:#11161d;
  --surface:#181f28;
  --surface2:#202934;
  --text:#e6ebf1;
  --muted:#a3adba;
  --line:#2b3541;
  --shadow:0 18px 48px rgba(0,0,0,.22);
}
body{font-weight:400;letter-spacing:-.005em}
.topline{background:#101822;color:#bdc6d1}
html[data-theme="dark"] .topline{background:#0e1319;color:#abb5c1}
.top{background:color-mix(in srgb,var(--surface) 96%,transparent)}
.nav nav a{font-weight:700;color:color-mix(in srgb,var(--text) 92%,var(--muted))}
.nav nav a:hover,.textlink,.servicecard>span,.detailgo,.blogbody b,.articleaside a{color:var(--blue)}
.support{background:linear-gradient(135deg,#3d668f,#527fa8);box-shadow:0 8px 22px rgba(46,78,109,.20)}
.slider{background:#111923}
.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,26,.73) 0%,rgba(10,17,26,.40) 46%,rgba(10,17,26,.10) 72%);z-index:0}
.slidecontent{position:relative;z-index:1}
.slidecontent h1{font-weight:680;letter-spacing:-2.5px;text-shadow:0 2px 20px rgba(0,0,0,.18)}
.slidecontent h1 strong{color:#82a9d0}
.slidecontent p{color:#d0d6de;font-weight:400}
.eyebrow.dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#b9ccdd}
.btn.primary{background:linear-gradient(135deg,#416f9a,#527fa8);box-shadow:0 10px 24px rgba(37,64,90,.18)}
.btn.glass{background:rgba(24,31,40,.34);border-color:rgba(255,255,255,.18)}
.dot{background:rgba(255,255,255,.30)}.dot.active{background:#dbe5ee}
.slider-arrow{background:rgba(16,23,32,.44);border-color:rgba(255,255,255,.16);color:#d7e0e8}
.trustgrid b,.serviceicon,.values b{color:var(--blue)}
.kicker{color:#557c9f}.kicker.bright{color:#9ab6ce}
.servicecard,.blogcard,.productcard,.contactform,.sidecontact,.articleaside,.contactcards>a,.contactcards>div,.values div{box-shadow:0 7px 22px rgba(25,38,55,.035)}
.servicecard:hover,.productcard:hover,.blogcard:hover{border-color:#aebdca;box-shadow:0 15px 38px rgba(25,38,55,.10)}
html[data-theme="dark"] .servicecard:hover,html[data-theme="dark"] .productcard:hover,html[data-theme="dark"] .blogcard:hover{border-color:#46596c;box-shadow:0 15px 38px rgba(0,0,0,.20)}
.serviceicon,.contactcards b{background:#e9eef3;color:#557fa6}
html[data-theme="dark"] .serviceicon,html[data-theme="dark"] .contactcards b{background:#222e3a;color:#8aabc8}
.sysband{background:linear-gradient(125deg,#172230,#213246 58%,#293e54)}
html[data-theme="dark"] .sysband{background:linear-gradient(125deg,#141b24,#1b2632 58%,#223242)}
.sysgrid p{color:#c1c9d2}.sysmini a{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.075)}.sysmini b{color:#92afc7}
.blogvisual{background:linear-gradient(135deg,#33485f,#496d8c)}
.blogvisual:after{background:radial-gradient(circle at 70% 20%,rgba(167,195,216,.22),transparent 32%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.05) 31%,transparent 32%)}
.blogvisual span{color:#416c93;background:#f2f5f7}
.homecontact{background:linear-gradient(120deg,#1a2735,#304a60);box-shadow:0 18px 45px rgba(20,31,43,.10)}
.homecontacttext p{color:#d1d8df}
.pagehero,.detailhero{background:#1a2735}
.pagehero.tech{background:linear-gradient(120deg,rgba(21,32,44,.95),rgba(45,67,88,.87)),url('/assets/img/slides/network.svg');background-size:cover}
.pagehero.syshero{background:linear-gradient(90deg,rgba(20,29,39,.96),rgba(42,60,78,.78)),url('/assets/img/slides/erp.svg');background-size:cover}
.pagehero.bloghero,.pagehero.contacthero,.articlehero{background:linear-gradient(120deg,#172433,#344f66)}
.pagehero p,.detailgrid p,.articlehero p{color:#d0d7df}
.bigsub{color:#9cb8cf!important}
.articlepro .intro{color:color-mix(in srgb,var(--text) 92%,var(--muted))}
.wa{background:#2da765}.call{background:#4f7fae}
.float-actions a{box-shadow:0 8px 22px rgba(0,0,0,.18)}
.float-icon{background:rgba(255,255,255,.14)}
input,textarea,select{background:color-mix(in srgb,var(--surface) 88%,var(--bg));}
@media(max-width:820px){.slide:after{background:linear-gradient(90deg,rgba(10,17,26,.72),rgba(10,17,26,.36))}.slide:before{background:linear-gradient(90deg,rgba(10,17,26,.70),rgba(10,17,26,.28))}}

/* V2.2 - Homepage map route interaction */
.route-map{position:relative;isolation:isolate}.route-map iframe{display:block;pointer-events:none}.route-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:22px;background:linear-gradient(180deg,transparent 58%,rgba(3,17,39,.22));cursor:pointer}.route-overlay span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#17385f;font-size:22px;box-shadow:0 8px 24px rgba(0,0,0,.18);margin-bottom:8px}.route-overlay strong,.route-overlay small{background:rgba(7,21,39,.86);backdrop-filter:blur(8px);color:#fff;padding:5px 10px}.route-overlay strong{border-radius:9px 9px 0 0;font-size:13px}.route-overlay small{border-radius:0 0 9px 9px;color:#cbd7e5;font-size:10px}.route-overlay:hover span{transform:translateY(-2px);transition:.2s}.route-overlay:hover strong{background:rgba(21,55,91,.94)}
@media(max-width:560px){.route-overlay{padding:14px}.route-overlay small{display:none}.route-overlay strong{border-radius:9px}.route-overlay span{width:36px;height:36px;font-size:19px}}

/* V2.3 — Logo / header entegrasyonu */
.top{
  background:linear-gradient(180deg,#101b29 0%,#111e2c 100%);
  border-bottom:1px solid rgba(255,255,255,.075);
  box-shadow:0 10px 30px rgba(5,12,20,.08);
}
.nav{height:82px;gap:25px}
.brand{
  display:inline-flex;align-items:center;gap:10px;min-width:270px;
  color:#f4f7fb;position:relative;isolation:isolate;
}
.brand:after{
  content:"";position:absolute;left:-12px;right:-10px;top:5px;bottom:5px;
  border-radius:18px;background:linear-gradient(90deg,rgba(83,125,166,.10),transparent 78%);
  opacity:.9;z-index:-1;pointer-events:none;
}
.brand-visual{
  width:61px;height:60px;display:grid;place-items:center;overflow:visible;flex:none;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.16));
}
.brand-visual img{width:64px;height:52px;object-fit:contain;display:block}
.brand-copy{display:flex;flex-direction:column;line-height:1.02;white-space:nowrap}
.brand-copy strong{font-size:23px;letter-spacing:-.7px;font-weight:760;color:#f6f8fb}
.brand-copy small{margin-top:5px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#9eabb8;font-weight:650}
.nav nav{margin-left:auto}
.nav nav a{color:#dce3ea;font-weight:650}
.nav nav a:hover{color:#9bb8d2}
.support{background:linear-gradient(135deg,#345f88,#4b789f);box-shadow:0 8px 22px rgba(19,44,68,.28)}
.menu{background:rgba(255,255,255,.05);color:#f2f6fa;border-color:rgba(255,255,255,.12)}
html[data-theme="light"] .top,html[data-theme="dark"] .top{background:linear-gradient(180deg,#101b29 0%,#111e2c 100%)}
html[data-theme="light"] .nav nav a,html[data-theme="dark"] .nav nav a{color:#dce3ea}
html[data-theme="light"] .nav nav a:hover,html[data-theme="dark"] .nav nav a:hover{color:#9bb8d2}
html[data-theme="light"] .menu,html[data-theme="dark"] .menu{background:rgba(255,255,255,.05);color:#f2f6fa;border-color:rgba(255,255,255,.12)}
.footer-brand{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-bottom:9px}
.footer-brand-visual{width:58px;height:52px;display:grid;place-items:center;flex:none;filter:drop-shadow(0 7px 14px rgba(0,0,0,.12))}
.footer-brand-visual img{width:58px;height:46px;object-fit:contain}
.footer-brand-copy{display:flex;flex-direction:column;line-height:1}
.footer-brand-copy strong{font-size:22px;letter-spacing:-.6px;color:var(--text)}
.footer-brand-copy small{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-weight:700}
.footlogo{display:none}
@media(max-width:1050px){.brand{min-width:235px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:8px}.brand-visual{width:54px}.brand-visual img{width:56px;height:47px}}
@media(max-width:820px){
  .nav{height:72px}.brand{min-width:0;gap:8px}.brand:after{left:-7px;right:-5px;top:6px;bottom:6px}
  .brand-visual{width:49px;height:48px}.brand-visual img{width:51px;height:42px}
  .brand-copy strong{font-size:18px}.brand-copy small{font-size:7px;letter-spacing:.10em;margin-top:4px}
  .nav nav{top:72px;background:#172331;border-color:rgba(255,255,255,.10)}
  .nav nav a{color:#e4e9ee!important;padding:7px 5px}
}
@media(max-width:480px){.brand-copy small{display:none}.brand-copy strong{font-size:18px}.brand-visual{width:44px}.brand-visual img{width:47px;height:39px}}

/* V2.4 — Market / Perakende + Resmond hizmet vitrini */
.retail-slide{background:radial-gradient(circle at 78% 40%,rgba(66,111,159,.22),transparent 28%),linear-gradient(115deg,#111a25 0%,#172433 52%,#213348 100%)}
.retail-slide .slidecontent{position:relative;z-index:3;max-width:720px;margin-left:0}
.retail-slide .slidecontent h1{max-width:760px;font-size:clamp(42px,5.3vw,72px)}
.retail-stage{position:absolute;right:max(5vw,45px);top:50%;width:min(48vw,690px);height:460px;transform:translateY(-50%);z-index:2;pointer-events:none}
.retail-stage:before{content:"";position:absolute;inset:34px 0 15px 35px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.20)}
.retail-syspos{position:absolute;width:300px;height:300px;object-fit:cover;right:260px;top:72px;border-radius:24px;box-shadow:0 25px 65px rgba(0,0,0,.34);border:5px solid rgba(255,255,255,.12)}
.retail-device{position:absolute;object-fit:contain;background:#f7f8fa;border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.30);padding:12px}
.retail-device.pavo{right:8px;top:15px;width:210px;height:245px;background:#536c73}
.retail-device.hugin{right:60px;bottom:22px;width:175px;height:155px}
.retail-device.inpos{right:235px;bottom:2px;width:148px;height:148px}
.retail-brands{position:absolute;right:18px;bottom:-12px;display:flex;gap:8px;z-index:4}.retail-brands span{padding:7px 11px;border-radius:999px;background:#f4f7fa;color:#243344;font-size:10px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.restaurant-slide{background-position:center;background-size:cover}
.restaurant-slide .slidecontent{position:relative;z-index:2}
.retail-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.retail-copy>p,.section-intro,.resmond-intro p,.restaurant-flow p,.local-seo p{color:var(--muted)}
.syspos-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.syspos-panel img{display:block;width:100%;max-height:480px;object-fit:contain;border-radius:16px}.syspos-panel span{display:block;text-align:center;margin-top:12px;font-weight:850;color:var(--text)}
.device-section{background:var(--surface2)}.section-intro{max-width:820px;margin:14px 0 28px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-grid article{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;text-align:center;box-shadow:0 10px 30px rgba(20,30,45,.06)}.device-grid img{height:260px;width:100%;object-fit:contain;border-radius:16px;background:#f6f7f8;padding:12px}.device-grid h3{font-size:24px;margin:14px 0 3px}.device-grid p{color:var(--muted);font-size:14px;margin:0}.integration-flow{margin-top:28px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.integration-flow b{padding:8px 12px;border-radius:10px;background:var(--surface2)}.integration-flow span{color:var(--blue);font-weight:900;font-size:22px}
.resmond-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;margin-bottom:30px}.resmond-intro img{width:100%;max-height:430px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.featurelist.wide{grid-template-columns:repeat(3,1fr)}
.resmond-gallery-section{background:var(--surface2)}.resmond-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-top:26px}.resmond-gallery figure{margin:0;background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:20px}.resmond-gallery img{width:100%;height:300px;object-fit:cover;border-radius:14px}.resmond-gallery figcaption{font-size:13px;font-weight:800;padding:10px 4px 2px;color:var(--text)}
.restaurant-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:stretch}.restaurant-flow>div:not(.flow-arrow){background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px}.restaurant-flow h3{font-size:20px;line-height:1.25;margin:7px 0}.flow-arrow{align-self:center;color:var(--blue);font-size:32px;font-weight:900}.local-seo{padding-top:15px}.local-seo .wrap{background:linear-gradient(120deg,var(--surface),var(--surface2));border:1px solid var(--line);border-radius:22px;padding:34px}.local-seo p{max-width:900px}
@media(max-width:1050px){.retail-stage{opacity:.45;right:-110px}.retail-slide .slidecontent{max-width:690px}.featurelist.wide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.retail-stage{right:-195px;opacity:.24;transform:translateY(-50%) scale(.82)}.retail-slide .slidecontent{max-width:88%}.retail-showcase,.resmond-intro{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr 1fr}.resmond-gallery{grid-template-columns:1fr 1fr}.resmond-gallery figure:first-child{grid-column:1/-1}.restaurant-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:center}.featurelist.wide{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.retail-stage{display:none}.retail-slide .slidecontent{max-width:100%}.retail-slide .slidecontent h1{font-size:38px}.device-grid,.resmond-gallery,.featurelist.wide{grid-template-columns:1fr}.resmond-gallery figure:first-child{grid-column:auto}.device-grid img{height:220px}.resmond-gallery img{height:auto}.integration-flow{gap:8px}.integration-flow span{font-size:16px}}

/* V2.5 Resmond real-screen gallery */
.resmond-gallery.enhanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.resmond-gallery.enhanced figure{padding:10px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.resmond-gallery.enhanced figure:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:var(--shadow)}.resmond-gallery.enhanced a{display:block;overflow:hidden;border-radius:14px;background:var(--surface2)}.resmond-gallery.enhanced img{height:auto;aspect-ratio:1600/908;object-fit:cover;transition:transform .35s ease}.resmond-gallery.enhanced figure:hover img{transform:scale(1.015)}.resmond-gallery.enhanced figcaption{display:flex;flex-direction:column;gap:5px;padding:14px 6px 7px}.resmond-gallery.enhanced figcaption b{font-size:16px}.resmond-gallery.enhanced figcaption span{font-size:13px;line-height:1.55;color:var(--muted);font-weight:500}.gallery-note{margin:18px 0 0;color:var(--muted);font-size:13px}.resmond-gallery-section .section-intro{max-width:760px;margin-top:8px}
@media(max-width:820px){.resmond-gallery.enhanced{grid-template-columns:1fr}}

/* V2.6 Sysmond perakende content */
.retail-official{background:var(--surface2)}
.retail-hero-card{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow)}
.retail-hero-card>img{width:100%;height:330px;object-fit:cover;border-radius:18px}
.retail-hero-card>div{padding:10px 18px 10px 4px}.retail-hero-card h3{font-size:clamp(26px,3vw,40px);margin:8px 0 12px}.retail-hero-card p{color:var(--muted);line-height:1.8;margin-bottom:20px}
.retail-capabilities{padding-top:8px}.retail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.retail-columns article{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 12px 30px rgba(10,20,34,.06)}.retail-columns h3{margin:8px 0 16px;font-size:21px}.clean-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.clean-list li{position:relative;padding-left:22px;color:var(--muted);line-height:1.55}.clean-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--accent);font-weight:900}
.retail-gallery-section{background:var(--surface2)}.retail-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.retail-gallery figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:10px;overflow:hidden}.retail-gallery figure.wide{grid-column:span 2}.retail-gallery img{width:100%;height:230px;object-fit:contain;background:#f7f8fa;border-radius:14px;transition:transform .28s ease}.retail-gallery figure.wide img{object-fit:cover}.retail-gallery a:hover img{transform:scale(1.02)}.retail-gallery figcaption{padding:11px 5px 5px;display:grid;gap:5px}.retail-gallery figcaption b{color:var(--text)}.retail-gallery figcaption span{font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:1000px){.retail-columns{grid-template-columns:1fr 1fr}.retail-columns article:last-child{grid-column:1/-1}.retail-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.retail-hero-card{grid-template-columns:1fr;padding:12px}.retail-hero-card>img{height:230px}.retail-hero-card>div{padding:8px}.retail-columns{grid-template-columns:1fr}.retail-columns article:last-child{grid-column:auto}.retail-gallery{grid-template-columns:1fr}.retail-gallery figure.wide{grid-column:auto}.retail-gallery img,.retail-gallery figure.wide img{height:auto;max-height:340px;object-fit:contain}}

/* BilişimPost V2.7 - Uygulamalar */
.apps-page{min-height:70vh}
.apps-hero{padding:76px 0 54px;background:linear-gradient(135deg,#132435 0%,#1b3042 55%,#21384a 100%);color:#f5f7fa;border-bottom:1px solid rgba(255,255,255,.08)}
.apps-hero .eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#9fbad1;margin-bottom:12px}
.apps-hero h1{margin:0 0 14px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;color:#f7f9fb}
.apps-hero p{max-width:760px;margin:0;color:#c7d1da;line-height:1.75;font-size:1.02rem}
.apps-section{padding-top:42px;padding-bottom:72px}
.apps-notice{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;padding:18px 20px;margin-bottom:28px;border:1px solid rgba(105,139,166,.18);border-radius:16px;background:rgba(105,139,166,.07)}
.apps-notice strong{color:var(--text,#1d2935)}
.apps-notice span{color:var(--muted,#657382);font-size:.94rem}
.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.app-card{display:flex;flex-direction:column;min-height:290px;padding:24px;border:1px solid rgba(105,139,166,.18);border-radius:20px;background:var(--card,#fff);box-shadow:0 14px 34px rgba(14,31,46,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.app-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,31,46,.11);border-color:rgba(92,132,164,.34)}
.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.app-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(77,119,151,.11);color:#527b9b;font-weight:900;font-size:.9rem}
.app-category{padding:7px 10px;border-radius:999px;background:rgba(77,119,151,.08);color:#617e95;font-size:.74rem;font-weight:800;letter-spacing:.03em}
.app-card h2{font-size:1.18rem;line-height:1.35;margin:0 0 12px;color:var(--text,#1b2732)}
.app-card p{margin:0 0 24px;color:var(--muted,#687582);line-height:1.65;font-size:.94rem}
.app-download{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:12px;background:#4f7695;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:.91rem;transition:background .2s ease,transform .2s ease}
.app-download:hover{background:#426985;transform:translateY(-1px)}
[data-theme="dark"] .apps-notice,.dark .apps-notice{background:rgba(143,171,193,.06);border-color:rgba(164,190,210,.12)}
[data-theme="dark"] .app-card,.dark .app-card{background:#172635;border-color:rgba(164,190,210,.12);box-shadow:0 16px 36px rgba(0,0,0,.16)}
[data-theme="dark"] .app-card h2,.dark .app-card h2{color:#eef3f7}
[data-theme="dark"] .app-card p,.dark .app-card p{color:#aebbc6}
[data-theme="dark"] .app-icon,.dark .app-icon{background:rgba(137,170,195,.11);color:#a9c2d5}
@media(max-width:980px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.apps-hero{padding:52px 0 38px}.apps-grid{grid-template-columns:1fr}.app-card{min-height:0;padding:20px}.apps-section{padding-top:28px}.apps-notice{align-items:flex-start}}

/* V2.8 Contact */
.contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-alert{margin:0 0 18px;padding:14px 16px;border-radius:12px;font-weight:700}
.contact-alert-success{background:rgba(51,145,91,.12);border:1px solid rgba(51,145,91,.28);color:#318259}
.contact-alert-error{background:rgba(183,75,75,.10);border:1px solid rgba(183,75,75,.25);color:#a84e4e}
.contact-extra-phone{display:flex;flex-direction:column;gap:4px;margin:10px 0}
.contact-extra-phone a,.secondary-phone{color:inherit;text-decoration:none}
.secondary-phone{margin-left:12px;opacity:.86}
@media(max-width:720px){.secondary-phone{display:none}.contact-extra-phone{margin-top:8px}}

/* V2.8.2 - İletişim hizmet seçimi */
.contact-form select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border,rgba(105,139,166,.22));border-radius:12px;background:var(--card,#fff);color:var(--text,#1b2732);font:inherit;outline:none}
.contact-form select:focus{border-color:#6f91aa;box-shadow:0 0 0 3px rgba(91,130,159,.10)}
[data-theme="dark"] .contact-form select,.dark .contact-form select{background:#172635;color:#eef3f7;border-color:rgba(164,190,210,.16)}

/* V2.9 Referanslar */
.ref-hero{padding:76px 0 62px;background:linear-gradient(135deg,#142536 0%,#1b3041 58%,#223a4c 100%);color:#f5f7fa;border-bottom:1px solid rgba(255,255,255,.07)}
.ref-hero .kicker{color:#a9c1d3}
.ref-hero h1{max-width:850px;margin:10px 0 16px;font-size:clamp(2rem,4.6vw,3.7rem);line-height:1.08;color:#f7f9fb}
.ref-hero p{max-width:850px;margin:0;color:#c5d0d9;line-height:1.78;font-size:1.03rem}
.ref-page-section{padding-top:36px}
.ref-filter{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px;padding:8px;border:1px solid rgba(91,123,148,.15);border-radius:16px;background:rgba(92,125,150,.05)}
.ref-filter button{border:0;border-radius:11px;padding:10px 14px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;transition:.2s ease}
.ref-filter button:hover,.ref-filter button.active{background:#526f86;color:#fff;box-shadow:0 8px 18px rgba(38,69,92,.14)}
.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ref-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(91,123,148,.15);border-radius:20px;background:var(--card);box-shadow:0 14px 34px rgba(15,35,50,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ref-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(15,35,50,.11);border-color:rgba(82,111,134,.3)}
.ref-card[hidden]{display:none!important}
.ref-logo-box{display:block;aspect-ratio:520/220;background:#f8fafc;border-bottom:1px solid rgba(91,123,148,.11);overflow:hidden}
.ref-logo-box img{display:block;width:100%;height:100%;object-fit:cover}
.ref-body{display:flex;flex-direction:column;flex:1;padding:21px}
.ref-location{font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6f8799;margin-bottom:8px}
.ref-card h2{margin:0 0 7px;font-size:1.16rem;line-height:1.32;color:var(--text)}
.ref-sector{margin:0 0 14px;color:var(--muted);font-size:.9rem;line-height:1.45}
.ref-services{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.ref-service{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(83,116,141,.09);color:#55738a;font-size:.72rem;font-weight:800;line-height:1.2}
.ref-service.neutral{background:rgba(115,124,133,.08);color:#747f88}
.ref-desc{margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.62}
.ref-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid rgba(91,123,148,.12);text-decoration:none;color:#4e7089;font-weight:800;font-size:.86rem}
.ref-link:hover{color:#355b77}
.ref-footnote{margin-top:32px;padding:22px 24px;border-radius:17px;background:rgba(84,116,140,.06);border:1px solid rgba(84,116,140,.13)}
.ref-footnote strong{display:block;margin-bottom:5px;color:var(--text)}
.ref-footnote p{margin:0;color:var(--muted);line-height:1.65}
.home-refs{background:linear-gradient(180deg,rgba(91,123,148,.035),rgba(91,123,148,.015))}
.section-lead{max-width:690px;color:var(--muted);margin:.5rem 0 0;line-height:1.65}
.home-ref-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.home-ref-logo{display:block;aspect-ratio:520/220;border-radius:15px;overflow:hidden;background:#f8fafc;border:1px solid rgba(91,123,148,.13);box-shadow:0 10px 24px rgba(15,35,50,.045);transition:transform .2s ease,box-shadow .2s ease}
.home-ref-logo:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,35,50,.09)}
.home-ref-logo img{display:block;width:100%;height:100%;object-fit:cover}
[data-theme="dark"] .ref-card{background:#172635;border-color:rgba(164,190,210,.11)}
[data-theme="dark"] .ref-card h2,[data-theme="dark"] .ref-footnote strong{color:#eef3f7}
[data-theme="dark"] .ref-card .ref-sector,[data-theme="dark"] .ref-card .ref-desc,[data-theme="dark"] .ref-footnote p{color:#aebbc5}
[data-theme="dark"] .ref-service{background:rgba(151,181,203,.09);color:#adc3d4}
[data-theme="dark"] .ref-filter{background:rgba(153,181,202,.04);border-color:rgba(164,190,210,.1)}
@media(max-width:1050px){.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
 .ref-hero{padding:52px 0 42px}
 .ref-grid{grid-template-columns:1fr;gap:16px}
 .ref-filter{gap:6px;padding:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
 .ref-filter button{white-space:nowrap;flex:0 0 auto}
 .home-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ref-body{padding:18px}
 .ref-card h2{font-size:1.08rem}
}
@media(max-width:430px){.home-ref-grid{grid-template-columns:1fr}}

/* V2.10 Lisanslama */
.license-hero{padding:74px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(84,129,164,.18),transparent 32%),linear-gradient(135deg,#132536 0%,#182c3e 60%,#21394a 100%);color:#f5f7fa}
.license-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:44px;align-items:center}
.license-hero h1{font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.06;margin:10px 0 18px;color:#f8fafc}
.license-hero p{max-width:760px;color:#c6d1da;line-height:1.75;font-size:1.02rem}
.license-hero-logos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.license-hero-logos img{width:100%;height:auto;border-radius:17px;box-shadow:0 16px 34px rgba(0,0,0,.14)}
.license-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.license-card{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;padding:20px;border-radius:20px;border:1px solid rgba(91,123,148,.15);background:var(--card);box-shadow:0 13px 32px rgba(15,35,50,.06)}
.license-card.wide{grid-column:1/-1}
.license-card img{width:100%;border-radius:14px;border:1px solid rgba(91,123,148,.1)}
.license-card h3{margin:0 0 8px;color:var(--text);font-size:1.2rem}
.license-card p{margin:0 0 12px;color:var(--muted);line-height:1.6}
.license-card span{display:inline-block;color:#56758d;font-size:.82rem;font-weight:800}
.license-process{background:rgba(89,121,145,.045)}
.license-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.license-steps>div{padding:22px;border:1px solid rgba(91,123,148,.14);border-radius:18px;background:var(--card)}
.license-steps b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#526f86;color:#fff;margin-bottom:16px}
.license-steps h3{margin:0 0 8px;color:var(--text)}
.license-steps p{margin:0;color:var(--muted);line-height:1.55}
.license-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#172b3d,#21394a);color:#fff}
.license-note h2{margin:7px 0 9px;color:#fff}
.license-note p{margin:0;color:#c8d3dc;max-width:760px}
[data-theme="dark"] .license-card,[data-theme="dark"] .license-steps>div{background:#172635;border-color:rgba(164,190,210,.11)}
[data-theme="dark"] .license-card h3,[data-theme="dark"] .license-steps h3{color:#eef3f7}
[data-theme="dark"] .license-card p,[data-theme="dark"] .license-steps p{color:#aebbc5}
@media(max-width:950px){.license-hero-grid{grid-template-columns:1fr}.license-grid{grid-template-columns:1fr}.license-card.wide{grid-column:auto}.license-steps{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.license-hero{padding:52px 0 42px}.license-hero-logos{grid-template-columns:1fr 1fr}.license-card{grid-template-columns:1fr;padding:17px}.license-card img{max-height:125px;object-fit:cover}.license-steps{grid-template-columns:1fr}.license-note{align-items:flex-start;flex-direction:column;padding:22px}}

/* V2.11 - Lisanslama Slider */
.license-slide{position:relative;overflow:hidden}
.license-slide .slidecontent{position:relative;z-index:3}
.license-slider-stage{position:absolute;right:max(5vw,48px);top:50%;transform:translateY(-50%);width:min(46vw,690px);height:min(74%,460px);z-index:2}
.license-logo-card{position:absolute;width:46%;border-radius:20px;overflow:hidden;background:#f8fafc;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 48px rgba(0,0,0,.20);transition:transform .25s ease}
.license-logo-card img{display:block;width:100%;height:auto}
.license-logo-card.microsoft{left:0;top:4%;transform:rotate(-2deg)}
.license-logo-card.autocad{right:0;top:0;transform:rotate(2deg)}
.license-logo-card.kaspersky{left:5%;bottom:4%;transform:rotate(1deg)}
.license-logo-card.eset{right:4%;bottom:6%;transform:rotate(-1deg)}
.license-logo-card:hover{transform:translateY(-4px) scale(1.015)}
.license-slider-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:260px;padding:15px 20px;border-radius:17px;background:rgba(11,28,43,.92);border:1px solid rgba(184,206,223,.18);box-shadow:0 16px 36px rgba(0,0,0,.23);text-align:center;color:#fff;backdrop-filter:blur(8px)}
.license-slider-badge strong{display:block;font-size:1.05rem;margin-bottom:4px;letter-spacing:.02em}
.license-slider-badge span{display:block;color:#b9cad8;font-size:.82rem}
@media(max-width:980px){
 .license-slider-stage{right:3vw;width:44vw;height:360px}
 .license-logo-card{width:48%}
 .license-slider-badge{min-width:210px;padding:12px 14px}
}
@media(max-width:760px){
 .license-slide .slidecontent{padding-bottom:265px}
 .license-slider-stage{left:50%;right:auto;top:auto;bottom:38px;transform:translateX(-50%);width:88%;height:220px}
 .license-logo-card{width:44%;border-radius:14px}
 .license-logo-card.microsoft{left:2%;top:2%}.license-logo-card.autocad{right:2%;top:2%}
 .license-logo-card.kaspersky{left:7%;bottom:0}.license-logo-card.eset{right:7%;bottom:0}
 .license-slider-badge{min-width:190px;padding:10px 12px}
 .license-slider-badge strong{font-size:.92rem}.license-slider-badge span{font-size:.72rem}
}
@media(max-width:460px){
 .license-slide .slidecontent{padding-bottom:230px}
 .license-slider-stage{height:185px}
 .license-slider-badge{min-width:165px}
}