:root{--bg:#0c1014;--panel:#151a20;--text:#f6f4ef;--muted:#a6adb5;--accent:#ef7926;--accent2:#ffad72;--light:#fff;--ink:#161a1f;--line:#e4e0d9;--max:1200px;--shadow:0 18px 60px rgba(11,14,18,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7f5f0;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 42px),var(--max));margin:auto}.topbar{background:rgba(12,16,20,.96);backdrop-filter:blur(14px);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #252b33}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:22px}.brand{font-weight:900;letter-spacing:.025em;line-height:1.05}.brand small{display:block;font-size:10px;color:#aeb5bc;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-top:5px}.menu{display:flex;gap:21px;align-items:center;font-size:13px;font-weight:700}.menu a:hover{color:var(--accent2)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:#4a515b;color:#fff}.btn.light{background:#fff;color:#161a1f}.hero{background:radial-gradient(circle at 85% 12%,#29333d 0,transparent 31%),linear-gradient(135deg,#0b0f13,#141a20);color:#fff;padding:104px 0 92px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:58px;align-items:center}.eyebrow{color:#ff9c58;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(44px,6.1vw,82px);line-height:.96;margin:16px 0 24px;letter-spacing:-.035em}.hero p{font-size:19px;color:#c6ccd1;max-width:760px}.hero-note{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#9fa7ae;font-size:12px}.hero-note b{color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.plan-visual{min-height:470px;border:1px solid #363e48;border-radius:26px;position:relative;background:linear-gradient(145deg,#1b2128,#0e1217);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.23)}.plan-visual:before{content:"";position:absolute;inset:-80px;background-image:linear-gradient(#313a44 1px,transparent 1px),linear-gradient(90deg,#313a44 1px,transparent 1px);background-size:46px 46px;opacity:.52;transform:rotate(-7deg)}.plan-visual:after{content:"";position:absolute;width:62%;height:37%;left:19%;top:29%;border:3px solid var(--accent);border-radius:47% 53% 42% 58%;transform:rotate(-12deg);box-shadow:0 0 0 18px rgba(239,121,38,.05)}.plan-lines{position:absolute;inset:0;background:linear-gradient(28deg,transparent 0 43%,rgba(255,255,255,.08) 43.3% 44%,transparent 44.3% 100%)}.map-label{position:absolute;z-index:3;left:28px;bottom:26px;color:#fff}.map-label span{font-size:11px;color:#ffac73;font-weight:900;letter-spacing:.16em}.map-label strong{font-size:24px;display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dedad3;border:1px solid #dedad3}.stat{background:#fff;padding:26px}.stat b{display:block;font-size:25px}.stat span{font-size:13px;color:#6a6e73}.section{padding:86px 0}.section.compact{padding:64px 0}.section.dark{background:var(--bg);color:#fff}.section h2{font-size:clamp(31px,4vw,54px);line-height:1.05;letter-spacing:-.025em;margin:10px 0 18px}.lead{font-size:18px;color:#62666c;max-width:820px}.dark .lead{color:#b4bbc2}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:36px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.card{background:#fff;border:1px solid #e5e1da;border-radius:18px;padding:27px;box-shadow:0 8px 30px rgba(0,0,0,.025)}.card:hover{box-shadow:var(--shadow)}.dark .card{background:#151a20;border-color:#2b333c}.card .num{font-size:11px;font-weight:900;color:var(--accent);letter-spacing:.14em}.card h3{font-size:22px;line-height:1.15;margin:10px 0}.card p{color:#6b6f74}.dark .card p{color:#aeb5bc}.card-link{font-weight:800;color:#c75c12}.chip{display:inline-block;padding:5px 9px;background:#fff0e5;color:#ac4d0a;border-radius:999px;font-size:11px;font-weight:900}.process{counter-reset:step}.process .card{position:relative;padding-top:58px}.process .card:before{counter-increment:step;content:"0" counter(step);position:absolute;top:23px;left:27px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em}.proof{border-left:3px solid var(--accent);padding-left:22px}.project{padding:0;overflow:hidden}.project-visual{height:240px;background:linear-gradient(120deg,#e8e4dc,#f6f3ee);position:relative}.project-visual:before{content:"";position:absolute;inset:21px;background:repeating-linear-gradient(45deg,transparent 0 17px,rgba(239,121,38,.28) 18px 19px),repeating-linear-gradient(-45deg,transparent 0 25px,rgba(20,20,20,.08) 26px 27px)}.project-body{padding:25px}.tag{display:inline-block;padding:6px 9px;background:#fff0e5;color:#b94f00;border-radius:999px;font-size:11px;font-weight:900}.cta{background:linear-gradient(135deg,#ef7926,#d55c0b);color:#fff;border-radius:26px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 26px 60px rgba(196,83,8,.18)}.cta h2{margin:0;max-width:720px}.footer{background:#090c0f;color:#bcc2c8;padding:56px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer h4{color:#fff}.footer a{display:block;margin:7px 0;font-size:14px}.footer small.copy{display:block;border-top:1px solid #272d34;margin-top:34px;padding-top:21px;color:#767e86}.page-hero{background:radial-gradient(circle at 85% 20%,#26313b 0,transparent 30%),#0e1318;color:#fff;padding:78px 0}.page-hero h1{font-size:clamp(40px,6vw,69px);line-height:1.02;letter-spacing:-.03em;margin:10px 0 17px}.page-hero p{max-width:800px;color:#c5cbd0;font-size:18px}.content{max-width:890px}.content h2{font-size:34px;line-height:1.15;margin-top:44px}.content h3{font-size:23px;margin-top:29px}.content p,.content li{color:#50555a}.content a{color:#b84e08;font-weight:700}.faq{border-top:1px solid #d8d4cd;margin-top:30px}.faq details{border-bottom:1px solid #d8d4cd;padding:18px 0}.faq summary{font-weight:850;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.contact-box{background:#fff;border:1px solid #e5e1da;border-radius:18px;padding:29px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:900}.field input,.field textarea,.field select{width:100%;border:1px solid #d8d4cd;border-radius:10px;padding:13px;background:#fff;font:inherit}.field textarea{min-height:140px;resize:vertical}.notice{background:#fff7ed;border:1px solid #fed7aa;padding:16px 18px;border-radius:12px;color:#8c3d08}.breadcrumbs{font-size:12px;color:#a4abb2}.breadcrumbs a{color:#d6d9dc}.districts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.districts a{padding:9px 12px;border:1px solid #ddd8d0;background:#fff;border-radius:999px;font-size:12px;font-weight:800}.districts a:hover{border-color:var(--accent);color:#ad4b08}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:40;background:#1d7f4e;color:#fff;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.22)}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-weight:900}.mobile-menu{display:none}.mobile-menu.open{display:block;background:#0d1116;border-top:1px solid #282f37;padding:12px 20px 20px}.mobile-menu a{display:block;color:#fff;padding:10px 0;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:960px){.menu{display:none}.mobile-toggle{display:block}.hero-grid,.grid4{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:78px 0}.plan-visual{min-height:350px}}
@media(max-width:700px){.hero-grid,.grid2,.grid3,.grid4,.footer-grid,.contact-grid,.form-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.section{padding:62px 0}.cta{align-items:flex-start;flex-direction:column}.wrap{width:min(calc(100% - 28px),var(--max))}.stats{grid-template-columns:1fr}.plan-visual{min-height:310px}.field.full{grid-column:auto}}

.muted-contact{display:block;color:var(--muted);font-size:.9rem;line-height:1.5;margin-top:.5rem}.project-cover{margin:0 0 2rem}.project-cover img{display:block;width:100%;max-height:680px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.project-cover figcaption{font-size:.82rem;color:var(--muted);margin-top:.7rem}.proof-section .source-card{border-style:dashed}

.filter-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-chip{border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;padding:.65rem 1rem;border-radius:999px;cursor:pointer}.filter-chip.active{background:var(--orange,#f47a2a);color:#111}.project-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:1rem}.evidence-note{margin-top:1.5rem}.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem}.consent input{width:auto;margin-top:.25rem}.privacy-link{display:block;margin:1rem 0;color:inherit;opacity:.75}[hidden]{display:none!important}

.pillar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.pillar{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}
.topic-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.topic-card,.article-card{min-height:220px}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.metric{padding:1rem;border-top:1px solid rgba(255,255,255,.15)}.metric b{display:block;font-size:1.3rem}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.3rem}.service-hub{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.service-large{min-height:230px}
.steps-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;counter-reset:step}.step-card{position:relative;padding-top:3rem}.step-card:before{counter-increment:step;content:"0" counter(step);position:absolute;top:1rem;left:1rem;color:var(--orange,#ef7926);font-weight:800}
.tool-shell{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tool-panel,.result-box{padding:1.2rem;border:1px solid rgba(127,127,127,.25);border-radius:14px}.result-box{background:rgba(127,127,127,.08)}
.tool-panel label{display:block;font-weight:700;margin:.8rem 0 .4rem}.tool-panel select,.tool-panel input,.tool-panel textarea{width:100%;min-height:46px;padding:.75rem;border:1px solid rgba(127,127,127,.3);border-radius:10px;background:transparent;color:inherit}
.search-box input{width:100%;min-height:48px;padding:.8rem 1rem;border:1px solid rgba(127,127,127,.3);border-radius:10px;background:transparent;color:inherit}
.badge-row{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border:1px solid rgba(127,127,127,.25);padding:.42rem .7rem;border-radius:999px;font-size:.82rem}
.project-phase{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid rgba(127,127,127,.22)}
.callout{border-left:4px solid var(--orange,#ef7926);padding:1.2rem 1.4rem;background:rgba(239,121,38,.06);border-radius:0 12px 12px 0}
@media(max-width:960px){.pillar-grid{grid-template-columns:repeat(2,1fr)}.topic-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.steps-rail{grid-template-columns:1fr 1fr}.tool-shell{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pillar-grid,.topic-grid,.article-grid,.service-hub,.steps-rail,.metric-strip{grid-template-columns:1fr}.project-phase{grid-template-columns:1fr}.hero-actions .btn{width:100%}}
.site-header{position:sticky;top:0;z-index:60;background:rgba(12,16,20,.97);backdrop-filter:blur(14px);border-bottom:1px solid #252b33;color:#fff}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border:1px solid #444d57;border-radius:10px;display:grid;place-items:center;color:#ff9c58;font-size:12px}.desktop-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}.desktop-nav a:hover{color:#ff9c58}.nav-cta{padding:10px 13px;border-radius:9px;background:var(--accent);color:#fff!important}.site-footer{background:#090c0f;color:#bcc2c8;padding:56px 0 28px}.site-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}.site-footer b{color:#fff}.site-footer a{display:block;margin:8px 0}.footer-bottom{border-top:1px solid #272d34;margin-top:32px;padding-top:20px}.ad-slot{border:1px dashed #c9c3ba;border-radius:14px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;background:#f2efe9;color:#74706a;margin:28px 0}.ad-slot strong{display:block;color:#4e4b47}.ad-slot.ad-inarticle{min-height:180px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.calc-result{font-size:26px;font-weight:900;color:var(--accent);margin-top:12px}.author-box{display:flex;gap:16px;align-items:flex-start;border-top:1px solid #dedad3;border-bottom:1px solid #dedad3;padding:22px 0;margin:38px 0}.author-avatar{width:48px;height:48px;border-radius:50%;background:#151a20;color:#ff9c58;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.cluster-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cluster-nav a{padding:7px 10px;border-radius:999px;background:#fff0e5;color:#a94a09;font-size:12px;font-weight:800}.ad-policy-note{font-size:12px;color:#777}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison-panel{min-height:260px;border-radius:14px;padding:18px;position:relative;overflow:hidden;background:#ece8e0}.comparison-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(0,0,0,.06) 31px),repeating-linear-gradient(90deg,transparent 0 40px,rgba(0,0,0,.05) 41px)}.comparison-panel>*{position:relative}.comparison-panel.proposed{outline:2px solid var(--accent)}
@media(max-width:850px){.desktop-nav{display:none}.mobile-toggle{display:block}.site-footer .footer-grid,.tool-grid,.comparison{grid-template-columns:1fr}.header-inner{min-height:68px}.brand small{font-size:8px}}

/* V7 FINAL — premium UX, accessibility, news, CRO */
:root{--focus:#f47a2a;--max-text:76ch}
html{scroll-behavior:smooth}body{min-height:100vh}
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.prose{max-width:var(--max-text)}.prose p{line-height:1.78}.prose h2{margin-top:2.2rem}.prose h3{margin-top:1.6rem}
.kicker{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#f47a2a}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.trust-item{padding:1rem 0;border-top:1px solid rgba(127,127,127,.25)}
.cta-band{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;align-items:center;padding:1.5rem;border-radius:18px;background:#17191d;color:#fff}.cta-band .actions{justify-content:flex-end}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.news-card{display:flex;flex-direction:column;gap:.65rem;min-height:250px}.news-card .source{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;opacity:.72}.news-card time{font-size:.82rem;opacity:.7}.news-card a:last-child{margin-top:auto}.news-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.news-status{padding:.8rem 1rem;border:1px solid rgba(127,127,127,.25);border-radius:10px}.news-disclosure{font-size:.9rem;padding:1rem;border-left:3px solid #f47a2a;background:rgba(244,122,42,.06)}
.toc{padding:1rem 1.2rem;border:1px solid rgba(127,127,127,.22);border-radius:14px}.toc a{display:block;padding:.35rem 0}.updated{font-size:.86rem;opacity:.72}.author-box{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.author-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#17191d;color:#f47a2a;font-weight:900}
.faq details{border-top:1px solid rgba(127,127,127,.22);padding:1rem 0}.faq summary{cursor:pointer;font-weight:750}.faq details p{padding-top:.5rem}
.sticky-mobile-cta{display:none}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9998;max-width:720px;margin:auto;padding:1rem;border:1px solid rgba(127,127,127,.3);border-radius:14px;background:#17191d;color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.28)}.cookie-banner[hidden]{display:none}.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}
.placeholder-note{font-size:.86rem;border:1px dashed rgba(244,122,42,.6);padding:.8rem;border-radius:10px;background:rgba(244,122,42,.05)}
.newsletter{display:grid;grid-template-columns:1fr auto;gap:.6rem}.newsletter input{min-height:46px;padding:.8rem;border:1px solid rgba(127,127,127,.3);border-radius:10px;background:transparent;color:inherit}
@media(max-width:960px){.news-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.cta-band{grid-template-columns:1fr}.cta-band .actions{justify-content:flex-start}}
@media(max-width:640px){html{scroll-behavior:auto}.news-grid,.trust-strip{grid-template-columns:1fr}.sticky-mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:10px;right:10px;bottom:10px;z-index:9000;background:#17191d;padding:6px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.28)}.sticky-mobile-cta a{min-height:44px;display:grid;place-items:center;border-radius:9px;font-weight:800}.sticky-mobile-cta a:first-child{background:#f47a2a;color:#17191d}.sticky-mobile-cta a:last-child{color:#fff}.site-footer{padding-bottom:78px}.newsletter{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* V7.1 TRANSPORT AUTHORITY */
.transport-hero{background:radial-gradient(circle at 80% 12%,rgba(244,122,42,.22),transparent 28%),linear-gradient(135deg,#0b0f13,#171d24);color:#fff}.transport-intro{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.transport-badge{min-width:150px;border-left:3px solid var(--accent);padding-left:18px}.transport-badge b{display:block;font-size:54px;line-height:1}.transport-badge span{font-size:.84rem;color:#69717a}.transport-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.transport-card{position:relative;min-height:230px;padding:22px;border:1px solid #ddd8cf;border-radius:16px;background:#fff;overflow:hidden;transition:.2s}.transport-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.transport-card span{font-size:12px;font-weight:900;color:var(--accent)}.transport-card h3{font-size:22px}.transport-card:after{content:"";position:absolute;right:-35px;bottom:-35px;width:110px;height:110px;border:1px solid rgba(244,122,42,.2);transform:rotate(45deg)}.transport-steps{list-style:none;padding:0;margin:28px 0 0;counter-reset:st}.transport-steps li{counter-increment:st;display:grid;grid-template-columns:44px 150px 1fr;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.transport-steps li:before{content:counter(st,decimal-leading-zero);color:#ff9c58;font-weight:900}.transport-steps span{color:#b5bdc5}.simulation-teaser{background:#fff;color:#17191d;border-radius:18px;padding:18px}.mini-road{height:210px;border-radius:12px;position:relative;overflow:hidden;background:#252b31}.mini-road:before{content:"";position:absolute;left:0;right:0;top:88px;height:34px;background:#373f47}.mini-road:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 17px);width:34px;background:#373f47}.mini-road i{position:absolute;background:#f5f1e8;opacity:.6}.mini-road i:nth-child(1),.mini-road i:nth-child(2){height:2px;width:100%;left:0}.mini-road i:nth-child(1){top:102px}.mini-road i:nth-child(2){top:108px}.mini-road i:nth-child(3),.mini-road i:nth-child(4){width:2px;height:100%;top:0}.mini-road i:nth-child(3){left:48%}.mini-road i:nth-child(4){left:52%}.mini-car{position:absolute;width:22px;height:10px;background:#f47a2a;border-radius:3px;z-index:4}.c1{top:95px;animation:driveH 5s linear infinite}.c2{left:49%;animation:driveV 6s linear infinite}.c3{top:112px;animation:driveH 7s linear infinite reverse}@keyframes driveH{from{left:-30px}to{left:105%}}@keyframes driveV{from{top:-30px}to{top:105%}}
.simulation-lab{display:grid;grid-template-columns:260px 1fr;gap:20px}.sim-controls{display:flex;flex-direction:column;gap:14px}.sim-controls label,.quote-form label{display:grid;gap:6px;font-weight:750}.sim-controls select,.quote-form select,.quote-form input{min-height:46px;padding:10px;border:1px solid #d7d1c8;border-radius:10px;background:#fff}.intersection{min-height:520px;position:relative;overflow:hidden;background:#85906f;border-radius:18px}.road{position:absolute;background:#30363c}.road-h{left:0;right:0;top:38%;height:24%}.road-v{top:0;bottom:0;left:38%;width:24%}.road:after{content:"";position:absolute;border-color:rgba(255,255,255,.65);border-style:dashed}.road-h:after{left:0;right:0;top:50%;border-width:1px 0 0}.road-v:after{top:0;bottom:0;left:50%;border-width:0 0 0 1px}.sim-car{position:absolute;width:28px;height:13px;border-radius:4px;background:#f47a2a;box-shadow:0 2px 4px rgba(0,0,0,.25);z-index:4}.sim-car.h{top:45%;animation:simH var(--speed,5s) linear infinite}.sim-car.v{left:46%;animation:simV var(--speed,6s) linear infinite}.sim-car.rev{top:55%;animation:simHrev var(--speed,6s) linear infinite}@keyframes simH{from{left:-40px}to{left:105%}}@keyframes simHrev{from{right:-40px}to{right:105%}}@keyframes simV{from{top:-40px}to{top:105%}}.sim-metrics{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sim-metrics div{padding:14px;background:#fff;border:1px solid #ddd8cf;border-radius:12px}.sim-metrics b{display:block;font-size:24px;color:var(--accent)}.sim-metrics span{font-size:12px;color:#69717a}.simulation-lab .news-disclosure{grid-column:1/-1}.quote-engine{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:start}.quote-form{display:grid;gap:13px}.quote-result{position:sticky;top:94px;background:#17191d;color:#fff;padding:24px;border-radius:18px}.quote-big b{font-size:62px;line-height:1;color:#f47a2a}.quote-big span{display:block;color:#aeb6be}.quote-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.quote-stats div{padding:10px;border:1px solid #333b44;border-radius:10px}.quote-stats b{display:block;font-size:20px}.quote-stats span{font-size:11px;color:#aeb6be}.price-placeholder{padding:14px;border-left:3px solid #f47a2a;background:#20262d;margin:14px 0}.mt-3{margin-top:1rem}
@media(max-width:900px){.transport-service-grid{grid-template-columns:repeat(2,1fr)}.simulation-lab,.quote-engine{grid-template-columns:1fr}.sim-metrics{grid-column:1}.quote-result{position:static}.transport-intro{grid-template-columns:1fr}.transport-steps li{grid-template-columns:40px 1fr}.transport-steps li span{grid-column:2}.intersection{min-height:420px}}
@media(max-width:600px){.transport-service-grid{grid-template-columns:1fr}.sim-metrics,.quote-stats{grid-template-columns:1fr 1fr}.intersection{min-height:340px}.quote-big b{font-size:48px}}

/* V8 FINAL — authority depth, traffic tools */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.article-side{display:grid;gap:14px;position:sticky;top:92px}.side-link{display:block;padding:10px 0;border-bottom:1px solid #e5e0d7}.quick-answer{padding:18px;border-left:4px solid var(--accent);background:#fff6ef;border-radius:0 12px 12px 0;margin-bottom:28px}.quick-answer b{color:#a94a09}.process-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.process-flow span{padding:9px 12px;border-radius:999px;background:#17191d;color:#fff;font-weight:800;font-size:13px}.process-flow i{font-style:normal;color:var(--accent);font-weight:900}.authority-deep{background:linear-gradient(180deg,#fff,#faf7f2)}
.matrix-tool{max-width:950px;margin:auto}.matrix-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:8px;align-items:center}.matrix-grid>*{min-height:46px}.matrix-head{font-size:12px;font-weight:900;text-transform:uppercase;color:#69717a}.matrix-grid input{width:100%;padding:10px;border:1px solid #d7d1c8;border-radius:9px}.matrix-grid output{display:grid;place-items:center;background:#17191d;color:#fff;border-radius:9px;font-weight:900}.matrix-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.matrix-summary div{padding:16px;border:1px solid #ddd8cf;border-radius:12px}.matrix-summary span{display:block;font-size:12px;color:#69717a}.matrix-summary b{font-size:24px}.transport-service-grid.knowledge .transport-card{min-height:200px}.transport-service-grid.knowledge .transport-card span{letter-spacing:.12em}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-side{position:static}.matrix-grid{grid-template-columns:1.1fr repeat(4,.8fr)}}
@media(max-width:620px){.matrix-tool{overflow-x:auto}.matrix-grid{min-width:620px}.matrix-summary{grid-template-columns:1fr}.article-layout{gap:18px}}

/* V8.1 MARINA / YACHT HARBOUR TRAFFIC */
.marina-hero{background:radial-gradient(circle at 78% 16%,rgba(32,157,184,.25),transparent 30%),linear-gradient(135deg,#081116,#16262e)}
.marina-sea-hero{background:radial-gradient(circle at 80% 10%,rgba(55,187,214,.28),transparent 30%),linear-gradient(135deg,#071016,#12303b)}
.dual-traffic{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-traffic article{padding:24px;border:1px solid #ddd8cf;border-radius:18px;background:#fff}.dual-icon{display:inline-grid;place-items:center;min-width:66px;height:32px;padding:0 10px;background:#17191d;color:#fff;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.12em}.dual-icon.sea{background:#0d6478}.marina-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0}.marina-flow span{padding:10px 14px;border-radius:999px;background:#fff;color:#17191d;font-weight:850}.marina-flow i{font-style:normal;color:#ff9c58;font-weight:900}.marina-feature{background:linear-gradient(180deg,#eef8fa,#fff)}
.marina-scene{position:relative;height:360px;border-radius:18px;overflow:hidden;background:#b7d4ae;border:1px solid rgba(20,40,45,.12)}.marina-scene.compact{height:300px}.marina-scene .land{position:absolute;left:0;right:0;top:0;height:44%;background:#859574}.marina-scene .land:before{content:"";position:absolute;left:0;right:0;top:48%;height:46px;background:#343b40}.road-line{position:absolute;left:0;right:0;top:calc(48% + 22px);border-top:2px dashed rgba(255,255,255,.65);z-index:2}.shore{position:absolute;left:0;right:0;top:44%;height:7%;background:#d9c7a1;z-index:2}.sea-zone{position:absolute;left:0;right:0;top:51%;bottom:0;background:linear-gradient(180deg,#318aa4,#1a637d)}.pier{position:absolute;top:0;width:24px;height:72%;background:#c8b58e;z-index:2}.pier.p1{left:32%}.pier.p2{left:66%;height:58%}.mcar{position:absolute;width:28px;height:12px;border-radius:4px;background:#f47a2a;top:calc(48% + 8px);z-index:4}.mcar.mc1{animation:mcarDrive 5.5s linear infinite}.mcar.mc2{animation:mcarDrive 7s linear infinite;animation-delay:-2.8s;background:#f5f1e8}.boat{position:absolute;width:32px;height:13px;background:#fff;border-radius:50% 50% 55% 55%;z-index:5}.boat:after{content:"";position:absolute;left:13px;top:-9px;height:12px;border-left:2px solid #fff}.boat.b1{top:35%;animation:boatDrive 8s linear infinite}.boat.b2{top:67%;animation:boatDrive 11s linear infinite;animation-delay:-5s}@keyframes mcarDrive{from{left:-40px}to{left:105%}}@keyframes boatDrive{from{left:-40px}to{left:105%}}
.marina-sim-lab{display:grid;grid-template-columns:280px 1fr;gap:20px}.marina-sim-stage{height:560px;position:relative;overflow:hidden;border-radius:18px;background:#91a17d}.ms-land{position:absolute;left:0;right:0;top:0;height:42%;background:#859574}.ms-road{position:absolute;left:0;right:0;top:46%;height:54px;background:#30363c}.ms-road:after{content:"";position:absolute;left:0;right:0;top:26px;border-top:2px dashed rgba(255,255,255,.6)}.ms-quay{position:absolute;top:42%;height:8%;left:0;right:0;background:#d3bd92;z-index:5;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:.15em;color:#594b36}.ms-sea{position:absolute;top:50%;bottom:0;left:0;right:0;background:linear-gradient(#318aa4,#175c73)}.ms-pier{position:absolute;top:0;width:26px;background:#d1bd92;z-index:2}.ms-pier.one{left:30%;height:72%}.ms-pier.two{left:68%;height:58%}.ms-car{position:absolute;width:28px;height:12px;border-radius:4px;background:#f47a2a;top:calc(46% + 10px);z-index:4;animation:msCar var(--land-speed,5s) linear infinite}.ms-car.cb{animation-delay:-1.7s;background:#fff}.ms-car.cc{animation-delay:-3.3s;background:#cbd35e}.ms-boat{position:absolute;width:34px;height:14px;background:#fff;border-radius:50%;z-index:4;animation:msBoat var(--sea-speed,8s) linear infinite}.ms-boat.ba{top:30%}.ms-boat.bb{top:55%;animation-delay:-3s}.ms-boat.bc{top:75%;animation-delay:-6s;background:#f47a2a}@keyframes msCar{from{left:-40px}to{left:105%}}@keyframes msBoat{from{right:-45px}to{right:105%}}.marina-metrics{grid-template-columns:1fr!important;margin-top:14px}.marina-metrics div{background:#f8f5ef!important;color:#17191d!important}.marina-metrics b{color:#0d6478!important}
@media(max-width:900px){.dual-traffic,.marina-sim-lab{grid-template-columns:1fr}.marina-sim-stage{height:440px}}@media(max-width:600px){.marina-scene{height:280px}.marina-sim-stage{height:360px}.marina-flow{align-items:stretch}.marina-flow span{width:100%;text-align:center}.marina-flow i{width:100%;text-align:center}}

/* V9 knowledge engine */
.lifecycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.life-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff0e5;color:#a94a09;font-size:12px;font-weight:900}.radar-note{padding:18px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.news-card.is-stale{display:none}@media(max-width:760px){.lifecycle-grid{grid-template-columns:1fr}}

/* V10 production QA */
.skip-link{position:fixed;left:12px;top:12px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px;transform:translateY(-160%);transition:transform .15s}.skip-link:focus{transform:none}.link-button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.footer-legal{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;font-size:13px}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:100;background:#111820;color:#fff;border:1px solid #34404a;border-radius:16px;padding:18px;max-width:680px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.cookie-banner p{color:#c5cbd0;margin:.4rem 0 1rem}.cookie-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ghost-dark{background:transparent;border-color:#65717c}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffad72;outline-offset:3px}.menu a{white-space:nowrap}.topbar{backdrop-filter:none}.card{transition:box-shadow .18s ease,transform .18s ease}.card:hover{transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:700px){.nav{min-height:66px}.brand{font-size:15px}.hero{padding:64px 0}.hero h1{font-size:clamp(38px,12vw,52px)}.page-hero{padding:58px 0}.page-hero h1{font-size:clamp(36px,11vw,54px)}.btn{min-height:46px}.mobile-menu a{min-height:44px;display:flex;align-items:center}.cookie-banner{left:10px;right:10px;bottom:10px}.cookie-actions>*{flex:1 1 150px}.footer-legal{gap:12px}}

/* V11 third pillar */
.three-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.pillar-main{background:#fff;border:1px solid #dfdbd3;border-radius:22px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.pillar-main>span{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--accent)}.pillar-main h2,.pillar-main h3{font-size:28px;line-height:1.08;margin:10px 0}.pillar-main.accent{background:linear-gradient(145deg,#201912,#13171c);color:#fff;border-color:#5b3a24}.pillar-main.accent p{color:#c9c2bb}.pillar-links{display:flex;flex-direction:column;gap:7px;margin-top:18px}.pillar-links a,.pillar-main>a{font-weight:850;color:#c85a0e}.pillar-main.accent a{color:#ffad72}.pillar-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.choice-card{display:block;background:#fff;border:1px solid #ddd8cf;border-radius:24px;padding:34px;min-height:320px;box-shadow:var(--shadow)}.choice-card.legal{background:#111820;color:#fff;border-color:#2e3944}.choice-card span{color:var(--accent);font-size:12px;font-weight:900}.choice-card h2{font-size:36px}.choice-card p{color:#62666c}.choice-card.legal p{color:#b9c0c7}.choice-card b{display:block;margin-top:28px;color:var(--accent2)}.plan-stack{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:34px}.plan-stack div{background:#fff;border:1px solid #ddd8d0;border-radius:14px;padding:17px;text-align:center}.plan-stack b,.plan-stack span{display:block}.plan-stack span{font-size:12px;color:#686d72}.plan-stack i{font-style:normal;color:var(--accent);font-weight:900}.legal-boundary{background:#f3f0ea;border-left:4px solid var(--accent);padding:24px 26px;border-radius:0 16px 16px 0;margin-bottom:30px}.comparison-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px}.comparison-flow div{padding:22px;background:#fff;border:1px solid #ded9d1;border-radius:15px}.comparison-flow b,.comparison-flow span{display:block}.comparison-flow span{font-size:12px;color:#646a70}.comparison-flow i{font-style:normal;color:var(--accent);font-weight:900}.footer-grid-5{grid-template-columns:1.35fr repeat(4,1fr)}@media(max-width:1050px){.footer-grid-5{grid-template-columns:1fr 1fr 1fr}.menu{gap:13px;font-size:12px}}@media(max-width:800px){.three-pillars,.pillar-choice-grid{grid-template-columns:1fr}.plan-stack,.comparison-flow{grid-template-columns:1fr}.plan-stack i,.comparison-flow i{transform:rotate(90deg);text-align:center}.footer-grid-5{grid-template-columns:1fr 1fr}}@media(max-width:700px){.footer-grid-5{grid-template-columns:1fr}.choice-card{min-height:auto}.choice-card h2{font-size:30px}}

/* V11 — third pillar: imar danışmanlığı & technical opinion */
.pillar-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.three-pillars h2{max-width:860px}.consulting-accent,.consulting-choice{border-top:3px solid #f97316}.consulting-hero{background:linear-gradient(135deg,#f8f6f1 0%,#fff 60%)}.plan-hierarchy{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:20px 0}.plan-hierarchy span{padding:10px 13px;border:1px solid #d8dadd;border-radius:999px;background:#fff;color:#17191d;font-weight:700}.plan-hierarchy b{color:#f97316}.cross-pillar{padding-top:0}.footer-grid-five{grid-template-columns:1.25fr repeat(4,minmax(0,1fr))}.source-card a{overflow-wrap:anywhere}.form-grid select,.form-grid input,.form-grid textarea{width:100%}@media(max-width:980px){.footer-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-grid-three{grid-template-columns:1fr}}@media(max-width:700px){.footer-grid-five{grid-template-columns:1fr}.plan-hierarchy{align-items:flex-start}.plan-hierarchy b{transform:rotate(0deg)}}

/* V12 four-pillar / industrial system */
.pillar-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}.industrial-hero{background:linear-gradient(135deg,#11161a,#24231d);color:#fff;border-bottom:3px solid #b58a42}.industrial-accent{border-top:3px solid #b58a42}.industrial-accent .num,.industrial-band .eyebrow{color:#9b6d21}.industrial-band{background:#eee9df}.industrial-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.industrial-flow{flex-wrap:wrap}.footer-grid-six{grid-template-columns:1.35fr repeat(5,1fr)}.answer-box{border-left:4px solid var(--accent);background:#fff;padding:20px 24px;margin:0 0 28px}.mt-3{margin-top:24px}
@media(max-width:1050px){.pillar-grid-four,.footer-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}.industrial-personas{grid-template-columns:1fr}}
@media(max-width:700px){.pillar-grid-four,.footer-grid-six{grid-template-columns:1fr}.industrial-hero{padding-top:54px}.industrial-flow{display:grid;grid-template-columns:1fr}.industrial-flow i{transform:rotate(90deg);justify-self:start}}
@media print{.topbar,.footer,.sticky-mobile-cta,.cookie-banner,.hero-actions,.btn{display:none!important}body{background:#fff;color:#000}.section{padding:22px 0}.card{box-shadow:none}}


/* V15 — Parsel Potansiyeli Analizi */
.product-hero{background:radial-gradient(circle at 82% 20%,rgba(249,115,22,.15),transparent 33%),linear-gradient(145deg,#11161a,#1b2025);color:#fff}.product-hero .lead{color:#c9d0d5;max-width:860px}.price-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}.price-chip{display:inline-flex;align-items:baseline;gap:8px;padding:11px 14px;border-radius:999px;background:#fff;color:#16191d;font-weight:900}.price-chip small{font-weight:700;color:#646a70}.product-hero .hero-actions{margin-top:22px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.package-card{background:#fff;border:1px solid #ddd8cf;border-radius:24px;padding:28px;position:relative;box-shadow:var(--shadow)}.package-card.featured{border:2px solid var(--accent);transform:translateY(-4px)}.package-card .tag{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.package-card h3{font-size:26px;line-height:1.08;margin:.5rem 0}.package-price{font-size:34px;font-weight:950;margin:14px 0 6px}.package-price small{font-size:14px;font-weight:800;color:#72777d}.package-card ul{padding-left:18px}.package-card li{margin:8px 0}.auto-warning{border:1px solid #ef9b62;background:#fff3e9;border-radius:16px;padding:18px;margin-top:18px}.auto-warning strong{display:block;color:#9d450c;margin-bottom:5px}.responsibility-box{background:#111820;color:#fff;border-radius:20px;padding:26px}.responsibility-box p{color:#c5cbd0}.offsite-pay{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px;border:1px solid #d9d4ca;background:#f8f5ef;border-radius:18px}.offsite-pay .lock{font-size:30px}.process-steps{counter-reset:step;display:grid;gap:12px}.process-step{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px;border:1px solid #ded9d1;border-radius:14px;background:#fff}.process-step:before{counter-increment:step;content:counter(step);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#17191d;color:#fff;font-weight:900}.package-radio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package-radio label{display:block;border:1px solid #d8d3ca;border-radius:14px;padding:15px;background:#fff}.package-radio input{margin-right:8px}.microcopy{font-size:13px;color:#656b70}.disclaimer-list{display:grid;gap:10px;margin-top:16px}.disclaimer-list div{padding:14px 16px;background:#f5f2ed;border-radius:12px}.case-example{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#17191d;color:#ffad72;padding:8px 10px;border-radius:8px}.no-payment-badge{display:inline-flex;gap:8px;align-items:center;background:#eaf7ef;color:#1d6b3a;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900}.plan-analysis-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-analysis-chain span{padding:9px 12px;border-radius:999px;border:1px solid #dad5cc;background:#fff;font-weight:800}.plan-analysis-chain b{color:var(--accent)}
@media(max-width:900px){.package-grid,.package-radio{grid-template-columns:1fr}.package-card.featured{transform:none}}

/* V-FINAL trust */
.footer-legal{display:flex;gap:12px 18px;flex-wrap:wrap;align-items:center}.reading .process-flow{margin:22px 0}.trust-chip{display:inline-flex;border:1px solid #d8d3ca;border-radius:999px;padding:7px 11px;font-weight:800}.card h2{margin-top:.25rem}@media(max-width:760px){.footer-legal{align-items:flex-start}.package-price{font-size:29px}.process-flow{gap:6px}.process-flow span{font-size:12px}}


/* V20 Corporate Final — embedded preview design layer */

:root{--bg:#f4f1eb;--paper:#fffdf8;--ink:#17191d;--muted:#6e7075;--line:#d9d6cf;--orange:#f26a21;--dark:#121417;--radius:26px;--shadow:0 22px 60px rgba(16,18,21,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:99;background:#fff;padding:12px 16px}
.topbar{position:sticky;top:0;z-index:40;background:rgba(244,241,235,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,25,29,.09)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:15px;font-weight:800;letter-spacing:.11em;line-height:1.1}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--muted);margin-top:6px}.menu{display:flex;align-items:center;gap:19px;font-size:13px;font-weight:650}.menu a:not(.btn){opacity:.78}.menu a:hover{opacity:1}.mobile-toggle,.mobile-menu{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;background:var(--orange);color:#fff;border-radius:999px;font-weight:800;font-size:13px;border:1px solid var(--orange);transition:.22s transform,.22s box-shadow}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(242,106,33,.24)}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}.btn.ghost-dark{background:transparent;border-color:#2a2d32;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero{padding:54px 0 28px;overflow:hidden}.hero-shell{background:var(--dark);color:#fff;border-radius:34px;min-height:600px;padding:58px;display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 88%)}.hero-shell>div{position:relative;z-index:2}.hero-coordinate,.section-kicker,.eyebrow{font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em;text-transform:uppercase}.hero-coordinate{color:#9c9fa5;margin-bottom:42px}.eyebrow{color:var(--orange);margin-bottom:18px}.hero h1{font-size:clamp(54px,7vw,100px);line-height:.91;letter-spacing:-.065em;margin:0;max-width:780px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.lead{font-size:clamp(17px,2vw,21px);line-height:1.55;color:#d2d4d8;max-width:720px}.hero .lead{margin:28px 0 0}.hero-map{height:430px;border:1px solid rgba(255,255,255,.13);border-radius:28px;position:relative;background:radial-gradient(circle at 62% 40%,rgba(242,106,33,.18),transparent 32%),linear-gradient(140deg,rgba(255,255,255,.035),transparent);overflow:hidden}.hero-map:before,.hero-map:after{content:"";position:absolute;inset:12% 16%;border:2px solid rgba(242,106,33,.9);transform:skew(-10deg) rotate(-4deg);border-radius:3px}.hero-map:after{inset:28% 8% 18% 33%;border-color:rgba(255,255,255,.22);transform:rotate(12deg)}.axis{position:absolute;background:rgba(255,255,255,.15)}.a1{width:1px;height:100%;left:44%}.a2{height:1px;width:100%;top:62%}.pulse{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--orange);left:59%;top:42%;box-shadow:0 0 0 16px rgba(242,106,33,.12),0 0 0 34px rgba(242,106,33,.06)}.legend{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;gap:12px}.legend span{font-size:10px;color:#969aa1;letter-spacing:.13em}.legend b{display:block;color:#fff;font-size:13px;letter-spacing:0;margin-top:5px}.hero-index{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-index a{padding:24px 18px;border-right:1px solid var(--line);transition:.2s background}.hero-index a:last-child{border-right:0}.hero-index a:hover{background:#fff}.hero-index small{display:block;color:var(--orange);font:700 10px ui-monospace,monospace;letter-spacing:.14em;margin-bottom:9px}.hero-index strong{font-size:15px}
.editorial-section,.story-band,.section{padding:94px 0}.section-kicker{color:var(--orange);margin-bottom:20px}.editorial-title{font-size:clamp(39px,5.1vw,70px);line-height:.98;letter-spacing:-.055em;margin:0 0 38px;max-width:980px}.expertise-rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bfc0bd}.expertise-rail article{padding:24px 22px 28px 0;border-right:1px solid var(--line);min-height:280px}.expertise-rail article+article{padding-left:22px}.expertise-rail article:last-child{border-right:0}.num{font:700 11px ui-monospace,monospace;color:var(--orange);letter-spacing:.14em}.expertise-rail h3{font-size:28px;line-height:1.02;letter-spacing:-.03em;margin:38px 0 14px}.expertise-rail p{color:var(--muted);font-size:14px}.expertise-rail a{display:inline-block;margin-top:22px;font-weight:800;font-size:13px}
.story-band{background:#e9e5dd}.story-steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #b9b7b1}.story-step{padding:24px 14px 0 0;min-height:190px;border-right:1px solid #c9c6bf}.story-step+div{padding-left:14px}.story-step span{font:700 10px ui-monospace,monospace;color:var(--orange);letter-spacing:.13em}.story-step strong{display:block;font-size:22px;margin-top:34px}.story-step p{font-size:13px;color:var(--muted)}
.premium-product{background:var(--dark);color:#fff}.product-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:stretch}.premium-product .editorial-title{color:#fff}.premium-product .lead{color:#c9cbd0}.delivery-badge{display:inline-block;margin-top:16px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font:700 11px ui-monospace,monospace;letter-spacing:.12em}.package-card{background:#1d2025;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:38px;display:flex;flex-direction:column;justify-content:center}.package-card .tag{color:var(--orange);font:700 11px ui-monospace,monospace;letter-spacing:.14em}.package-card h3{font-size:38px;line-height:1.02;letter-spacing:-.04em;margin:22px 0 16px}.package-card p{color:#c9cbd0}.plan-analysis-chain{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px}.plan-analysis-chain span{border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:7px 10px;font:700 10px ui-monospace,monospace}.plan-analysis-chain b{color:var(--orange)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px}.card{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.card h3{font-size:30px;letter-spacing:-.035em}.card p,.editorial-section p{color:var(--muted)}.dark{background:#181a1e;color:white}.dark .lead{color:#c9cbd0}
.footer{background:#0e1013;color:white;padding:64px 0 28px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(5,1fr);gap:28px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#a0a3a9;margin:0 0 16px}.footer a{display:block;font-size:13px;margin:9px 0;color:#e6e7ea}.footer p,.muted-contact{font-size:12px;color:#8f939b}.footer-legal{display:flex;gap:16px;flex-wrap:wrap;padding:38px 0 18px;margin-top:38px;border-top:1px solid #292c32}.footer-legal a,.link-button{font-size:11px;color:#999da5;background:none;border:0;padding:0}.copy{color:#666b73}.sticky-mobile-cta,.cookie-banner{display:none}
@media(max-width:900px){.menu{display:none}.mobile-toggle{display:block;border:1px solid #c9c7c0;background:transparent;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.hero{padding-top:24px}.hero-shell{grid-template-columns:1fr;min-height:auto;padding:34px}.hero-map{height:310px}.hero-index{grid-template-columns:1fr 1fr}.hero-index a:nth-child(2){border-right:0}.expertise-rail{grid-template-columns:1fr 1fr}.expertise-rail article:nth-child(2){border-right:0}.story-steps{grid-template-columns:1fr 1fr 1fr}.product-shell,.grid2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.sticky-mobile-cta{display:flex;position:fixed;left:16px;right:16px;bottom:16px;background:#17191d;border-radius:999px;padding:6px;z-index:50;box-shadow:0 10px 30px rgba(0,0,0,.22)}.sticky-mobile-cta a{flex:1;text-align:center;color:white;font-size:12px;font-weight:800;padding:11px}.sticky-mobile-cta a:first-child{background:var(--orange);border-radius:999px}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.nav{height:66px}.hero-shell{padding:26px 22px;border-radius:24px}.hero-coordinate{margin-bottom:26px}.hero h1{font-size:51px}.hero-map{height:240px}.hero-index{grid-template-columns:1fr}.hero-index a{border-right:0;border-bottom:1px solid var(--line)}.editorial-section,.story-band,.section{padding:68px 0}.editorial-title{font-size:43px}.expertise-rail{grid-template-columns:1fr}.expertise-rail article,.expertise-rail article+article{padding:22px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.expertise-rail h3{margin-top:22px}.story-steps{grid-template-columns:1fr 1fr}.package-card{padding:27px}.package-card h3{font-size:31px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* ================================================================
   KEREM DEMIR SEHIRCILIK — V22 VISUAL SYSTEM
   Single design-system layer. 2026-08-31
   Goal: high-contrast, editorial, technical, memorable, lightweight.
   ================================================================ */

:root{
  --v22-ink:#101214;
  --v22-ink-2:#171b20;
  --v22-ink-3:#242a31;
  --v22-paper:#f7f5f1;
  --v22-paper-2:#efeae2;
  --v22-white:#ffffff;
  --v22-text:#24282d;
  --v22-text-2:#525960;
  --v22-text-3:#697078;
  --v22-inverse:#f7f7f5;
  --v22-inverse-2:#c4cbd1;
  --v22-orange:#f1782b;
  --v22-orange-deep:#b94f0d;
  --v22-orange-pale:#fff0e5;
  --v22-line:#d8d3ca;
  --v22-line-dark:rgba(255,255,255,.14);
  --v22-focus:#ff9a59;
  --v22-success:#1d6b3a;
  --v22-danger:#a52d27;
  --v22-max:1220px;
  --v22-reading:76ch;
  --v22-radius-sm:12px;
  --v22-radius:20px;
  --v22-radius-lg:30px;
  --v22-shadow:0 18px 48px rgba(16,18,20,.08);
  --v22-shadow-hover:0 24px 58px rgba(16,18,20,.12);
}

/* ---------- Foundation ---------- */
html{scroll-behavior:smooth;color-scheme:light}
body.v22{
  margin:0;
  background:var(--v22-paper);
  color:var(--v22-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.v22 *,body.v22 *::before,body.v22 *::after{box-sizing:border-box}
body.v22 img{max-width:100%;height:auto}
body.v22 .wrap{width:min(calc(100% - 48px),var(--v22-max));margin-inline:auto}
body.v22 main{overflow:hidden}
body.v22 p,body.v22 li{color:var(--v22-text-2)}
body.v22 strong,body.v22 b{color:inherit}
body.v22 a{color:inherit}
body.v22 h1,body.v22 h2,body.v22 h3,body.v22 h4,body.v22 h5,body.v22 h6{
  color:var(--v22-ink);
  text-wrap:balance;
}
body.v22 h1{letter-spacing:-.055em}
body.v22 h2{letter-spacing:-.04em}
body.v22 h3{letter-spacing:-.025em}
body.v22 .lead{
  color:var(--v22-text-2);
  font-size:clamp(1.05rem,1.6vw,1.24rem);
  line-height:1.62;
  max-width:760px;
}
body.v22 .muted-contact,
body.v22 .microcopy,
body.v22 .updated,
body.v22 .topic-meta,
body.v22 .breadcrumbs{color:var(--v22-text-3)}
body.v22 .skip-link{
  position:fixed;left:16px;top:-80px;z-index:9999;
  background:var(--v22-white);color:var(--v22-ink);
  border:2px solid var(--v22-orange);padding:11px 15px;border-radius:10px;font-weight:800;
}
body.v22 .skip-link:focus{top:16px}
body.v22 :focus-visible{outline:3px solid var(--v22-focus);outline-offset:3px}

/* ---------- Brand / Header ---------- */
body.v22 .topbar{
  position:sticky;top:0;z-index:80;
  background:rgba(16,18,20,.96);
  color:var(--v22-inverse);
  border-bottom:1px solid var(--v22-line-dark);
  box-shadow:0 8px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(18px);
}
body.v22 .nav{min-height:76px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.v22 .brand{
  position:relative;display:inline-block;padding-left:18px;
  color:var(--v22-inverse);font-size:14px;font-weight:900;letter-spacing:.12em;line-height:1.05;
  white-space:nowrap;
}
body.v22 .brand::before{
  content:"";position:absolute;left:0;top:1px;width:7px;height:31px;
  border-radius:2px;background:var(--v22-orange);
  box-shadow:9px 0 0 rgba(241,120,43,.24);
}
body.v22 .brand small{
  display:block;margin-top:6px;color:var(--v22-inverse-2);
  font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
}
body.v22 .menu{display:flex;align-items:center;gap:17px;font-size:12.5px;font-weight:760}
body.v22 .menu a:not(.btn){
  position:relative;color:#e7eaed;opacity:1;padding:29px 0 27px;
}
body.v22 .menu a:not(.btn)::after{
  content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--v22-orange);transition:right .2s ease;
}
body.v22 .menu a:not(.btn):hover{color:var(--v22-white)}
body.v22 .menu a:not(.btn):hover::after{right:0}
body.v22 .mobile-toggle{
  display:none;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.25);
  border-radius:999px;background:transparent;color:var(--v22-white);font-weight:850;font-size:11px;letter-spacing:.08em;
}
body.v22 .mobile-menu,body.v22 .mobile-menu.open{
  background:var(--v22-ink-2);border-top:1px solid var(--v22-line-dark);padding:8px 24px 18px;
}
body.v22 .mobile-menu a{
  color:var(--v22-inverse);font-size:15px;font-weight:760;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.10);
}
body.v22 .mobile-menu a:last-child{border-bottom:0}

/* ---------- Buttons ---------- */
body.v22 .btn{
  min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 19px;border-radius:999px;border:1px solid var(--v22-orange);
  background:var(--v22-orange);color:var(--v22-ink)!important;
  font-size:13px;font-weight:900;letter-spacing:.01em;box-shadow:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
body.v22 .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(185,79,13,.22);background:#ff8735}
body.v22 .btn.ghost{
  background:transparent;color:var(--v22-white)!important;border-color:rgba(255,255,255,.42);box-shadow:none;
}
body.v22 .btn.ghost:hover{border-color:var(--v22-orange);background:rgba(241,120,43,.10)}
body.v22 .btn.ghost-dark{
  background:transparent;color:var(--v22-ink)!important;border-color:#8f969d;box-shadow:none;
}
body.v22 .btn.ghost-dark:hover{border-color:var(--v22-orange-deep);color:var(--v22-orange-deep)!important;background:var(--v22-orange-pale)}
body.v22 .btn.light{background:var(--v22-white);border-color:var(--v22-white);color:var(--v22-ink)!important}
body.v22 .page-hero .btn.ghost-dark,
body.v22 .product-hero .btn.ghost-dark,
body.v22 .premium-product .btn.ghost-dark,
body.v22 .section.dark .btn.ghost-dark,
body.v22 .cta-band .btn.ghost-dark{
  color:var(--v22-white)!important;border-color:rgba(255,255,255,.42);background:transparent;
}
body.v22 .actions,body.v22 .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ---------- Surface contracts ---------- */
body.v22 .section,body.v22 .editorial-section,body.v22 .story-band{padding:100px 0}
body.v22 .section.compact{padding:68px 0}
body.v22 .section.light,body.v22 .section.soft,body.v22 .story-band,body.v22 .industrial-band{background:var(--v22-paper-2);color:var(--v22-text)}
body.v22 .section.dark,body.v22 .dark,body.v22 .premium-product,body.v22 .cta-band{
  background:var(--v22-ink-2);color:var(--v22-inverse);
}
body.v22 .section.dark h1,body.v22 .section.dark h2,body.v22 .section.dark h3,body.v22 .section.dark h4,
body.v22 .dark h1,body.v22 .dark h2,body.v22 .dark h3,
body.v22 .premium-product h1,body.v22 .premium-product h2,body.v22 .premium-product h3,
body.v22 .cta-band h2,body.v22 .cta-band h3{color:var(--v22-inverse)}
body.v22 .section.dark p,body.v22 .section.dark li,body.v22 .section.dark .lead,
body.v22 .dark p,body.v22 .dark li,body.v22 .dark .lead,
body.v22 .premium-product p,body.v22 .premium-product li,body.v22 .premium-product .lead,
body.v22 .cta-band p{color:var(--v22-inverse-2)}

/* ---------- Eyebrows / editorial type ---------- */
body.v22 .eyebrow,body.v22 .section-kicker,body.v22 .kicker,
body.v22 .num,body.v22 .hero-coordinate{
  color:var(--v22-orange-deep);
  font:800 11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.16em;text-transform:uppercase;
}
body.v22 .page-hero .eyebrow,body.v22 .hero .eyebrow,body.v22 .premium-product .section-kicker,
body.v22 .section.dark .eyebrow,body.v22 .section.dark .kicker,body.v22 .industrial-hero .eyebrow,
body.v22 .transport-hero .eyebrow{color:#ff9b5b}
body.v22 .editorial-title{
  color:var(--v22-ink);font-size:clamp(2.55rem,5vw,4.8rem);line-height:.98;letter-spacing:-.058em;
  max-width:1020px;margin:0 0 40px;
}
body.v22 .section h2{font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.04}
body.v22 .section h3{line-height:1.12}

/* ---------- Home hero ---------- */
body.v22 .hero{padding:38px 0 24px;background:transparent;color:var(--v22-inverse)}
body.v22 .hero-shell{
  min-height:620px;padding:64px;border-radius:var(--v22-radius-lg);overflow:hidden;position:relative;
  display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;
  background:
    radial-gradient(circle at 78% 18%,rgba(241,120,43,.16),transparent 30%),
    linear-gradient(145deg,#0e1114,#171b20 62%,#121518);
  border:1px solid rgba(255,255,255,.10);box-shadow:0 34px 76px rgba(16,18,20,.18);color:var(--v22-inverse);
}
body.v22 .hero-shell::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 58%,transparent 100%);
}
body.v22 .hero-shell>div{position:relative;z-index:2}
body.v22 .hero-coordinate{color:#aab1b8;margin-bottom:34px}
body.v22 .hero h1{
  color:var(--v22-white);font-size:clamp(3.7rem,7vw,6.7rem);line-height:.90;letter-spacing:-.07em;margin:0;max-width:820px;
}
body.v22 .hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--v22-orange);font-style:italic}
body.v22 .hero .lead{color:#d4d9de;margin-top:28px}
body.v22 .hero-map{
  height:440px;position:relative;overflow:hidden;border-radius:24px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
}
body.v22 .hero-map::before,body.v22 .hero-map::after{border-color:rgba(241,120,43,.92)}
body.v22 .hero-map::after{border-color:rgba(255,255,255,.23)}
body.v22 .legend span{color:#adb4bb}
body.v22 .legend b{color:var(--v22-white)}
body.v22 .pulse{background:var(--v22-orange)}

body.v22 .hero-index{
  display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;
  border:1px solid var(--v22-line);border-radius:18px;background:var(--v22-white);overflow:hidden;
  box-shadow:0 12px 32px rgba(16,18,20,.05);
}
body.v22 .hero-index a{
  min-height:108px;padding:23px 22px;background:var(--v22-white);border-right:1px solid var(--v22-line);
  transition:background .18s ease,color .18s ease;
}
body.v22 .hero-index a:last-child{border-right:0}
body.v22 .hero-index a:hover{background:var(--v22-orange-pale)}
body.v22 .hero-index small{display:block;margin-bottom:10px;color:var(--v22-orange-deep);font:800 10px ui-monospace,monospace;letter-spacing:.14em}
body.v22 .hero-index strong{display:block;color:var(--v22-ink);font-size:15px;line-height:1.25}

/* ---------- Page heroes ---------- */
body.v22 .page-hero,
body.v22 .page-hero.consulting-hero,
body.v22 .page-hero.transport-hero,
body.v22 .page-hero.industrial-hero,
body.v22 .page-hero.product-hero{
  position:relative;padding:86px 0 82px;color:var(--v22-inverse);
  background:
    radial-gradient(circle at 84% 18%,rgba(241,120,43,.16),transparent 27%),
    linear-gradient(138deg,#0f1215,#1b2026);
  border:0;
}
body.v22 .page-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:50px 50px;mask-image:linear-gradient(90deg,#000 0%,transparent 78%);
}
body.v22 .page-hero .wrap{position:relative;z-index:1}
body.v22 .page-hero h1{color:var(--v22-white);font-size:clamp(2.9rem,6vw,5.25rem);line-height:.96;margin:10px 0 20px;max-width:980px}
body.v22 .page-hero p,body.v22 .page-hero .lead{color:#d0d6dc;max-width:830px}
body.v22 .page-hero .breadcrumbs,body.v22 .page-hero .breadcrumbs a{color:#bdc4cb}
body.v22 .delivery-badge{
  display:inline-flex;margin-top:18px;padding:9px 13px;border-radius:999px;
  border:1px solid rgba(255,255,255,.28);color:var(--v22-white);
  font:800 10px ui-monospace,monospace;letter-spacing:.12em;
}
body.v22 .price-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
body.v22 .price-chip{background:var(--v22-white);color:var(--v22-ink);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 28px rgba(0,0,0,.12)}
body.v22 .price-chip small{color:var(--v22-text-2)}

/* ---------- Expertise / process rails ---------- */
body.v22 .expertise-rail{
  display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8b4ad;border-bottom:1px solid #d5d0c8;
}
body.v22 .expertise-rail article{min-height:270px;padding:26px 24px 30px 0;border-right:1px solid var(--v22-line)}
body.v22 .expertise-rail article+article{padding-left:24px}
body.v22 .expertise-rail article:last-child{border-right:0}
body.v22 .expertise-rail h3{font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.02;margin:38px 0 15px;color:var(--v22-ink)}
body.v22 .expertise-rail p{color:var(--v22-text-2);font-size:14px}
body.v22 .expertise-rail a{display:inline-block;margin-top:20px;color:var(--v22-orange-deep);font-size:13px;font-weight:850}

body.v22 .story-band{background:#ebe6de}
body.v22 .story-steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #aaa79f}
body.v22 .story-step{min-height:182px;padding:24px 14px 20px 0;border-right:1px solid #c5c0b7;background:transparent;color:var(--v22-text)}
body.v22 .story-step+div{padding-left:14px}
body.v22 .story-step:last-child{border-right:0}
body.v22 .story-step span{color:var(--v22-orange-deep)}
body.v22 .story-step strong{display:block;margin-top:32px;color:var(--v22-ink);font-size:21px}
body.v22 .story-step p{color:var(--v22-text-2);font-size:13px}

/* ---------- Cards / panels ---------- */
body.v22 .card,
body.v22 .contact-box,
body.v22 .transport-card,
body.v22 .topic-card,
body.v22 .article-card,
body.v22 .pillar-main,
body.v22 .choice-card,
body.v22 .package-card,
body.v22 .process-step,
body.v22 .answer-box,
body.v22 .quick-answer,
body.v22 .legal-boundary,
body.v22 .notice,
body.v22 .offsite-pay,
body.v22 .source-card,
body.v22 .tool-panel,
body.v22 .radar-note,
body.v22 .result-box{
  background:var(--v22-white);color:var(--v22-text);border:1px solid var(--v22-line);border-radius:var(--v22-radius);
  box-shadow:0 8px 24px rgba(16,18,20,.045);
}
body.v22 .card,body.v22 .contact-box,body.v22 .pillar-main,body.v22 .choice-card,body.v22 .package-card{padding:30px}
body.v22 .card h2,body.v22 .card h3,
body.v22 .contact-box h2,body.v22 .contact-box h3,
body.v22 .transport-card h3,body.v22 .topic-card h3,body.v22 .article-card h3,
body.v22 .pillar-main h2,body.v22 .pillar-main h3,body.v22 .choice-card h2,body.v22 .package-card h3,
body.v22 .answer-box h3,body.v22 .quick-answer h3{color:var(--v22-ink)}
body.v22 .card p,body.v22 .card li,
body.v22 .contact-box p,body.v22 .transport-card p,body.v22 .topic-card p,body.v22 .article-card p,
body.v22 .pillar-main p,body.v22 .choice-card p,body.v22 .package-card p,body.v22 .package-card li,
body.v22 .process-step p,body.v22 .answer-box p,body.v22 .quick-answer p,body.v22 .notice p,
body.v22 .offsite-pay p,body.v22 .source-card p,body.v22 .tool-panel p{color:var(--v22-text-2)}
body.v22 .card:hover,body.v22 .transport-card:hover,body.v22 .topic-card:hover,body.v22 .article-card:hover,body.v22 .pillar-main:hover,body.v22 .choice-card:hover{
  transform:translateY(-2px);box-shadow:var(--v22-shadow-hover);border-color:#c6c0b5;
}
body.v22 .card-link,body.v22 .card>a:not(.btn),body.v22 .pillar-main>a:not(.btn),body.v22 .topic-card>a:not(.btn),body.v22 .article-card>a:not(.btn){color:var(--v22-orange-deep);font-weight:850}

/* Dark cards are explicit; paper cards inside dark sections remain paper. */
body.v22 .responsibility-box,
body.v22 .choice-card.legal,
body.v22 .pillar-main.accent,
body.v22 .premium-product .package-card,
body.v22 .section.dark .dark-card{
  background:var(--v22-ink-3);color:var(--v22-inverse);border:1px solid var(--v22-line-dark);box-shadow:none;
}
body.v22 .responsibility-box h2,body.v22 .responsibility-box h3,
body.v22 .choice-card.legal h2,body.v22 .choice-card.legal h3,
body.v22 .pillar-main.accent h2,body.v22 .pillar-main.accent h3,
body.v22 .premium-product .package-card h2,body.v22 .premium-product .package-card h3{color:var(--v22-white)}
body.v22 .responsibility-box p,body.v22 .responsibility-box li,
body.v22 .choice-card.legal p,body.v22 .pillar-main.accent p,
body.v22 .premium-product .package-card p,body.v22 .premium-product .package-card li{color:var(--v22-inverse-2)}
body.v22 .pillar-main.accent a,body.v22 .choice-card.legal b{color:#ff9e61}

/* ---------- Grids ---------- */
body.v22 .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
body.v22 .grid3,body.v22 .cards.grid-3,body.v22 .topic-grid,body.v22 .article-grid,body.v22 .transport-service-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
}
body.v22 .grid4,body.v22 .pillar-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.v22 .three-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
body.v22 .industrial-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

/* ---------- Product / analysis ---------- */
body.v22 .premium-product{background:linear-gradient(145deg,#111417,#1a1f24)}
body.v22 .product-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:stretch}
body.v22 .premium-product .editorial-title{color:var(--v22-white)}
body.v22 .plan-analysis-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px}
body.v22 .plan-analysis-chain span{
  padding:9px 12px;border-radius:999px;background:var(--v22-white);color:var(--v22-ink);border:1px solid var(--v22-line);font-size:12px;font-weight:850;
}
body.v22 .premium-product .plan-analysis-chain span,
body.v22 .product-hero .plan-analysis-chain span{
  background:rgba(255,255,255,.08);color:var(--v22-white);border-color:rgba(255,255,255,.22);
}
body.v22 .plan-analysis-chain b{color:var(--v22-orange)}
body.v22 .process-steps{counter-reset:step;display:grid;gap:12px}
body.v22 .process-step{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:18px}
body.v22 .process-step::before{
  counter-increment:step;content:counter(step);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--v22-ink);color:var(--v22-white);font-weight:900;
}
body.v22 .price-chip{padding:11px 14px;border-radius:999px;font-weight:900}
body.v22 .no-payment-badge{background:#eaf7ef;color:var(--v22-success)}
body.v22 .auto-warning{background:#fff3e9;color:#73380f;border-color:#e59a66}

/* ---------- Article / content ---------- */
body.v22 .content,body.v22 .prose,body.v22 .reading{max-width:var(--v22-reading)}
body.v22 .content p,body.v22 .content li,body.v22 .prose p,body.v22 .prose li,body.v22 .reading p,body.v22 .reading li{
  color:var(--v22-text-2);font-size:1.04rem;line-height:1.82;
}
body.v22 .content h2,body.v22 .prose h2,body.v22 .reading h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.08;margin-top:3.2rem;color:var(--v22-ink)}
body.v22 .content h3,body.v22 .prose h3,body.v22 .reading h3{font-size:1.45rem;margin-top:2.2rem;color:var(--v22-ink)}
body.v22 .content a,body.v22 .prose a,body.v22 .reading a{color:var(--v22-orange-deep);font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.v22 .content a:hover,body.v22 .prose a:hover,body.v22 .reading a:hover{text-decoration-thickness:2px}
body.v22 .breadcrumbs{width:min(calc(100% - 48px),var(--v22-max));margin:18px auto;font-size:12px;display:flex;gap:8px;flex-wrap:wrap}
body.v22 .breadcrumbs a{color:#555d65;text-decoration:underline;text-underline-offset:3px}
body.v22 .page-hero .breadcrumbs a{color:#d0d6dc}
body.v22 .toc{padding:18px 20px;background:var(--v22-white);border:1px solid var(--v22-line);border-radius:var(--v22-radius-sm)}
body.v22 .toc a{color:var(--v22-text);font-weight:700}
body.v22 .author-box{border-color:var(--v22-line)}
body.v22 .author-avatar{background:var(--v22-ink);color:#ff9b5b}
body.v22 .quick-answer,body.v22 .answer-box,body.v22 .legal-boundary{border-left:4px solid var(--v22-orange);border-radius:0 14px 14px 0;padding:20px 22px}
body.v22 .notice{padding:18px 20px;background:#fff7f0;color:#73380f;border-color:#efc19f}
body.v22 .notice b,body.v22 .notice strong{color:#6a310a}
body.v22 .notice p{color:#74431f}
body.v22 .notice a{color:#8e3c08;font-weight:800;text-decoration:underline;text-underline-offset:3px}
body.v22 .faq{border-top:1px solid var(--v22-line)}
body.v22 .faq details{border-bottom:1px solid var(--v22-line);padding:19px 0}
body.v22 .faq summary{color:var(--v22-ink);font-weight:850}

/* ---------- Forms ---------- */
body.v22 .contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
body.v22 .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
body.v22 .field{display:flex;flex-direction:column;gap:7px}
body.v22 .field.full{grid-column:1/-1}
body.v22 .field label,body.v22 .tool-panel label,body.v22 .consent,body.v22 .consent-row{color:var(--v22-ink);font-size:13px;font-weight:800}
body.v22 input,body.v22 textarea,body.v22 select,
body.v22 .field input,body.v22 .field textarea,body.v22 .field select,
body.v22 .tool-panel input,body.v22 .tool-panel textarea,body.v22 .tool-panel select,
body.v22 .search-box input{
  width:100%;min-height:48px;background:var(--v22-white);color:var(--v22-ink);
  border:1px solid #aeb4ba;border-radius:11px;padding:12px 13px;font:inherit;
}
body.v22 textarea,body.v22 .field textarea{min-height:140px;resize:vertical}
body.v22 input::placeholder,body.v22 textarea::placeholder{color:#737b83;opacity:1}
body.v22 input:focus,body.v22 textarea:focus,body.v22 select:focus{border-color:var(--v22-orange-deep);box-shadow:0 0 0 4px rgba(241,120,43,.14);outline:0}
body.v22 .search-box{max-width:760px}
body.v22 .search-box input{font-size:16px}

/* ---------- Specialized utilities ---------- */
body.v22 .tag,body.v22 .chip,body.v22 .trust-chip{
  display:inline-flex;align-items:center;background:var(--v22-orange-pale);color:#974006;border:1px solid #f1c4a4;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;
}
body.v22 .process-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.v22 .process-flow span{background:var(--v22-ink);color:var(--v22-white);border-radius:999px;padding:9px 12px;font-weight:800}
body.v22 .process-flow i{color:var(--v22-orange-deep)}
body.v22 .section.dark .process-flow i{color:#ff9b5b}
body.v22 .plan-hierarchy span,body.v22 .plan-stack div,body.v22 .comparison-flow div,body.v22 .districts a{
  background:var(--v22-white);color:var(--v22-ink);border-color:var(--v22-line);
}
body.v22 .plan-hierarchy b,body.v22 .plan-stack i,body.v22 .comparison-flow i{color:var(--v22-orange-deep)}
body.v22 .transport-badge{border-left-color:var(--v22-orange)}
body.v22 .transport-badge b{color:var(--v22-ink)}
body.v22 .transport-badge span{color:var(--v22-text-2)}
body.v22 .transport-card span{color:var(--v22-orange-deep)}
body.v22 .transport-steps li{border-top-color:rgba(255,255,255,.15)}
body.v22 .transport-steps li::before{color:#ff9b5b}
body.v22 .transport-steps span,body.v22 .section.dark .transport-steps li{color:var(--v22-inverse-2)}
body.v22 .simulation-teaser{background:var(--v22-white);color:var(--v22-ink);border-radius:var(--v22-radius);padding:20px}
body.v22 .marina-feature{background:linear-gradient(180deg,#eaf4f4,var(--v22-paper))}
body.v22 .cta-band{border-radius:var(--v22-radius);padding:26px}
body.v22 .cta{
  background:var(--v22-orange);color:var(--v22-ink);border-radius:var(--v22-radius-lg);padding:42px;
  box-shadow:0 24px 54px rgba(185,79,13,.16);
}
body.v22 .cta h2,body.v22 .cta h3,body.v22 .cta p{color:var(--v22-ink)}
body.v22 .cta .btn.light{background:var(--v22-ink);border-color:var(--v22-ink);color:var(--v22-white)!important}
body.v22 .cta .btn.ghost{border-color:rgba(16,18,20,.45);color:var(--v22-ink)!important}
body.v22 .matrix-grid input{background:var(--v22-white);color:var(--v22-ink);border-color:#aeb4ba}
body.v22 .matrix-grid output{background:var(--v22-ink);color:var(--v22-white)}
body.v22 .matrix-summary div{background:var(--v22-white);border-color:var(--v22-line)}
body.v22 .matrix-summary span{color:var(--v22-text-2)}
body.v22 .filter-chip{border-color:#9aa1a8;color:var(--v22-ink);background:transparent}
body.v22 .filter-chip.active{background:var(--v22-orange);color:var(--v22-ink);border-color:var(--v22-orange)}
body.v22 .ad-slot{background:#eeeae3;color:#626970;border-color:#aeb2b5}
body.v22 .ad-slot strong{color:var(--v22-ink)}

/* ---------- Footer / cookie / mobile CTA ---------- */
body.v22 .footer{
  background:#0d1013;color:var(--v22-inverse);padding:68px 0 32px;border-top:1px solid rgba(255,255,255,.06);
}
body.v22 .footer .brand{color:var(--v22-white);padding-left:18px}
body.v22 .footer .brand small{color:#b6bdc4}
body.v22 .footer-grid{display:grid;grid-template-columns:1.42fr repeat(5,minmax(0,1fr));gap:28px}
body.v22 .footer h4{color:#d9dde1;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin:0 0 16px}
body.v22 .footer p,body.v22 .footer .muted-contact{color:#aab2ba;font-size:12px}
body.v22 .footer a{display:block;color:#e9ecef;font-size:13px;margin:9px 0}
body.v22 .footer a:hover{color:#ff9b5b}
body.v22 .footer-legal{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:center;padding:36px 0 18px;margin-top:36px;border-top:1px solid rgba(255,255,255,.14)}
body.v22 .footer-legal a,body.v22 .footer .link-button{color:#b7bec5;background:none;border:0;padding:0;font-size:11px}
body.v22 .footer .copy,body.v22 .footer small{color:#8e969e}
body.v22 .cookie-banner{
  position:fixed;left:20px;right:20px;bottom:20px;z-index:100;max-width:680px;margin:auto;
  background:rgba(255,255,255,.98);color:var(--v22-ink);border:1px solid #aeb4ba;border-radius:18px;padding:18px;
  box-shadow:0 22px 58px rgba(16,18,20,.22);
}
body.v22 .cookie-banner[hidden]{display:none!important}
body.v22 .cookie-banner b{color:var(--v22-ink)}
body.v22 .cookie-banner p,body.v22 .cookie-banner a{color:var(--v22-text-2)}
body.v22 .cookie-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.v22 .sticky-mobile-cta{display:none}

/* ---------- Reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body.v22 *,body.v22 *::before,body.v22 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---------- Responsive ---------- */
@media(max-width:1080px){
  body.v22 .menu{gap:12px;font-size:11.5px}
  body.v22 .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.v22 .footer-grid>div:first-child{grid-column:1/-1}
  body.v22 .three-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  body.v22 .menu{display:none}
  body.v22 .mobile-toggle{display:inline-flex;align-items:center;justify-content:center}
  body.v22 .mobile-menu{display:none}
  body.v22 .mobile-menu.open{display:block}
  body.v22 .hero-shell{grid-template-columns:1fr;min-height:auto;padding:42px}
  body.v22 .hero-map{height:330px}
  body.v22 .hero-index{grid-template-columns:repeat(2,1fr)}
  body.v22 .hero-index a:nth-child(2){border-right:0}
  body.v22 .hero-index a:nth-child(-n+2){border-bottom:1px solid var(--v22-line)}
  body.v22 .expertise-rail{grid-template-columns:repeat(2,1fr)}
  body.v22 .expertise-rail article:nth-child(2){border-right:0}
  body.v22 .story-steps{grid-template-columns:repeat(3,1fr)}
  body.v22 .product-shell,body.v22 .grid2,body.v22 .contact-grid{grid-template-columns:1fr}
  body.v22 .grid3,body.v22 .cards.grid-3,body.v22 .topic-grid,body.v22 .article-grid,body.v22 .transport-service-grid,body.v22 .industrial-personas{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v22 .grid4,body.v22 .pillar-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v22 .sticky-mobile-cta{
    display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:70;padding:6px;
    background:rgba(16,18,20,.96);border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 16px 38px rgba(0,0,0,.25);
  }
  body.v22 .sticky-mobile-cta a{flex:1;text-align:center;color:var(--v22-white);font-size:12px;font-weight:850;padding:10px;border-radius:999px}
  body.v22 .sticky-mobile-cta a:first-child{background:var(--v22-orange);color:var(--v22-ink)}
}
@media(max-width:680px){
  body.v22{font-size:16px;line-height:1.65;padding-bottom:76px}
  body.v22 .wrap{width:min(calc(100% - 28px),var(--v22-max))}
  body.v22 .nav{min-height:68px}
  body.v22 .brand{font-size:12.5px}
  body.v22 .section,body.v22 .editorial-section,body.v22 .story-band{padding:68px 0}
  body.v22 .section.compact{padding:48px 0}
  body.v22 .hero{padding:16px 0 20px}
  body.v22 .hero-shell{padding:32px 24px;border-radius:24px;gap:34px}
  body.v22 .hero-coordinate{margin-bottom:24px;font-size:9px;letter-spacing:.12em}
  body.v22 .hero h1{font-size:clamp(3rem,14vw,4rem)}
  body.v22 .hero .lead,body.v22 .page-hero .lead{font-size:1.03rem;line-height:1.65}
  body.v22 .hero-map{height:250px;border-radius:18px}
  body.v22 .hero-index{grid-template-columns:1fr;border-radius:14px}
  body.v22 .hero-index a,body.v22 .hero-index a:nth-child(2){border-right:0;border-bottom:1px solid var(--v22-line);min-height:0;padding:18px}
  body.v22 .hero-index a:last-child{border-bottom:0}
  body.v22 .page-hero,body.v22 .page-hero.consulting-hero,body.v22 .page-hero.transport-hero,body.v22 .page-hero.industrial-hero,body.v22 .page-hero.product-hero{padding:60px 0 58px}
  body.v22 .page-hero h1{font-size:clamp(2.65rem,12vw,3.7rem)}
  body.v22 .editorial-title{font-size:clamp(2.45rem,11vw,3.25rem)}
  body.v22 .expertise-rail{grid-template-columns:1fr}
  body.v22 .expertise-rail article,body.v22 .expertise-rail article+article{min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid var(--v22-line)}
  body.v22 .expertise-rail article:last-child{border-bottom:0}
  body.v22 .expertise-rail h3{margin-top:20px}
  body.v22 .story-steps{grid-template-columns:repeat(2,1fr)}
  body.v22 .grid3,body.v22 .cards.grid-3,body.v22 .topic-grid,body.v22 .article-grid,body.v22 .transport-service-grid,body.v22 .industrial-personas,
  body.v22 .grid4,body.v22 .pillar-grid-four,body.v22 .three-pillars{grid-template-columns:1fr}
  body.v22 .form-grid{grid-template-columns:1fr}
  body.v22 .field.full{grid-column:auto}
  body.v22 .card,body.v22 .contact-box,body.v22 .pillar-main,body.v22 .choice-card,body.v22 .package-card{padding:24px}
  body.v22 .cta{padding:30px 24px;align-items:flex-start;flex-direction:column}
  body.v22 .actions,body.v22 .hero-actions{width:100%}
  body.v22 .actions .btn,body.v22 .hero-actions .btn{flex:1 1 100%;width:100%}
  body.v22 .content p,body.v22 .content li,body.v22 .prose p,body.v22 .prose li,body.v22 .reading p,body.v22 .reading li{font-size:1rem;line-height:1.76}
  body.v22 .footer{padding:54px 0 28px}
  body.v22 .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  body.v22 .footer-grid>div:first-child{grid-column:1/-1}
  body.v22 .cookie-banner{left:12px;right:12px;bottom:88px}
}
@media(max-width:430px){
  body.v22 .footer-grid{grid-template-columns:1fr}
  body.v22 .footer-grid>div:first-child{grid-column:auto}
  body.v22 .story-steps{grid-template-columns:1fr}
  body.v22 .story-step,body.v22 .story-step+div{min-height:0;padding:18px 0;border-right:0;border-bottom:1px solid var(--v22-line)}
  body.v22 .story-step strong{margin-top:18px}
}

/* ---------- Mixed-surface safety contract ----------
   Paper panels may intentionally live inside dark sections. Their local
   surface owns text colour; the dark parent must never leak white copy in. */
body.v22 .section.dark .card,
body.v22 .dark .card,
body.v22 .section.dark .simulation-teaser,
body.v22 .dark .simulation-teaser{
  background:var(--v22-white);color:var(--v22-text);border-color:var(--v22-line);
}
body.v22 .section.dark .card h1,
body.v22 .section.dark .card h2,
body.v22 .section.dark .card h3,
body.v22 .section.dark .card h4,
body.v22 .dark .card h1,
body.v22 .dark .card h2,
body.v22 .dark .card h3,
body.v22 .dark .card h4,
body.v22 .section.dark .simulation-teaser h1,
body.v22 .section.dark .simulation-teaser h2,
body.v22 .section.dark .simulation-teaser h3,
body.v22 .dark .simulation-teaser h1,
body.v22 .dark .simulation-teaser h2,
body.v22 .dark .simulation-teaser h3{
  color:var(--v22-ink);
}
body.v22 .section.dark .card p,
body.v22 .section.dark .card li,
body.v22 .dark .card p,
body.v22 .dark .card li,
body.v22 .section.dark .simulation-teaser p,
body.v22 .section.dark .simulation-teaser li,
body.v22 .dark .simulation-teaser p,
body.v22 .dark .simulation-teaser li{
  color:var(--v22-text-2);
}
body.v22 .section.dark .card a:not(.btn),
body.v22 .dark .card a:not(.btn),
body.v22 .section.dark .simulation-teaser a:not(.btn),
body.v22 .dark .simulation-teaser a:not(.btn){color:var(--v22-orange-deep)}
body.v22 .section.dark .card .eyebrow,
body.v22 .dark .card .eyebrow{color:var(--v22-orange-deep)}

/* =========================================================
   V22.1 — KD Traffic Lab / scientific intersection demonstrator
   ========================================================= */
body.v22 .traffic-lab-section{background:linear-gradient(180deg,var(--v22-paper) 0%,#ece8df 100%)}
body.v22 .traffic-lab-intro{display:grid;grid-template-columns:minmax(0,1.35fr) auto;gap:32px;align-items:end;margin-bottom:28px}
body.v22 .traffic-lab-intro .lead{max-width:900px}
body.v22 .traffic-lab-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body.v22 .traffic-lab-badges span{font:750 10px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.09em;border:1px solid #c8ced2;border-radius:999px;padding:8px 10px;background:#fff;color:#283039}
body.v22 .traffic-lab-badges span:last-child{background:#171d22;color:#e8eef1;border-color:#171d22}
body.v22 .traffic-science-lab{display:grid;grid-template-columns:300px minmax(0,1fr) 272px;gap:14px;padding:14px;background:#0b1117;border:1px solid #202b34;border-radius:28px;box-shadow:0 28px 70px rgba(12,19,24,.18);color:#edf4f7;overflow:hidden}
body.v22 .traffic-control-deck,body.v22 .traffic-metric-deck{background:linear-gradient(180deg,#141c23,#0f171d);border:1px solid #26333d;border-radius:18px;padding:18px;min-width:0}
body.v22 .tl-panel-title{display:flex;gap:11px;align-items:center;padding-bottom:14px;margin-bottom:15px;border-bottom:1px solid #293640}
body.v22 .tl-panel-title>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f47a2a;color:#15191d;font-weight:900}
body.v22 .tl-panel-title b{display:block;color:#f2f6f8;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.09em}
body.v22 .tl-panel-title small{display:block;margin-top:3px;color:#8797a2;font-size:11px}
body.v22 .traffic-control-deck label{display:grid;gap:7px;margin:0 0 13px;color:#c9d3d9;font-size:12px;font-weight:700}
body.v22 .traffic-control-deck output{float:right;justify-self:end;color:#ff9a58;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.v22 .traffic-control-deck select{width:100%;min-height:42px;border:1px solid #35434e;background:#0d141a;color:#f2f6f8;border-radius:10px;padding:8px 10px;font:650 12px/1.2 inherit}
body.v22 .traffic-control-deck select:focus,body.v22 .traffic-control-deck input:focus-visible{outline:2px solid #f47a2a;outline-offset:2px}
body.v22 .traffic-control-deck input[type="range"]{width:100%;accent-color:#f47a2a;cursor:pointer}
body.v22 .tl-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.v22 .tl-actions{display:grid;gap:8px;margin-top:16px}
body.v22 .tl-actions .btn{width:100%;justify-content:center;min-height:44px}
body.v22 .tl-optimize{background:#f1f4f5!important;border-color:#f1f4f5!important;color:#10161b!important}
body.v22 .traffic-digital-twin{position:relative;min-width:0;display:grid;grid-template-rows:auto minmax(460px,1fr) auto;background:#091017;border:1px solid #26333d;border-radius:18px;overflow:hidden}
body.v22 .tl-stage-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-bottom:1px solid #26333d;background:rgba(12,18,24,.96);font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#aab8c0}
body.v22 .tl-stage-head>div{display:flex;align-items:center;gap:8px}
body.v22 .tl-stage-head strong{color:#f47a2a}
body.v22 .tl-live-dot{width:7px;height:7px;border-radius:50%;background:#4be38f;box-shadow:0 0 0 5px rgba(75,227,143,.08),0 0 18px rgba(75,227,143,.55)}
body.v22 [data-tl-canvas]{display:block;width:100%;height:100%;min-height:460px;background:#0a1117}
body.v22 .tl-axis-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 14px;border-top:1px solid #26333d;background:#0d151b}
body.v22 .tl-axis-bars>div{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;gap:9px;align-items:center;color:#aab8c0;font:650 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.v22 .tl-axis-bars i{display:block;height:5px;border-radius:99px;background:#26333d;overflow:hidden}
body.v22 .tl-axis-bars i b{display:block;width:30%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f47a2a,#ffc08f);transition:width .3s ease}
body.v22 .tl-axis-bars em{font-style:normal;text-align:right;color:#758691}
body.v22 .tl-axis-bars strong{color:#dbe5ea}
body.v22 .tl-los{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:15px;border:1px solid #31404a;border-radius:14px;background:#0c141a;margin-bottom:12px}
body.v22 .tl-los small{font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;color:#8fa0aa}
body.v22 .tl-los strong{grid-row:1/3;grid-column:2;font-size:54px;line-height:.85;color:#55e69a}
body.v22 .tl-los[data-los="D"] strong,body.v22 .tl-los[data-los="E"] strong{color:#ffb45c}
body.v22 .tl-los[data-los="F"] strong{color:#ff735d}
body.v22 .tl-los span{font-size:11px;color:#d0dbe0}
body.v22 .tl-metric{position:relative;padding:12px 0;border-bottom:1px solid #26333d;overflow:hidden}
body.v22 .tl-metric span{display:block;color:#8fa0aa;font-size:11px}
body.v22 .tl-metric b{display:block;margin-top:3px;color:#f2f6f8;font:850 22px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.v22 .tl-metric i{display:block;width:var(--meter,20%);height:3px;margin-top:9px;border-radius:99px;background:#f47a2a;transition:width .35s ease}
body.v22 .tl-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
body.v22 .tl-metric-grid>div{min-width:0;padding:10px;border:1px solid #283741;border-radius:11px;background:#101920}
body.v22 .tl-metric-grid span{display:block;color:#7f919c;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
body.v22 .tl-metric-grid b{display:block;margin-top:4px;color:#eef4f6;font:750 12px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
body.v22 .tl-calibration{margin-top:12px;padding:12px;border-left:3px solid #f47a2a;background:#101920;border-radius:0 10px 10px 0}
body.v22 .tl-calibration span{display:block;color:#f47a2a;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em}
body.v22 .tl-calibration b{display:block;margin:5px 0;color:#f0f5f7;font:750 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.v22 .tl-calibration small{display:block;color:#81929d;line-height:1.4;font-size:10px}
body.v22 .traffic-analysis-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
body.v22 .tl-formula{min-width:0;padding:14px;border:1px solid #25333d;background:#0f171d;border-radius:13px}
body.v22 .tl-formula small{display:block;color:#f47a2a;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em}
body.v22 .tl-formula code{display:block;margin:8px 0;color:#e9f0f3;font:700 13px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:normal}
body.v22 .tl-formula span{display:block;color:#7f919c;font-size:10px;line-height:1.45}
body.v22 .traffic-compare-panel{grid-column:1/-1;padding:17px;border:1px solid #2b3a45;border-radius:16px;background:linear-gradient(100deg,#111b22,#0c141a)}
body.v22 .tl-compare-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:13px}
body.v22 .tl-compare-head span{display:inline-block;padding:5px 7px;background:#f47a2a;color:#15191d;border-radius:5px;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
body.v22 .tl-compare-head h3{margin:7px 0 0;color:#f2f6f8;font-size:18px}
body.v22 .tl-compare-head>strong{color:#72e7a5;font:800 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right}
body.v22 .tl-compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
body.v22 .tl-compare-grid>div{padding:10px 12px;background:#0c141a;border:1px solid #23313a;border-radius:10px}
body.v22 .tl-compare-grid span{display:block;color:#7f919c;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
body.v22 .tl-compare-grid b{display:block;margin-top:5px;color:#edf4f7;font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.v22 .tl-compare-grid b i{font-style:normal;color:inherit}
body.v22 .traffic-science-lab.optimized{animation:tlPulse .65s ease}
@keyframes tlPulse{0%{box-shadow:0 28px 70px rgba(12,19,24,.18)}40%{box-shadow:0 28px 75px rgba(244,122,42,.34)}100%{box-shadow:0 28px 70px rgba(12,19,24,.18)}}
body.v22 .traffic-science-note{margin:18px 4px 0;padding:15px 17px;border-left:3px solid #f47a2a;background:#fff;border-radius:0 12px 12px 0;color:#454c52;font-size:13px;line-height:1.65}
body.v22 .traffic-science-note a{font-weight:800}
@media(max-width:1180px){body.v22 .traffic-science-lab{grid-template-columns:280px minmax(0,1fr)}body.v22 .traffic-metric-deck{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr 1fr;gap:12px;align-items:start}body.v22 .traffic-metric-deck .tl-panel-title{grid-column:1/-1;margin-bottom:0}body.v22 .tl-calibration{margin-top:0}body.v22 .traffic-analysis-strip{grid-template-columns:1fr 1fr}}
@media(max-width:900px){body.v22 .traffic-lab-intro{grid-template-columns:1fr}body.v22 .traffic-lab-badges{justify-content:flex-start}body.v22 .traffic-science-lab{grid-template-columns:1fr}body.v22 .traffic-control-deck,body.v22 .traffic-digital-twin,body.v22 .traffic-metric-deck{grid-column:1}body.v22 .traffic-metric-deck{display:block}body.v22 .traffic-analysis-strip,body.v22 .traffic-compare-panel{grid-column:1}body.v22 .traffic-analysis-strip{grid-template-columns:1fr 1fr}body.v22 .tl-compare-grid{grid-template-columns:1fr 1fr}body.v22 .traffic-digital-twin{grid-template-rows:auto minmax(420px,1fr) auto}}
@media(max-width:600px){body.v22 .traffic-science-lab{padding:8px;border-radius:20px}body.v22 .traffic-analysis-strip,body.v22 .tl-compare-grid{grid-template-columns:1fr}body.v22 .tl-two{grid-template-columns:1fr 1fr}body.v22 .tl-axis-bars{grid-template-columns:1fr}body.v22 .tl-axis-bars>div{grid-template-columns:88px 1fr}body.v22 .tl-axis-bars em{grid-column:1/-1;text-align:left}body.v22 .traffic-digital-twin{grid-template-rows:auto minmax(360px,1fr) auto}body.v22 [data-tl-canvas]{min-height:360px}body.v22 .tl-compare-head{align-items:start;flex-direction:column}body.v22 .tl-compare-head>strong{text-align:left}}
@media(prefers-reduced-motion:reduce){body.v22 .traffic-science-lab.optimized{animation:none}}

/* V22.1 traffic hub scientific teaser */
body.v22 .scientific-teaser{background:#0c141a!important;color:#edf4f7!important;border:1px solid #26333d!important;padding:12px!important;overflow:hidden}
body.v22 .scientific-teaser h3{color:#f5f7f8!important;margin:16px 4px 6px}
body.v22 .scientific-teaser p{color:#aab7bf!important;margin:0 4px 14px}
body.v22 .scientific-teaser-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 5px 11px;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.09em;color:#b8c5cc}
body.v22 .scientific-teaser-head span{display:flex;align-items:center;gap:7px}
body.v22 .scientific-teaser-head i{width:7px;height:7px;border-radius:50%;background:#4be38f;box-shadow:0 0 12px rgba(75,227,143,.6)}
body.v22 .scientific-teaser-head b{color:#f47a2a;font-size:9px}
body.v22 .scientific-mini-twin{position:relative;height:260px;border-radius:12px;overflow:hidden;background-color:#091017;background-image:linear-gradient(rgba(106,132,147,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(106,132,147,.08) 1px,transparent 1px);background-size:24px 24px}
body.v22 .smt-road-h,body.v22 .smt-road-v{position:absolute;background:#29323a}
body.v22 .smt-road-h{left:0;right:0;top:37%;height:26%;border-top:1px dashed rgba(235,241,244,.32);border-bottom:1px dashed rgba(235,241,244,.32)}
body.v22 .smt-road-v{top:0;bottom:0;left:38%;width:24%;border-left:1px dashed rgba(235,241,244,.32);border-right:1px dashed rgba(235,241,244,.32)}
body.v22 .smt-road-h:after,body.v22 .smt-road-v:after{content:"";position:absolute;background:#f0f3f5}
body.v22 .smt-road-h:after{left:38%;right:38%;top:50%;height:2px}
body.v22 .smt-road-v:after{top:37%;bottom:37%;left:50%;width:2px}
body.v22 .smt-car{position:absolute;z-index:3;width:20px;height:7px;border-radius:2px;background:#f47a2a;box-shadow:0 2px 5px rgba(0,0,0,.4)}
body.v22 .smt-car.a{top:44%;animation:smtH 5.5s linear infinite}body.v22 .smt-car.b{top:55%;animation:smtH 7s linear infinite reverse;background:#edf2f4}body.v22 .smt-car.c{left:44%;width:7px;height:20px;animation:smtV 6.2s linear infinite;background:#edf2f4}body.v22 .smt-car.d{left:55%;width:7px;height:20px;animation:smtV 8s linear infinite reverse}
@keyframes smtH{from{left:-25px}to{left:105%}}@keyframes smtV{from{top:-25px}to{top:105%}}
body.v22 .smt-node{position:absolute;color:#d2dde2;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body.v22 .smt-node:before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#f47a2a}.smt-node.n{top:12px;left:52%}.smt-node.s{bottom:12px;left:52%}.smt-node.e{right:10px;top:52%}.smt-node.w{left:10px;top:52%}
body.v22 .smt-hud{position:absolute;left:10px;top:10px;z-index:4;padding:10px 12px;background:rgba(5,10,14,.88);border:1px solid #283741;border-radius:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body.v22 .smt-hud small{display:block;color:#81929c;font-size:7px}body.v22 .smt-hud strong{display:block;color:#f2f6f7;font-size:23px}body.v22 .smt-hud em{position:absolute;left:72px;top:25px;width:max-content;color:#55e69a;font-style:normal;font-weight:900;font-size:10px}
body.v22 .scientific-teaser-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}body.v22 .scientific-teaser-metrics>div{padding:9px;background:#101920;border:1px solid #26343e;border-radius:9px}body.v22 .scientific-teaser-metrics small{display:block;color:#71848f;font:750 7px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}body.v22 .scientific-teaser-metrics b{display:block;margin-top:4px;color:#eef4f6;font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:600px){body.v22.traffic-sim-page .sticky-mobile-cta{display:none!important}body.v22 .scientific-teaser-metrics{grid-template-columns:1fr 1fr}body.v22 .scientific-teaser-metrics>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){body.v22 .smt-car{animation:none!important}}
/* ================================================================
   KEREM DEMIR SEHIRCILIK — V23 SPATIAL INTELLIGENCE EXTENSION
   Brand lockup + Mobility Lab + Planning Intelligence Radar + Work Library
   ================================================================ */
:root{
  --v23-blue:#20586a;
  --v23-blue-soft:#dfecef;
  --v23-blue-bright:#54a9c2;
  --v23-orange:#e47b00;
  --v23-orange-bright:#ff8a16;
  --v23-grid:rgba(255,255,255,.055);
  --v23-cyan:#74c7dc;
  --v23-green:#62c68a;
  --v23-yellow:#e4b958;
  --v23-red:#dd6d63;
}

/* Real KD brand ------------------------------------------------ */
body.v23 .brand.brand-lockup{
  display:inline-flex;align-items:center;gap:10px;padding-left:0!important;
  color:var(--v22-inverse);font-size:13.5px;font-weight:900;letter-spacing:.105em;line-height:1.02;
  white-space:nowrap;text-decoration:none;
}
body.v23 .brand.brand-lockup::before{display:none!important}
body.v23 .brand-mark{width:38px;height:38px;object-fit:contain;display:block;flex:0 0 auto}
body.v23 .brand-wordmark{display:block}
body.v23 .brand-wordmark small{display:block;margin-top:5px;color:var(--v22-inverse-2);font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
body.v23 .footer .brand-lockup{margin-bottom:18px}
body.v23 .footer .brand-mark{width:46px;height:46px}
body.v23 .footer .brand-wordmark{font-size:14px}
body.v23 .brand-mark-blue{display:none}

/* Spatial intelligence common ---------------------------------- */
.si-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#10151a;color:#eef2f4;box-shadow:0 30px 80px rgba(8,12,15,.22)}
.si-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--v23-grid) 1px,transparent 1px),linear-gradient(90deg,var(--v23-grid) 1px,transparent 1px);background-size:32px 32px;opacity:.7}
.si-shell>*{position:relative;z-index:1}
.si-kicker{font:800 10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.17em;text-transform:uppercase;color:#ff9d52}
.si-chip{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#c9d0d5;font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.si-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v23-orange-bright);box-shadow:0 0 0 4px rgba(255,138,22,.12)}

/* Mobility Lab -------------------------------------------------- */
.mobility-lab-section{background:#0f1215!important;color:#f4f5f5}
.mobility-lab-section h2,.mobility-lab-section h3{color:#f7f7f5!important}
.mobility-lab-section .lead{color:#c5cdd2!important}
.mobility-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 22px;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.035);width:max-content;max-width:100%}
.mobility-mode-tabs button{min-height:42px;padding:0 17px;border:0;border-radius:12px;background:transparent;color:#aeb7bd;font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;cursor:pointer}
.mobility-mode-tabs button[aria-selected="true"]{background:var(--v23-orange);color:#101214;box-shadow:0 8px 24px rgba(228,123,0,.20)}
.mobility-mode-tabs button:hover{color:#fff}
.mobility-mode-tabs button[aria-selected="true"]:hover{color:#101214}
.mobility-panel[hidden]{display:none!important}
.mobility-panel{animation:mobility-in .25s ease}
@keyframes mobility-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.mobility-lab-grid{display:grid;grid-template-columns:minmax(225px,.78fr) minmax(390px,1.55fr) minmax(240px,.82fr);gap:14px;align-items:stretch}
.ml-deck,.ml-stage,.ml-metrics{border:1px solid rgba(255,255,255,.12);background:rgba(8,12,15,.78);border-radius:20px;overflow:hidden}
.ml-deck,.ml-metrics{padding:18px}
.ml-stage{position:relative;min-height:520px;background:linear-gradient(145deg,#0b1115,#10202a)}
.ml-stage canvas{display:block;width:100%;height:100%;min-height:520px}
.ml-panel-title{display:flex;align-items:center;gap:11px;margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}
.ml-panel-title>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(228,123,0,.15);color:#ff9d52;font:900 10px/1 ui-monospace,monospace}
.ml-panel-title b{display:block;color:#f3f5f5;font:850 11px/1.2 ui-monospace,monospace;letter-spacing:.08em}
.ml-panel-title small{display:block;color:#7f909a;margin-top:4px;font-size:10px}
.ml-deck label{display:block;color:#c9d0d5;font-size:11px;font-weight:750;margin:0 0 13px}
.ml-deck label output{float:right;color:#ff9d52;font:850 11px/1 ui-monospace,monospace}
.ml-deck input[type="range"]{width:100%;accent-color:var(--v23-orange);margin-top:7px}
.ml-deck select,.ml-deck input[type="number"]{width:100%;min-height:40px;margin-top:6px;padding:0 10px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#171d22;color:#f3f5f5;font:700 12px/1.2 system-ui}
.ml-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ml-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.ml-actions .btn{font-size:11px;min-height:40px;padding-inline:13px}
.ml-stage-head{position:absolute;z-index:3;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#eef4f6;font:800 10px/1 ui-monospace,monospace;letter-spacing:.06em;pointer-events:none}
.ml-stage-head>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(6,11,14,.78);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.ml-live{width:7px;height:7px;border-radius:50%;background:#64d18d;box-shadow:0 0 0 5px rgba(100,209,141,.10)}
.ml-metric-hero{padding:18px;border:1px solid rgba(116,199,220,.20);border-radius:17px;background:linear-gradient(145deg,rgba(32,88,106,.24),rgba(255,255,255,.025));margin-bottom:12px}
.ml-metric-hero small{display:block;color:#91a6b2;font:800 9px/1.2 ui-monospace,monospace;letter-spacing:.12em}
.ml-metric-hero strong{display:block;color:#fff;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1;margin:8px 0 5px;letter-spacing:-.05em}
.ml-metric-hero span{color:#b9c4ca;font-size:11px}
.ml-metric-list{display:grid;gap:8px}
.ml-metric-row{padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}
.ml-metric-row span{display:block;color:#8698a3;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.ml-metric-row b{display:block;color:#f5f7f7;margin-top:3px;font:850 16px/1.15 ui-monospace,monospace}
.ml-meter{height:4px;margin-top:8px;background:#222b31;border-radius:999px;overflow:hidden}
.ml-meter i{display:block;height:100%;width:0;background:var(--v23-cyan);border-radius:inherit;transition:width .25s ease,background .25s ease}
.ml-bottleneck{margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(255,157,82,.23);background:rgba(228,123,0,.08)}
.ml-bottleneck span{display:block;color:#d69a64;font:800 9px/1 ui-monospace,monospace;letter-spacing:.1em}
.ml-bottleneck b{display:block;color:#f5f5f3;font-size:12px;margin-top:6px}
.ml-formula-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.1);margin-top:0}
.ml-formula-strip>div{background:#13191e;padding:13px 15px;min-height:96px}
.ml-formula-strip small{display:block;color:#7f909a;font:800 8px/1.2 ui-monospace,monospace;letter-spacing:.12em}
.ml-formula-strip code{display:block;color:#f5f5f3;font-size:13px;margin:7px 0}
.ml-formula-strip span{display:block;color:#8999a3;font-size:10px;line-height:1.4}
.ml-science-note{margin-top:18px!important;color:#9ba8af!important;font-size:12px;line-height:1.6;max-width:1050px}
.ml-science-note strong{color:#d6dde1!important}
.ml-science-note a{color:#ff9d52;text-decoration:underline;text-underline-offset:3px}
.ml-pressure[data-level="low"] strong{color:var(--v23-green)}
.ml-pressure[data-level="medium"] strong{color:var(--v23-yellow)}
.ml-pressure[data-level="high"] strong{color:#ff995b}
.ml-pressure[data-level="critical"] strong{color:var(--v23-red)}

/* Development impact comparison */
.di-compare{position:absolute;z-index:4;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:13px;border-radius:15px;background:rgba(6,10,13,.84);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(9px)}
.di-compare>div{min-width:0}
.di-compare small{display:block;color:#758893;font:800 8px/1 ui-monospace,monospace;letter-spacing:.1em}
.di-compare b{display:block;color:#f5f7f7;font-size:18px;margin-top:5px}
.di-compare>span{color:#ff9d52;font-weight:900}

/* Planning Intelligence Radar ---------------------------------- */
.radar-page .page-hero{padding-bottom:62px}
.radar-console{padding:22px;border-radius:28px;background:#11171b;color:#eef2f4;border:1px solid rgba(255,255,255,.11);box-shadow:0 26px 64px rgba(16,18,20,.16);position:relative;overflow:hidden}
.radar-console::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;opacity:.7}
.radar-console>*{position:relative;z-index:1}
.radar-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.radar-stat{padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
.radar-stat span{display:block;color:#82949e;font:800 8px/1.2 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.radar-stat b{display:block;color:#fff;font-size:20px;line-height:1.1;margin-top:5px}
.radar-main{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(290px,.75fr);gap:14px}
.radar-visual,.radar-signal-board{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(4,10,13,.66);overflow:hidden}
.radar-visual{padding:14px;min-height:520px}
.radar-visual-head,.radar-board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.radar-visual-head b,.radar-board-head b{color:#f4f6f7;font:850 10px/1 ui-monospace,monospace;letter-spacing:.08em}
.radar-visual-head span,.radar-board-head span{color:#7f929d;font-size:10px}
.radar-svg{display:block;width:100%;height:auto;aspect-ratio:1/1;max-height:470px}
.radar-ring{fill:none;stroke:rgba(255,255,255,.10);stroke-width:1}
.radar-axis{stroke:rgba(255,255,255,.08);stroke-width:1}
.radar-axis-label{fill:#7e939f;font:700 9px ui-monospace,monospace;letter-spacing:.06em}
.radar-ring-label{fill:#5f747f;font:700 8px ui-monospace,monospace}
.radar-dot{cursor:pointer;stroke:#101519;stroke-width:2;transition:r .15s ease,filter .15s ease}
.radar-dot:hover,.radar-dot.active{filter:drop-shadow(0 0 8px rgba(255,157,82,.72));stroke:#fff}
.radar-center{fill:#e47b00;opacity:.9}
.radar-signal-board{padding:14px;display:flex;flex-direction:column;min-height:520px}
.radar-selected{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(32,88,106,.18),rgba(255,255,255,.025));margin-bottom:10px}
.radar-selected .signal-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.radar-selected h3{color:#fff!important;font-size:21px!important;letter-spacing:-.025em;margin:0 0 10px}
.radar-selected p{color:#b7c3c9!important;font-size:12px;line-height:1.55;margin:0 0 10px}
.radar-selected a{color:#ff9d52;font-size:11px;font-weight:850}
.signal-tag{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#9fb0b9;font:800 8px/1 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.signal-tag.high{color:#ffb27a;border-color:rgba(255,157,82,.26);background:rgba(228,123,0,.09)}
.signal-tag.primary{color:#8bd0e2;border-color:rgba(116,199,220,.22);background:rgba(32,88,106,.16)}
.radar-deadlines{margin-top:auto;display:grid;gap:6px}
.radar-deadline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;color:#94a4ad}
.radar-deadline b{color:#e7ecee;font-size:10px}
.radar-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:center;margin:20px 0 10px}
.radar-search{min-height:46px;padding:0 14px;border:1px solid #c8c3ba;border-radius:13px;background:#fff;color:#16191c;font:700 13px system-ui}
.radar-filter-row{display:flex;gap:7px;flex-wrap:wrap}
.radar-filter-row .filter-chip{min-height:38px}
.radar-watchlist{margin:12px 0 20px;padding:13px 14px;border:1px solid #d8d3ca;border-radius:15px;background:#fff;display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.radar-watchlist>strong{font-size:11px;color:#171b20;margin-right:4px}
.radar-watchlist label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#525960;cursor:pointer}
.radar-watchlist input{accent-color:#e47b00}
.radar-grid-v23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.radar-card{position:relative;padding:20px!important;border-radius:18px!important;overflow:hidden}
.radar-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cfd3d5}
.radar-card[data-impact="4"]::before,.radar-card[data-impact="5"]::before{background:#e47b00}
.radar-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.radar-card .source{font-size:10px!important}
.radar-card .impact-score{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #d4c7ba;background:#fff6ef;color:#a64c08;font:900 11px/1 ui-monospace,monospace}
.radar-card h2{font-size:21px!important;margin:0 0 8px!important}
.radar-card p{font-size:13px!important;line-height:1.55!important}
.radar-card .decision-lens{margin-top:12px;padding:11px 12px;border-radius:12px;background:#f2eee7;border:1px solid #e1dbd1}
.radar-card .decision-lens strong{display:block;color:#171b20;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.radar-card .deadline-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:8px 10px;border-radius:10px;background:#fff3e8;color:#8d3f05;font-size:11px;font-weight:800}
.radar-empty{grid-column:1/-1;padding:28px;border:1px dashed #cfc8bd;border-radius:16px;text-align:center;color:#697078}
.radar-method{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.radar-method>div{padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.radar-method small{display:block;color:#77909c;font:800 8px/1.2 ui-monospace,monospace;letter-spacing:.1em}
.radar-method b{display:block;color:#fff;margin:5px 0 4px;font-size:12px}
.radar-method span{display:block;color:#98a7af;font-size:10px;line-height:1.45}

/* Work library -------------------------------------------------- */
.work-library-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
.work-library-head p{max-width:670px;margin:0}
.technical-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.technical-work-card{overflow:hidden;padding:0!important;background:#fff;border:1px solid var(--v22-line);border-radius:20px;box-shadow:none}
.technical-work-card figure{margin:0;aspect-ratio:16/10;background:#e8e4dd;overflow:hidden;border-bottom:1px solid var(--v22-line)}
.technical-work-card figure img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .35s ease}
.technical-work-card:hover figure img{transform:scale(1.02)}
.technical-work-card .work-body{padding:18px}
.work-type{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#edf3f5;color:#20586a;font:850 9px/1 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.technical-work-card h3{font-size:22px!important;margin:0 0 8px}
.technical-work-card p{font-size:13px;line-height:1.55}
.work-pillar{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #ece7df;color:#6b7378;font-size:10px;font-weight:800}
.work-pillar::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--v23-orange)}
.project-library-divider{margin:50px 0 22px;border-top:1px solid var(--v22-line);padding-top:36px}
.project-library-divider .eyebrow{margin-bottom:8px}

/* Home intelligence teaser ------------------------------------- */
.spatial-intelligence-band{padding:78px 0;background:#11171b;color:#eef2f4}
.spatial-intelligence-band h2{color:#fff!important;max-width:860px}
.spatial-intelligence-band .lead{color:#b9c4ca!important}
.si-teaser-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:28px}
.si-teaser-main,.si-teaser-side{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035);padding:22px}
.si-teaser-main{min-height:260px;position:relative;overflow:hidden}
.si-teaser-main::after{content:"";position:absolute;right:-10%;bottom:-40%;width:55%;aspect-ratio:1;border:1px solid rgba(228,123,0,.45);border-radius:50%;box-shadow:0 0 0 46px rgba(228,123,0,.05),0 0 0 92px rgba(116,199,220,.035)}
.si-teaser-main h3,.si-teaser-side h3{color:#fff!important;font-size:26px!important;margin:8px 0}
.si-teaser-main p,.si-teaser-side p{color:#aebbc2!important;max-width:600px}
.si-mode-line{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}
.si-mode-line span{padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9eb0b9;font:800 9px/1 ui-monospace,monospace;letter-spacing:.07em}
.si-teaser-side{display:grid;align-content:space-between}
.si-radar-mini{height:130px;position:relative;margin-top:10px}
.si-radar-mini i{position:absolute;left:50%;top:50%;border:1px solid rgba(116,199,220,.23);border-radius:50%;transform:translate(-50%,-50%)}
.si-radar-mini i:nth-child(1){width:120px;height:120px}.si-radar-mini i:nth-child(2){width:80px;height:80px}.si-radar-mini i:nth-child(3){width:40px;height:40px}
.si-radar-mini b{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff9d52;box-shadow:0 0 0 5px rgba(228,123,0,.10)}
.si-radar-mini b:nth-of-type(1){left:52%;top:18%}.si-radar-mini b:nth-of-type(2){left:28%;top:49%;background:#74c7dc}.si-radar-mini b:nth-of-type(3){left:66%;top:67%}

/* Responsive ---------------------------------------------------- */
@media (max-width:1080px){
  .mobility-lab-grid{grid-template-columns:260px 1fr}.ml-metrics{grid-column:1/-1}.ml-metric-list{grid-template-columns:repeat(4,1fr)}
  .radar-main{grid-template-columns:1fr}.radar-visual{min-height:440px}.radar-signal-board{min-height:auto}
  .technical-work-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  body.v23 .brand-mark{width:34px;height:34px}.radar-summary{grid-template-columns:repeat(2,1fr)}.radar-summary .radar-stat:last-child{grid-column:1/-1}
  .mobility-lab-grid{grid-template-columns:1fr}.ml-stage{min-height:430px}.ml-stage canvas{min-height:430px}.ml-metrics{grid-column:auto}.ml-metric-list{grid-template-columns:repeat(2,1fr)}
  .ml-formula-strip{grid-template-columns:repeat(2,1fr)}
  .radar-toolbar{grid-template-columns:1fr}.radar-grid-v23{grid-template-columns:1fr}.radar-method{grid-template-columns:repeat(2,1fr)}
  .si-teaser-grid{grid-template-columns:1fr}.technical-work-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  body.v23 .brand-wordmark{font-size:11px;letter-spacing:.08em}body.v23 .brand-wordmark small{font-size:7.5px;letter-spacing:.12em}
  .mobility-mode-tabs{width:100%;display:grid;grid-template-columns:1fr}.mobility-mode-tabs button{width:100%}
  .ml-two{grid-template-columns:1fr}.ml-stage{min-height:350px}.ml-stage canvas{min-height:350px}.ml-stage-head{font-size:8px}.ml-metric-list{grid-template-columns:1fr 1fr}
  .ml-formula-strip{grid-template-columns:1fr}.di-compare{grid-template-columns:1fr;bottom:10px}.di-compare>span{transform:rotate(90deg);justify-self:start}
  .radar-console{padding:12px}.radar-main{gap:9px}.radar-visual{min-height:auto;padding:8px}.radar-signal-board{padding:10px}.radar-summary{gap:6px}.radar-stat{padding:10px}.radar-filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.radar-filter-row .filter-chip{flex:0 0 auto}
  .radar-watchlist{display:grid;grid-template-columns:1fr 1fr}.radar-watchlist>strong{grid-column:1/-1}.radar-method{grid-template-columns:1fr}
  .technical-work-grid{grid-template-columns:1fr}.work-library-head{display:block}.work-library-head p{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){.mobility-panel{animation:none}.technical-work-card figure img{transition:none}}
.work-study-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}.work-study-layout aside{position:sticky;top:105px;padding:18px;border:1px solid var(--v22-line);border-radius:16px;background:#fff}.work-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:42px}.work-gallery figure{margin:0;overflow:hidden;border-radius:16px;border:1px solid var(--v22-line);background:#fff;box-shadow:var(--v22-shadow)}.work-gallery img{display:block;width:100%;height:auto}@media(max-width:820px){.work-study-layout{grid-template-columns:1fr}.work-study-layout aside{position:static}.work-gallery{grid-template-columns:1fr}}
.marina-interface-teaser{position:relative;overflow:hidden;min-height:390px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#0b1d25;color:#edf3f4;box-shadow:0 24px 60px rgba(0,0,0,.18)}.mit-head{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09);font:850 10px/1 ui-monospace,monospace;letter-spacing:.08em}.mit-map{height:240px;position:relative;background-image:linear-gradient(rgba(116,199,220,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(116,199,220,.06) 1px,transparent 1px);background-size:26px 26px}.mit-breakwater{position:absolute;left:8%;top:10%;width:76%;height:64%;border-left:10px solid #9ca8ad;border-bottom:10px solid #9ca8ad;border-radius:0 0 0 18px}.mit-pier{position:absolute;top:22%;height:38%;width:7px;background:#bcc5c9}.mit-pier.p1{left:28%}.mit-pier.p2{left:45%}.mit-vessel{position:absolute;width:18px;height:7px;border-radius:50% 70% 70% 50%;background:#f3f7f6;box-shadow:0 0 0 1px #74c7dc}.mit-vessel.v1{left:63%;top:34%;transform:rotate(-12deg)}.mit-vessel.v2{left:37%;top:48%;transform:rotate(92deg)}.mit-channel{position:absolute;right:2%;top:28%;width:38%;height:1px;border-top:2px dashed rgba(116,199,220,.48);transform:rotate(-8deg)}.mit-gate{position:absolute;left:65%;bottom:3%;height:27%;width:4px;background:#e47b00;box-shadow:0 0 0 5px rgba(228,123,0,.08)}.mit-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}.mit-metrics>div{padding:12px;border-right:1px solid rgba(255,255,255,.08)}.mit-metrics>div:last-child{border-right:0}.mit-metrics small{display:block;color:#7f939d;font:800 8px/1 ui-monospace,monospace;letter-spacing:.08em}.mit-metrics b{display:block;color:#fff;font:850 18px/1.1 ui-monospace,monospace;margin-top:5px}.mit-note{display:block;padding:9px 12px;color:#6f828c;font-size:9px;text-align:right}@media(max-width:560px){.mit-metrics{grid-template-columns:repeat(2,1fr)}.mit-metrics>div:nth-child(2){border-right:0}.mit-map{height:210px}}
/* ================================================================
   KEREM DEMIR SEHIRCILIK — V24 MASTER FINAL
   Gercek KD marka + Turkce arayuz + premium teknik urun katmani
   ================================================================ */
:root{
  --v24-orange:#e47b00;
  --v24-orange-2:#ff961f;
  --v24-blue:#20586a;
  --v24-blue-2:#3e8196;
  --v24-ink:#0b0e11;
  --v24-panel:#10161b;
  --v24-panel-2:#141d23;
  --v24-paper:#f7f4ee;
  --v24-line:rgba(255,255,255,.12);
  --v24-soft:rgba(255,255,255,.055);
  --v24-text:#eef2f3;
  --v24-muted:#aebbc2;
}

/* V24 marka imzasi ------------------------------------------------ */
body.v24 .topbar{background:rgba(8,11,13,.975);border-bottom-color:rgba(255,255,255,.13)}
body.v24 .nav{min-height:88px}
body.v24 .brand.brand-lockup{gap:14px;letter-spacing:.11em;font-size:14px}
body.v24 .brand-mark{width:56px!important;height:56px!important;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(228,123,0,.12))}
body.v24 .brand-wordmark small{margin-top:5px;font-size:9px;color:#b9c2c7}
body.v24 .footer .brand-mark{width:68px!important;height:68px!important}
body.v24 .footer .brand-lockup{gap:15px}
body.v24 .footer .brand-wordmark{font-size:15px}
body.v24 .kd-interface-mark{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 auto}
body.v24 .kd-interface-lockup{display:flex;align-items:center;gap:10px}
body.v24 .kd-interface-lockup>span{display:block}
body.v24 .kd-interface-lockup b{display:block;color:#f6f7f6;font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em}
body.v24 .kd-interface-lockup small{display:block;margin-top:3px;color:#87969e;font:700 9px/1.2 system-ui}

/* Ana arayuzun premium ayrimi ------------------------------------ */
body.v24 .page-hero{position:relative}
body.v24 .page-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(228,123,0,.48),transparent)}
body.v24 .section.soft{background:#f0ece4}
body.v24 .card{border-color:#d5d0c7}
body.v24 .card:hover{border-color:#bdb6aa}

/* Hareketlilik laboratuvari -------------------------------------- */
body.v24 .mobility-lab-section{background:#090d10!important;padding-top:76px;padding-bottom:92px}
body.v24 .traffic-lab-intro{display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:34px;align-items:end}
body.v24 .traffic-lab-intro .eyebrow{color:#ff9a3b}
body.v24 .traffic-lab-intro h2{max-width:900px;font-size:clamp(2.1rem,4vw,4.1rem);line-height:.99;letter-spacing:-.05em}
body.v24 .traffic-lab-badges span{background:#121a20;border-color:rgba(255,255,255,.12);color:#cbd4d8}
body.v24 .mobility-product-bar{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin:30px 0 16px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(135deg,rgba(228,123,0,.09),rgba(32,88,106,.08) 55%,rgba(255,255,255,.025));box-shadow:0 28px 70px rgba(0,0,0,.18)}
body.v24 .mobility-access-head{display:flex;align-items:center;gap:14px}
body.v24 .mobility-access-head h3{margin:0 0 4px;font-size:18px}
body.v24 .mobility-access-head p{margin:0;color:#aebbc2;font-size:12px}
body.v24 .mobility-access-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}
body.v24 .mobility-access-state>div{padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(0,0,0,.17)}
body.v24 .mobility-access-state span{display:block;color:#74858e;font:750 9px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
body.v24 .mobility-access-state b{display:block;margin-top:5px;color:#f2f5f5;font-size:13px}
body.v24 .mobility-access-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
body.v24 .mobility-access-actions .btn{font-size:11px;min-height:42px}
body.v24 .mobility-mode-tabs{margin-top:18px;background:#10161b;border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
body.v24 .mobility-mode-tabs button{color:#aab6bc}
body.v24 .mobility-mode-tabs button[aria-selected="true"]{background:linear-gradient(135deg,#f28a16,#d96f00);box-shadow:0 10px 26px rgba(228,123,0,.22)}
body.v24 .traffic-science-lab,
body.v24 .mobility-lab-grid{gap:12px}
body.v24 .traffic-control-deck,
body.v24 .traffic-digital-twin,
body.v24 .traffic-metric-deck,
body.v24 .ml-deck,
body.v24 .ml-stage,
body.v24 .ml-metrics{border-color:rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.16)}
body.v24 .traffic-digital-twin,
body.v24 .ml-stage{background:radial-gradient(circle at 50% 45%,rgba(32,88,106,.22),transparent 44%),linear-gradient(145deg,#080d10,#101b22)}
body.v24 .tl-stage-head,
body.v24 .ml-stage-head{top:14px;left:14px;right:14px}
body.v24 .tl-stage-head>div,
body.v24 .ml-stage-head>div{background:rgba(5,9,12,.87);border-color:rgba(255,255,255,.13);box-shadow:0 8px 22px rgba(0,0,0,.18)}
body.v24 .tl-panel-title>span,
body.v24 .ml-panel-title>span{background:rgba(228,123,0,.14);border:1px solid rgba(255,150,31,.17)}
body.v24 .traffic-control-deck label,
body.v24 .ml-deck label{font-size:11.5px;color:#c8d0d4}
body.v24 .traffic-control-deck select,
body.v24 .ml-deck select,
body.v24 .ml-deck input[type="number"]{background:#11191f;border-color:rgba(255,255,255,.16)}
body.v24 .tl-los,
body.v24 .ml-metric-hero{position:relative;overflow:hidden}
body.v24 .tl-los::after,
body.v24 .ml-metric-hero::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;bottom:-55px;border:20px solid rgba(255,255,255,.035)}
body.v24 .ml-formula-strip{background:#0e151a;border-color:rgba(255,255,255,.12)}
body.v24 .ml-formula-strip code{color:#78bfd4}
body.v24 .ml-science-note{border-left:3px solid var(--v24-blue-2);padding:15px 17px;background:rgba(32,88,106,.085);border-radius:0 14px 14px 0;color:#acbac1}

/* Teslim merkezi -------------------------------------------------- */
body.v24 .mobility-export-center{margin-top:20px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#0d1317;overflow:hidden}
body.v24 .export-center-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(228,123,0,.07),rgba(32,88,106,.08))}
body.v24 .export-center-head h3{margin:0;font-size:18px;color:#f4f6f6!important}
body.v24 .export-center-head p{margin:4px 0 0;color:#91a0a7;font-size:11px}
body.v24 .export-credit-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#11191e;color:#bfc9cd;font-size:11px;white-space:nowrap}
body.v24 .export-credit-pill b{color:#ff9a3b;font-size:13px}
body.v24 .export-center-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:0}
body.v24 .export-preview{padding:20px;border-right:1px solid rgba(255,255,255,.1)}
body.v24 .export-preview-frame{aspect-ratio:16/9;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(32,88,106,.14),transparent 50%),#070b0e;display:grid;place-items:center;position:relative;overflow:hidden}
body.v24 .export-preview-frame::before{content:"16:9 · MARKALI VİDEO ÇIKTISI";position:absolute;left:14px;top:13px;color:#73848c;font:800 9px/1 ui-monospace,monospace;letter-spacing:.1em}
body.v24 .export-preview-inner{text-align:center;padding:28px}
body.v24 .export-preview-inner img{width:54px;height:54px;object-fit:contain;margin:0 auto 13px}
body.v24 .export-preview-inner strong{display:block;color:#f5f6f5;font-size:16px}
body.v24 .export-preview-inner span{display:block;margin-top:5px;color:#85969e;font-size:11px}
body.v24 .export-actions{padding:20px}
body.v24 .export-actions h4{margin:0 0 13px;color:#f3f5f5;font-size:14px}
body.v24 .export-actions .btn{width:100%;justify-content:center;margin-top:8px}
body.v24 .export-actions .btn.export-secondary{background:transparent;border:1px solid rgba(255,255,255,.18);color:#e8edef}
body.v24 .export-actions .btn.export-secondary:hover{border-color:#ff9a3b}
body.v24 .export-note{margin-top:12px;color:#81929a;font-size:10.5px;line-height:1.55}
body.v24 .export-status{min-height:22px;margin-top:10px;color:#d0d8db;font-size:11px}

/* Fiyatlandirma --------------------------------------------------- */
body.v24 .mobility-pricing{background:var(--v24-paper)}
body.v24 .pricing-grid-v24{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
body.v24 .pricing-card-v24{position:relative;padding:23px;border:1px solid #d3cec5;border-radius:22px;background:#fff;overflow:hidden}
body.v24 .pricing-card-v24.featured{background:#10161a;color:#f0f3f4;border-color:#10161a;box-shadow:0 26px 64px rgba(11,14,17,.16)}
body.v24 .pricing-card-v24.featured h3,body.v24 .pricing-card-v24.featured p,body.v24 .pricing-card-v24.featured li{color:inherit!important}
body.v24 .pricing-card-v24 .plan-tag{display:inline-flex;min-height:25px;align-items:center;padding:0 9px;border-radius:999px;background:#f4eee5;color:#8a4d13;font-size:9px;font-weight:850;letter-spacing:.08em}
body.v24 .pricing-card-v24.featured .plan-tag{background:rgba(228,123,0,.16);color:#ffad5a}
body.v24 .pricing-card-v24 h3{margin:15px 0 5px;font-size:20px}
body.v24 .pricing-card-v24 .price{font-size:30px;font-weight:900;letter-spacing:-.04em;color:#111417}
body.v24 .pricing-card-v24.featured .price{color:#fff}
body.v24 .pricing-card-v24 .price small{font-size:11px;font-weight:750;letter-spacing:0;color:#71777c}
body.v24 .pricing-card-v24 ul{padding-left:18px;margin:17px 0;color:#535b61;font-size:12px}
body.v24 .pricing-card-v24 li+li{margin-top:7px}
body.v24 .pricing-card-v24 .btn{margin-top:8px;width:100%;justify-content:center}

/* Planlama Istihbarat Radari ------------------------------------- */
body.v24 .radar-console{border-radius:28px;border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,#0b1014,#111b20);box-shadow:0 32px 82px rgba(9,12,14,.18)}
body.v24 .radar-visual-head b,
body.v24 .radar-board-head b{color:#f2f5f6}
body.v24 .radar-watchlist strong{color:#ff9c42}
body.v24 .radar-card{border-radius:18px}
body.v24 .decision-lens{border-left-color:var(--v24-blue-2)}
body.v24 .radar-method>div small{color:#f09536}

/* Mobil ---------------------------------------------------------- */
@media(max-width:1000px){
  body.v24 .nav{min-height:78px}
  body.v24 .brand-mark{width:48px!important;height:48px!important}
  body.v24 .traffic-lab-intro{grid-template-columns:1fr}
  body.v24 .traffic-lab-badges{justify-content:flex-start}
  body.v24 .mobility-product-bar{grid-template-columns:1fr}
  body.v24 .mobility-access-actions{justify-content:flex-start}
  body.v24 .pricing-grid-v24{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  body.v24 .nav{min-height:72px}
  body.v24 .brand.brand-lockup{gap:9px;font-size:12px}
  body.v24 .brand-mark{width:44px!important;height:44px!important}
  body.v24 .brand-wordmark small{font-size:7.5px;letter-spacing:.12em}
  body.v24 .mobility-access-state{grid-template-columns:1fr}
  body.v24 .export-center-grid{grid-template-columns:1fr}
  body.v24 .export-preview{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  body.v24 .pricing-grid-v24{grid-template-columns:1fr}
  body.v24 .export-center-head{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  body.v24 *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ============================================================
   V24.2 — REAL BRAND VISIBILITY + PREMIUM SCIENTIFIC INTERFACES
   ============================================================ */
.v24 .hero-brand-stamp{
  position:absolute; right:24px; bottom:20px; z-index:5;
  display:flex; align-items:center; gap:12px; padding:10px 14px;
  border:1px solid rgba(255,255,255,.12); border-radius:16px;
  background:rgba(10,13,16,.76); backdrop-filter:blur(10px);
  box-shadow:0 14px 40px rgba(0,0,0,.22);
}
.v24 .hero-brand-stamp img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.22))}
.v24 .hero-brand-stamp span{display:grid;gap:2px;color:#fff;text-align:left}
.v24 .hero-brand-stamp b{font-size:18px;letter-spacing:.04em}
.v24 .hero-brand-stamp small{font-size:9px;letter-spacing:.16em;color:#aeb8bf;white-space:nowrap}

.v24 .radar-brand-strip{
  grid-column:1/-1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px;
  padding:13px 16px; margin-bottom:2px; border:1px solid rgba(255,255,255,.10); border-radius:18px;
  background:linear-gradient(110deg,rgba(13,17,20,.98),rgba(20,27,31,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.v24 .radar-brand-strip img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 5px 16px rgba(0,0,0,.32))}
.v24 .radar-brand-strip div{display:grid;gap:3px}
.v24 .radar-brand-strip b{font-size:12px;letter-spacing:.11em;color:#fff}
.v24 .radar-brand-strip small{font-size:11px;color:#aab5bb}
.v24 .radar-brand-badge{justify-self:end;font-size:9px;line-height:1.2;letter-spacing:.13em;color:#f6b37c;padding:7px 9px;border:1px solid rgba(233,109,31,.36);border-radius:999px;background:rgba(233,109,31,.08)}

.v24 .tl-stage-head>div:first-child,
.v24 .ml-stage-head>div:first-child{display:flex;align-items:center;gap:8px}
.v24 .stage-kd-mark{width:27px!important;height:27px!important;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.26))}
.v24 .tl-stage-head .tl-live-dot,
.v24 .ml-stage-head .ml-live{margin-left:1px}

/* Higher-end scientific desktop composition: clear surfaces, less gamer HUD. */
.v24 .traffic-science-lab,
.v24 .mobility-lab-grid{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#11161a 0%,#0c1013 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
}
.v24 .tl-controls,.v24 .ml-controls{
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
  border-right-color:rgba(255,255,255,.07);
}
.v24 .tl-stage,.v24 .ml-stage{background:#080b0e}
.v24 .tl-stage:after,.v24 .ml-stage:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.02) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.02) 50%,transparent 50.2%);
  background-size:80px 80px;opacity:.4;
}
.v24 .tl-stage canvas,.v24 .ml-stage canvas{position:relative;z-index:1}
.v24 .tl-stage-head,.v24 .ml-stage-head,.v24 .tl-axis-bar,.v24 .di-compare{position:relative;z-index:3}
.v24 .tl-metrics,.v24 .ml-metrics{background:linear-gradient(180deg,#151b1f,#101519)}
.v24 .tl-metric-row,.v24 .ml-metric-row{border-bottom:1px solid rgba(255,255,255,.055)}
.v24 .tl-formula,.v24 .ml-formula-strip>div{background:rgba(255,255,255,.022)}

@media(max-width:720px){
  .v24 .hero-brand-stamp{right:12px;bottom:12px;padding:8px 10px;gap:8px}
  .v24 .hero-brand-stamp img{width:42px;height:42px}
  .v24 .hero-brand-stamp small{display:none}
  .v24 .radar-brand-strip{grid-template-columns:auto 1fr;padding:10px 12px}
  .v24 .radar-brand-badge{grid-column:1/-1;justify-self:start}
  .v24 .radar-brand-strip img{width:42px;height:42px}
}

/* ============================================================
   V24.3 — BİRLEŞİK BİLİMSEL DURUM ŞERİDİ + MODEL KİMLİĞİ
   ============================================================ */
body.v24 .mobility-status-rail{
  --model-accent:#e47b00;
  display:grid;grid-template-columns:1.45fr 1fr 1.1fr .9fr;gap:0;
  margin:12px 0 18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;
  overflow:hidden;background:linear-gradient(105deg,#0b1014,#121a1f);box-shadow:0 18px 48px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.03)
}
body.v24[data-mobility-mode="development"] .mobility-status-rail{--model-accent:#f0a044}
body.v24[data-mobility-mode="marina"] .mobility-status-rail{--model-accent:#55a9c0}
body.v24 .mobility-status-rail>div{min-height:72px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.075);position:relative}
body.v24 .mobility-status-rail>div:last-child{border-right:0}
body.v24 .mobility-status-rail>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--model-accent);opacity:.48}
body.v24 .mobility-status-rail small{font:800 8.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#758790;margin-bottom:6px}
body.v24 .mobility-status-rail b{font-size:12px;line-height:1.35;color:#eef3f4!important}
body.v24 .mobility-status-rail .status-brand{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:11px}
body.v24 .mobility-status-rail .status-brand img{grid-row:1/3;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.28))}
body.v24 .mobility-status-rail .status-brand span{display:grid;align-content:center}
body.v24 .mobility-status-rail .status-calibration{color:#ffba78!important}
body.v24[data-mobility-mode="marina"] .mobility-mode-tabs button[aria-selected="true"]{border-color:#55a9c0;color:#ccebf2;box-shadow:inset 0 -2px #55a9c0}
body.v24[data-mobility-mode="development"] .mobility-mode-tabs button[aria-selected="true"]{border-color:#f0a044;color:#ffe0b6;box-shadow:inset 0 -2px #f0a044}
body.v24[data-mobility-mode="marina"] .ml-stage{box-shadow:inset 0 0 0 1px rgba(85,169,192,.12),inset 0 0 80px rgba(40,120,145,.055)}
body.v24[data-mobility-mode="development"] .ml-stage{box-shadow:inset 0 0 0 1px rgba(240,160,68,.10),inset 0 0 80px rgba(228,123,0,.045)}
body.v24 .kd-interface-mark{width:42px!important;height:42px!important}
body.v24 .export-preview-inner img{width:58px;height:58px}
@media(max-width:900px){body.v24 .mobility-status-rail{grid-template-columns:1fr 1fr}.v24 .mobility-status-rail>div:nth-child(2){border-right:0}.v24 .mobility-status-rail>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.075)}}
@media(max-width:560px){body.v24 .mobility-status-rail{grid-template-columns:1fr}.v24 .mobility-status-rail>div{min-height:62px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.075)}.v24 .mobility-status-rail>div:last-child{border-bottom:0}.v24 .mobility-status-rail .status-brand{grid-template-columns:auto 1fr}}

/* V24.1 — Simülasyon çalışma durumu ve yerel paket dayanıklılığı */
.v24 .simulation-runtime-status{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 10px;margin:0 0 14px;padding:10px 14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#10171b;color:#eef3f4;font-size:12px}
.v24 .simulation-runtime-status strong{font-size:12px}.v24 .simulation-runtime-status small{color:#93a2aa}.v24 .sim-runtime-dot{width:8px;height:8px;border-radius:50%;background:#e7a34d;box-shadow:0 0 0 5px rgba(231,163,77,.08)}
.v24 .simulation-runtime-status[data-state="ok"]{border-color:rgba(70,211,139,.28)}.v24 .simulation-runtime-status[data-state="ok"] .sim-runtime-dot{background:#46d38b;box-shadow:0 0 0 5px rgba(70,211,139,.09),0 0 18px rgba(70,211,139,.36)}
.v24 .simulation-runtime-status[data-state="error"]{border-color:rgba(255,103,82,.35)}.v24 .simulation-runtime-status[data-state="error"] .sim-runtime-dot{background:#ff6752}.v24 .simulation-runtime-status[data-state="warn"]{border-color:rgba(231,163,77,.32)}
body.v24 [data-tl-canvas]{background-color:#091017;background-image:linear-gradient(rgba(105,140,158,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(105,140,158,.07) 1px,transparent 1px),linear-gradient(90deg,transparent 0 38%,#252d35 38% 62%,transparent 62%),linear-gradient(transparent 0 38%,#252d35 38% 62%,transparent 62%);background-size:32px 32px,32px 32px,100% 100%,100% 100%}
body.v24 [data-di-canvas],body.v24 [data-mc-canvas]{background-color:#091017;background-image:linear-gradient(rgba(105,140,158,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(105,140,158,.06) 1px,transparent 1px);background-size:28px 28px}
@media(max-width:720px){.v24 .simulation-runtime-status{grid-template-columns:auto 1fr}.v24 .simulation-runtime-status small{grid-column:2}}

/* ============================================================
   V25 MASTER FINAL — TEK AKTİF GÖRSEL SÖZLEŞME
   Bu blok önceki görsel katmanların davranışını bozmadan son
   marka, okunabilirlik ve imza-arayüz normalizasyonlarını uygular.
   ============================================================ */
body.v25{
  --v25-ink:#0d1114;
  --v25-paper:#f6f3ed;
  --v25-surface:#ffffff;
  --v25-orange:#e47b00;
  --v25-petrol:#20586a;
  --v25-text:#15191c;
  --v25-muted:#5c646a;
  --v25-border:rgba(18,25,30,.13);
}
body.v25 .site-header{box-shadow:0 1px 0 rgba(255,255,255,.06),0 14px 42px rgba(0,0,0,.12)}
body.v25 .brand.brand-lockup{gap:11px}
body.v25 .brand-mark{filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))}
body.v25 .brand-wordmark{line-height:1.02}
body.v25 .brand-wordmark strong{letter-spacing:.035em}
body.v25 .brand-wordmark small{opacity:.78}
body.v25 main :where(p,li){text-wrap:pretty}
body.v25 :where(.content,.article-body,.legal-copy) p{max-width:76ch}
body.v25 :where(.card,.service-card,.hub-card,.project-card){border-color:var(--v25-border)}
body.v25 :where(.btn,.button){font-weight:800;letter-spacing:.01em}
body.v25 :where(.btn:focus-visible,.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:3px solid rgba(228,123,0,.38);outline-offset:3px}
body.v25 .traffic-lab-shell,
body.v25 .radar-shell{isolation:isolate}
body.v25 .traffic-science-lab,
body.v25 .mobility-lab-grid,
body.v25 .radar-main-grid{border-radius:26px}
body.v25 .mobility-export-center{box-shadow:0 26px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
body.v25 .export-preview-frame{box-shadow:inset 0 0 0 1px rgba(85,169,192,.045)}
body.v25 .radar-brand-strip{box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04)}
body.v25 .simulation-runtime-status{backdrop-filter:blur(10px)}
body.v25 :where(.muted,.small-note,.fineprint){color:var(--v25-muted)}
body.v25 .dark :where(.muted,.small-note,.fineprint),
body.v25 :where(.traffic-lab-shell,.radar-shell,.dark-section) :where(.muted,.small-note,.fineprint){color:#aeb9bf}
@media(max-width:720px){
  body.v25 .brand-wordmark strong{font-size:11px}
  body.v25 .brand-wordmark small{font-size:7px}
  body.v25 .traffic-science-lab,
  body.v25 .mobility-lab-grid,
  body.v25 .radar-main-grid{border-radius:20px}
}