@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap');
:root{
  --nav-h:88px;--rail-w:92px;--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--soft:#f5f7fa;--white:#fff;--navy:#041225;--navy2:#06223a;--blue:#003f66;--cyan:#11d4e8;--cyan2:#009ec0;--red:#ed1c24;--shadow:0 22px 70px rgba(2,6,23,.20);
}
[data-theme="dark"]{--ink:#f8fafc;--muted:#9ca3af;--line:rgba(255,255,255,.12);--soft:#07111f;--white:#030712;--navy:#020617;--navy2:#07111f;--blue:#062f49;--shadow:0 22px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",Arial,Helvetica,sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden}button,a{font:inherit} h1,h2,h3,.top-nav button,.top-detail-nav a,.rail-tab span,.drawer-title,.drawer-menu button,.drawer-menu a,.home-card strong,.split-card span{font-family:"Barlow Condensed","Inter",Arial,sans-serif}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;padding-left:var(--rail-w)}
.topbar{position:fixed;z-index:70;inset:0 0 auto 0;height:var(--nav-h);display:flex;align-items:stretch;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 10px 34px rgba(15,23,42,.07)}
.hamburger{width:var(--rail-w);height:var(--nav-h);border:0;background:var(--white);border-right:1px solid var(--line);display:grid;place-items:center}.hamburger span,.hamburger span:before,.hamburger span:after{content:"";display:block;width:32px;height:2px;background:var(--blue);position:relative;transition:.22s}.hamburger span:before{position:absolute;top:-10px;left:0}.hamburger span:after{position:absolute;top:10px;left:0}body.drawer-open .hamburger span{background:transparent}body.drawer-open .hamburger span:before{top:0;transform:rotate(45deg)}body.drawer-open .hamburger span:after{top:0;transform:rotate(-45deg)}
.brand{min-width:260px;height:100%;display:flex;align-items:center;padding:0 26px;border-right:1px solid var(--line)}.brand img{width:170px;max-height:62px;object-fit:contain;display:block}.top-nav,.top-detail-nav{display:flex;align-items:stretch;white-space:nowrap}.top-detail-nav{flex:1;min-width:0;overflow:hidden}.top-nav button,.top-detail-nav a{height:100%;border:0;background:transparent;padding:0 17px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);position:relative}.top-nav button:after,.top-detail-nav a:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:4px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:.22s}.top-nav button:hover:after,.top-nav button.active:after,.top-detail-nav a:hover:after{transform:scaleX(1)}
.top-actions{margin-left:auto;display:flex;height:100%;align-items:stretch}.top-action,.theme-toggle{min-width:118px;padding:0 14px;border:0;border-left:1px solid var(--line);background:var(--white);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:12px;text-transform:uppercase}.search-btn{width:74px;border:0;border-left:1px solid var(--line);background:var(--soft);display:grid;place-items:center;font-size:25px;color:var(--ink)}
.rail{position:fixed;z-index:58;left:0;top:var(--nav-h);bottom:0;width:var(--rail-w);background:#edf1f4;border-right:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column}[data-theme="dark"] .rail{background:#030712}.rail-tab{flex:1;border:0;background:transparent;color:#334155;border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;position:relative;transition:.2s}.rail-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.rail-tab small{position:absolute;bottom:24px;font-weight:900;color:currentColor;opacity:.64}.rail-tab.active{background:var(--blue);color:#fff}.rail-tab.active:before{content:"";position:absolute;right:-1px;top:0;bottom:0;width:5px;background:var(--cyan)}
.drawer{position:fixed;z-index:62;top:var(--nav-h);left:var(--rail-w);bottom:0;width:330px;background:var(--soft);transform:translateX(-105%);transition:.28s ease;box-shadow:18px 0 45px rgba(0,0,0,.16);padding:92px 28px 24px}body.drawer-open .drawer{transform:translateX(0)}.drawer-close{position:absolute;top:16px;right:16px;width:52px;height:52px;border:0;background:var(--blue);color:#fff;font-size:28px;font-weight:900}.drawer-kicker{color:var(--cyan2);font-weight:900;font-size:12px;letter-spacing:.20em;text-transform:uppercase}.drawer-title{margin:10px 0 12px;font-size:30px;line-height:1.05;font-weight:900;text-transform:uppercase}.drawer-hint{color:var(--muted);font-weight:700;line-height:1.48;margin:0 0 22px;font-size:14px}.drawer-menu{display:grid}.drawer-menu button,.drawer-menu a{width:100%;border:0;background:transparent;text-align:left;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.drawer-menu button:after,.drawer-menu a:after{content:"›";font-size:30px;line-height:1;color:var(--cyan2)}.drawer-contact{position:absolute;left:28px;right:28px;bottom:24px;display:grid;gap:12px;font-size:14px;font-weight:800}
.hero{margin-top:var(--nav-h);min-height:calc(100vh - var(--nav-h));background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(17,212,232,.34),transparent 24%),radial-gradient(circle at 24% 78%,rgba(0,63,102,.55),transparent 30%);z-index:1}.intro-copy{position:absolute;z-index:5;top:52px;left:7vw;max-width:720px}.hero-copy .kicker{color:var(--cyan);font-weight:900;letter-spacing:.26em;font-size:12px;text-transform:uppercase}.hero-copy h1{margin:12px 0 14px;font-size:clamp(36px,5.8vw,86px);line-height:.96;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hero-copy p{margin:0 0 28px;color:rgba(255,255,255,.88);font-size:20px;line-height:1.46;font-weight:700}.home-panels{position:relative;z-index:3;min-height:calc(100vh - var(--nav-h));display:grid;grid-template-columns:1fr 1fr}.home-card{border:0;color:#fff;text-align:left;padding:7vw 6vw 5vw;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;position:relative}.home-card:before{content:"";position:absolute;inset:-10%;z-index:-2;transition:.35s}.home-card.construction:before{background:linear-gradient(135deg,#06101f 0%,#06375a 46%,#e5e7eb 46.3%,#9ca3af 100%)}.home-card.smart:before{background:linear-gradient(135deg,#020617 0%,#06263a 54%,#00a4c3 100%)}.home-card:after{content:"";position:absolute;z-index:-1;width:82%;height:80%;right:-22%;bottom:-18%;border:2px solid rgba(255,255,255,.20);transform:rotate(35deg)}.home-card:hover:before{transform:scale(1.05);filter:saturate(1.16)}.section-no{color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.home-card strong{margin:18px 0 16px;font-size:clamp(44px,5vw,82px);line-height:.95;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.home-card em{max-width:620px;margin:0 0 26px;color:rgba(255,255,255,.9);font-size:18px;line-height:1.48;font-weight:700;font-style:normal}.card-tags{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border:1px solid rgba(255,255,255,.34);border-radius:999px;width:max-content;max-width:100%;padding:11px 15px}
.hero-detail{display:none}.scene{position:absolute;inset:0}.scene.construction{background:linear-gradient(130deg,#06101f 0%,#0f2236 38%,#cbd5e1 38.3%,#64748b 62%,#081120 100%)}.scene.smart{background:linear-gradient(130deg,#020617 0%,#082338 45%,#006c83 72%,#020617 100%)}.scene:after{content:"";position:absolute;right:6vw;bottom:0;width:52vw;height:70%;transform:skewX(-8deg);border-left:8px solid var(--cyan);background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 2px,transparent 2px 70px),repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 2px,transparent 2px 56px);box-shadow:0 0 70px rgba(17,212,232,.22);opacity:.8}.detail-copy{position:relative;z-index:4;min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;padding:80px 9vw 92px;width:min(860px,62vw)}.detail-copy .kicker{color:#e5e7eb}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:15px 26px;display:inline-flex;align-items:center;gap:10px;width:max-content;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.btn.primary{background:#fff;color:#06101f}.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(8px)}.btn.submit{background:var(--blue);color:#fff}
.split-section{display:grid;grid-template-columns:1fr 1fr}.split-card{min-height:270px;border:0;text-align:left;color:#fff;padding:70px 8vw;position:relative;overflow:hidden}.split-card.construction{background:#04243d}.split-card.smart{background:#06748a}.split-card span{display:block;font-size:42px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.split-card p{font-weight:800;max-width:640px;line-height:1.48;color:rgba(255,255,255,.9)}
.content-section,.contact-section{padding:86px 7vw;background:var(--white);color:var(--ink)}.section-head{display:grid;grid-template-columns:320px 1fr;gap:40px;margin-bottom:42px}.section-head span{color:var(--cyan2);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:13px}.section-head h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1.05;text-transform:uppercase;letter-spacing:.06em}.section-head p{margin:8px 0 0;color:var(--muted);font-weight:700;line-height:1.5}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:190px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(148,163,184,.05)}.service-card small{color:var(--cyan2);font-weight:900;letter-spacing:.20em}.service-card h3{font-size:22px;margin:16px 0 10px}.service-card p{margin:0;color:var(--muted);font-weight:700;line-height:1.48}.service-link{display:inline-flex;margin-top:18px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan2);border-bottom:2px solid currentColor;padding-bottom:3px}.flash{padding:16px 18px;margin-bottom:22px;border-radius:12px;font-weight:800}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.contact-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:34px}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lead-form label{display:grid;gap:8px;font-weight:900}.lead-form input,.lead-form textarea{width:100%;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;padding:14px 15px;font-weight:700}.lead-form .full{grid-column:1/-1}.contact-cards{display:grid;gap:16px}.contact-cards div{padding:24px;border:1px solid var(--line);background:rgba(148,163,184,.05);display:grid;gap:8px}.contact-cards b{font-size:20px}.contact-cards span{color:var(--muted);font-weight:800}
.quick-actions{position:fixed;right:0;top:40%;z-index:50;display:grid}.quick-actions a{width:78px;height:78px;display:grid;place-items:center;text-align:center;background:#0072bc;color:#fff;font-weight:900;font-size:20px}.quick-actions a span{display:block;font-size:11px}.quick-actions .danger{background:var(--red)}
body[data-current="home"] [data-panel="home"],body[data-current="construction"] [data-panel="construction"],body[data-current="smart"] [data-panel="smart"]{display:block}body[data-current="home"] [data-panel="construction"],body[data-current="home"] [data-panel="smart"],body[data-current="construction"] [data-panel="home"],body[data-current="construction"] [data-panel="smart"],body[data-current="smart"] [data-panel="home"],body[data-current="smart"] [data-panel="construction"]{display:none}.rail-tab.active span{color:#fff}
@media(max-width:1100px){:root{--rail-w:76px;--nav-h:76px}.brand{min-width:190px;padding:0 14px}.brand img{width:138px}.desktop-only,.top-detail-nav{display:none}.service-grid{grid-template-columns:1fr 1fr}.section-head,.contact-grid{grid-template-columns:1fr}.detail-copy{width:100%;padding-right:7vw}.quick-actions{display:none}}
@media(max-width:760px){.app-shell{padding-left:0}.rail{display:none}.top-nav button{padding:0 10px;font-size:12px}.brand{min-width:138px}.brand img{width:112px}.top-action{display:none}.theme-toggle{min-width:82px}.home-panels,.split-section,.lead-form{grid-template-columns:1fr}.intro-copy{left:24px;right:24px}.home-card{min-height:520px;padding:150px 24px 40px}.service-grid{grid-template-columns:1fr}.drawer{left:0;width:min(330px,92vw)}.content-section,.contact-section{padding:62px 24px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:17px}.split-card{padding:42px 24px}.search-btn{display:none}}

/* TAPS_CONTENT_MANAGEMENT_V9_START */
/* Kapalı hamburger/drawer menü viewport dışında tamamen gizlenir. */
.drawer{will-change:transform,opacity;}
body:not(.drawer-open) .drawer{
  transform:translate3d(calc(-100% - var(--rail-w) - 24px),0,0) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  box-shadow:none !important;
  transition:transform .28s ease, opacity .18s ease, visibility 0s linear .28s !important;
}
body.drawer-open .drawer{
  transform:translate3d(0,0,0) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition:transform .28s ease, opacity .18s ease, visibility 0s linear 0s !important;
  box-shadow:18px 0 45px rgba(0,0,0,.16) !important;
}
.service-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.04em;background:transparent;color:var(--ink)}
.service-link:hover{border-color:var(--cyan2);color:var(--cyan2)}
.service-card button.service-link{cursor:pointer}
@media(max-width:760px){body:not(.drawer-open) .drawer{transform:translate3d(calc(-100% - 24px),0,0) !important;}}
/* TAPS_CONTENT_MANAGEMENT_V9_END */

/* TAPS_THEME_LOGO_V11_2: Açık/koyu tema logo geçişi */
.brand .brand-logo{width:170px;max-height:62px;object-fit:contain;display:block}
.brand .brand-logo-dark{display:none}
html[data-theme="dark"] .brand .brand-logo-light{display:none}
html[data-theme="dark"] .brand .brand-logo-dark{display:block}
html[data-theme="light"] .brand .brand-logo-light{display:block}
html[data-theme="light"] .brand .brand-logo-dark{display:none}
@media (max-width: 760px){.brand .brand-logo{width:140px;max-height:52px}}