/* Vegatech Advisory Concept 03 — service page system. Shared site brand styles in styles.css */
html[lang="tr"] .locale-en,html[lang="en"] .locale-tr{display:none!important}
.detail-page{background:#f7f8f4}
.detail-page[data-service="technology-strategy"]{--service-accent:#a8dfc0}
.detail-page[data-service="cybersecurity-risk"]{--service-accent:#b6dbe4}
.detail-page[data-service="it-investment-governance"]{--service-accent:#e4dcb7}
.detail-page[data-service="digital-transformation"]{--service-accent:#c7d9eb}
.detail-page .site-header{z-index:140}
.detail-page .site-header .nav-wrap{min-height:78px}
.detail-page .site-footer{margin-top:0}
.detail-page .section{padding:104px 0}
.detail-page .section-intro h2,.situation-grid h2,.service-contact h2,.outputs-left h2{font-size:clamp(35px,4vw,56px);letter-spacing:-2.25px;line-height:1.13;font-weight:570;margin:19px 0 0}
.detail-page .section-intro p{max-width:475px;margin:0;color:#51636c}
.detail-page .eyebrow{letter-spacing:2px}
.detail-page .hero-aurora{width:780px;height:780px;right:-330px;top:-160px;background:radial-gradient(circle,color-mix(in srgb,var(--service-accent) 21%,transparent),transparent 65%);animation:service-glow 18s ease-in-out infinite alternate}
.service-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.service-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:radial-gradient(circle,#85baa5 0.45px,transparent .65px);background-size:12px 12px;mask-image:linear-gradient(100deg,transparent,#000)}
.service-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:88px;padding-top:72px;padding-bottom:87px}
.service-breadcrumb{display:flex;align-items:center;gap:16px;color:#abc4c7;font-size:12px;margin-bottom:67px}
.service-breadcrumb a{border-bottom:1px solid #6f8c91;padding-bottom:4px;transition:color .2s}
.service-breadcrumb a:hover{color:white}
.service-breadcrumb span:last-child{font-weight:800;letter-spacing:1.2px;color:var(--service-accent)}
.service-hero h1{font-size:clamp(47px,4.55vw,73px);font-weight:565;letter-spacing:-3px;line-height:1.09;margin:28px 0 26px;max-width:750px;text-wrap:balance}
.service-lead{font-size:16px;line-height:1.85;color:#b6c7cc;max-width:630px;margin:0}
.service-hero .hero-actions{gap:26px;flex-wrap:wrap;margin-top:38px}
.service-hero .button-accent{background:var(--service-accent);font-size:12px}
.service-hero .text-link{white-space:nowrap}
.executive-lens{align-self:center;position:relative;border:1px solid rgba(179,219,212,.35);background:linear-gradient(150deg,rgba(36,67,77,.88),rgba(13,33,47,.90));padding:38px 37px 31px;min-height:506px;box-shadow:0 32px 75px #07152155;overflow:hidden;isolation:isolate}
.executive-lens::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid #a8d8cd20;right:-60px;top:58px;box-shadow:0 0 0 80px #a8d8cd06;pointer-events:none}
.executive-lens::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--service-accent),transparent);animation:shine 7s ease-in-out infinite alternate}
.lens-head{display:flex;align-items:center;justify-content:space-between;color:#9dbbbf;font-size:12px;font-weight:800;letter-spacing:2.1px}
.lens-cross{font-size:24px;color:var(--service-accent);font-weight:400}
.lens-label{display:block;margin-top:77px;color:#9fb3ba;font-size:12px;letter-spacing:1.2px;font-weight:800;text-transform:uppercase}
.lens-big{font-size:clamp(24px,2.45vw,36px);line-height:1.31;letter-spacing:-.8px;font-weight:570;margin:17px 0 22px;max-width:410px;position:relative;z-index:1;text-wrap:balance}
.lens-rule{width:50px;height:2px;background:var(--service-accent)}
.lens-small{font-size:13px;color:#bdced1;line-height:1.7;max-width:395px;margin:19px 0 22px}
.lens-tags{display:flex;flex-wrap:wrap;gap:7px}
.lens-tags span{display:inline-block;color:#deebe4;border:1px solid #71928f70;background:#ffffff08;padding:8px 10px;font-size:12px;letter-spacing:.1px}
.lens-bottom{position:absolute;bottom:22px;left:37px;right:37px;display:flex;justify-content:space-between;color:#7b9aa2;font-size:12px;letter-spacing:1.4px;font-weight:700}
.service-hero-bottom{font-size:12px;gap:25px}
.service-hero-bottom span:last-child{text-align:right;color:#acc1c4}
.service-questions{background:#f7f8f4}
.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd8d3;border:1px solid #cbd8d3}
.question-card{background:#fff;padding:32px 35px 37px;min-height:265px;transition:background .22s,transform .22s}
.question-card:hover{background:#edf5ee}
.question-index{display:inline-block;color:#227362;border-bottom:1px solid #8fb8aa;padding-bottom:10px;font-size:12px;letter-spacing:1.5px;font-weight:900}
.question-card p{font-size:clamp(17px,1.58vw,22px);font-weight:580;line-height:1.55;margin:30px 0 0;letter-spacing:-.4px;max-width:375px}
.service-capabilities{background:#eaf0ed;scroll-margin-top:110px}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.cap-card{min-height:290px;background:#fff;padding:30px 30px 37px;border:1px solid #dce5e2;transition:transform .25s,box-shadow .25s}
.cap-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #17372a10}
.cap-number{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#66837d;font-weight:850;letter-spacing:1.5px}
.cap-number span{font-size:26px;color:#2e7e6d;font-weight:400}
.cap-card h3{font-size:clamp(21px,1.75vw,26px);font-weight:610;line-height:1.25;letter-spacing:-.7px;margin:35px 0 15px;max-width:310px}
.cap-card p{color:#607179;line-height:1.76;font-size:13px;max-width:345px;margin:0}
.service-outputs{background:var(--navy);color:#fff}
.outputs-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:85px;align-items:start}
.outputs-left{position:sticky;top:125px}
.outputs-left p{font-size:15px;line-height:1.83;color:#b5c7cd;max-width:385px;margin:27px 0 35px}
.output-note{display:block;color:var(--service-accent);font-size:12px;font-weight:800;letter-spacing:1.3px;line-height:1.65;text-transform:uppercase;max-width:350px}
.outputs-grid{display:grid;grid-template-columns:1fr;gap:9px}
.output-card{border:1px solid #47606b;background:#152e40;display:flex;gap:27px;padding:25px 28px;min-height:116px;transition:background .22s}
.output-card:hover{background:#213d4a}
.output-icon{border:1px solid #628480;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;flex:0 0 41px;color:var(--service-accent);font-size:21px;font-family:var(--serif)}
.output-card h3{font-size:18px;margin:0 0 7px;font-weight:650;letter-spacing:-.25px}
.output-card p{font-size:13px;line-height:1.6;margin:0;color:#aebfc7}
.service-journey{background:#f8f8f4}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #c3d0ca;border-bottom:1px solid #c3d0ca}
.journey-step{padding:28px 17px 30px;border-right:1px solid #c3d0ca;min-height:226px}
.journey-step:first-child{padding-left:0}.journey-step:last-child{border-right:0}
.journey-step>span{color:#237865;font-family:var(--serif);font-size:27px}
.journey-step h3{font-size:16px;line-height:1.4;font-weight:650;margin:27px 0 13px}
.journey-step p{color:#61747c;font-size:12px;line-height:1.68;margin:0}
.service-values{background:#eaf0ed}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.value-card{padding:31px 34px;background:white;min-height:230px;border-top:3px solid #82b4a5}
.value-card>span{color:#7c9b92;font-size:12px;letter-spacing:1.2px;font-weight:850}
.value-card h3{font-size:23px;letter-spacing:-.7px;margin:34px 0 14px;font-weight:620}
.value-card p{font-size:13px;line-height:1.75;color:#536d72;max-width:350px;margin:0}
.situations{background:#f7f8f4}
.situation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.situation-grid>div>p{color:#647780;font-size:15px;line-height:1.8;max-width:440px;margin-top:28px}
.situations-list{list-style:none;padding:0;margin:0;border-top:1px solid #bacbc5}
.situations-list li{font-size:16px;line-height:1.6;letter-spacing:-.15px;font-weight:560;padding:22px 8px 22px 35px;position:relative;border-bottom:1px solid #bacbc5}
.situations-list li::before{content:'';position:absolute;left:1px;top:21px;font-size:16px;color:#398a73}
.service-contact{background:#142e3b;color:#fff;overflow:hidden}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) .45fr;gap:60px;padding-top:93px;padding-bottom:97px;position:relative}
.service-contact h2{max-width:790px}
.service-contact p{color:#bbcad0;line-height:1.85;font-size:15px;max-width:680px;margin:25px 0 33px}
.service-contact .button-accent{background:var(--service-accent)}
.service-contact small{display:block;font-size:12px;color:#839ca5;margin-top:19px;max-width:510px;line-height:1.6}
.contact-watermark{font-family:var(--serif);font-size:clamp(170px,27vw,380px);font-weight:500;letter-spacing:-45px;align-self:center;text-align:center;color:#ffffff0c;line-height:.9;user-select:none;pointer-events:none}
.contact-watermark span{color:#a4d8bc25}
.other-practice{background:#e5ede9;border-top:1px solid #c7d7ce}
.other-practice-inner{padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.other-practice-inner span{color:#387464;font-size:12px;font-weight:850;letter-spacing:1.7px;text-transform:uppercase}
.other-practice h2{font-size:clamp(20px,2.6vw,32px);letter-spacing:-.8px;font-weight:620;margin:9px 0 0}
.other-practice-link{width:58px;height:58px;background:#163b42;color:#ddf5e6;display:grid;place-items:center;font-size:25px;border-radius:50%;transition:transform .25s}
.other-practice-link:hover{transform:rotate(45deg)}
.practice-page-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#183d42;color:#e1f4e7;font-size:12px;font-weight:800;margin-top:20px;transition:background .2s,transform .2s}
.practice-page-link:hover{background:#286c60;transform:translateY(-2px)}
.practice-page-link span:last-child{font-size:21px;font-weight:400}
.detail-page .site-footer{background:#0b1d30}
@keyframes service-glow{from{transform:translate(0,0) scale(.95)}to{transform:translate(-80px,60px) scale(1.2)}}
@keyframes shine{from{transform:translateX(-45%);opacity:.15}to{transform:translateX(45%);opacity:.7}}
/* Motion is a progressive enhancement; content always remains readable without script. */
html.service-motion .detail-page .soft-reveal{opacity:0;transform:translateY(17px);transition:opacity .62s ease,transform .62s ease;transition-delay:var(--reveal-delay,0ms)}
html.service-motion .detail-page .soft-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1180px){.service-hero-inner{gap:48px}.executive-lens{padding:30px;min-height:490px}.lens-bottom{left:30px;right:30px}.cap-card{padding:25px}.outputs-layout{gap:45px}.situation-grid{gap:55px}}
@media(max-width:960px){.detail-page .container{width:min(100% - 48px,1290px)}.service-hero-inner{grid-template-columns:1fr;gap:38px;padding-top:44px;padding-bottom:50px}.service-breadcrumb{margin-bottom:39px}.service-hero h1{max-width:800px}.executive-lens{max-width:700px;width:100%;min-height:390px}.lens-label{margin-top:45px}.lens-bottom{bottom:16px}.detail-page .section{padding:75px 0}.question-grid{grid-template-columns:1fr 1fr}.question-card{min-height:230px}.cap-grid{grid-template-columns:1fr 1fr}.outputs-layout{grid-template-columns:1fr}.outputs-left{position:static}.outputs-left p{max-width:650px}.journey-grid{grid-template-columns:repeat(3,1fr)}.journey-step:nth-child(3){border-right:0}.journey-step:nth-child(n+4){border-top:1px solid #c3d0ca}.value-grid{gap:10px}.value-card{padding:25px}.situation-grid{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr}.contact-watermark{position:absolute;right:0;bottom:10px;opacity:.4}}
@media(max-width:700px){.detail-page .container{width:min(100% - 36px,1290px)}.service-hero-inner{padding-top:27px}.service-breadcrumb{margin-bottom:40px;flex-wrap:wrap}.service-hero h1{font-size:clamp(39px,10vw,55px);letter-spacing:-2px}.service-lead{font-size:14px}.executive-lens{padding:25px 22px 42px;min-height:410px}.lens-label{margin-top:45px}.lens-big{font-size:28px}.lens-bottom{left:22px;right:22px}.service-hero-bottom{font-size:12px}.service-hero-bottom span:last-child{display:none}.detail-page .section{padding:65px 0}.detail-page .section-intro{margin-bottom:35px}.detail-page .section-intro h2,.situation-grid h2,.service-contact h2,.outputs-left h2{font-size:37px;letter-spacing:-1.5px}.question-grid,.cap-grid,.value-grid{grid-template-columns:1fr}.question-card{min-height:0;padding:26px 25px}.question-card p{margin-top:21px;font-size:19px}.cap-card{min-height:0;padding:26px}.cap-card h3{margin-top:25px}.outputs-layout{gap:30px}.output-card{padding:22px 20px;gap:16px}.output-icon{width:34px;height:34px;flex-basis:34px}.journey-grid{display:grid;grid-template-columns:1fr 1fr}.journey-step:nth-child(n){border-right:1px solid #c3d0ca;border-top:1px solid #c3d0ca;min-height:190px;padding:20px 15px}.journey-step:nth-child(2n){border-right:0}.journey-step:nth-child(-n+2){border-top:0}.journey-step h3{margin:19px 0 10px}.value-card{min-height:0}.value-card h3{margin:22px 0 10px}.situation-grid{gap:26px}.situations-list li{font-size:14px}.contact-grid{padding-top:75px;padding-bottom:70px}.contact-watermark{display:none}.service-contact .button-accent{width:100%;justify-content:space-between}.other-practice h2{font-size:20px}.other-practice-link{height:45px;width:45px;flex:0 0 45px}.preview-banner{letter-spacing:1px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.detail-page *,.detail-page *::before,.detail-page *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}html.service-motion .detail-page .soft-reveal{opacity:1!important;transform:none!important}}