:root{
  color-scheme: light;
  --ink:#15163A;        
  --ink-2:#23254F;
  --blue:#0A6CC4;       
  --blue-600:#08579F;
  --blue-deep:#143F70;
  --cyan:#43B6F2;       
  --paper:#F3F5F9;
  --white:#FFFFFF;
  --line:#DCE2EC;
  --line-dark:rgba(255,255,255,.14);
  --muted:#586180;
  --muted-dark:#AAB3CC;
  --todo-bg:#FFE680;
  --todo-ink:#5A4300;
  --ok:#1B8A5A;
  --radius:4px;
  --maxw:1240px;
  --gutter:clamp(16px,4vw,40px);
  --f-display:'Sora','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-body:'IBM Plex Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --shadow:0 1px 2px rgba(21,22,58,.06),0 8px 24px rgba(21,22,58,.06);
}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;font-weight:400}
img,video,svg{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--blue-600)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0;text-wrap:balance;color:inherit}
h1{font-size:clamp(34px,4.6vw,58px)}
h2{font-size:clamp(28px,3.2vw,42px)}
h3{font-size:clamp(20px,1.7vw,24px);font-weight:600;letter-spacing:-.01em}
h4{font-size:18px;font-weight:600;letter-spacing:0}
p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:8px;top:8px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-weight:500;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.eyebrow::before{content:"";width:8px;height:8px;background:currentColor;box-shadow:10px 0 0 -1px transparent}
.on-dark .eyebrow{color:var(--cyan)}
.mono{font-family:var(--f-mono);font-size:13px;letter-spacing:.02em}
.lead{font-size:clamp(18px,1.5vw,20px);line-height:1.55;color:var(--muted);max-width:62ch}
.on-dark .lead{color:var(--muted-dark)}
.prose{max-width:68ch}
.prose p+p,.prose p+ul,.prose ul+p{margin-top:1em}
.prose ul{padding-left:1.2em}
.prose li+li{margin-top:.4em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-body);font-weight:600;font-size:16px;line-height:1;padding:15px 22px;border-radius:3px;border:1.5px solid var(--blue);background:var(--blue);color:#fff;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.on-dark .btn-line{color:#fff;border-color:rgba(255,255,255,.5)}
.on-dark .btn-line:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn svg{width:18px;height:18px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.tel{font-family:var(--f-mono);font-weight:500;color:inherit;text-decoration:none;white-space:nowrap}
.draft{background:var(--todo-bg);color:var(--todo-ink);font-size:14px}
.draft .wrap{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding-block:8px}
.draft b{font-family:var(--f-mono);letter-spacing:.06em}
.draft button{font:inherit;font-weight:600;background:var(--todo-ink);color:var(--todo-bg);border:0;border-radius:3px;padding:6px 12px;cursor:pointer}
.todo{background:var(--todo-bg);color:var(--todo-ink);font-family:var(--f-mono);font-size:13px;padding:2px 7px;border-radius:2px;display:inline-block;line-height:1.5}
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;gap:24px;min-height:72px}
.logo{display:block;flex:none}
.logo img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>li{list-style:none;position:relative}
.nav>li>a,.nav>li>button{display:flex;align-items:center;gap:6px;font:inherit;font-size:15.5px;font-weight:500;color:var(--ink);text-decoration:none;background:none;border:0;padding:10px 12px;border-radius:3px;cursor:pointer}
.nav>li>a:hover,.nav>li>button:hover,.nav>li>a[aria-current="page"]{color:var(--blue)}
.nav .chev{width:12px;height:12px;transition:transform .15s}
.nav>li.open .chev{transform:rotate(180deg)}
.head-cta{display:flex;align-items:center;gap:16px;margin-left:12px}
.head-cta .tel{font-size:14px}
.head-cta .btn{padding:12px 18px;font-size:15px}
.mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:none;width:min(760px,90vw)}
.nav>li.open .mega{display:grid}
.mega.cols-2{grid-template-columns:1fr 1fr;gap:8px 32px}
.mega.cols-1{width:300px;left:0;transform:none}
.mega h4{font-family:var(--f-mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 8px}
.mega ul{list-style:none;display:grid;gap:2px}
.mega a{display:block;padding:7px 8px;margin-inline:-8px;border-radius:3px;color:var(--ink);text-decoration:none;font-size:15.5px}
.mega a:hover{background:var(--paper);color:var(--blue)}
.mega a small{display:block;color:var(--muted);font-size:13.5px;line-height:1.4}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:3px;padding:9px 10px;cursor:pointer;color:var(--ink)}
.menu-btn svg{width:22px;height:22px}
@media (max-width:1080px){
  .head-cta .tel{display:none}
}
@media (max-width:960px){
  .menu-btn{display:block}
  .head-cta{margin-left:0}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px var(--gutter) 20px;max-height:calc(100vh - 72px);overflow:auto}
  .site-head.menu-open .nav{display:flex}
  .nav>li>a,.nav>li>button{padding:12px 0;font-size:17px;width:100%;justify-content:space-between}
  .mega,.mega.cols-1{position:static;transform:none;width:auto;box-shadow:none;border:0;padding:0 0 12px 12px;border-left:2px solid var(--line)}
  .mega.cols-2{grid-template-columns:1fr}
  .mega a small{display:none}
}
@media (max-width:520px){ .head-cta .btn{display:none} .logo img{height:30px} }
.section{padding-block:clamp(56px,8vw,112px)}
.section.tight{padding-block:clamp(40px,5vw,72px)}
.bg-paper{background:var(--paper)}
.on-dark{background:var(--ink);color:#fff}
.on-dark a:not(.btn){color:var(--cyan)}
.sec-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,48px);max-width:760px}
.sec-head.split{max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 40px}
@media (max-width:760px){.sec-head.split{grid-template-columns:1fr}}
.crumbs{font-family:var(--f-mono);font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;list-style:none}
.crumbs a{color:inherit;text-decoration:none}
.crumbs a:hover{color:var(--blue)}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}
.hero{padding-block:clamp(36px,5vw,72px) clamp(40px,6vw,80px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center}
.hero h1{margin:16px 0 20px}
.hero .lead{margin-bottom:28px}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.wall{background:#0B0C22;padding:7px;border-radius:6px;box-shadow:0 30px 60px -30px rgba(21,22,58,.55)}
.wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.panel{position:relative;aspect-ratio:16/10;overflow:hidden;background:#1a1b3a}
.panel img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.panel:hover img{transform:scale(1.04)}
.panel figcaption{position:absolute;left:0;bottom:0;right:0;padding:18px 8px 6px;background:linear-gradient(transparent,rgba(8,9,28,.82));color:#fff;font-family:var(--f-mono);font-size:11px;letter-spacing:.03em;line-height:1.3}
.panel figcaption b{display:block;font-weight:500;color:var(--cyan)}
.wall-foot{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:11.5px;color:#8A93B5;padding:9px 4px 2px}
.wall-foot i{font-style:normal;color:#5FD39A}
@media (max-width:560px){.wall-grid{grid-template-columns:repeat(2,1fr)}.panel:nth-child(n+5){display:none}}
.proof{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof>div{padding:22px 20px;display:grid;gap:4px;border-left:1px solid var(--line)}
.proof>div:first-child{border-left:0;padding-left:0}
.proof b{font-family:var(--f-display);font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.proof span{color:var(--muted);font-size:15px;line-height:1.4}
.proof .kaynak{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:2px}
@media (max-width:1100px) and (min-width:821px){.proof{grid-template-columns:repeat(3,minmax(0,1fr))}.proof>div:nth-child(4){border-left:0;padding-left:0}.proof>div:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:820px){.proof{grid-template-columns:1fr 1fr}.proof>div:nth-child(odd){border-left:0;padding-left:0}.proof>div:nth-child(even){border-left:1px solid var(--line);padding-left:20px}.proof>div{border-top:1px solid var(--line)}.proof>div:nth-child(-n+2){border-top:0}}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.logos li{list-style:none;background:#fff;display:grid;place-items:center;padding:18px 14px;min-height:88px}
.logos img{max-height:46px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .2s,opacity .2s}
.logos li:hover img{filter:none;opacity:1}
.logos.strip{grid-template-columns:repeat(8,minmax(0,1fr))}
.logos.strip.s7{grid-template-columns:repeat(7,minmax(0,1fr))}
@media (max-width:900px){.logos.strip,.logos.strip.s7{grid-template-columns:repeat(4,minmax(0,1fr))}}
.grid{display:grid;gap:clamp(16px,2vw,24px)}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.g-4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.g-2,.g-3,.g-4{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);overflow:hidden;transition:border-color .15s,transform .15s}
a.card:hover{border-color:var(--blue);color:var(--ink);transform:translateY(-2px)}
.card .ph{aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .body{padding:18px 20px 22px;display:grid;gap:8px;align-content:start}
.card .tag{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.card h3{font-size:20px}
.card p{color:var(--muted);font-size:15.5px;line-height:1.5}
.card .more{margin-top:auto;padding:0 20px 18px;font-weight:600;color:var(--blue);font-size:15px}
.group-title{display:flex;align-items:baseline;gap:14px;margin:0 0 18px;padding-top:6px}
.group-title h3{font-size:22px}
.group-title span{color:var(--muted);font-size:15px}
.group+.group{margin-top:48px}
.sys{background:var(--ink);color:#fff;border-color:var(--ink)}
.sys .ic{height:120px;display:grid;place-items:center;background:
  linear-gradient(var(--line-dark) 1px,transparent 1px) 0 0/16px 16px,
  linear-gradient(90deg,var(--line-dark) 1px,transparent 1px) 0 0/16px 16px,#101131}
.sys .ic svg{width:56px;height:56px;color:var(--cyan)}
.sys .tag{color:var(--muted-dark)}
.sys p{color:var(--muted-dark)}
a.sys:hover{border-color:var(--cyan);color:#fff}
.sys .more{color:var(--cyan)}
.sys .ph{position:relative;background:#101131}
.sys .ph img{opacity:.92}
.sys .ph-ic{position:absolute;left:14px;bottom:12px;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:rgba(21,22,58,.86);border:1px solid rgba(67,182,242,.45)}
.sys .ph-ic svg{width:22px;height:22px;color:var(--cyan)}
.sign-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.sign-grid{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.chips li{font-family:var(--f-mono);font-size:13px;border:1px solid var(--line-dark);padding:6px 10px;border-radius:2px;color:#DCE4FA}
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;list-style:none;margin:28px 0}
.feat li{display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--line-dark)}
.feat b{font-family:var(--f-display);font-weight:600;font-size:17px}
.feat span{color:var(--muted-dark);font-size:15px;line-height:1.5}
@media (max-width:560px){.feat{grid-template-columns:1fr}}
.sign-art{background:radial-gradient(circle at 50% 45%,rgba(67,182,242,.18),transparent 60%);padding:12px}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;counter-reset:s;border-top:2px solid var(--ink)}
.steps li{padding:20px 18px 0 0;display:grid;gap:8px;align-content:start;counter-increment:s}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-mono);font-size:13px;color:var(--blue);font-weight:500}
.steps b{font-family:var(--f-display);font-size:18px;font-weight:600}
.steps span{color:var(--muted);font-size:15px;line-height:1.5}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.steps li{padding-bottom:18px}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;border-top:1px solid var(--line)}
.sectors li{border-bottom:1px solid var(--line)}
.sectors a{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:16px 12px 16px 0;text-decoration:none;color:var(--ink)}
.sectors a:hover{color:var(--blue)}
.sectors svg{width:26px;height:26px;color:var(--blue)}
.sectors b{font-weight:600}
.sectors small{display:block;color:var(--muted);font-size:14px}
.sectors .arr{opacity:.4}
@media (max-width:900px){.sectors{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media (max-width:560px){.sectors{grid-template-columns:1fr}}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
@media (max-width:900px){.quotes{grid-template-columns:1fr}}
.quote{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:18px}
.quote blockquote{margin:0;font-size:16.5px;line-height:1.6}
.quote figcaption{margin-top:auto;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;font-size:14.5px;color:var(--muted)}
.quote figcaption img{width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:3px;background:#fff;padding:3px}
.quote figcaption b{display:block;color:var(--ink);font-weight:600}
.cta-band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:900px){.cta-band{grid-template-columns:1fr}}
.contact-list{list-style:none;display:grid;gap:14px;margin-top:28px}
.contact-list li{display:grid;gap:2px}
.contact-list small{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark)}
.contact-list a,.contact-list span{color:#fff;text-decoration:none;font-size:17px}
.form{background:#fff;color:var(--ink);border-radius:var(--radius);padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.form .full{grid-column:1/-1}
.on-dark .form a{color:var(--blue)}
@media (max-width:620px){.form{grid-template-columns:1fr}}
.field{display:grid;gap:6px}
.field label{font-size:14px;font-weight:600}
.field label i{font-style:normal;color:var(--blue)}
.field input,.field select,.field textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #C5CDDB;border-radius:3px;padding:12px 12px;width:100%}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.check input{margin-top:3px;width:18px;height:18px;flex:none}
.form .hp{position:absolute;left:-5000px}
.form-note{font-size:13.5px;color:var(--muted)}
.form-done{grid-column:1/-1;background:#E8F6EF;color:#0F5C3B;border-radius:3px;padding:14px 16px;font-size:15px}
.form-err{grid-column:1/-1;color:#B3261E;font-size:14px}
.page-hero{padding-block:clamp(28px,4vw,56px) clamp(36px,5vw,64px);border-bottom:1px solid var(--line)}
.ph-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,4vw,56px);align-items:center}
@media (max-width:900px){.ph-grid{grid-template-columns:1fr}}
.page-hero h1{font-size:clamp(32px,4vw,52px);margin-bottom:18px}
.page-hero .lead{margin-bottom:26px}
.hero-shot{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--paper)}
.hero-shot img{width:100%;aspect-ratio:3/2;object-fit:cover}
.hero-shot figcaption{font-family:var(--f-mono);font-size:12px;color:var(--muted);padding:10px 2px 0;background:#fff}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;border-top:1px solid var(--line)}
.benefits li{padding:22px 24px 22px 0;display:grid;gap:8px;align-content:start}
.benefits li+li{padding-left:24px;border-left:1px solid var(--line)}
.benefits b{font-family:var(--f-display);font-size:19px;font-weight:600;line-height:1.3}
.benefits span{color:var(--muted);font-size:16px}
@media (max-width:860px){.benefits{grid-template-columns:1fr}.benefits li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
.two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:900px){.two{grid-template-columns:1fr}}
.spec{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.spec h3{font-size:17px;padding:16px 20px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}
.spec dl{margin:0}
.spec dl>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}
.spec dl>div:last-child{border-bottom:0}
.spec dt{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-top:2px}
.spec dd{margin:0;font-size:15.5px;line-height:1.5}
.uses{list-style:none;display:grid;gap:0;border-top:1px solid var(--line)}
.uses li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.uses b{font-weight:600}
.uses span{color:var(--muted)}
@media (max-width:560px){.uses li{grid-template-columns:1fr;gap:4px}}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gallery figure{margin:0;display:grid;gap:6px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;background:var(--paper)}
.gallery figcaption{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
@media (max-width:980px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-family:var(--f-display);font-weight:600;font-size:18px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-family:var(--f-mono);font-size:22px;color:var(--blue)}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 0 20px;color:var(--muted);max-width:72ch}
.site-foot{background:#0E0F2A;color:#C7CEE3;font-size:15px}
.foot-grid{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:32px;padding-block:56px 40px}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr}}
.site-foot h4{font-family:var(--f-mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#8A93B5;font-weight:500;margin-bottom:12px}
.site-foot ul{list-style:none;display:grid;gap:7px}
.site-foot a{color:#E6EAF6;text-decoration:none}
.site-foot a:hover{color:var(--cyan)}
.foot-logo img{height:34px;width:auto;margin-bottom:16px}
.foot-bottom{position:relative;padding-block:18px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:13.5px;color:#8A93B5}
.foot-bottom::before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:0;height:1px;background:rgba(255,255,255,.1)}
.social{display:flex;gap:10px;margin-top:16px}
.social a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:3px}
.social svg{width:18px;height:18px}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:8px;background:#1FAF55;color:#fff;border-radius:40px;padding:12px 16px 12px 14px;text-decoration:none;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.wa:hover{background:#18954A;color:#fff}
.wa svg{width:22px;height:22px}
@media (max-width:560px){.wa span{display:none}.wa{padding:13px}}
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;max-width:560px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px 20px;font-size:14.5px;display:grid;gap:12px}
.cookie .btn{padding:10px 14px;font-size:14px}
.post{max-width:760px}
.post h2{font-size:28px;margin:1.6em 0 .5em}
.post h3{font-size:21px;margin:1.4em 0 .4em}
.post p,.post ul,.post ol{margin:0 0 1em}
.post ul,.post ol{padding-left:1.3em}
.post li{margin-bottom:.35em}
.post table{border-collapse:collapse;width:100%;font-size:15.5px;margin:0 0 1.2em}
.post th,.post td{border-bottom:1px solid var(--line);padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.post th{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500}
.table-scroll{overflow-x:auto}
.meta{font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);list-style:none}
.facts li{padding:16px 16px 16px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}
.facts small{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:720px){.facts{grid-template-columns:1fr 1fr}}
.center{text-align:center}
.mt-s{margin-top:16px}.mt-m{margin-top:28px}.mt-l{margin-top:48px}
.chips-light{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:14.5px;border:1px solid #C5CDDB;background:#fff;color:var(--ink);padding:8px 13px;border-radius:2px;cursor:pointer}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.card.proj .ph{display:block}
.card.proj.gizli{display:none}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px}
.thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.gallery.big{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery.big img{aspect-ratio:3/2}
@media (max-width:620px){.gallery.big{grid-template-columns:1fr}}
.proj-video{display:block;width:100%;max-width:640px;margin:0 auto;aspect-ratio:1/1;background:#000;border-radius:var(--radius)}
.contact-list.light small{color:var(--muted)}
.contact-list.light span{color:var(--ink)}
.contact-list.light a{color:var(--blue)}
.form-wrap .form{border:1px solid var(--line)}
.post a{color:var(--blue)}
.post blockquote{border-left:3px solid var(--blue);padding-left:16px;color:var(--muted);margin:0 0 1em}
.note{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:0 0 1.2em}
.form [aria-invalid="true"]{border-color:#C62828!important;box-shadow:0 0 0 3px rgba(198,40,40,.14)}
.form input[type=checkbox][aria-invalid="true"]{outline:2px solid #C62828;outline-offset:2px}
.pgal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
@media (max-width:980px){.pgal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pgal{grid-template-columns:1fr}}
.pg{display:flex;flex-direction:column}
.pg button{font:inherit;border:0;padding:0;background:none;cursor:zoom-in;display:block;color:inherit}
.pg-ana{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper)}
.pg-ana img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pg-ana:hover img{transform:scale(1.04)}
.pg-say{position:absolute;right:10px;bottom:10px;background:rgba(15,20,40,.72);color:#fff;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px}
.pg-alt{padding:14px 16px 16px;display:grid;gap:10px}
.pg-ad{font-size:19px;letter-spacing:-.01em}
.pg-kucuk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pg-kucuk button{aspect-ratio:4/3;overflow:hidden;border-radius:calc(var(--radius) / 2);background:var(--paper)}
.pg-kucuk img{width:100%;height:100%;object-fit:cover}
.pg-vid{display:grid!important;place-items:center;align-content:center;gap:2px;background:var(--ink)!important;color:#fff!important;font-size:12px;font-weight:600}
.pg-vid svg{width:18px;height:18px}
.card.proj.gizli{display:none}
.pg.vurgu{outline:3px solid var(--blue);outline-offset:4px}
.lb{border:0;padding:0;margin:auto;width:min(1180px,96vw);height:min(860px,92vh);max-width:none;max-height:none;background:#0B1024;color:#fff;border-radius:18px;overflow:hidden}
.lb[open]{display:grid;grid-template-rows:auto 1fr}
.lb::backdrop{background:rgba(5,8,20,.82)}
.lb-ust{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.lb-ad{font-size:17px}
.lb-no{color:#9AA6C4;font-size:14px;margin-right:auto}
.lb-kapat{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.lb-kapat svg{width:20px;height:20px}
.lb-sahne{position:relative;display:grid;place-items:center;padding:14px 64px;min-height:0}
.lb-sahne img,.lb-sahne video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.lb-ok{position:absolute;top:50%;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.lb-ok:hover{background:#fff;color:#0B1024}
.lb-ok svg{width:22px;height:22px}
.lb-geri{left:12px}.lb-geri svg{transform:rotate(180deg)}
.lb-ileri{right:12px}
@media (max-width:620px){.lb{width:100vw;height:100dvh;border-radius:0}.lb-sahne{padding:10px}.lb-ok{top:auto;bottom:14px}.lb-geri{left:calc(50% - 58px)}.lb-ileri{right:calc(50% - 58px)}}
.site-head .nav>li{flex-shrink:0}.site-head .nav .chev{flex-shrink:0}
@media (min-width:961px){.site-head .nav>li>a,.site-head .nav>li>button{padding:10px 7px;font-size:15px;gap:4px}.site-head .head-row{gap:16px}.site-head .head-cta{gap:12px;margin-left:8px}}
@media (max-width:1260px){.site-head .head-cta .tel{display:none}}
@media (max-width:1120px) and (min-width:961px){.site-head .nav>li>a,.site-head .nav>li>button{padding:10px 5px;font-size:14px}.site-head .head-row{gap:10px}.site-head .head-cta{margin-left:2px}.site-head .head-cta .btn{padding:0 12px;font-size:13.5px}.site-head .logo img{height:26px}}
@media (max-width:1040px) and (min-width:961px){.site-head .nav>li>a,.site-head .nav>li>button{padding:10px 4px;font-size:13.5px}.site-head .head-row{gap:8px}}