:root{
  --ink:#0e1a21; --muted:#65727a; --bg:#f5f8f7; --white:#fff;
  --mint:#e6f0f9; --mint2:#f0f6fc; --teal:#5d93cf; --teal2:#2f72b9;
  --sand:#edf3f9; --line:#dfe7e4; --shadow:0 28px 90px rgba(14,26,33,.10);
  --max:1540px; --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
body.no-scroll{overflow:hidden}
a{text-decoration:none;color:inherit}
img{width:100%;height:100%;object-fit:cover;display:block}
button,input,select,textarea{font:inherit}
::selection{background:#cfe3f6}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.serif{font-family:"DM Serif Display",serif}
.kicker{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);display:flex;align-items:center;gap:10px}
.kicker:before{content:"";width:28px;height:1px;background:currentColor}
h1,h2,h3{margin:0;letter-spacing:-.045em}
h1{font-size:clamp(62px,7.2vw,116px);line-height:.87;font-weight:700}
h2{font-size:clamp(44px,5vw,78px);line-height:.96}
h3{font-size:24px}
em{font-family:"DM Serif Display",serif;font-weight:400;color:var(--teal)}
p{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;border:0;transition:.25s;cursor:pointer}
.btn:hover{transform:translateY(-2px);background:var(--teal)}
.btn.light{background:white;color:var(--ink)}
.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}
.text-link{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:800;border-bottom:1px solid #9aaba6;padding-bottom:4px}
header{position:sticky;top:0;z-index:60;background:rgba(245,248,247,.82);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(223,231,228,.8)}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:46px;height:46px}
.brand strong{font-size:16px;letter-spacing:.18em}
.brand small{display:block;margin-top:5px;color:var(--muted);font-size:8px;letter-spacing:.23em}
nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:800}
nav a{position:relative;padding:34px 0}
nav a:after{content:"";position:absolute;left:0;bottom:25px;width:0;height:1px;background:var(--teal);transition:.25s}
nav a:hover:after,nav a.active:after{width:100%}
.menu-btn{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:white}
.hero{padding:48px 0 90px}
.hero-grid{display:grid;grid-template-columns:44% 56%;gap:4vw;align-items:center}
.hero-copy{padding-right:10px}
.hero-copy p{font-size:17px;max-width:600px;margin:28px 0 0}
.hero-actions{display:flex;gap:22px;align-items:center;margin-top:34px}
.metrics{display:flex;gap:36px;border-top:1px solid var(--line);margin-top:54px;padding-top:24px}
.metrics b{display:block;font-size:22px}
.metrics span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.hero-art{height:680px;position:relative}
.hero-art .main{position:absolute;inset:0 0 0 8%;border-radius:220px 28px 28px 28px;overflow:hidden;box-shadow:var(--shadow)}
.hero-art .main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(8,20,23,.34))}
.hero-art .main img{transition:transform 1s}
.hero-art:hover .main img{transform:scale(1.03)}
.hero-art .side{position:absolute;width:36%;height:38%;left:0;bottom:8%;border:10px solid var(--bg);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.hero-card{position:absolute;right:3%;bottom:3%;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);padding:22px 24px;border-radius:18px;width:280px;box-shadow:var(--shadow)}
.hero-card small{font-size:8px;color:var(--teal);font-weight:800;letter-spacing:.16em}
.hero-card b{display:block;font:27px/1.05 "DM Serif Display";margin:10px 0}
.hero-card span{font-size:10px;color:var(--muted)}
.air-ring{position:absolute;right:-20px;top:-24px;width:140px;height:140px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.14em;text-align:center}
.ribbon{overflow:hidden;background:var(--ink);color:#d8e2df;padding:15px 0}
.ribbon-track{display:flex;gap:30px;min-width:max-content;animation:marquee 24s linear infinite;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ribbon i{width:5px;height:5px;border-radius:50%;background:#73a9dc;align-self:center}
@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:115px 0}
.intro-grid{display:grid;grid-template-columns:18% 44% 1fr;gap:5vw}
.intro-grid p{margin-top:0}
.signature{background:var(--white);border-radius:36px;padding:18px;box-shadow:var(--shadow)}
.signature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.signature-main{position:relative;min-height:640px;border-radius:26px;overflow:hidden}
.signature-main:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,20,24,.82))}
.signature-copy{position:absolute;left:36px;right:36px;bottom:34px;z-index:2;color:#fff}
.signature-copy small{font-size:9px;letter-spacing:.16em}
.signature-copy h3{font:46px/1.02 "DM Serif Display";margin:12px 0}
.signature-copy p{color:#d9e5e2;max-width:560px}
.signature-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.mini-card{position:relative;border-radius:24px;overflow:hidden;min-height:310px}
.mini-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(7,20,24,.78))}
.mini-card div{position:absolute;left:24px;right:24px;bottom:22px;color:white;z-index:2}
.mini-card small{font-size:8px;letter-spacing:.15em}
.mini-card b{display:block;font-size:20px;margin-top:6px}
.editorial{display:grid;grid-template-columns:38% 1fr;gap:8vw;align-items:center}
.editorial-copy p{margin:26px 0}
.editorial-copy ul{list-style:none;padding:0;margin:28px 0}
.editorial-copy li{padding:12px 0;border-top:1px solid var(--line);font-size:12px;font-weight:700}
.editorial-art{height:700px;position:relative}
.editorial-art .a{position:absolute;right:0;top:0;width:72%;height:76%;border-radius:26px}
.editorial-art .b{position:absolute;left:0;bottom:0;width:47%;height:45%;border-radius:24px;border:10px solid var(--bg)}
.editorial-note{position:absolute;right:28px;bottom:22px;width:250px;background:white;border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.editorial-note small{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:.16em}
.editorial-note p{font-size:10px;margin:6px 0 0}
.process-wrap{background:linear-gradient(135deg,#eaf4f1,#f3f6fa);border-radius:34px;padding:70px}
.process{display:grid;grid-template-columns:32% 1fr;gap:8vw}
.steps{display:grid;grid-template-columns:1fr 1fr}
.step{padding:30px 35px 42px;border-left:1px solid #d3dfea;border-bottom:1px solid #d3dfea}
.step:nth-child(3),.step:nth-child(4){border-bottom:0}
.step b{font:36px "DM Serif Display";color:var(--teal)}
.step p{font-size:11px;max-width:260px}
.projects-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}
.projects-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:360px 360px;gap:18px}
.project{position:relative;border-radius:24px;overflow:hidden}
.project.tall{grid-row:1/3}
.project:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(7,20,24,.82))}
.project img{transition:transform .7s}
.project:hover img{transform:scale(1.035)}
.project div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff;display:flex;justify-content:space-between;align-items:end}
.project small{font-size:8px;letter-spacing:.15em}
.project b{display:block;font-size:18px}
.project span{font-size:24px}
.brand-panel{background:var(--teal);color:white;border-radius:34px;padding:75px;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}
.brand-panel p{color:#e7f0fa}
.brand-panel em{color:#d9e9f8}
.cta-mini{display:flex;gap:14px;flex-wrap:wrap}
.subhero{padding:70px 0 90px}
.subhero-grid{display:grid;grid-template-columns:45% 55%;gap:5vw;align-items:center}
.subhero-media{height:590px;border-radius:34px;overflow:hidden;position:relative}
.subhero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(8,20,23,.35))}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.info-card{background:white;border-radius:22px;padding:30px;min-height:240px;box-shadow:0 16px 50px rgba(14,26,33,.05)}
.info-card span{font:34px "DM Serif Display";color:var(--teal)}
.info-card h3{margin-top:36px}
.info-card p{font-size:11px}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gallery figure{margin:0;height:380px;border-radius:24px;overflow:hidden;position:relative}
.gallery figure.wide{grid-column:1/3;height:520px}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:55px 24px 22px;background:linear-gradient(transparent,rgba(7,20,24,.8));color:white}
.gallery small{font-size:8px;letter-spacing:.15em}
.gallery b{display:block;font-size:19px}
.quote-layout{display:grid;grid-template-columns:38% 1fr;gap:8vw}
.quote-form{background:white;border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:18px;box-shadow:var(--shadow)}
.quote-form label{font-size:11px;font-weight:800}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;outline:none}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(19,123,129,.1)}
.full{grid-column:1/3}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.contact-card{background:white;border-radius:22px;padding:28px;min-height:170px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 50px rgba(14,26,33,.05)}
.contact-card small{font-size:8px;letter-spacing:.16em;color:var(--teal);font-weight:800}
.contact-card b{font-size:18px;margin:8px 0}
.map{height:430px;border-radius:28px;background:linear-gradient(135deg,#dfeeea,#f5eee8);display:grid;place-items:center;text-align:center}
footer{margin-top:110px;background:#0b171e;color:#aebbc0}
.prefooter{padding:75px 0;border-bottom:1px solid #203038}
.prefooter-grid{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}
.prefooter h2{color:white}
.prefooter p{color:#b8c6ca}
.footer-main{padding:55px 0 30px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;font-size:11px}
.footer-main .brand strong{color:white}
.footer-main>div:not(.footbrand){display:flex;flex-direction:column;gap:7px}
.footer-main b{color:white}
.footbrand p{max-width:320px}
.footbottom{grid-column:1/-1;border-top:1px solid #203038;margin-top:18px;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}
.quick{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;gap:10px}
.quick a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:white;box-shadow:0 10px 34px rgba(14,26,33,.18);font-weight:800}
.quick a:last-child{background:#25d366;color:white}
.reveal{opacity:0;transform:translateY(18px);transition:.7s}
.reveal.visible{opacity:1;transform:none}
@media(max-width:1020px){
  .menu-btn{display:block}
  header .btn{display:none}
  nav{position:absolute;top:78px;left:18px;right:18px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;display:none;flex-direction:column;align-items:stretch}
  nav.open{display:flex}
  nav a{padding:12px}
  nav a:after{display:none}
  .hero-grid,.subhero-grid,.quote-layout,.editorial,.process,.brand-panel,.prefooter-grid{grid-template-columns:1fr}
  .hero-art,.subhero-media{height:520px}
  .intro-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .signature-grid{grid-template-columns:1fr}
  .signature-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .container{width:min(calc(100% - 32px),var(--max))}
  .nav{height:76px}
  .brand img{width:40px;height:40px}
  .hero{padding:34px 0 65px}
  h1{font-size:56px}
  .hero-grid{grid-template-columns:1fr}
  .hero-art{height:420px}
  .hero-art .main{inset:0 0 0 4%;border-radius:140px 18px 18px}
  .hero-art .side{width:42%;height:36%;border-width:7px}
  .hero-card{width:240px;padding:18px;right:10px}
  .air-ring{width:90px;height:90px;right:-4px}
  .hero-actions{align-items:flex-start;flex-direction:column}
  .metrics{gap:18px}
  .section{padding:80px 0}
  .signature-main{min-height:470px}
  .signature-copy{left:24px;right:24px}
  .signature-copy h3{font-size:36px}
  .signature-side{grid-template-columns:1fr}
  .editorial-art{height:500px}
  .process-wrap{padding:35px 24px}
  .steps{grid-template-columns:1fr}
  .step{border-left:0;border-bottom:1px solid #d3dfea!important;padding-left:0}
  .projects-head{align-items:flex-start;flex-direction:column;gap:20px}
  .projects-grid{display:block}
  .project{height:340px;margin-bottom:14px}
  .project.tall{height:400px}
  .brand-panel{padding:44px 28px}
  .cards{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .gallery figure,.gallery figure.wide{grid-column:auto;height:340px}
  .quote-form{grid-template-columns:1fr;padding:26px}
  .full{grid-column:auto}
  .contact-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr}
  .footbottom{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Ventus original logo integration */
.real-brand{display:flex;align-items:center;min-width:180px}
.real-brand img{width:190px;height:66px;object-fit:contain;object-position:left center}
.footer-logo img{width:220px;height:105px;filter:none}
.brand-watermark{position:absolute!important;right:-1%;top:3%;width:240px!important;height:auto!important;object-fit:contain!important;opacity:.12;z-index:3;pointer-events:none;filter:saturate(1.1)}
.air-ring{overflow:hidden;position:absolute}
.air-ring img{width:58px;height:auto;object-fit:contain;margin:auto;opacity:.72}
.air-ring span{display:block;font-size:7px;line-height:1.3;margin-top:-12px}
.hero-card{border-top:3px solid var(--teal)}
.signature,.info-card,.contact-card,.quote-form{border:1px solid rgba(93,147,207,.08)}
.brand-panel{background:linear-gradient(135deg,#2f72b9,#5d93cf)}
.ribbon{background:#101c2b}
.prefooter{background:linear-gradient(135deg,#0d1a29,#12283e)}
footer{background:#0d1a29}
@media(max-width:680px){.real-brand{min-width:0}.real-brand img{width:145px;height:54px}.footer-logo img{width:190px;height:90px}.brand-watermark{width:145px!important;right:-3%;top:5%}}


.refs-hero{padding-top:70px}.refs-hero-grid{display:grid;grid-template-columns:44% 56%;gap:5vw;align-items:center}.refs-lead{max-width:620px;font-size:16px;color:var(--muted)}.refs-visual{height:610px;position:relative}.refs-visual>img{border-radius:180px 28px 28px 28px}.refs-floating{position:absolute;left:-34px;bottom:30px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);padding:25px 28px;border-radius:18px;box-shadow:var(--shadow)}.refs-floating small{font-size:8px;letter-spacing:.16em;color:var(--teal);font-weight:800}.refs-floating b{display:block;font:28px/1.05 "DM Serif Display";margin-top:10px}.refs-head{display:grid;grid-template-columns:1fr .65fr;gap:8vw;align-items:end;margin-bottom:48px}.refs-head>p{max-width:520px}.refs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ref-card{min-height:280px;background:#fff;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 50px rgba(14,26,33,.05);transition:transform .3s,box-shadow .3s}.ref-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.ref-card>span{font:38px "DM Serif Display";color:var(--teal)}.ref-card small{font-size:8px;font-weight:800;letter-spacing:.16em;color:var(--teal)}.ref-card h3{margin:8px 0}.ref-card p{font-size:11px}.refs-proof{padding-top:20px}.refs-proof-box{background:linear-gradient(135deg,#e9f3f7,#f6f9fa);border-radius:32px;padding:65px;display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:center}.refs-proof-box p{margin-top:0}
@media(max-width:1020px){.refs-hero-grid,.refs-head,.refs-proof-box{grid-template-columns:1fr}.refs-grid{grid-template-columns:1fr 1fr}.refs-visual{height:500px}}
@media(max-width:680px){.refs-visual{height:400px}.refs-visual>img{border-radius:120px 20px 20px}.refs-floating{left:10px;bottom:14px;padding:18px}.refs-grid{grid-template-columns:1fr}.refs-proof-box{padding:40px 26px}}

.company-legal{grid-column:1/-1;padding-top:22px;border-top:1px solid #203038;color:#819098;font-size:9px;line-height:1.7;letter-spacing:.04em}
.map .btn{margin-top:14px}

/* Ventus logo — bordersiz görünüm */
.logo,
.logo img,
.brand,
.brand img,
.site-logo,
.site-logo img,
.nav-logo,
.nav-logo img,
.header-logo,
.header-logo img,
.footer-logo,
.footer-logo img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.logo,
.brand,
.site-logo,
.nav-logo,
.header-logo,
.footer-logo {
  background: transparent !important;
}

/* Logo görselinin kendi dosyasındaki çerçeve de temizlendi */
.real-brand, .real-brand img, .footbrand .real-brand, .footbrand .real-brand img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Çalışan formlar */
.form-honey{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.quote-form label{position:relative}
.quote-form input.is-invalid,.quote-form select.is-invalid,.quote-form textarea.is-invalid{border-color:#c43f3f!important;box-shadow:0 0 0 3px rgba(196,63,63,.08)!important}
.field-error{display:block;min-height:16px;margin-top:6px;font-size:10px;line-height:1.35;color:#b72e2e}
.form-status{display:none;margin-top:4px;padding:15px 18px;border-radius:14px;font-size:12px;line-height:1.55}
.form-status.success{display:block;background:#eaf7f1;color:#176247;border:1px solid rgba(23,98,71,.14)}
.form-status.error{display:block;background:#fff0f0;color:#9b2c2c;border:1px solid rgba(155,44,44,.14)}
.form-submit:disabled{opacity:.65;cursor:wait;pointer-events:none}
.file-field small{display:block;margin-top:7px;font-size:9px;color:var(--muted)}
.consent{display:flex!important;align-items:flex-start;gap:10px;font-size:10px!important;line-height:1.5;color:var(--muted)}
.consent input{width:16px!important;height:16px!important;flex:0 0 16px;margin-top:2px}
.contact-form-section{padding-top:20px}
@media(max-width:680px){.form-status{font-size:11px}.consent{font-size:9px!important}}