.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink-900);padding-top:calc(var(--nav-h) + clamp(36px,4.5vw,64px));padding-bottom:0}.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-photo{position:absolute;inset:-8% -4%;background:url(/assets/img/hero-primary-bg.webp) center / cover no-repeat;opacity:.2;filter:saturate(.42) contrast(1.02) blur(1px);-webkit-mask-image:linear-gradient(255deg,#000 6%,rgba(0,0,0,.5) 40%,transparent 66%);mask-image:linear-gradient(255deg,#000 6%,rgba(0,0,0,.5) 40%,transparent 66%);will-change:transform}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,235,.07) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(ellipse 95% 80% at 62% 18%,#000 10%,transparent 72%);mask-image:radial-gradient(ellipse 95% 80% at 62% 18%,#000 10%,transparent 72%)}.hero-glow{position:absolute;top:-18%;right:-6%;width:min(760px,68vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(30,58,138,.5) 0%,rgba(8,145,178,.14) 42%,transparent 68%);filter:blur(28px)}.hero-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(103,232,249,.055) 48%,rgba(103,232,249,.11) 50%,rgba(103,232,249,.055) 52%,transparent 100%);background-size:100% 220%;animation:heroScan 11s linear infinite}@keyframes heroScan{0%{background-position:0 -110%}to{background-position:0 210%}}@media(prefers-reduced-motion:reduce){.hero-scan{animation:none;opacity:.4}}.hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;z-index:-1;background:linear-gradient(180deg,transparent,var(--ink-850))}.hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,5vw,72px);padding-bottom:clamp(28px,3vw,44px)}.hero-eyebrow{color:var(--signal-400)}.hero h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tr-display);margin-bottom:var(--space-sm);color:#fff}.hero h1 .hl{color:var(--signal-400)}.hero-lead{font-size:var(--fs-lead);color:var(--text-on-ink-dim);max-width:52ch;margin-bottom:var(--space-md)}.hero-actions{gap:var(--space-2xs) var(--space-xs)}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md);margin-top:var(--space-md)}.hero-meta .cta-note{margin-top:0}.quiet-link{display:inline-flex;align-items:center;gap:var(--space-3xs);font-size:var(--fs-sm);font-weight:600;color:var(--signal-400);text-decoration:none;border-bottom:1px solid rgba(103,232,249,.35);padding-bottom:2px;transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.quiet-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-normal) var(--ease-out)}.quiet-link:hover{color:var(--signal-300);border-color:var(--signal-300)}.quiet-link:hover svg{transform:translate(3px)}.hero-panel{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:var(--r-lg);background:linear-gradient(165deg,#101e3edb,#070e20e6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-ink);overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.55),transparent)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.panel-title{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-on-ink-mute)}.panel-dot{width:7px;height:7px;border-radius:50%;background:var(--signal-400);box-shadow:0 0 0 3px #67e8f929}.panel-list{list-style:none}.panel-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-md);align-items:center;padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.06);transition:background var(--motion-fast) var(--ease-standard)}.panel-row:hover{background:#ffffff08}.panel-thumb{position:relative;display:block;flex:none;width:72px;height:72px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.12);overflow:hidden;background:var(--ink-800);transition:border-color var(--motion-normal) var(--ease-standard)}.panel-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.34) brightness(.86) contrast(1.16);transition:transform var(--motion-slow) var(--ease-out),filter var(--motion-slow) var(--ease-standard)}.panel-thumb:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(103,232,249,.12),transparent 55%),linear-gradient(0deg,#0a173099,#0a173042);pointer-events:none}.panel-thumb:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(103,232,249,.6) 0 11px,transparent 11px) top left / 100% 1.5px no-repeat,linear-gradient(180deg,rgba(103,232,249,.6) 0 11px,transparent 11px) top left / 1.5px 100% no-repeat,linear-gradient(270deg,rgba(103,232,249,.6) 0 11px,transparent 11px) bottom right / 100% 1.5px no-repeat,linear-gradient(0deg,rgba(103,232,249,.6) 0 11px,transparent 11px) bottom right / 1.5px 100% no-repeat,repeating-linear-gradient(180deg,rgba(160,220,255,.06) 0 1px,transparent 1px 3px)}@media(hover:hover)and (pointer:fine){.panel-row:hover .panel-thumb{border-color:#67e8f96b}.panel-row:hover .panel-thumb img{transform:scale(1.03);filter:saturate(.66) brightness(.9) contrast(1.06)}}@media(prefers-reduced-motion:reduce){.panel-thumb img{transition:none}.panel-row:hover .panel-thumb img{transform:none}}.panel-n{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--signal-600);padding-top:2px}.panel-body{display:grid;gap:2px;min-width:0}.panel-t{display:flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-weight:700;font-size:1.02rem;letter-spacing:var(--tr-heading);color:#fff}.panel-d{font-size:var(--fs-sm);color:var(--text-on-ink-dim)}.rec-dot{width:7px;height:7px;border-radius:50%;background:var(--live);animation:recBlink 2.4s ease-in-out infinite}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.28}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.panel-foot{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;color:var(--text-on-ink-mute);background:#0000002e}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding-block:var(--space-md) var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.hero-stats .stat{display:grid;gap:2px}.hero-stats dt{font-family:var(--font-display);font-size:clamp(1.4rem,2.3vw,2rem);font-weight:700;letter-spacing:var(--tr-heading);color:var(--signal-400)}.hero-stats dd{font-size:var(--fs-sm);color:var(--text-on-ink-mute)}.brands{position:relative;background:var(--ink-850);padding-block:var(--space-xl) var(--space-2xl);overflow:hidden}.brands-label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-on-ink-mute);margin-bottom:var(--space-lg)}.marquee{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 42s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.brand{flex:none;padding-inline-end:clamp(40px,6vw,96px);font-family:var(--font-display);font-size:clamp(1rem,1.6vw,1.35rem);font-weight:700;letter-spacing:.06em;color:#b3c6e79e;white-space:nowrap;transition:color var(--motion-normal) var(--ease-standard)}.marquee:hover .brand{color:#c4d6f2d9}.services{background:var(--paper)}.svc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--grid-gap)}.svc{position:relative;grid-column:span 2;display:flex;flex-direction:column;padding:var(--space-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;color:inherit;overflow:hidden;transition:border-color var(--motion-normal) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard),transform var(--motion-normal) var(--ease-standard)}.svc--wide{grid-column:span 6}@media(min-width:821px){.svc--wide{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-xl);padding-block:var(--space-xl)}.svc--wide .svc-icon{width:68px;height:68px;margin-bottom:0;border-radius:var(--r-lg)}.svc--wide .svc-icon svg{width:30px;height:30px}}.svc-body{display:flex;flex-direction:column;flex:1;min-width:0}.svc:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--signal-600),var(--brand-600));transform:scaleX(0);transform-origin:left;transition:transform var(--motion-normal) var(--ease-out)}.svc:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.svc:hover:before{transform:scaleX(1)}.svc-n{position:absolute;top:var(--space-md);right:var(--space-lg);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mute);opacity:.55;letter-spacing:.1em}.svc-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:var(--space-md);border-radius:var(--r-md);background:var(--brand-100);color:var(--brand-700);transition:background var(--motion-normal) var(--ease-standard),color var(--motion-normal) var(--ease-standard)}.svc-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svc:hover .svc-icon{background:var(--ink-700);color:var(--signal-400)}.svc h3{font-size:var(--fs-h3);margin-bottom:var(--space-2xs);padding-right:var(--space-xl)}.svc p{font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:var(--space-md);max-width:60ch}.svc-go{display:inline-flex;align-items:center;gap:var(--space-3xs);margin-top:auto;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-700)}.svc-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-normal) var(--ease-out)}.svc:hover .svc-go svg{transform:translate(4px)}.svc--wide h3{font-size:clamp(1.3rem,2vw,1.7rem)}.svc--wide p{font-size:var(--fs-body)}@media(max-width:1080px){.svc-grid{grid-template-columns:repeat(3,1fr)}.svc{grid-column:span 1}.svc--wide{grid-column:span 3}}@media(max-width:820px){.svc-grid{grid-template-columns:1fr}.svc,.svc--wide{grid-column:span 1}}.solutions{background:var(--ink-800)}.sol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--grid-gap)}.sol{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:var(--text-on-ink);background:var(--ink-700);border:1px solid rgba(255,255,255,.09);transition:border-color var(--motion-normal) var(--ease-standard),transform var(--motion-normal) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard)}.sol:hover{border-color:#67e8f957;transform:translateY(-3px);box-shadow:var(--shadow-ink)}.sol-media{display:block;position:relative;aspect-ratio:16 / 10;overflow:hidden}.sol-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.04) brightness(.82);transition:transform var(--motion-slow) var(--ease-out),filter var(--motion-slow) var(--ease-standard)}.sol:hover .sol-media img{transform:scale(1.04);filter:saturate(.9) contrast(1.06) brightness(.92)}.sol-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,23,48,.1) 30%,var(--ink-700) 98%)}.sol-tag{display:inline-block;margin-bottom:var(--space-2xs);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);color:var(--signal-400)}.sol-body{display:block;position:relative;padding:var(--space-lg);margin-top:-46px}.sol-body h3{font-size:var(--fs-h3);color:#fff;margin-bottom:var(--space-2xs)}.sol-body p{font-size:var(--fs-sm);color:var(--text-on-ink-dim)}.region{position:relative;isolation:isolate;background:var(--paper)}.region-bg{position:absolute;inset:0;z-index:-1;background:url(/assets/img/hizmet-bolgeleri-arkaplan.webp) center / cover no-repeat;opacity:.1;filter:saturate(.35);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,#000 60%,transparent);mask-image:linear-gradient(180deg,transparent,#000 40%,#000 60%,transparent)}.region-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-xl);align-items:end;margin-bottom:var(--stack)}.region-layout .sec-head{margin-bottom:0}.region-note{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--r-md);border:1px solid var(--line);border-left:3px solid var(--signal-600);background:var(--surface);box-shadow:var(--shadow-sm)}.region-note p{font-size:var(--fs-sm);color:var(--text-dim)}.region-note strong{color:var(--text)}.region-note-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--r-sm);background:var(--signal-050);color:var(--signal-600)}.region-note-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:860px){.region-layout{grid-template-columns:1fr;gap:var(--space-lg)}}.section--alt{background:var(--paper-alt)}.about-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(32px,5vw,76px);align-items:center}.about-copy p{color:var(--text-dim);max-width:var(--measure);margin-bottom:var(--space-md)}.about-copy p strong{color:var(--text)}.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-2xs) var(--space-md);list-style:none;margin-top:var(--space-lg)}.feats li{position:relative;padding-left:26px;font-size:var(--fs-sm);font-weight:500}.feats li:before{content:"";position:absolute;left:0;top:.52em;width:13px;height:7px;border-left:2px solid var(--signal-600);border-bottom:2px solid var(--signal-600);transform:rotate(-45deg)}.about-visual{position:relative}.about-photo{aspect-ratio:4 / 3;border-radius:var(--r-lg);background:url(/assets/img/server-rack-close-up.webp) center / cover no-repeat;box-shadow:var(--shadow-lg)}.about-card{position:relative;width:min(320px,84%);margin:-72px 0 0 auto;padding:var(--space-lg);border-radius:var(--r-lg);background:var(--ink-800);color:var(--text-on-ink);box-shadow:var(--shadow-ink);border:1px solid rgba(255,255,255,.09)}.about-card-n{font-family:var(--font-display);font-size:2.6rem;font-weight:700;line-height:1;letter-spacing:var(--tr-display);color:var(--signal-400)}.about-card-l{font-size:var(--fs-sm);color:var(--text-on-ink-dim);margin-bottom:var(--space-md)}.about-rows{display:grid;gap:var(--space-2xs)}.about-rows>div{display:flex;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-2xs);border-top:1px solid rgba(255,255,255,.09);font-size:var(--fs-xs)}.about-rows dt{color:var(--text-on-ink-mute)}.about-rows dd{color:var(--text-on-ink);font-weight:600}@media(max-width:900px){.about-grid{grid-template-columns:1fr}.about-card{margin-inline:auto;margin-top:-56px}}.faq-section{background:var(--paper)}.faq-wrap{display:flex;justify-content:center}.faq-wrap .faq-list{width:100%}.contact{position:relative;isolation:isolate;background:var(--ink-850)}.contact-bg{position:absolute;inset:0;z-index:-1;background:url(/assets/img/iletisim-arkaplan.webp) center / cover no-repeat;opacity:.16;filter:saturate(.4);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 78% 30%,#000 5%,transparent 70%);mask-image:radial-gradient(ellipse 90% 80% at 78% 30%,#000 5%,transparent 70%)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:var(--grid-gap)}.ccard{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-lg);border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.1);background:#ffffff09;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--motion-normal) var(--ease-standard),background var(--motion-normal) var(--ease-standard)}.ccard:hover{border-color:#67e8f94d;background:#ffffff0e}.ccard-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:var(--space-2xs);border-radius:var(--r-sm);background:#67e8f91a;color:var(--signal-400)}.ccard-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ccard h3{font-size:var(--fs-xs);font-family:var(--font-mono);font-weight:400;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-on-ink-mute)}.ccard-value{font-family:var(--font-display);font-size:1.16rem;font-weight:700;letter-spacing:var(--tr-heading);color:#fff;text-decoration:none;transition:color var(--motion-fast) var(--ease-standard);word-break:break-word}.ccard-value:hover{color:var(--signal-400)}.ccard-meta{font-size:var(--fs-xs);color:var(--text-on-ink-mute)}.ccard .btn-row{margin-top:var(--space-sm)}.ccard .btn{min-height:44px;padding-inline:var(--space-md);font-size:var(--fs-xs)}.contact-address{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.contact-address p{color:var(--text-on-ink-dim);margin-bottom:var(--space-2xs)}.contact-address .inline-link{color:var(--signal-400)}.contact-address .inline-link:hover{color:var(--signal-300)}@media(max-width:980px){.hero-inner{grid-template-columns:1fr;gap:var(--space-xl)}.hero h1 .hl{white-space:normal}.hero-photo{-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 60%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 60%,transparent 92%)}}@media(max-width:600px){.hero{padding-top:calc(var(--nav-h) + 32px)}.hero-panel{border-radius:var(--r-md)}.panel-head{padding:var(--space-xs) var(--space-sm)}.panel-row{gap:var(--space-sm);padding:var(--space-sm)}.panel-t{font-size:.97rem}.panel-d{font-size:var(--fs-xs)}.panel-thumb{width:52px;height:52px}.panel-foot{padding:var(--space-xs) var(--space-sm)}.hero-stats{grid-template-columns:1fr;gap:var(--space-sm)}.hero-stats .stat{display:flex;align-items:baseline;gap:var(--space-sm)}.hero-stats dt{font-size:1.28rem;min-width:92px}.hero-actions .btn{flex:1 1 100%}.hero-actions .btn--ghost{flex-basis:100%}.svc-n{display:none}}