
:root{--ink:#0c0c0d;--ink2:#131313;--paper:#f4f0e7;--paper2:#fbf8f2;--gold:#b38b3d;--gold2:#d8bd79;--muted:#6f6a60;--line:rgba(18,18,18,.13);--white:#fff;--max:1180px;--radius:26px;--shadow:0 28px 80px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#171717;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.serif{font-family:Georgia,"Times New Roman",serif}.eyebrow{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:800}.eyebrow.light{color:var(--gold2)}
.topbar{position:fixed;z-index:100;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(7,7,7,.96),rgba(7,7,7,.76) 74%,rgba(7,7,7,0));color:#fff}.nav-inner{height:92px;display:flex;align-items:center;gap:28px}.brand{margin-right:auto;display:flex;align-items:center}.brand img{width:66px;height:auto;object-fit:contain;transform:none!important}.main-nav{display:flex;align-items:center;gap:27px;font-size:.86rem}.main-nav a{opacity:.82}.main-nav a:hover{opacity:1;color:var(--gold2)}.langs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.22)}.langs a{min-width:34px;text-align:center;padding:7px 8px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.05em;color:#d7d7d7}.langs a.active{background:var(--gold);color:#fff}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;font-size:1.25rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-panel{position:absolute;right:0;top:54px;width:min(310px,calc(100vw - 30px));background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.38)}.mobile-panel a{display:block;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#f5f5f5}.mobile-panel .langs{margin-top:14px;justify-content:space-between}.mobile-panel .langs a{border:0;padding:9px 7px}
.hero{position:relative;overflow:hidden;background:#090909;color:#fff;min-height:760px;display:flex;align-items:center;padding:160px 0 100px}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.94) 0%,rgba(7,7,7,.76) 48%,rgba(7,7,7,.42) 100%),linear-gradient(0deg,rgba(7,7,7,.90),transparent 70%),url('https://images.pexels.com/photos/12899156/pexels-photo-12899156.jpeg?auto=compress&cs=tinysrgb&w=1800') center/cover no-repeat;opacity:.96}.hero::after{content:"";position:absolute;width:820px;height:820px;border:1px solid rgba(188,151,78,.25);border-radius:50%;right:-330px;top:4%;box-shadow:0 0 0 120px rgba(188,151,78,.035),0 0 0 250px rgba(188,151,78,.018)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:70px;align-items:end}.hero-copy .kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px}.hero-copy .kicker:before{content:"";width:42px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(4rem,7.6vw,8rem);line-height:.88;letter-spacing:-.055em;font-weight:500;margin:0;max-width:940px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.7;color:#d2d1ce;max-width:720px;margin:32px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:999px;font-size:.9rem;font-weight:800;border:1px solid transparent}.btn.gold{background:var(--gold);color:#fff}.btn.ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.03)}.hero-card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:30px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.25)}.hero-card .cap{display:grid;grid-template-columns:1fr;gap:10px;padding:13px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.86rem}.hero-card .cap span:last-child{color:#a6a4a0}.hero-strip{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(255,255,255,.12);background:rgba(8,8,8,.5)}.hero-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.hero-strip span{padding:16px 18px;text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:#c9c8c5;border-right:1px solid rgba(255,255,255,.08)}
.section{padding:105px 0}.section.white{background:var(--paper2)}.section.dark{background:var(--ink);color:#fff}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:50px;align-items:end;margin-bottom:46px}.section-head h2{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.95;font-weight:500;letter-spacing:-.035em;margin:9px 0 0}.section-head p{margin:0;color:var(--muted);line-height:1.75;font-size:1.02rem}.dark .section-head p{color:#bdbab4}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px}.intro-copy{font-size:1.18rem;line-height:1.75;color:#565148}.intro-copy strong{color:#151515}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:35px}.fact{padding:25px}.fact+.fact{border-left:1px solid var(--line)}.fact b{display:block;font-size:1rem;margin-bottom:6px}.fact span{font-size:.84rem;color:#767067}
.venture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.venture{border-radius:26px;background:#fff;overflow:hidden;border:1px solid rgba(20,20,20,.09);box-shadow:0 16px 50px rgba(24,20,10,.06);transition:transform .25s ease,box-shadow .25s ease}.venture:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.venture-media{height:250px;position:relative;background:#191919 center/cover no-repeat}.venture-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 60%)}.venture-body{padding:27px}.venture h3{font-size:1.4rem;margin:0 0 10px}.venture p{color:#666057;line-height:1.65;margin:0 0 24px}.tag{position:absolute;z-index:2;top:18px;left:18px;background:rgba(12,12,12,.77);color:#fff;padding:8px 11px;border-radius:999px;font-size:.67rem;text-transform:uppercase;letter-spacing:.09em}.arrow-link{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);font-size:.84rem;font-weight:800;color:#7e6128}.future .venture-media{background:radial-gradient(circle at 20% 20%,rgba(193,151,66,.4),transparent 35%),linear-gradient(140deg,#181818,#050505)}.future .venture-media .future-mark{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold2);font:500 3.3rem Georgia,serif;letter-spacing:-.04em}
.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.service{padding:34px 26px 38px;border-right:1px solid rgba(255,255,255,.13)}.service:last-child{border-right:0}.service .n{font:500 2.4rem Georgia,serif;color:var(--gold2);margin-bottom:48px}.service h3{font-size:1.12rem;margin:0 0 12px}.service p{color:#aaa7a1;line-height:1.65;margin:0;font-size:.93rem}
.case-stack{display:grid;gap:24px}.case{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden}.case:nth-child(even){grid-template-columns:1.1fr .9fr}.case:nth-child(even) .case-media{order:2}.case-media{min-height:390px;background:#171717 center/cover no-repeat;position:relative}.case-media::after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.20),transparent 60%)}.case-body{padding:44px;display:flex;flex-direction:column;justify-content:center}.pill{display:inline-flex;align-self:flex-start;background:#eee5d2;color:#745b2c;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.case h3{font-size:clamp(2.2rem,4vw,4.1rem);line-height:.96;font-weight:500;letter-spacing:-.03em;margin:16px 0}.case p{font-size:1rem;line-height:1.72;color:#5d5850}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 24px}.chips span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:.73rem;color:#676158}
.hosting{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;background:linear-gradient(125deg,#efe3c8,#fbf8ef);border:1px solid #decda8;border-radius:34px;padding:58px}.hosting h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.95;font-weight:500;letter-spacing:-.035em;margin:10px 0 20px}.hosting p{line-height:1.75;color:#625c51;max-width:650px}.hosting-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.hosting-item{padding:18px;border:1px solid rgba(92,72,34,.16);border-radius:16px;background:rgba(255,255,255,.48);font-weight:800;font-size:.87rem}
.contact{background:#080808;color:#fff;padding:110px 0 35px}.contact-grid{display:grid;grid-template-columns:minmax(0,820px);gap:70px;align-items:start}.contact h2{font-size:clamp(3.5rem,6.8vw,7rem);line-height:.9;font-weight:500;letter-spacing:-.045em;margin:10px 0 24px}.contact p{color:#b8b6b0;max-width:680px;line-height:1.7}.contact-card{border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:28px;background:#111}.contact-line{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-line:last-child{border:0}.contact-line span{color:#85827c;font-size:.8rem}.contact-line a{font-weight:800}.footer{display:flex;justify-content:space-between;gap:20px;margin-top:82px;padding-top:25px;border-top:1px solid rgba(255,255,255,.10);color:#88847e;font-size:.76rem}.footer-links{display:flex;gap:20px}
@media(max-width:980px){.main-nav{display:none}.mobile-menu{display:block}.topbar>.container{}.hero{min-height:auto;padding:142px 0 110px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-card{max-width:520px}.hero-strip{position:relative}.hero-strip .container{grid-template-columns:1fr 1fr}.hero-strip span{border-bottom:1px solid rgba(255,255,255,.08)}.section{padding:82px 0}.section-head,.intro-grid,.hosting,.contact-grid{grid-template-columns:1fr}.venture-grid{grid-template-columns:1fr 1fr}.services{grid-template-columns:1fr 1fr}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.case,.case:nth-child(even){grid-template-columns:1fr}.case:nth-child(even) .case-media{order:0}.case-media{min-height:320px}.fact-grid{grid-template-columns:1fr}.fact+.fact{border-left:0;border-top:1px solid var(--line)}.hosting{gap:36px}.contact-grid{gap:42px}}
@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--max))}.nav-inner{height:78px;gap:10px}.brand img{width:56px}.langs.desktop{display:none}.hero{padding:116px 0 84px}.hero-grid{gap:28px}.hero h1{font-size:clamp(3.25rem,16vw,5.25rem)}.hero p{font-size:1rem;margin-top:24px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-card{padding:24px;border-radius:24px}.hero-strip .container{width:100%;grid-template-columns:1fr 1fr}.hero-strip span{padding:13px 8px;font-size:.62rem}.section{padding:66px 0}.section-head{gap:20px;margin-bottom:32px}.section-head h2{font-size:clamp(2.65rem,13vw,4rem)}.section-head p{font-size:.96rem}.intro-copy{font-size:1.03rem}.venture-grid{grid-template-columns:1fr}.venture-media{height:220px}.services{grid-template-columns:1fr}.service{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)!important;padding:29px 10px}.service:last-child{border-bottom:0!important}.service .n{margin-bottom:26px}.case-media{min-height:245px}.case-body{padding:28px 22px}.case h3{font-size:2.65rem}.hosting{padding:30px 22px;border-radius:24px}.hosting-list{grid-template-columns:1fr}.contact{padding-top:78px}.contact h2{font-size:4.1rem}.contact-card{padding:20px}.contact-line{display:block}.contact-line span{display:block;margin-bottom:6px}.footer{flex-direction:column;margin-top:55px}.footer-links{flex-wrap:wrap}.mobile-panel{top:48px}}
/* v4 media + social updates */
.brand img,.hero-logo-wrap img{image-rendering:auto;filter:none}
.labs-media{background-position:center;background-size:cover;background-repeat:no-repeat}
.future .venture-media.labs-media{background-position:center;background-size:cover}
.future .venture-media.labs-media::after{background:linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,.06) 65%)}
.social-float{position:fixed;right:20px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:11px}
.social-btn{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 32px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.22)}
.social-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.34)}
.social-btn img{width:28px;height:28px}
.social-btn.whatsapp{background:#25D366}
.social-btn.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 10%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.footer-socials a{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 13px;font-size:.8rem;font-weight:800;background:rgba(255,255,255,.03)}
.footer-socials img{width:18px;height:18px}
@media(max-width:640px){.social-float{right:14px;bottom:14px}.social-btn{width:50px;height:50px}.social-btn img{width:26px;height:26px}}

/* v8.7 Kilic Group — clean, single-source overrides */
.hero-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:left;
}
.hero-logo-wrap{
  width:100%;
  display:grid;
  place-items:center;
  margin:0 0 18px;
  padding:0;
}
.hero-logo-wrap img{
  display:block;
  width:118px;
  max-width:118px;
  height:auto;
  margin:0;
  position:static;
  transform:none;
  object-fit:contain;
}
.hero-card .cap{
  padding:13px 2px;
  text-align:left;
}
.hero-card .cap span{color:#bab7b1}
.hero-card .cap:first-of-type{border-top:1px solid rgba(255,255,255,.1)}

.systems-media{
  overflow:hidden;
  background-color:#0b0f13;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.systems-media::before{display:none}
.systems-media::after{background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 58%)}
.systems-visual{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  top:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  text-align:left;
  color:#fff;
  padding:22px 22px 18px;
  background:linear-gradient(180deg,rgba(7,10,14,0),rgba(7,10,14,.44) 56%,rgba(7,10,14,.74));
}
.systems-visual strong{font-size:1.22rem;letter-spacing:.16em;line-height:1.05}
.systems-visual span{margin-top:8px;color:#c8d8f2;font-size:.63rem;letter-spacing:.18em}
.services .service:nth-child(3) p,.services .service:nth-child(4) p{max-width:34rem}

@media(max-width:980px){
  .venture-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .venture-grid{grid-template-columns:1fr}
  .hero-logo-wrap{margin-bottom:16px}
  .hero-logo-wrap img{width:104px;max-width:104px}
  .systems-visual{padding:16px 16px 14px}
  .systems-visual strong{font-size:1rem}
  .systems-visual span{font-size:.56rem;letter-spacing:.15em}
}


/* v8.8 card alignment + clean logo */
.venture{
  display:flex;
  flex-direction:column;
  height:100%;
}
.venture-body{
  display:flex;
  flex-direction:column;
  height:350px;
  padding:27px;
}
.venture-body p{
  margin:0;
}
.venture .arrow-link{
  margin-top:auto;
  min-height:52px;
  padding-top:18px;
  align-items:center;
}
.venture .arrow-link span:first-child{
  font-size:1.08rem;
  font-weight:900;
  letter-spacing:.01em;
}
.venture .arrow-link span:last-child{
  font-size:1.08rem;
  line-height:1;
}
@media(max-width:640px){
  .venture-body{height:430px;padding:25px 24px}
  .venture .arrow-link span:first-child{font-size:1.04rem}
}


/* v8.9 refined logo + larger card media + tighter card spacing */
.hero-logo-wrap img{
  width:124px;
  max-width:124px;
}
.venture-media{
  height:292px;
  background-position:center center!important;
}
.venture-body{
  display:grid;
  grid-template-rows:auto 1fr auto;
  height:320px;
  min-height:320px;
  padding:24px 27px 22px;
  row-gap:12px;
}
.venture h3{
  margin:0;
}
.venture p{
  margin:0;
}
.venture .arrow-link{
  margin-top:0;
  min-height:44px;
  padding-top:14px;
  align-items:flex-end;
}
.venture .arrow-link span:first-child{
  font-size:1.06rem;
}
@media(max-width:640px){
  .hero-logo-wrap img{width:108px;max-width:108px}
  .venture-media{height:236px}
  .venture-body{height:400px;min-height:400px;padding:24px 24px 21px;row-gap:11px}
  .venture .arrow-link{min-height:42px}
}


/* v8.9.3 show full card images + tighter spacing + cache-busted keyharbor */
.venture-media.card-fullview{
  height:320px;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#0d1014;
}
.systems-media.card-fullview,
.labs-media.card-fullview{
  background-size:contain !important;
}
.venture-body{
  height:296px;
  min-height:296px;
  padding:22px 27px 18px;
  row-gap:8px;
}
.venture p{line-height:1.58;}
.venture .arrow-link{
  min-height:38px;
  padding-top:12px;
}
@media(max-width:640px){
  .venture-media.card-fullview{height:260px;}
  .venture-body{height:368px;min-height:368px;padding:22px 24px 18px;row-gap:8px;}
}


/* v8.9.4 extra zoomed-out website cards so full visuals/logos are visible */
.venture-media.card-fullview{
  height:330px;
  background-size:84% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#0c1014;
}
.labs-media.card-fullview{
  background-size:82% auto !important;
  background-position:center 46% !important;
}
.systems-media.card-fullview{
  background-size:82% auto !important;
  background-position:center 50% !important;
}
@media(max-width:640px){
  .venture-media.card-fullview{
    height:250px;
    background-size:82% auto !important;
  }
  .labs-media.card-fullview,
  .systems-media.card-fullview{
    background-size:80% auto !important;
  }
}


/* v8.9.5 smaller 4 cards so all 4 fit better, no black side bars */
.venture-grid{gap:18px !important;}
.venture-media.card-fullview{
  height:200px !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
}
.venture-body{
  padding:20px 22px 16px !important;
  min-height:220px !important;
  height:220px !important;
  display:flex !important;
  flex-direction:column !important;
}
.venture h3{font-size:1.22rem !important;margin:0 0 8px !important;}
.venture p{font-size:.94rem !important;line-height:1.5 !important;margin:0 0 14px !important;}
.arrow-link{margin-top:auto !important;padding-top:12px !important;font-size:.94rem !important;}
.tag{top:14px !important;left:14px !important;padding:7px 10px !important;font-size:.62rem !important;}
/* custom focal points */
.venture-media.keyharbor-card{background-position:center 52% !important;}
.venture-media.ifix-card{background-position:center 40% !important;}
.venture-media.labs-card{background-position:center 34% !important;}
.venture-media.systems-card{background-position:center 36% !important;}
@media (max-width: 1024px){
  .venture-media.card-fullview{height:185px !important;}
  .venture-body{min-height:230px !important;height:230px !important;}
}
@media (max-width: 640px){
  .venture-grid{grid-template-columns:1fr !important;gap:16px !important;}
  .venture-media.card-fullview{height:210px !important;}
  .venture-body{min-height:auto !important;height:auto !important;padding:20px 20px 16px !important;}
}
