/* Yiğit Bilgisayar R33 | Katmanlı, tekil arayüz mimarisi */
@layer legacy, r33;
@layer legacy {
/* Yiğit Bilgisayar R31 | Konsolide, çakışmasız site stili */
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.skip{position:absolute;left:-999px}
.skip:focus{left:18px;top:18px;background:#fff;padding:10px 14px;border-radius:10px;z-index:9999}

.brand{display:flex;align-items:center}
.brand img{height:auto}
.brand b{display:block;letter-spacing:.02em}
.brand em{display:block;margin-top:3px;font-style:normal;text-transform:uppercase}















.round{border-radius:999px;border:1px solid rgba(16,32,51,.1);display:grid;place-items:center;background:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(18,54,86,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;cursor:pointer}
.btn-wa{background:var(--green);color:#fff;border-color:var(--green)}



.eyebrow{border:1px solid rgba(16,32,51,.1);box-shadow:0 10px 28px rgba(18,54,86,.08);color:#3f5871}
.eyebrow i{background:#25d366;box-shadow:0 0 0 6px rgba(37,211,102,.14)}
.page-hero p{color:#51677c;margin:0}
.hero-actions{display:flex;flex-wrap:wrap}
.section-head{display:flex;justify-content:space-between}
.section small,.page-hero small{display:block;color:#0078ff;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:10px}
.section h2,.page-hero h1{line-height:1.08;margin:0}
.section p{color:#5f7185;line-height:1.7}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.service-card{background:#fff;border:1px solid rgba(16,32,51,.08);box-shadow:0 16px 42px rgba(18,54,86,.08);transition:.22s}
.card-ico{display:grid;place-items:center}
.service-card h3{margin:0 0 10px}
.service-card p{margin:0 0 16px}
.service-card span{display:inline-flex;gap:5px;align-items:center}
.service-card span svg{width:15px}
.project-rail{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tilt-card{position:absolute;border:1px solid rgba(16,32,51,.1);padding:16px;transition:.45s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.tilt-card:nth-child(1){transform:translateX(-340px) rotate(-7deg) scale(.9);z-index:1}
.tilt-card:nth-child(2){transform:translateX(-145px) rotate(4deg) scale(.98);z-index:2}
.tilt-card:nth-child(3){transform:translateX(75px) rotate(-2deg) scale(1.04);z-index:4}
.tilt-card:nth-child(4){transform:translateX(295px) rotate(7deg) scale(.92);z-index:1}
.tilt-card:nth-child(5){transform:translateX(470px) rotate(-6deg) scale(.82);z-index:0}
.tilt-card.active{transform:translateX(0) rotate(0) scale(1.06);z-index:6}
.project-rail.static{display:grid;gap:18px;min-height:0}
.project-rail.static .tilt-card{position:static;transform:none;width:auto}
.tilt-card small{text-transform:uppercase;letter-spacing:.1em}
.content-card,.side-box,.blog-card{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:24px;padding:24px;box-shadow:0 16px 42px rgba(18,54,86,.08)}
.band{display:flex;align-items:center;justify-content:space-between;gap:24px}
.page-hero{background:radial-gradient(circle at 85% 5%,#ffe5d8,transparent 32%),linear-gradient(135deg,#fff9ed,#effcff)}
.narrow{max-width:820px}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.side-box ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.side-box li{display:flex;align-items:center;gap:10px;color:#51677c}
.side-box svg{color:#18b86b}
.soft{background:#f5fcff}
.blog-grid{display:grid;gap:16px}
.blog-card{display:block}
.smart-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.consent,.smart-form .btn,.form-note{grid-column:1/-1}
.field label{font-size:13px;font-weight:850}
.field input,.field select,.field textarea{color:var(--ink);outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#0078ff;box-shadow:0 0 0 4px rgba(0,120,255,.1)}
.field small{color:#7a8ca0;text-align:right}
.consent{display:flex;gap:10px;color:#52677b;font-size:13px}
.form-note{margin:0;color:#167445}
.map iframe{width:100%;height:360px;border-radius:24px;box-shadow:var(--shadow)}
.footer{position:relative}
.footer:before{bottom:-80px;font-size:220px;font-weight:1000;color:rgba(0,120,255,.035);line-height:1}
.footer h3{margin:0 0 14px}
.footer a{display:block}




.search-layer{position:fixed;inset:0;background:rgba(16,32,51,.28);z-index:2000;padding:80px 20px}
.search-panel{position:relative;width:min(680px,100%);margin:auto;background:#fff;border:1px solid rgba(16,32,51,.1);box-shadow:0 28px 80px rgba(18,54,86,.22);padding:24px}
.search-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:0;border-radius:999px;background:#f1f8fb;font-size:26px;cursor:pointer}
.search-panel label{display:block;font-weight:900;margin-bottom:10px}
.search-panel input{width:100%;border:1px solid rgba(16,32,51,.13);border-radius:16px;padding:14px 16px;outline:none}
.results{display:grid;gap:9px;margin-top:14px}
.results a{display:block;padding:13px;border:1px solid rgba(16,32,51,.08);border-radius:14px;background:#f7fcff}
.results b{display:block}
.results span{display:block;color:#63778c;font-size:13px;margin-top:4px}
.error-field input,.error-field select,.error-field textarea{border-color:#e5484d;background:#fff7f7}
@media (max-width:1080px){


.two-col{grid-template-columns:1fr}
.brand{min-width:0}

.service-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
.brand img{width:60px}
.brand b{font-size:15px}
.brand em{font-size:9px;letter-spacing:.14em}
.service-grid,.blog-grid,.smart-form{grid-template-columns:1fr}
.section{padding:54px 0}

.tilt-card:nth-child(n){transform:translateX(0) rotate(0) scale(.9);opacity:.24}
.tilt-card.active{opacity:1}
.project-rail.static .tilt-card{opacity:1}

}
.brand{gap:10px;flex:0 0 auto}
.brand b{white-space:nowrap}





.project-cover{border:1px solid rgba(16,32,51,.08)}
.project-rail.static{align-items:stretch}
@media (max-width:1220px){


.brand{min-width:0}

}
@media (max-width:980px){
.project-rail.static{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
.project-rail{min-height:410px}
.tilt-card{width:min(330px,86vw);min-height:342px}
.project-rail.static{grid-template-columns:1fr}
}
.brand{min-width:0}
.brand img{width:70px}
.brand b{font-size:16px}
.brand em{letter-spacing:.16em;white-space:nowrap}






.btn-main:hover{filter:saturate(1.15)}
.eyebrow{background:rgba(255,255,255,.78)}
.hero-actions{margin-top:18px}
.section small,.page-hero small{font-size:11px}
.service-card{transform-style:preserve-3d}
.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,20%) var(--my,20%),rgba(8,119,255,.16),transparent 33%),linear-gradient(135deg,rgba(24,198,193,.08),rgba(255,106,61,.05));opacity:0;transition:.22s}
.service-card:hover:before{opacity:1}
.service-card:hover{box-shadow:0 28px 74px rgba(26,61,100,.16)}
.card-ico{margin-bottom:14px}
.projects{background:linear-gradient(180deg,#fff,#f5fbff)}
.project-rail{min-height:455px}
.tilt-card{width:min(400px,84vw);min-height:380px;border-radius:28px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 24px 70px rgba(26,61,100,.14)}
.tilt-card:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(8,119,255,.65),rgba(24,198,193,.25),rgba(255,106,61,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.28;pointer-events:none}
.tilt-card:hover{box-shadow:0 34px 85px rgba(26,61,100,.22)}
.project-cover{height:210px;margin:0 0 16px;border-radius:22px;overflow:hidden;background:#eef7ff}
.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .38s ease, filter .38s ease}
.tilt-card:hover .project-cover img{transform:scale(1.055);filter:saturate(1.08)}
.tilt-card small{display:inline-flex;color:#0877ff;background:#eff8ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}
.tilt-card h3{font-size:21px;margin:10px 0 6px}
.tilt-card p{font-size:13.5px;line-height:1.58;margin:0;color:#5b6f84}
.project-buttons button{border-color:#dbe8f2}
.project-rail.static{grid-template-columns:repeat(4,1fr)}
.project-rail.static .tilt-card{min-height:360px}
.project-rail.static .project-cover{height:190px}
.cta-band .band{background:linear-gradient(135deg,#0877ff,#18c6c1 50%,#ff6a3d);color:#fff}
.footer{padding:0 0 22px;margin-top:0;background:#071627;color:#dcefff;border-top:0;overflow:hidden}
.footer:before{content:"";position:absolute;left:-12%;right:-12%;top:-120px;height:210px;background:#fff;border-radius:0 0 50% 50%;box-shadow:0 24px 60px rgba(255,255,255,.12)}
.footer:after{content:"Y&B";position:absolute;right:-26px;bottom:-84px;font-size:220px;font-weight:1000;color:rgba(255,255,255,.035);line-height:1}
.footer p{color:#a9c1d8}
.footer h3{color:#fff;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.footer a{color:#c8ddf2;margin:9px 0;font-size:13.5px;transition:.18s}
.footer a:hover{color:#fff;transform:translateX(3px)}
.footer .btn-main{display:inline-flex;color:#fff;margin-top:8px}




.search-layer[hidden]{display:none}
.search-panel input{font-size:15px}
.reveal-up{opacity:0;transform:translateY(24px);transition:opacity .55s ease, transform .55s ease}
.reveal-up.visible{opacity:1;transform:translateY(0)}
@keyframes spin{
to{transform:rotate(360deg)}
}
@keyframes footGlow{
from{filter:hue-rotate(0deg)}
to{filter:hue-rotate(18deg)}
}
@media (max-width:1180px){

.brand em{display:none}
.project-rail.static{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1080px){



.project-rail.static{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
.container{width:min(var(--max),calc(100% - 28px))}
.service-grid,.project-rail.static{grid-template-columns:1fr}
.project-cover{height:190px}
}


.hbt-contact{display:flex;align-items:center}




















@keyframes hbtSweep{
from{background-position:0 0}
to{background-position:680px 0}
}
.service-card,.hbt-ref-card{position:relative;overflow:hidden;transform-style:preserve-3d}
.service-card:hover,.hbt-ref-card:hover{transform:translateY(-8px) rotateX(1deg);box-shadow:0 26px 70px rgba(24,72,115,.18)}
.card-ico{background:linear-gradient(135deg,#eaf7ff,#fff1e0);color:#075fc7}
.service-card span{font-size:12px;color:#006bff;font-weight:900}
.hbt-projects{overflow:hidden}
.hbt-project-rail{display:flex;align-items:center;justify-content:center}
.hbt-ref-card{position:absolute;transition:.42s cubic-bezier(.2,.8,.2,1)}
.hbt-ref-card .project-cover img{transition:.45s}
.hbt-ref-card:hover .project-cover img{transform:scale(1.08) rotate(.6deg)}
.hbt-ref-card h3{color:#13243b}
.hbt-ref-card p{color:#5a6e83}
.page-projects{padding-top:30px}
.page-hero:before{content:"";position:absolute;right:-120px;top:-130px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#00c2ff55,#ffcf4a40,transparent 68%);filter:blur(12px)}


















.search-layer{backdrop-filter:blur(12px)}
.search-panel{border-radius:30px}
@keyframes introOut{
to{opacity:0;transform:scale(1.04);visibility:hidden}
}
@media (max-width:1180px){

}
@media (max-width:940px){

.hbt-project-rail{height:auto;display:grid;grid-template-columns:1fr;gap:18px}
.hbt-project-rail .hbt-ref-card{position:relative;transform:none;opacity:1;pointer-events:auto;width:auto;min-width:0}
.project-buttons{display:none}




}
@media (max-width:560px){


.hero-actions .btn{min-height:38px;padding:0 13px}
.hbt-ref-card .project-cover{height:190px}
}










.round{width:38px;height:38px}

.hbt-ref-card{text-decoration:none;color:inherit}
.hbt-ref-card .open-mark{box-shadow:0 12px 28px rgba(12,124,255,.24)}
.hbt-ref-card a{display:none}

.search-panel label{font-size:26px}
.hero-actions{gap:9px}
@media (max-width:940px){

.hbt-contact{display:none}
.hbt-slogan{font-size:12px}
}


.hbt-slogan{font-size:13px;color:#fff}
.hbt-contact a{color:#fff;opacity:.95}
.hbt-contact{gap:22px}















.btn-main{background:linear-gradient(135deg,#0577d9 0,#00bdd6 52%,#ff8b26 100%);box-shadow:0 12px 24px rgba(5,119,217,.18);color:#fff}
.btn-white{background:#fff;color:#0d2c4f;border-color:rgba(6,35,68,.12)}
.btn-lite{background:#eaf7ff;color:#0577d9;border-color:#caedff}
@keyframes introDrift{
to{transform:rotate(-7deg) translateX(88px)}
}
@keyframes introPulse{
from{opacity:.65;transform:scale(1)}
to{opacity:1;transform:scale(1.04)}
}
.section{padding:62px 0}
.section h2,.page-hero h1{font-size:clamp(26px,2.55vw,38px);letter-spacing:-.025em}
.section-head{margin-bottom:22px}
.service-grid{gap:15px}
.service-card{border-radius:22px;min-height:210px;padding:19px;position:relative;overflow:hidden}
.service-card:before,.hbt-ref-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(0,189,214,.22),transparent 34%);opacity:0;transition:.18s;pointer-events:none}
.service-card:hover:before,.hbt-ref-card:hover:before{opacity:1}
.service-card:hover{transform:translateY(-6px) rotate(-.4deg)}
.service-card h3{font-size:17px}
.service-card p{font-size:13.4px;line-height:1.58}
.card-ico{width:44px;height:44px;border-radius:14px}
.hbt-project-rail{height:425px;position:relative;overflow:visible}
.hbt-ref-card{width:340px;min-width:340px;padding:10px 10px 17px}
.band{background:linear-gradient(135deg,#052344,#0577d9 70%,#ff8b26);color:#fff}
.band p{color:rgba(255,255,255,.82)}









.search-panel{max-width:660px}
.results:empty{display:none}
@keyframes hbtSweep{
to{transform:translateX(92px)}
}
@keyframes hbtFloat{
0%,100%{transform:translate3d(0,0,0) scale(1)}
50%{transform:translate3d(18px,-18px,0) scale(1.04)}
}
@media (max-width:1180px){


}
@media (max-width:940px){



}
@media (max-width:560px){
.container{width:min(100% - 28px,var(--max))}
.hbt-project-rail{height:auto;display:grid;gap:16px}
.hbt-project-rail .hbt-ref-card{position:relative;transform:none;opacity:1;width:auto;min-width:0}
.project-buttons{display:none}
}
.hbtPreLoader .preloaderIcerik{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:left;font-size:0;position:relative;width:160px;height:160px}
#preloaderBG{position:absolute;left:-51%;top:-51%;width:202%;height:202%;transform:scale3d(.5,.5,1)}
.hbtPreLoader:after{z-index:0;background:radial-gradient(circle at 20% 20%,rgba(57,151,206,.33),transparent 24%),radial-gradient(circle at 80% 72%,rgba(37,211,102,.16),transparent 28%)}
@keyframes hbtPreRotate{
to{transform:rotate(360deg)}
}
@keyframes hbtIntroBreath{
from{opacity:.75;transform:scale(1)}
to{opacity:1;transform:scale(1.04)}
}
.hbt-projects{background:linear-gradient(180deg,#f6fbff 0,#eaf7ff 100%)}
.hbt-project-rail:not(.static){height:auto;display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;padding:12px 6px 38px;scroll-snap-type:x mandatory;scroll-padding:8px;scrollbar-width:none}
.hbt-project-rail:not(.static)::-webkit-scrollbar{display:none}
.hbt-project-rail:not(.static) .hbt-ref-card{position:relative;transform:none;opacity:1;pointer-events:auto;z-index:1;flex:0 0 340px;min-width:340px;scroll-snap-align:start;transition:transform .28s ease,box-shadow .28s ease}
.hbt-project-rail:not(.static) .hbt-ref-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(6,35,68,.18)}
.hbt-ref-card{border-radius:24px;background:#fff;box-shadow:0 22px 54px rgba(6,35,68,.13);border:1px solid rgba(6,35,68,.08);overflow:hidden}
.hbt-ref-card .project-cover{height:208px;border-radius:18px;overflow:hidden;background:#f7fbff;margin:0}
.hbt-ref-card .project-cover img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none}
.hbt-ref-card small{display:block;margin:14px 4px 6px;color:#097dd0;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hbt-ref-card h3{font-size:20px;line-height:1.15;margin:0 4px 7px}
.hbt-ref-card p{font-size:13.5px;margin:0 4px 0;line-height:1.55}
.hbt-ref-card .open-mark{position:absolute;right:16px;bottom:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#097dd0,#31b8d8);color:#fff;font-weight:900}
@media (max-width:560px){
.hbt-project-rail:not(.static) .hbt-ref-card{flex-basis:88vw;min-width:88vw}
}
.hbt-project-rail.yb-coverflow:not(.static){height:520px;display:block;overflow:visible;position:relative;perspective:1350px;transform-style:preserve-3d;padding:0;scroll-snap-type:none}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card{position:absolute;left:50%;top:28px;width:390px;min-width:390px;min-height:430px;flex:none;opacity:0;pointer-events:none;transform:translateX(-50%) translateZ(-300px) scale(.72);transition:transform .58s cubic-bezier(.19,1,.22,1),opacity .34s ease,filter .34s ease,box-shadow .34s ease;will-change:transform;overflow:hidden;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid rgba(5,48,86,.10);box-shadow:0 22px 58px rgba(5,48,86,.13)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-active{opacity:1;z-index:8;pointer-events:auto;transform:translateX(-50%) translateZ(120px) scale(1.05);box-shadow:0 38px 90px rgba(0,96,180,.25)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-prev{opacity:.74;z-index:5;pointer-events:auto;filter:saturate(.9);transform:translateX(calc(-50% - 285px)) rotateY(33deg) translateZ(-90px) scale(.86)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-next{opacity:.74;z-index:5;pointer-events:auto;filter:saturate(.9);transform:translateX(calc(-50% + 285px)) rotateY(-33deg) translateZ(-90px) scale(.86)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-prev2{opacity:.32;z-index:2;transform:translateX(calc(-50% - 490px)) rotateY(42deg) translateZ(-230px) scale(.72)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-next2{opacity:.32;z-index:2;transform:translateX(calc(-50% + 490px)) rotateY(-42deg) translateZ(-230px) scale(.72)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-active:hover{transform:translateX(-50%) translateZ(160px) scale(1.08)}
.hbt-project-rail.yb-coverflow .project-cover{height:245px;margin:0;border-radius:22px 22px 0 0;background:#eef7ff}
.hbt-project-rail.yb-coverflow .project-cover img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none}
.hbt-project-rail.yb-coverflow .hbt-ref-card small,.hbt-project-rail.yb-coverflow .hbt-ref-card h3,.hbt-project-rail.yb-coverflow .hbt-ref-card p{margin-left:20px;margin-right:20px}
.hbt-project-rail.yb-coverflow .hbt-ref-card small{margin-top:17px;color:#0078ff}
.hbt-project-rail.yb-coverflow .hbt-ref-card h3{font-size:21px}
.hbt-project-rail.yb-coverflow .hbt-ref-card p{padding-bottom:46px}
.hbt-project-rail.yb-coverflow .open-mark{right:18px;bottom:18px;background:linear-gradient(135deg,#0078ff,#00b8c8)}
.yb-coverflow:after{content:"";position:absolute;left:10%;right:10%;bottom:30px;height:60px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,89,160,.18),transparent 72%);filter:blur(8px);pointer-events:none}
.page-projects .hbt-ref-card p{padding-bottom:48px}
@media (max-width:1180px){
.hbt-project-rail.yb-coverflow:not(.static){height:500px}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card{width:350px;min-width:350px}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-prev{transform:translateX(calc(-50% - 230px)) rotateY(30deg) translateZ(-110px) scale(.82)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-next{transform:translateX(calc(-50% + 230px)) rotateY(-30deg) translateZ(-110px) scale(.82)}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-prev2,.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-next2{opacity:0}
}
@media (max-width:760px){
.hbt-project-rail.yb-coverflow:not(.static){height:auto;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:8px 2px 28px;perspective:none}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card{position:relative;left:auto;top:auto;transform:none;opacity:1;pointer-events:auto;min-width:86vw;width:86vw;flex:0 0 86vw}
.hbt-project-rail.yb-coverflow:not(.static) .hbt-ref-card:hover{transform:translateY(-4px)}
.hbt-project-rail.yb-coverflow .project-cover{height:210px}
.yb-coverflow:after{display:none}
.project-buttons{display:flex}
}
.yb-ref-card{padding:0;position:relative}
.yb-ref-card .project-link{padding-bottom:18px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust-grid article{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:24px;padding:22px;box-shadow:0 16px 42px rgba(18,54,86,.08)}
.trust-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#ff6b3d,#0078ff);color:#fff;margin-bottom:16px}
.trust-grid h3{margin:0 0 10px}
.project-detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:26px}
.detail-shot{margin:0;background:#fff;border-radius:30px;padding:16px;border:1px solid rgba(16,32,51,.08);box-shadow:0 25px 70px rgba(18,54,86,.13)}
.detail-shot img{border-radius:22px;width:100%;height:auto}
.project-hero .hero-actions{justify-content:flex-start}
.faq-list{display:grid;gap:16px}
.faq-list article{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:22px;padding:22px;box-shadow:0 14px 36px rgba(18,54,86,.07)}
.faq-list h2{font-size:20px;margin:0 0 10px}
.form-note{font-weight:800}
.form-note.error{color:#b91c1c}
.error-field input,.error-field textarea,.error-field select{border-color:#e11d48;background:#fff5f7}
@media (max-width:1060px){
.trust-grid{grid-template-columns:repeat(2,1fr)}
.project-detail-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
.trust-grid{grid-template-columns:1fr}
.detail-shot{padding:10px;border-radius:22px}
.detail-shot img{border-radius:16px}
}
.longcopy p{color:#465d74}
.longcopy h2,.longcopy h3{color:#102033}
.feature-grid,.blog-grid,.project-grid.static{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-grid article,.blog-card,.project-tile{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:24px;padding:22px;box-shadow:0 16px 45px rgba(18,54,86,.08)}
.feature-grid h3{margin-top:0}
.faq-grid.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.faq-grid.mini article{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:22px;padding:20px;box-shadow:0 14px 34px rgba(18,54,86,.07)}
.faq-grid.mini h3{font-size:18px;margin-top:0}
.faq-list.rich{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.faq-list.rich article{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(18,54,86,.07)}
.faq-list.rich h2{font-size:20px;margin:0 0 10px}
.identity-hero{background:linear-gradient(135deg,#fff7ec,#e8faff)}
.brand-board{background:linear-gradient(135deg,#101d30,#1261e6);color:#fff;border-radius:32px;padding:32px;min-height:260px;display:grid;place-items:center;text-align:center;box-shadow:0 24px 70px rgba(18,54,86,.22)}
.brand-board img{max-width:180px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.22))}
.brand-board b{display:block;font-size:40px;margin-top:20px}
.process-timeline{display:grid;gap:18px}
.process-timeline article{display:grid;grid-template-columns:90px 1fr;gap:20px;background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:24px;padding:22px;box-shadow:0 16px 38px rgba(18,54,86,.08)}
.process-timeline b{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#ff6b3d,#0078ff);color:#fff}
.smart-form{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:30px;padding:28px;box-shadow:0 22px 70px rgba(18,54,86,.12)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px;margin-bottom:14px}
.field label,.consent{font-weight:850;color:#18334f}
.field input,.field select,.field textarea{width:100%;border:1px solid rgba(16,32,51,.14);border-radius:15px;padding:13px 14px;font:inherit;background:#fbfdff}
.field textarea{min-height:130px;resize:vertical}
.hp{position:absolute;left:-9999px;opacity:0}
.ecommerce-extra{display:none}
.ecommerce-extra.show{display:grid}
.map-card{border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(18,54,86,.12)}
.blog-grid{grid-template-columns:repeat(3,1fr)}
.blog-card a{color:inherit;text-decoration:none}
.blog-card h2{font-size:22px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.article-copy{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(18,54,86,.08)}
.article-side{position:sticky;top:120px}
.article-side a{display:block;margin:10px 0;color:#006cff;font-weight:850}
.project-grid.static{grid-template-columns:repeat(3,1fr)}
.project-tile{position:relative;overflow:hidden;padding:0}
.project-tile a:first-child{display:block;color:inherit;text-decoration:none;padding-bottom:22px}
.project-tile img{width:100%;object-fit:cover;border-radius:24px 24px 0 0}
.project-tile small,.project-tile h2,.project-tile p{display:block;margin-left:20px;margin-right:20px}
.project-tile h2{font-size:22px}
@media (max-width:1100px){
.article-layout{grid-template-columns:1fr}
.feature-grid,.blog-grid,.project-grid.static,.faq-grid.mini,.faq-list.rich{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
.feature-grid,.blog-grid,.project-grid.static,.faq-grid.mini,.faq-list.rich,.form-row{grid-template-columns:1fr}
.process-timeline article{grid-template-columns:1fr}
.article-copy{padding:22px}
.smart-form{padding:20px}
}
.r16-sector{position:relative;background:linear-gradient(135deg,#fffaf0 0%,#ecfbff 48%,#fff 100%);overflow:hidden}
.r16-sector:before{content:"";position:absolute;inset:auto -90px -120px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ffcf5f,rgba(255,107,61,.2),transparent 70%);filter:blur(10px);opacity:.7}
.r16-sector .container{position:relative;z-index:1}
.sector-tabs{display:flex;gap:9px;overflow:auto;padding-bottom:8px;margin:22px 0 18px;scrollbar-width:thin}
.sector-tabs button{white-space:nowrap;border:1px solid rgba(16,32,51,.1);background:#fff;color:#263d55;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(18,54,86,.06);transition:.18s}
.sector-tabs button:hover,.sector-tabs button.active{background:#0b73ff;color:#fff;border-color:#0b73ff;transform:translateY(-2px)}
.sector-result{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}
.sector-panel{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.sector-panel h3{font-size:28px;letter-spacing:-.03em;margin:0 0 10px}
.sector-panel p{font-size:15px;margin:0 0 16px}
.sector-need{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}
.sector-need span{background:#f4fbff;border:1px solid rgba(0,120,255,.1);border-radius:16px;padding:11px 12px;color:#38536e;font-size:13px;font-weight:750}
.sector-aside{background:linear-gradient(145deg,#12233a,#0b1726);color:#fff;border-radius:28px;padding:26px;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(16,32,51,.2)}
.sector-aside:after{content:"";position:absolute;right:-70px;bottom:-70px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#25d366,transparent 65%);opacity:.35}
.sector-aside h3{font-size:25px;margin:0 0 9px}
.sector-aside p{color:#d7e4f0}
.sector-aside .btn{position:relative;z-index:2}
.r16-checkbox{display:grid;grid-template-columns:1fr .92fr;align-items:center;position:relative}
.r16-checkbox:before{content:"";position:absolute;inset:-120px auto auto -120px;width:310px;height:310px;border-radius:50%}
.r16-checkbox h2{position:relative}
.r16-checkbox p{margin:0;position:relative}
.mini-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-form .field{margin:0}
.mini-form label{color:#eef7ff;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.mini-form input,.mini-form select{width:100%;height:44px;border:0;border-radius:14px;padding:0 12px;background:#fff;color:#102033}
.choice-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.choice-card{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:22px;padding:20px;box-shadow:0 16px 44px rgba(18,54,86,.08);transition:.22s}
.choice-card:hover{transform:translateY(-5px);box-shadow:0 24px 64px rgba(18,54,86,.13)}
.choice-card b{display:inline-flex;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#fff0e8,#e9fbff);align-items:center;justify-content:center;color:#0b73ff;margin-bottom:12px}
.choice-card h3{margin:0 0 8px;font-size:18px}
.choice-card p{font-size:13.5px;margin:0}
.brand-bridge{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16);font-size:13px;color:#dce8f4}
.brand-bridge a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.r16-quick-note{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.r16-quick-note span{display:inline-flex;border-radius:999px;padding:8px 11px;font-size:12px}
.smart-form.r16-simple .optional-hint{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}
.smart-form.r16-simple .optional-hint span{border:1px solid rgba(16,32,51,.09);border-radius:999px;padding:7px 10px;background:#f6fbff;color:#466078;font-size:12px;font-weight:750}
.smart-form.r16-simple .field.optional-field label:after{content:" / isteğe bağlı";color:#8899aa;font-weight:600;text-transform:none;letter-spacing:0}
.smart-form .form-help{font-size:13px;color:#52657a;background:#f6fbff;border:1px solid rgba(0,120,255,.1);border-radius:16px;padding:10px 12px;margin:0 0 14px}
.industry-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.industry-box{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:24px;padding:22px;box-shadow:0 16px 42px rgba(18,54,86,.08)}
.industry-box h3{margin:0 0 12px;font-size:18px}
.industry-box ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.industry-box li{color:#587086;font-size:14px;line-height:1.45}
.industry-box li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:99px;background:linear-gradient(135deg,#ff6b3d,#00b8c8);margin-right:8px;vertical-align:middle}
@media (max-width:980px){
.sector-result,.r16-checkbox{grid-template-columns:1fr}
.choice-cards,.industry-directory{grid-template-columns:repeat(2,1fr)}
.mini-form{grid-template-columns:1fr}
.mini-form .btn,.mini-form small{grid-column:auto}
}
@media (max-width:620px){
.sector-need,.choice-cards,.industry-directory{grid-template-columns:1fr}
.sector-panel,.sector-aside{border-radius:22px;padding:20px}
}
.section{content-visibility:auto;contain-intrinsic-size:1px 720px}

.hbtPreLoader.is-hidden{transition:opacity .32s ease,visibility .32s ease}
@media (prefers-reduced-motion:reduce){
*,*:before,*:after{animation:none;transition:none;scroll-behavior:auto}
}
.contact-hero.r17{background:radial-gradient(circle at 10% 10%,#e0fff4,transparent 32%),radial-gradient(circle at 92% 0,#ffe3c2,transparent 30%),linear-gradient(135deg,#f6fbff,#fff)}
.contact-modern-r17{background:linear-gradient(180deg,#ffffff,#f5fbff)}
.contact-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch}
.contact-panel{background:#fff;border:1px solid rgba(16,32,51,.09);padding:26px;box-shadow:0 22px 68px rgba(18,54,86,.10)}
.contact-panel h2{font-size:28px;line-height:1.12;margin:0 0 10px}
.contact-panel>p{margin:0 0 18px;color:#617487}
.contact-list{display:grid;gap:12px}
.contact-item{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:linear-gradient(135deg,#fff,#f4fbff);border:1px solid rgba(16,32,51,.08);border-radius:18px;padding:13px}
.contact-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--r17-blue),var(--r17-teal));font-weight:900}
.contact-item b{display:block;color:#102033;margin-bottom:3px}
.contact-item a,.contact-item span{display:block;color:#38536e;line-height:1.45}
.contact-mini-note{margin-top:16px;border-radius:20px;padding:16px;background:linear-gradient(135deg,#0d2340,#14406e);color:#fff}
.contact-mini-note p{color:#d9e7f4;margin:5px 0 0}
.smart-form.r17-form{padding:28px;border-radius:30px;background:linear-gradient(180deg,#fff,#fbfdff)}
.r17-form h2{margin-top:0}
.r17-form .form-row{gap:12px}
.r17-form .field input,.r17-form .field select,.r17-form .field textarea{background:#fff;border-color:rgba(16,32,51,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.r17-form .field input:focus,.r17-form .field select:focus,.r17-form .field textarea:focus{outline:3px solid rgba(0,120,255,.13);border-color:rgba(0,120,255,.42)}
.quick-contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.map-card.r17{border:1px solid rgba(16,32,51,.08);background:#fff;padding:8px}
.map-card.r17 iframe{border-radius:24px}
.r17-drag-slider{display:flex;gap:22px;overflow-x:auto;overflow-y:visible;padding:20px 6vw 34px;margin-inline:calc(50% - 50vw);scroll-snap-type:x mandatory;scroll-padding-inline:6vw;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;perspective:none;height:auto;position:relative}
.r17-drag-slider.dragging{cursor:grabbing;scroll-snap-type:none}
.r17-drag-slider::-webkit-scrollbar{height:10px}
.r17-drag-slider::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--r17-blue),var(--r17-teal));border-radius:999px}
.r17-drag-slider .hbt-ref-card{position:relative;left:auto;top:auto;flex:0 0 clamp(320px,31vw,430px);min-width:clamp(320px,31vw,430px);width:clamp(320px,31vw,430px);height:auto;min-height:0;opacity:1;pointer-events:auto;transform:translateY(0) scale(.96);scroll-snap-align:center;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;border-radius:28px;background:#fff;box-shadow:0 20px 54px rgba(6,35,68,.12);overflow:hidden;filter:none}
.r17-drag-slider .hbt-ref-card.is-center{transform:translateY(-8px) scale(1.03);box-shadow:0 34px 86px rgba(0,92,180,.22)}
.r17-drag-slider .hbt-ref-card:hover{transform:translateY(-8px) scale(1.02)}
.r17-drag-slider .project-cover{height:260px;margin:0;border-radius:28px 28px 0 0;background:#eaf5ff;overflow:hidden}
.r17-drag-slider .project-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;opacity:1;filter:none;transform:none}
.r17-drag-slider .project-link{display:block;padding-bottom:22px}
.r17-drag-slider .hbt-ref-card small{display:block;margin:18px 22px 7px;color:#0578d9;background:#eaf6ff;border-radius:999px;padding:7px 10px;width:max-content;max-width:calc(100% - 44px);font-size:11px;letter-spacing:.08em}
.r17-drag-slider .hbt-ref-card h3{font-size:22px;margin:0 22px 8px}
.r17-drag-slider .hbt-ref-card p{font-size:14px;margin:0 22px;padding-bottom:42px;color:#52687d}
.r17-drag-slider .open-mark{right:18px;bottom:18px;z-index:8}
.yb-projects .section-head{z-index:2}
.project-grid.static{gap:20px}
.project-tile{border-radius:28px;background:#fff;border:1px solid rgba(16,32,51,.08);box-shadow:0 18px 48px rgba(18,54,86,.08);transition:transform .22s ease,box-shadow .22s ease}
.project-tile:hover{transform:translateY(-5px);box-shadow:0 28px 72px rgba(18,54,86,.14)}
.project-tile img{height:245px;object-position:top center;background:#edf8ff}
.longcopy p{font-size:15.5px;line-height:1.78}
.expert-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.expert-strip article{background:#fff;border:1px solid rgba(16,32,51,.08);border-radius:22px;padding:20px;box-shadow:0 14px 38px rgba(18,54,86,.07)}
.expert-strip h3{margin:0 0 9px;font-size:18px}
.expert-strip p{margin:0;color:#607386}
.intent-list{display:grid;gap:10px;margin-top:14px}
.intent-list li{list-style:none;background:#f6fbff;border:1px solid rgba(0,120,255,.1);border-radius:16px;padding:11px 12px;color:#405b74;font-weight:700}
.intent-list li:before{content:"✓";color:#16a76a;font-weight:900;margin-right:8px}
.r17-inline-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.r17-inline-links a{border:1px solid rgba(16,32,51,.1);border-radius:999px;padding:8px 11px;background:#fff;color:#164064;font-size:12px;font-weight:850}
@media (max-width:980px){
.contact-shell,.expert-strip{grid-template-columns:1fr 1fr}
.r17-drag-slider{padding-inline:22px;margin-inline:-22px}
.r17-drag-slider .hbt-ref-card{flex-basis:78vw;min-width:78vw;width:78vw}
.contact-shell{grid-template-columns:1fr}
}
@media (max-width:680px){
.expert-strip{grid-template-columns:1fr}
.r17-drag-slider .hbt-ref-card{flex-basis:86vw;min-width:86vw;width:86vw}
.r17-drag-slider .project-cover{height:220px}
.contact-item{grid-template-columns:42px 1fr}
.contact-icon{width:42px;height:42px}

}
body{position:relative}
.yb-bg-lines{left:-8%;top:6%;width:42vw;height:72vh;min-width:420px;filter:drop-shadow(0 20px 30px rgba(70,171,224,.16));animation:ybLinesDrift 10s ease-in-out infinite alternate}
.yb-bg-lines:after{content:"";position:absolute;inset:0;background:inherit;transform:translate(160%,35%) rotate(180deg);opacity:.45}
.yb-bg-glow{animation:ybGlowFloat 9s ease-in-out infinite alternate}
.yb-bg-glow.one{right:-90px}
.yb-bg-glow.two{left:18%;bottom:-120px}
@keyframes ybLinesDrift{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(22px,16px,0)}
}
@keyframes ybGlowFloat{
from{transform:scale(1)}
to{transform:scale(1.08) translateY(-14px)}
}
.hbtPreLoader{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none;position:fixed;inset:0}
.hbtPreLoader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hbtPreLoader .preloaderOrtalama{position:absolute;width:100%;height:100%;inset:0;text-align:center}
.hbtPreLoader .preloaderOrtalama:after{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.hbtPreLoader .preloaderOrtalama .preloaderIcerik{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:left;font-size:0;position:relative;width:160px;height:160px;z-index:5}
.preloaderCember{position:absolute;left:50%;top:50%;width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);margin-left:-60px;margin-top:-60px}
.preloaderCemberAlani{position:absolute;left:50%;top:50%;width:60px;height:120px;margin-left:-60px;margin-top:-60px;overflow:hidden;transform-origin:60px 60px;animation:rotate 1.2s infinite linear}
.preloaderCemberAlani .preloaderCemberCizgi{width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
#preloaderBG,#preloaderFG{left:-51%;top:-51%;width:202%;height:202%;transform:scale3d(.5,.5,1);position:absolute}
#preloaderFG{z-index:2}
.hbtPreLoader canvas{display:block;width:100%;height:100%}
.preloaderIcerik img{position:absolute;z-index:6;width:132px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 34px rgba(0,0,0,.38));max-width:none}
@keyframes rotate{
to{transform:rotate(360deg)}
}
@keyframes ybHbtPanel{
0%{transform:translateX(115%)}
55%{transform:translateX(-2%)}
100%{transform:translateX(0)}
}
@keyframes ybHbtContent{
0%{transform:translateX(100%);opacity:0}
65%{transform:translateX(-1%);opacity:1}
100%{transform:translateX(0);opacity:1}
}
@keyframes ybImgFloat{
from{transform:translateY(0) rotate(-1deg)}
to{transform:translateY(-12px) rotate(1deg)}
}
@media (prefers-reduced-motion:reduce){
.yb-bg-lines,.yb-bg-glow,.preloaderCemberAlani{animation:none}
}
@keyframes ybIntroAutoClose{
0%,70%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden;pointer-events:none}
}
.hbtPreLoader{will-change:opacity,visibility;contain:layout paint style}
.hbtPreLoader.is-hidden,.hbtPreLoader.yb-force-close{opacity:0;visibility:hidden;pointer-events:none;animation:none}
body:not(.yb-intro-open){overflow:auto}
@media (prefers-reduced-motion: reduce){
.hbtPreLoader{animation:ybIntroAutoClose .2s ease .35s forwards}
.preloaderCemberAlani{animation:none}
}
.hbtPreLoader .preloaderIcerik img{width:150px;max-width:46vw;filter:drop-shadow(0 18px 36px rgba(0,0,0,.34));position:relative;z-index:3}
#preloaderBG{background:#02050a;background-image:radial-gradient(circle at 20% 20%,rgba(23,211,255,.28),transparent 30%),linear-gradient(135deg,#05070b 0%,#071d2b 48%,#000 100%)}
.hbtPreLoader:after{animation:r20GridMove 8s linear infinite}
@keyframes r20GridMove{
to{background-position:112px 56px}
}
@keyframes r20AutoLoaderClose{
0%,72%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden;pointer-events:none}
}
.yb-hbt-page-bg:before{background:radial-gradient(circle at 16% 10%,rgba(23,211,255,.14),transparent 30%),radial-gradient(circle at 88% 18%,rgba(255,160,94,.16),transparent 26%),radial-gradient(circle at 60% 80%,rgba(27,165,223,.10),transparent 34%)}
.yb-bg-lines,.yb-hbt-page-bg:after{content:"";position:absolute;inset:0;background-image:url("../img/data.png");background-repeat:repeat;background-size:620px auto;opacity:.06;animation:r20Circuit 28s linear infinite}
.yb-hbt-page-bg:after{background-image:linear-gradient(90deg,rgba(27,165,223,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(27,165,223,.07) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(to bottom,#000 0,transparent 75%)}
.yb-bg-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(35px);opacity:.22}
@keyframes r20Circuit{
to{background-position:620px 260px}
}
.yb-projects:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 28%,rgba(0,120,255,.12),transparent 28%),radial-gradient(circle at 82% 10%,rgba(255,107,61,.10),transparent 26%);pointer-events:none}
html,body{scroll-behavior:auto}
.yb-hbt-page-bg{position:fixed;inset:0;z-index:-5;pointer-events:none;overflow:hidden;background:#f8fcff;background-image:linear-gradient(180deg,rgba(246,252,255,.92) 0%,rgba(255,255,255,.88) 46%,rgba(243,250,255,.95) 100%),url("../img/hbt/calismalar-bg.png");background-repeat:no-repeat;background-size:100% 430px;background-position:top center}
.yb-hbt-page-bg:before{content:"";position:absolute;inset:0;background-image:url("../img/hbt/data.png");background-repeat:repeat;background-size:517px 386px;background-position:0 0;opacity:.105;animation:r21DataFlow 42s linear infinite;filter:none;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.78) 38%,rgba(0,0,0,.38) 72%,transparent 100%)}
.yb-hbt-page-bg:after{content:"";position:absolute;right:-60px;bottom:-40px;width:360px;height:360px;background:url("../img/hbt/filigran.png") center/contain no-repeat;opacity:.07}
.yb-bg-lines{position:absolute;inset:0;background:radial-gradient(circle at 78% 16%,rgba(37,99,235,.09),transparent 27%),radial-gradient(circle at 14% 32%,rgba(14,165,233,.12),transparent 30%);opacity:1}
.yb-bg-glow.one,.yb-bg-glow.two{position:absolute;border-radius:999px;filter:blur(42px);opacity:.15}
.yb-bg-glow.one{left:-160px;top:22%;width:380px;height:380px;background:#0ea5e9}
.yb-bg-glow.two{right:-140px;top:18%;width:420px;height:420px;background:#2563eb}
@keyframes r21DataFlow{
to{background-position:517px 386px}
}
.hbtPreLoader{z-index:9999999;transition:opacity .35s ease,visibility .35s ease;animation:r21IntroAutoClose 1.45s ease forwards;background:#02050a}
.hbtPreLoader.is-hidden,.hbtPreLoader.yb-force-close,.hbtPreLoader.hide{opacity:0;visibility:hidden;pointer-events:none;display:none}
.hbtPreLoader #preloaderBG{background:#02050a;background-image:radial-gradient(circle at 20% 20%,rgba(14,165,233,.38),transparent 32%),linear-gradient(135deg,#05070b 0%,#071d2b 48%,#000 100%)}
.hbtPreLoader:before{content:"";position:absolute;inset:0;background-image:url("../img/hbt/data.png");background-size:517px 386px;opacity:.12;animation:r21DataFlow 18s linear infinite}
.hbtPreLoader:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;opacity:.22}
.hbtPreLoader img{position:relative;z-index:3;max-width:150px;filter:drop-shadow(0 18px 38px rgba(0,0,0,.42))}
@keyframes r21IntroAutoClose{
0%,72%{opacity:1;visibility:visible}
100%{opacity:0;visibility:hidden;pointer-events:none}
}
.btn,.btn-main,button[type="submit"],.quick-contact-actions a,.smart-form button,.mini-form button,.hero-actions .btn{min-height:38px;height:auto;width:auto;max-width:max-content;padding:9px 16px;border-radius:12px;border:1px solid rgba(37,99,235,.16);background:#2563eb;background-image:none;color:#fff;font-size:13px;line-height:1.1;font-weight:850;letter-spacing:0;box-shadow:0 12px 26px rgba(37,99,235,.18);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover,.btn-main:hover,button[type="submit"]:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 15px 32px rgba(37,99,235,.24)}
.mini-form .btn{grid-column:auto;justify-self:start}
.mini-form small{grid-column:auto}
.r16-checkbox .mini-form{align-items:end}
.r16-checkbox .mini-form .btn{grid-column:1/3;max-width:260px}
.btn-whatsapp{box-shadow:0 12px 26px rgba(37,211,102,.2)}
@keyframes r21SlideIn{
from{transform:translateX(130%)}
to{transform:translateX(0)}
}
html{scroll-behavior:smooth}
body{color:var(--yb-ink)}
.hbtPreLoader{display:none;opacity:0;visibility:hidden;pointer-events:none;width:0;height:0;overflow:hidden}
body.yb-intro-open{overflow:auto}
.yb-hbt-page-bg{display:none}



.btn-lite,.btn-white{background:#fff;color:#0f172a;border-color:#d8e4f2;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.btn-whatsapp{border-color:#1db954}
.btn-whatsapp img{display:block}
.hero-actions,.r22-hero-actions{gap:10px;flex-wrap:wrap}
.page-hero{padding:70px 0 52px;position:relative;overflow:hidden}
.page-hero .container{position:relative}
.page-hero h1{font-size:clamp(34px,4vw,62px);line-height:1.05;letter-spacing:-.04em;max-width:880px}
.page-hero p{font-size:clamp(16px,1.45vw,20px);line-height:1.7;max-width:780px}
.eyebrow{border-radius:999px;padding:8px 13px;display:inline-flex;align-items:center;gap:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.eyebrow i{width:9px;height:9px;border-radius:50%;display:inline-block}
.r22-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef9ff 0%,#ffffff 48%,#f4fbf7 100%);padding:74px 0 64px;border-bottom:1px solid #e6eff8}
.r22-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 16%,rgba(37,99,235,.17),transparent 28%),radial-gradient(circle at 35% 100%,rgba(37,211,102,.12),transparent 30%);pointer-events:none}
.r22-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 75%);pointer-events:none}
.r22-hero-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,0.9fr) minmax(460px,1.1fr);gap:48px;align-items:center}
.r22-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dbeafe;color:#2563eb;font-weight:900;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.r22-kicker:before{content:"";width:9px;height:9px;border-radius:999px;background:#25d366;box-shadow:0 0 0 6px rgba(37,211,102,.13)}
.r22-hero-text{display:none}
.r22-hero-text.is-active{display:block;animation:r22FadeUp .45s ease both}
.r22-hero h1{margin:24px 0 16px;font-size:clamp(40px,4.7vw,72px);line-height:.98;letter-spacing:-.055em;max-width:780px}
.r22-hero p{font-size:clamp(16px,1.45vw,20px);line-height:1.72;max-width:660px;margin:0}
.r22-hero-actions{display:flex;margin-top:26px}
.r22-hero-bullets{display:flex;gap:9px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 0}
.r22-hero-bullets li{border:1px solid #dfeaf5;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}
.r22-hero-visual{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}
.r22-device-glow{position:absolute;width:72%;height:58%;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 65%);filter:blur(35px);transform:translate(10%,8%)}
.r22-browser-frame{position:relative;width:min(760px,100%);aspect-ratio:1.45/1;border-radius:30px;border:1px solid #dbe5f1;box-shadow:var(--yb-shadow);padding:44px 18px 18px;overflow:hidden;transform:perspective(1200px) rotateY(-7deg) rotateX(2deg);transition:transform .3s ease}
.r22-browser-frame:hover{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(-4px)}
.r22-browser-top{position:absolute;left:18px;right:18px;top:14px;height:18px;display:flex;align-items:center;gap:7px}
.r22-browser-top span{width:9px;height:9px;border-radius:50%;display:block}
.r22-browser-top span:nth-child(1){background:#ff5f57}
.r22-browser-top span:nth-child(2){background:#ffbd2e}
.r22-browser-top span:nth-child(3){background:#28c840}
.r22-browser-top b{margin-left:12px;height:10px;width:42%;border-radius:999px;background:#edf3fa;color:transparent}
.r22-visual-track{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden}
.r22-visual-slide{position:absolute;inset:0;margin:0;opacity:0;transform:translateX(7%) scale(.98);transition:opacity .48s ease, transform .55s cubic-bezier(.2,.8,.2,1)}
.r22-visual-slide.is-active{opacity:1;transform:translateX(0) scale(1)}
.r22-visual-slide img{width:100%;height:100%;display:block}
.r22-mini-card{position:absolute;background:#fff;border:1px solid #dce8f5;border-radius:18px;box-shadow:0 18px 42px rgba(15,23,42,.14);padding:12px 14px;min-width:150px}
.r22-mini-card b{display:block;color:#0f172a;font-size:16px}
.r22-mini-card span{display:block;color:#64748b;font-size:12px;font-weight:700}
.r22-mini-card.one{left:0;bottom:64px}
.r22-mini-card.two{right:10px;top:66px}
.r22-hero-controls{position:absolute;right:28px;bottom:38px;display:flex;align-items:center;gap:10px}
.r22-hero-controls button{width:38px;height:38px;border-radius:14px;border:1px solid #d9e5f2;background:#fff;color:#0f172a;font-size:24px;line-height:1;box-shadow:0 12px 26px rgba(15,23,42,.09);cursor:pointer}
.r22-dots{display:flex;gap:6px;background:#fff;border:1px solid #d9e5f2;padding:8px 10px;border-radius:999px}
.r22-dots i{width:7px;height:7px;border-radius:999px;background:#cbd5e1;display:block}
.r22-dots i.active{width:20px;background:#2563eb}
.project-rail.yb-coverflow,.project-rail.r17-drag-slider{position:relative;height:610px;overflow:visible;display:block;perspective:1400px;touch-action:pan-y;user-select:none;cursor:grab;margin-top:18px}
.project-rail.yb-coverflow.is-dragging,.project-rail.r17-drag-slider.is-dragging{cursor:grabbing}
.yb-ref-card,.hbt-ref-card,.tilt-card{position:absolute;left:50%;top:34px;width:min(440px,82vw);min-height:500px;border-radius:28px;background:#fff;border:1px solid #dce8f5;box-shadow:0 28px 70px rgba(15,23,42,.13);overflow:hidden;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .35s ease,filter .35s ease,box-shadow .35s ease;will-change:transform,opacity;transform-style:preserve-3d}
.yb-ref-card:hover{box-shadow:0 35px 85px rgba(15,23,42,.18)}
.yb-ref-card .project-link{display:flex;flex-direction:column;height:100%;color:#0f172a;text-decoration:none}
.yb-ref-card .project-cover{height:285px;margin:0;background:#eef7ff;border-bottom:1px solid #e4edf7;overflow:hidden}
.yb-ref-card .project-cover img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.005);transition:transform .45s ease}
.yb-ref-card.is-active .project-cover img,.yb-ref-card:hover .project-cover img{transform:scale(1.045)}
.yb-ref-card small{display:inline-flex;align-self:flex-start;margin:18px 22px 8px;padding:7px 11px;border-radius:999px;background:#e8f2ff;color:#2563eb;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.yb-ref-card h3{margin:0 22px 8px;font-size:24px;line-height:1.18;letter-spacing:-.02em;color:#0f172a}
.yb-ref-card p{margin:0 22px 22px;color:#5d6f86;line-height:1.55;font-size:14.5px}
.yb-ref-card .open-mark{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:15px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;box-shadow:0 12px 24px rgba(37,99,235,.25)}
.yb-ref-card:not(.is-active) .open-mark{opacity:.4}
.page-projects .project-rail.yb-coverflow,.page-projects .project-rail.r17-drag-slider{height:650px}
.page-projects + .section{margin-top:0}
@keyframes r22FadeUp{
from{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:translateY(0)}
}
@media (max-width:1100px){
.r22-hero-wrap{grid-template-columns:1fr;gap:28px}
.r22-hero-visual{min-height:430px}
.r22-browser-frame{transform:none}
.r22-mini-card{display:none}
.yb-ref-card{width:min(390px,84vw)}
.project-rail.yb-coverflow,.project-rail.r17-drag-slider{height:560px}
}
@media (max-width:680px){
.r22-hero{padding:42px 0}
.r22-hero h1{font-size:40px}
.r22-hero-visual{min-height:310px}
.r22-browser-frame{padding:34px 10px 10px;border-radius:22px}
.r22-browser-top{left:12px;right:12px;top:10px}
.r22-hero-controls{right:12px;bottom:18px}
.r22-hero-bullets li{font-size:11px}
.project-rail.yb-coverflow,.project-rail.r17-drag-slider{overflow:visible}
.yb-ref-card{top:20px}
.yb-ref-card h3{font-size:21px}

.page-hero{padding:44px 0 36px}
.page-hero h1{font-size:38px}
}



.btn-whatsapp{background:#25d366;color:#063b1f}
.r22-browser-frame{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}
.r22-visual-track{background:radial-gradient(circle at 70% 20%,rgba(24,104,242,.09),transparent 40%),linear-gradient(135deg,#f8fbff,#ffffff)}
.r22-visual-slide img{object-fit:contain;padding:26px;background:transparent}
@media (max-width:680px){
.r22-visual-slide img{padding:14px}
}
.project-rail.yb-coverflow.static{cursor:default;touch-action:manipulation;user-select:none;contain:layout paint style}
.project-rail.yb-coverflow.static.is-dragging{cursor:default}
.project-rail.yb-coverflow.static .yb-ref-card{backface-visibility:hidden;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;will-change:transform,opacity}
.project-rail.yb-coverflow.static .yb-ref-card:not(.is-active) .project-link{cursor:pointer}
.project-rail.yb-coverflow.static .yb-ref-card.is-active .project-link{cursor:pointer}
.yb-ref-card .project-actions{display:flex;align-items:center;gap:8px;margin:0 22px 22px}
.yb-ref-card .detail-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border-radius:999px;background:#f0f7ff;color:#1868f2;text-decoration:none;font-weight:900;font-size:12px;line-height:1;border:1px solid #dcecff}
.yb-ref-card.is-active .open-mark{opacity:1}
.yb-ref-card .open-mark{z-index:3}
@media (hover:none){
.yb-ref-card:hover .project-cover img{transform:scale(1.005)}
.yb-ref-card.is-active .project-cover img{transform:scale(1.02)}
}
@media (max-width:680px){
.project-buttons button{width:38px;height:38px;border-radius:13px;font-size:22px}
.project-rail.yb-coverflow,.project-rail.r17-drag-slider{height:500px}
.yb-ref-card{width:min(326px,82vw);min-height:448px}
.yb-ref-card .project-cover{height:205px}
.yb-ref-card p{font-size:13.5px;line-height:1.48}
}
.yb-projects{background:radial-gradient(circle at 12% 10%, rgba(24,104,242,.12), transparent 30%),
    radial-gradient(circle at 86% 20%, rgba(14,165,233,.10), transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#edf7ff 54%,#ffffff 100%);position:relative;overflow:hidden}
.yb-projects:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-150px;height:310px;background:radial-gradient(ellipse at center, rgba(37,99,235,.14), transparent 67%);pointer-events:none;filter:blur(20px)}
.yb-projects>.container{position:relative;z-index:1}
.yb-projects .section-head{align-items:flex-start;gap:18px}
.yb-projects .section-head h2{font-size:clamp(32px,3.6vw,54px);line-height:1.04;letter-spacing:-.045em;max-width:820px}
.project-buttons{display:flex;gap:10px;align-items:center;position:relative;z-index:20}
.project-buttons button{width:44px;height:44px;padding:0;border-radius:15px;border:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.92);color:#0f172a;box-shadow:0 16px 34px rgba(15,23,42,.10);font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease}
.project-buttons button:hover{background:#0f66ff;color:#fff;transform:translateY(-2px);box-shadow:0 22px 44px rgba(15,102,255,.24)}
.project-rail.yb-coverflow.r24-coverflow,.project-rail.yb-coverflow:not(.static){position:relative;height:610px;display:block;overflow:visible;perspective:1550px;transform-style:preserve-3d;margin-top:20px;touch-action:pan-y;user-select:none;cursor:default;contain:none}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card,.project-rail.yb-coverflow.r24-coverflow .hbt-ref-card,.project-rail.yb-coverflow:not(.static) .yb-ref-card,.project-rail.yb-coverflow:not(.static) .hbt-ref-card{position:absolute;left:50%;top:36px;width:min(420px,78vw);min-width:0;min-height:500px;border-radius:30px;background:rgba(255,255,255,.96);border:1px solid rgba(20,70,130,.12);box-shadow:0 28px 70px rgba(15,23,42,.13);overflow:hidden;opacity:0;pointer-events:none;filter:saturate(.82) brightness(.98);transform:translateX(-50%) translateZ(-280px) scale(.72);transition:transform .56s cubic-bezier(.19,1,.22,1), opacity .34s ease, filter .34s ease, box-shadow .34s ease;will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-active,.project-rail.yb-coverflow.r24-coverflow .hbt-ref-card.is-active,.project-rail.yb-coverflow:not(.static) .yb-ref-card.is-active,.project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-active{opacity:1;z-index:10;pointer-events:auto;filter:saturate(1) brightness(1);transform:translateX(-50%) translateZ(130px) scale(1.045);box-shadow:0 42px 95px rgba(0,92,180,.25),0 0 0 8px rgba(255,255,255,.45)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-prev,.project-rail.yb-coverflow.r24-coverflow .hbt-ref-card.is-prev,.project-rail.yb-coverflow:not(.static) .yb-ref-card.is-prev,.project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-prev{opacity:.78;z-index:6;pointer-events:auto;transform:translateX(calc(-50% - 310px)) rotateY(34deg) translateZ(-110px) scale(.84)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-next,.project-rail.yb-coverflow.r24-coverflow .hbt-ref-card.is-next,.project-rail.yb-coverflow:not(.static) .yb-ref-card.is-next,.project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-next{opacity:.78;z-index:6;pointer-events:auto;transform:translateX(calc(-50% + 310px)) rotateY(-34deg) translateZ(-110px) scale(.84)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-prev2,.project-rail.yb-coverflow.r24-coverflow .hbt-ref-card.is-prev2,.project-rail.yb-coverflow:not(.static) .yb-ref-card.is-prev2,.project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-prev2{opacity:.36;z-index:3;pointer-events:auto;transform:translateX(calc(-50% - 545px)) rotateY(45deg) translateZ(-260px) scale(.69)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-next2,.project-rail.yb-coverflow.r24-coverflow .hbt-ref-card.is-next2,.project-rail.yb-coverflow:not(.static) .yb-ref-card.is-next2,.project-rail.yb-coverflow:not(.static) .hbt-ref-card.is-next2{opacity:.36;z-index:3;pointer-events:auto;transform:translateX(calc(-50% + 545px)) rotateY(-45deg) translateZ(-260px) scale(.69)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-active:hover,.project-rail.yb-coverflow.r24-coverflow .hbt-ref-card.is-active:hover{transform:translateX(-50%) translateZ(165px) scale(1.075);box-shadow:0 50px 110px rgba(0,92,180,.30),0 0 0 8px rgba(255,255,255,.54)}
.project-rail.yb-coverflow.r24-coverflow .project-cover,.project-rail.yb-coverflow:not(.static) .project-cover{height:260px;margin:0;border-radius:30px 30px 0 0;background:linear-gradient(135deg,#dff5ff,#fff0ca);border-bottom:1px solid rgba(20,70,130,.08);overflow:hidden}
.project-rail.yb-coverflow.r24-coverflow .project-cover img,.project-rail.yb-coverflow:not(.static) .project-cover img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:scale(1.005);transition:transform .45s ease;filter:none;padding:0;background:transparent}
.project-rail.yb-coverflow.r24-coverflow .is-active .project-cover img{transform:scale(1.035)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card small{display:inline-flex;align-self:flex-start;margin:19px 22px 9px;padding:7px 12px;border-radius:999px;background:#edf6ff;color:#1267eb;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card h3{font-size:23px;line-height:1.16;margin:0 22px 9px;color:#0f172a;letter-spacing:-.025em}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card p{font-size:14.5px;line-height:1.55;margin:0 22px 18px;color:#5f7189}
.project-rail.yb-coverflow.r24-coverflow .detail-pill{border:1px solid #dcecff}
.project-rail.yb-coverflow.r24-coverflow .open-mark{right:18px;bottom:18px;width:42px;height:42px;border-radius:15px;color:#fff;opacity:.92;z-index:20}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card:not(.is-active) .open-mark{opacity:.42}
.project-rail.yb-coverflow.r24-coverflow:after{content:"";position:absolute;left:12%;right:12%;bottom:34px;height:70px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,89,160,.18),transparent 72%);filter:blur(8px);pointer-events:none}
@media (max-width:1180px){
.project-rail.yb-coverflow.r24-coverflow{height:580px}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card{width:min(380px,80vw)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-prev{transform:translateX(calc(-50% - 245px)) rotateY(31deg) translateZ(-120px) scale(.82)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-next{transform:translateX(calc(-50% + 245px)) rotateY(-31deg) translateZ(-120px) scale(.82)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-prev2,.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-next2{opacity:0;pointer-events:none}
}
@media (max-width:720px){
.yb-projects{overflow:hidden}
.yb-projects .section-head{display:flex;align-items:flex-start}
.project-rail.yb-coverflow.r24-coverflow{margin-top:8px;perspective:1150px}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card{top:20px;width:min(330px,78vw);min-height:460px;border-radius:24px}
.project-rail.yb-coverflow.r24-coverflow .project-cover{height:210px;border-radius:24px 24px 0 0}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-active{transform:translateX(-50%) translateZ(90px) scale(1.02)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-prev{opacity:.62;transform:translateX(calc(-50% - 170px)) rotateY(32deg) translateZ(-130px) scale(.76)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-next{opacity:.62;transform:translateX(calc(-50% + 170px)) rotateY(-32deg) translateZ(-130px) scale(.76)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-prev2,.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-next2{opacity:0;pointer-events:none}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card h3{font-size:21px}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card p{font-size:13.5px;line-height:1.48}
.project-buttons button{width:40px;height:40px;border-radius:14px}
}
.yb-projects .section-head{position:relative;padding-right:0}
.yb-projects .project-buttons button,.yb-coverflow-side-btn{width:50px;height:50px;border-radius:18px;border:1px solid rgba(15,23,42,.09);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,255,.92));color:#0e2444;box-shadow:0 18px 44px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;-webkit-tap-highlight-color:transparent}
.yb-projects .project-buttons button:hover,.yb-coverflow-side-btn:hover{background:#1267eb;color:#fff;transform:translateY(-2px);box-shadow:0 24px 54px rgba(18,103,235,.25)}
.yb-coverflow-side-btn{position:absolute;top:46%;z-index:80;padding:0;font-size:28px;line-height:1}
.yb-coverflow-side-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.8;fill:none}
.project-rail.yb-coverflow.r24-coverflow{padding-inline:78px}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card{cursor:pointer}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card.is-active{outline:1px solid rgba(18,103,235,.16)}
.project-rail.yb-coverflow.r24-coverflow .yb-ref-card .project-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin:0 22px 22px}
.project-rail.yb-coverflow.r24-coverflow .detail-pill{font-size:12px;font-weight:850;letter-spacing:.02em;padding:9px 13px;border-radius:999px}
.project-rail.yb-coverflow.r24-coverflow .open-mark{display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}
.project-rail.yb-coverflow.r24-coverflow .open-mark:hover{background:#0e2444;transform:translateY(-2px) scale(1.04);opacity:1}
.project-detail .detail-shot{position:relative;margin:0;border-radius:34px;padding:18px;background:linear-gradient(135deg,#ffffff 0%,#edf7ff 48%,#fff8e8 100%);border:1px solid rgba(18,103,235,.12);box-shadow:0 34px 90px rgba(15,23,42,.14);overflow:hidden}
.project-detail .detail-shot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 12%,rgba(18,103,235,.15),transparent 34%),radial-gradient(circle at 90% 15%,rgba(14,165,233,.12),transparent 30%);pointer-events:none}
.project-detail .detail-shot img{position:relative;z-index:1;width:100%;height:auto;min-height:340px;max-height:620px;object-fit:cover;object-position:center top;border-radius:24px;display:block;box-shadow:0 22px 58px rgba(15,23,42,.16);background:#fff}
.project-detail-grid{align-items:start}
.project-detail .side-box{position:sticky;top:112px}
@media (max-width:1040px){
.project-rail.yb-coverflow.r24-coverflow{padding-inline:42px}
}
@media (max-width:720px){
.yb-projects .section-head{gap:12px}
.yb-projects .project-buttons{display:none}
.yb-coverflow-side-btn{width:42px;height:42px;border-radius:15px;top:44%;box-shadow:0 16px 34px rgba(15,23,42,.16)}
.project-rail.yb-coverflow.r24-coverflow{padding-inline:28px;height:530px}
.project-detail .detail-shot{border-radius:24px;padding:10px}
.project-detail .detail-shot img{border-radius:18px;min-height:220px;max-height:none}
.project-detail .side-box{position:relative;top:auto}
}
@media (prefers-reduced-motion:reduce){
.yb-coverflow-side-btn,.project-rail.yb-coverflow.r24-coverflow .yb-ref-card{transition:none}
}
.yb-breadcrumb{position:relative;z-index:8;margin:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.72));backdrop-filter:blur(14px);border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06)}
.yb-breadcrumb ol{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:10px 0;display:flex;align-items:center;gap:8px;list-style:none;overflow:auto;scrollbar-width:none}
.yb-breadcrumb ol::-webkit-scrollbar{display:none}
.yb-breadcrumb li{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#64748b;font-size:13px;font-weight:700}
.yb-breadcrumb li+li:before{content:"›";display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#f1f5f9;color:#0f172a}
.yb-breadcrumb a{color:#0f172a;text-decoration:none}
.yb-breadcrumb a:hover{color:#2563eb}
.yb-breadcrumb [aria-current="page"]{color:#2563eb}
.page-hero+.section{padding-top:44px}
.contact-modern-r17 .contact-shell{align-items:stretch}
.r26-contact-item{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;padding:15px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(15,23,42,.07)}
.r26-contact-item+.r26-contact-item{margin-top:12px}
.r26-icon{width:54px;height:54px;min-width:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#2563eb;line-height:1;overflow:hidden}
.r26-icon svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.r26-icon svg path,.r26-icon svg circle{vector-effect:non-scaling-stroke}
.r26-icon.whatsapp{background:#25D366}
.r26-icon.whatsapp img{display:block;width:27px;height:27px;object-fit:contain}
.r26-contact-item b{display:block;color:#0f172a;margin-bottom:3px}
.r26-contact-item a,.r26-contact-item span{color:#475569;text-decoration:none;font-weight:700;word-break:break-word}
.contact-panel{border-radius:30px}
.map-card iframe{border-radius:28px}
.r26-vitrin .yb-ref-card{will-change:transform,opacity;backface-visibility:hidden}
.r26-arrows button,.project-buttons button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(37,99,235,.18);background:#fff;color:#2563eb;box-shadow:0 14px 34px rgba(37,99,235,.12);font-size:24px;line-height:1}
.r26-arrows button:hover,.project-buttons button:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}
@media (max-width:860px){
.yb-breadcrumb ol{width:min(100% - 22px,1180px);padding:9px 0}
.yb-breadcrumb li{font-size:12px}
.r26-contact-item{grid-template-columns:48px 1fr}
.r26-icon{width:48px;height:48px;min-width:48px}
.r26-icon svg{width:22px;height:22px}
}
body{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 36%,#f8fbff 100%)}

.eyebrow,.section small,.page-hero small{font-size:13px;font-weight:800;color:var(--yb27-primary)}
.brand em{font-size:11px;color:#6a7a8f}

.btn{min-height:38px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:800;letter-spacing:0;box-shadow:none}
.btn-main,.footer .btn-main,.mini-form .btn-main,.cta-band .btn-main,.r16-mini-lead .btn-main{background:linear-gradient(135deg,var(--yb27-primary),#0f8fd5);color:#fff;border-color:rgba(18,103,235,.18);box-shadow:0 12px 28px rgba(18,103,235,.18)}
.btn-main:hover{background:linear-gradient(135deg,var(--yb27-primary-dark),#087da6);transform:translateY(-1px);box-shadow:0 18px 34px rgba(18,103,235,.22)}
.btn-white,.btn-lite{border-color:var(--yb27-border);box-shadow:0 12px 28px rgba(16,44,74,.06)}
.cta-band{padding:64px 0;background:transparent}
.cta-band .band,.band{position:relative;width:min(1180px,calc(100% - 44px));margin-inline:auto;border-radius:34px;padding:34px 40px;background:linear-gradient(135deg,#11365f 0%,#1267eb 58%,#11a7b5 100%);box-shadow:0 28px 80px rgba(17,54,95,.18);overflow:hidden}
.cta-band .band:before{content:"";position:absolute;inset:-120px auto auto -80px;width:280px;height:280px;border-radius:999px;background:rgba(255,255,255,.16);filter:blur(8px)}
.cta-band .band:after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:999px;background:rgba(18,168,184,.28);filter:blur(12px)}
.cta-band .band>*,.band>*{position:relative;z-index:2}
.cta-band h2,.band h2{font-size:clamp(25px,2.4vw,36px);line-height:1.12;letter-spacing:-.025em;color:#fff;margin:0 0 8px}
.cta-band p,.band p{color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.65;max-width:680px}
.cta-band .btn-main,.band .btn-main{background:#fff;color:var(--yb27-primary);border-color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.12);white-space:nowrap}
.r16-mini-lead{padding:62px 0}
.r16-checkbox{border-radius:34px;padding:34px;gap:28px}
.r16-checkbox h2{font-size:clamp(26px,2.5vw,38px);line-height:1.12;letter-spacing:-.025em;margin:0 0 10px}
.r16-checkbox p{font-size:15.5px;line-height:1.68}
.r16-quick-note span{font-weight:700;border:1px solid var(--yb27-border)}
.mini-form{border-radius:28px;padding:24px}
.mini-form small{display:block;margin-top:12px;font-size:13px;line-height:1.55;font-weight:500;letter-spacing:0;text-transform:none}
.mini-form .field label{font-weight:700;letter-spacing:0;text-transform:none;color:#223550}
.mini-form input,.mini-form select,.mini-form textarea{border-radius:13px;min-height:42px;border-color:#dbe7f1}
.yb-coverflow-side-btn{display:none;visibility:hidden;pointer-events:none}
.yb-projects .project-buttons{gap:10px;align-items:center}
.yb-projects .project-buttons button{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.96);color:#15314d;border:1px solid rgba(18,103,235,.12);box-shadow:0 16px 44px rgba(16,44,74,.12);font-size:25px}
.yb-projects .project-buttons button:hover{background:var(--yb27-primary);color:#fff}
.project-rail.yb-coverflow.r24-coverflow .open-mark{background:var(--yb27-primary)}
.project-rail.yb-coverflow.r24-coverflow .detail-pill{background:#f6fbff;color:var(--yb27-primary)}
.service-card,.choice-card,.content-card,.side-box,.trust-grid article,.faq-list article{border-radius:24px}
@media (max-width:760px){
.container{width:min(var(--max),calc(100% - 28px))}
.cta-band .band,.band{width:calc(100% - 28px);border-radius:26px;padding:28px 22px;display:grid;gap:18px}
.cta-band .btn-main,.band .btn-main{justify-self:start}
.r16-checkbox{padding:24px;border-radius:26px}
.mini-form{padding:20px}
.yb-projects .project-buttons button{width:42px;height:42px}
}
.yb27-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#07172b;overflow:hidden;animation:yb27IntroAuto 1.55s ease .12s forwards}
.yb27-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.yb27-intro__grid{position:absolute;inset:-12%;background-image:linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:68px 68px;transform:perspective(900px) rotateX(62deg) translateY(12%);transform-origin:center bottom;animation:yb27Grid 1.7s linear infinite;opacity:.42}
.yb27-intro__aurora{position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(18,103,235,.55),transparent 27%),radial-gradient(circle at 82% 30%,rgba(18,168,184,.45),transparent 28%),radial-gradient(circle at 52% 84%,rgba(255,255,255,.18),transparent 34%);filter:blur(4px);animation:yb27Pulse 1.4s ease-in-out infinite alternate}
.yb27-intro__sweep{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.24) 48%,transparent 55%);animation:yb27Sweep 1.25s ease-in-out forwards}
.yb27-intro__card{position:relative;z-index:2;display:grid;place-items:center;gap:14px;width:min(260px,72vw);padding:28px 30px;border-radius:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);box-shadow:0 34px 120px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(18px);transform:translateY(8px) scale(.96);animation:yb27Card .82s cubic-bezier(.2,.85,.25,1) forwards}
.yb27-intro__card img{width:132px;height:auto;filter:drop-shadow(0 22px 40px rgba(8,119,255,.28))}
.yb27-intro__card span{font-size:13px;font-weight:800;color:rgba(255,255,255,.86);letter-spacing:.02em;text-transform:none}
.yb27-intro__bar{width:150px;height:4px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
.yb27-intro__bar i{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,#fff,#54d7ff);transform-origin:left;animation:yb27Bar 1.05s ease forwards}
@keyframes yb27Grid{
to{background-position:68px 68px}
}
@keyframes yb27Pulse{
from{opacity:.72;transform:scale(1)}
to{opacity:1;transform:scale(1.04)}
}
@keyframes yb27Sweep{
from{transform:translateX(-45%)}
to{transform:translateX(48%)}
}
@keyframes yb27Card{
to{transform:translateY(0) scale(1)}
}
@keyframes yb27Bar{
from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
@keyframes yb27IntroAuto{
0%,78%{opacity:1;visibility:visible;pointer-events:auto}
100%{opacity:0;visibility:hidden;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){
.yb27-intro{animation:yb27IntroAuto .45s ease forwards}
.yb27-intro__grid,.yb27-intro__aurora,.yb27-intro__sweep,.yb27-intro__card,.yb27-intro__bar i{animation:none}
}
html{width:100%;max-width:100%;overflow-x:clip}
body{width:100%;max-width:100%;overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.yb28-menu-open{overflow:hidden;touch-action:none}
main,header,footer,section,.container{max-width:100%}
img,video,canvas,iframe,svg{max-width:100%}
input,select,textarea,button{max-width:100%;min-width:0}
:is(h1,h2,h3,h4,p,a,li,span,label){overflow-wrap:break-word}
:focus-visible{outline:3px solid rgba(18,103,235,.28);outline-offset:3px}
a,button{touch-action:manipulation}
.section{padding-block:74px;overflow:clip}
.section-head{gap:18px;align-items:end}
.section-head h2{max-width:850px;color:var(--yb28-ink)}
.section-head small{color:var(--yb28-blue)}
.service-card,.choice-card,.trust-grid article,.content-card,.side-box,.sector-panel,.sector-aside,.faq-list article{border-color:rgba(14,31,54,.09)}
.service-card p,.choice-card p,.trust-grid p,.content-card p,.side-box p,.sector-panel p{color:var(--yb28-copy)}









.r22-hero{width:100%;max-width:none}
.r22-hero-wrap,.r22-hero-copy,.r22-hero-visual{min-width:0}
.r22-hero h1{color:var(--yb28-ink);text-wrap:balance}
.r22-hero p{color:#52667c}
.r22-kicker{letter-spacing:.055em;text-transform:none;font-size:13px}
.r22-hero-actions .btn{min-height:44px}
.r22-hero-bullets li{color:#314a62;border-color:#d8e5f0;background:rgba(255,255,255,.94)}
.r22-browser-frame{max-width:100%;contain:layout paint}
.r22-visual-slide img{object-position:center}
.r16-mini-lead{background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%);padding-top:58px}
.r16-checkbox{color:var(--yb28-ink);background:linear-gradient(135deg,#eaf6ff 0%,#ffffff 54%,#eefcf7 100%);border:1px solid rgba(18,103,235,.14);box-shadow:0 26px 78px rgba(17,45,79,.13);overflow:hidden}
.r16-checkbox:before{background:radial-gradient(circle,rgba(18,103,235,.24),transparent 68%);opacity:.58}
.r16-checkbox h2{color:#0b1d35;text-shadow:none;max-width:620px;text-wrap:balance}
.r16-checkbox p{color:#52667c;max-width:640px}
.r16-quick-note span{background:#fff;color:#2b435c;border-color:#dbe7f1;box-shadow:0 7px 20px rgba(17,45,79,.05)}
.mini-form{background:#fff;border:1px solid #dbe7f1;box-shadow:0 18px 54px rgba(17,45,79,.11);backdrop-filter:none}
.mini-form .field{min-width:0}
.mini-form .field label,.mini-form label{color:#20364f;font-size:12px;letter-spacing:0;text-transform:none}
.mini-form input,.mini-form select,.mini-form textarea{width:100%;background:#f9fbfd;color:#14283f;border:1px solid #d5e2ed;box-shadow:none}
.mini-form input::placeholder,.mini-form textarea::placeholder{color:#7a8998;opacity:1}
.mini-form input:focus,.mini-form select:focus,.mini-form textarea:focus{border-color:#5c91ee;outline:3px solid rgba(18,103,235,.12);background:#fff}
.mini-form small{color:#607286}
.yb-projects,.yb-projects .container{overflow:clip}
.project-rail.yb-coverflow,.project-rail.r17-drag-slider{max-width:100%}
.yb-ref-card,.hbt-ref-card,.tilt-card{max-width:calc(100vw - 36px)}
.yb28-strength{background:linear-gradient(180deg,#fff,#f3f9ff)}
.yb28-strength-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.yb28-strength-card{position:relative;min-height:228px;padding:24px;border:1px solid rgba(14,31,54,.09);border-radius:26px;background:#fff;box-shadow:0 16px 46px rgba(17,45,79,.08);overflow:hidden}
.yb28-strength-card:before{content:"";position:absolute;right:-42px;top:-42px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,rgba(18,103,235,.18),transparent 70%)}
.yb28-strength-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#1267eb,#0d9db5);color:#fff;font-size:13px;margin-bottom:18px;box-shadow:0 12px 26px rgba(18,103,235,.2)}
.yb28-strength-card h3{margin:0 0 9px;color:var(--yb28-ink);font-size:19px;line-height:1.22}
.yb28-strength-card p{margin:0;color:var(--yb28-copy);font-size:14.5px;line-height:1.67}
.yb28-quality{background:#0b1c33;color:#fff;position:relative}
.yb28-quality:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(18,103,235,.34),transparent 28%),radial-gradient(circle at 90% 80%,rgba(13,157,181,.28),transparent 30%);pointer-events:none}
.yb28-quality .container{position:relative}
.yb28-quality .section-head h2,.yb28-quality .section-head small{color:#fff}
.yb28-quality .section-head p{color:#c9d8e7;max-width:720px;margin:12px 0 0;line-height:1.7}
.yb28-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.yb28-quality-grid article{padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.065);backdrop-filter:blur(9px)}
.yb28-quality-grid b{display:block;color:#79dcff;font-size:13px;margin-bottom:10px}
.yb28-quality-grid h3{margin:0 0 8px;color:#fff;font-size:17px}
.yb28-quality-grid p{margin:0;color:#cad8e6;font-size:13.5px;line-height:1.62}
.yb28-faq{background:#f4f9fd}
.yb28-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}
.yb28-faq-list details{background:#fff;border:1px solid rgba(14,31,54,.09);border-radius:20px;padding:0 18px;box-shadow:0 12px 34px rgba(17,45,79,.06)}
.yb28-faq-list summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--yb28-ink);font-weight:850;line-height:1.35}
.yb28-faq-list summary::-webkit-details-marker{display:none}
.yb28-faq-list summary:after{content:"+";display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#edf5ff;color:#1267eb;font-size:20px;transition:transform .18s ease}
.yb28-faq-list details[open] summary:after{transform:rotate(45deg)}
.yb28-faq-list details p{margin:0;padding:0 0 18px;color:var(--yb28-copy);font-size:14.5px;line-height:1.7}
.cta-band .band h2,.cta-band .band p,.footer h2,.footer h3,.footer p,.footer a,.sector-aside h3,.sector-aside p{opacity:1}
.cta-band .band p{color:#e6f0fa}

@media (max-width:1060px){
.yb28-strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.yb28-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:940px){
html{scroll-padding-top:82px}

























.section{padding-block:56px}
.section-head{align-items:start}
.r22-hero{padding:34px 0 44px}
.r22-hero-wrap{width:min(100% - 28px,760px);grid-template-columns:1fr;gap:28px}
.r22-hero-copy{width:100%}
.r22-hero h1{font-size:clamp(36px,8.8vw,48px);line-height:1.02;letter-spacing:-.048em;margin:20px 0 14px;max-width:100%}
.r22-hero p{font-size:16px;line-height:1.67}
.r22-hero-visual{width:100%;min-height:340px}
.r22-browser-frame{width:100%;transform:none}
.r22-mini-card{display:none}
.r22-hero-controls{right:12px;bottom:16px}
.r22-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
.r22-hero-actions .btn{width:100%;max-width:none;min-height:46px;padding:10px 12px;font-size:13px}
.r22-hero-actions .btn:nth-child(3){grid-column:1/-1}
.r22-hero-bullets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.r22-hero-bullets li{text-align:center;padding:9px 8px;font-size:12px}
.r16-checkbox{grid-template-columns:1fr;padding:24px;gap:22px;border-radius:27px}
.mini-form{grid-template-columns:1fr 1fr;padding:20px;gap:12px}
.mini-form .btn,.mini-form small{grid-column:1/-1;max-width:none;width:100%}
.project-rail.yb-coverflow,.project-rail.r17-drag-slider{overflow-x:auto;overflow-y:hidden;max-width:100%;margin-inline:0;padding-inline:0;scroll-padding-inline:0}
.project-rail.yb-coverflow .yb-ref-card,.project-rail.r17-drag-slider .yb-ref-card,.r17-drag-slider .hbt-ref-card{flex:0 0 calc(100vw - 52px);min-width:calc(100vw - 52px);width:calc(100vw - 52px);max-width:calc(100vw - 52px)}


.yb28-faq-list{grid-template-columns:1fr}
}
@media (max-width:620px){
.container{width:min(var(--max),calc(100% - 28px))}
.section{padding-block:48px}
.section-head{display:grid;gap:14px}
.section-head .btn{justify-self:start}
.section-head h2{font-size:clamp(28px,8.5vw,38px);line-height:1.08}
.r22-hero{padding-top:28px}
.r22-kicker{font-size:12px;padding:8px 10px}
.r22-hero h1{font-size:clamp(34px,10vw,42px)}
.r22-hero-visual{min-height:286px}
.r22-browser-frame{aspect-ratio:1.18/1;padding:34px 9px 9px;border-radius:22px}
.r22-visual-track{border-radius:15px}
.r22-hero-controls button{width:42px;height:42px}
.service-grid,.choice-cards,.trust-grid,.industry-directory,.yb28-strength-grid,.yb28-quality-grid{grid-template-columns:1fr}
.service-card,.choice-card,.trust-grid article,.yb28-strength-card{min-height:0;padding:21px}
.two-col,.sector-result,.project-detail-grid{grid-template-columns:1fr}
.r16-mini-lead{padding-top:42px}
.r16-checkbox{padding:20px;border-radius:24px}
.r16-checkbox h2{font-size:clamp(28px,8.5vw,36px)}
.mini-form{grid-template-columns:1fr;padding:17px;border-radius:21px}
.mini-form .btn,.mini-form small{grid-column:auto}
.r16-quick-note{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.r16-quick-note span{justify-content:center;text-align:center;padding:9px 8px}
.cta-band{padding:42px 0}
.cta-band .band,.band{width:calc(100% - 28px);padding:25px 20px;border-radius:24px}
.cta-band .btn-main,.band .btn-main{width:100%;max-width:none}
.yb28-faq-list details{padding-inline:15px}
.yb28-faq-list summary{min-height:60px;font-size:14px}
}
@media (max-width:390px){








.r22-hero-bullets{grid-template-columns:1fr 1fr}
.r22-hero h1{font-size:34px}
.r22-hero-visual{min-height:260px}
.r16-quick-note{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){

}
.r22-hero :is(h1,h2){margin:24px 0 16px;font-size:clamp(40px,4.7vw,72px);line-height:.98;letter-spacing:-.055em;color:var(--yb28-ink);max-width:780px;text-wrap:balance}
@media (max-width:940px){
.r22-hero :is(h1,h2){font-size:clamp(36px,8.8vw,48px);line-height:1.02;letter-spacing:-.048em;margin:20px 0 14px;max-width:100%}
}
@media (max-width:390px){
.r22-hero :is(h1,h2){font-size:34px}
.r22-hero-actions{grid-template-columns:1fr 1fr}
.r22-hero-actions .btn:nth-child(3){grid-column:1/-1}
}
@media (max-width:330px){
.r22-hero-actions{grid-template-columns:1fr}
.r22-hero-actions .btn:nth-child(3){grid-column:auto}
}
@media (max-width:620px){
html body main .r16-mini-lead .container.r16-checkbox form.mini-form{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
html body main .r16-mini-lead .container.r16-checkbox form.mini-form > .field,html body main .r16-mini-lead .container.r16-checkbox form.mini-form > .btn,html body main .r16-mini-lead .container.r16-checkbox form.mini-form > small{grid-column:1 / -1;width:100%;min-width:0;max-width:none}
html body main .r16-mini-lead form.mini-form input,html body main .r16-mini-lead form.mini-form select{width:100%;min-width:0;max-width:100%;font-size:16px}
html body main .r16-mini-lead form.mini-form small{display:block;line-height:1.55;text-align:left}
}
.mini-form .yb28-form-note{grid-column:1 / -1;min-height:0;margin:2px 0 0;padding:0;color:#405a73;font-size:13px;font-weight:800;line-height:1.5}
.mini-form .yb28-form-note:empty{display:none}
.mini-form .yb28-form-note.is-success{padding:10px 12px;border:1px solid #b9e8cf;border-radius:12px;background:#eafbf2;color:#12623a}
.mini-form .yb28-form-note.is-error{padding:10px 12px;border:1px solid #f0c4ca;border-radius:12px;background:#fff1f3;color:#a0192d}
.mini-form button[disabled]{opacity:.7;cursor:wait}
html{scroll-padding-top:108px}
.hbt-slogan{font-weight:700;letter-spacing:.01em}
.yb29-proof-strip{padding:18px 0;background:linear-gradient(90deg,#0b1220,#13284a);color:#fff;border-block:1px solid rgba(255,255,255,.08)}
.yb29-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden}
.yb29-proof-item{min-width:0;padding:22px 24px;background:rgba(8,20,38,.84);display:flex;flex-direction:column;gap:4px;color:#fff;text-decoration:none}
.yb29-proof-item strong{font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.05}
.yb29-proof-item span{color:#c8d7e8;font-weight:650;font-size:.92rem}
.yb29-case-grid,.yb29-package-grid,.yb29-local-grid,.yb29-need-grid,.yb29-scope-grid{display:grid;gap:20px}
.yb29-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.yb29-package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.yb29-local-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.yb29-need-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.yb29-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.yb29-case-card,.yb29-package-card,.yb29-local-card,.yb29-need-card,.yb29-scope-card,.yb29-result-card{position:relative;min-width:0;border:1px solid var(--yb29-line);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(20,45,75,.08)}
.yb29-case-card{overflow:hidden}
.yb29-case-card figure{margin:0;aspect-ratio:16/10;background:#eef4f9;overflow:hidden}
.yb29-case-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.yb29-case-card:hover img{transform:scale(1.025)}
.yb29-case-body{padding:22px}
.yb29-case-body small,.yb29-package-card small,.yb29-local-card small{display:block;color:#0875dc;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.73rem;margin-bottom:8px}
.yb29-case-body h3,.yb29-package-card h3,.yb29-local-card h3,.yb29-need-card h3,.yb29-scope-card h3{margin:.15rem 0 .6rem;color:var(--yb29-ink)}
.yb29-case-body p,.yb29-package-card p,.yb29-local-card p,.yb29-need-card p,.yb29-scope-card p{color:var(--yb29-muted);line-height:1.7}
.yb29-case-meta{display:grid;gap:10px;margin:16px 0}
.yb29-case-meta div{padding:12px 14px;border-radius:14px;background:#f5f9fd}
.yb29-case-meta b{display:block;font-size:.78rem;color:#243852;margin-bottom:3px}
.yb29-case-meta span{color:#5b6d80;font-size:.88rem;line-height:1.45}
.yb29-text-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#0875dc;text-decoration:none}
.yb29-text-link:after{content:"→";transition:transform .2s}
.yb29-text-link:hover:after{transform:translateX(4px)}
.yb29-package-card{padding:25px;display:flex;flex-direction:column}
.yb29-package-card.is-featured{border-color:#2e90ff;box-shadow:0 24px 60px rgba(8,125,242,.16);transform:translateY(-5px)}
.yb29-package-badge{position:absolute;right:18px;top:18px;background:#0f7df1;color:white;padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:800}
.yb29-package-list{list-style:none;padding:0;margin:17px 0 22px;display:grid;gap:10px}
.yb29-package-list li{position:relative;padding-left:24px;color:#405165;line-height:1.5}
.yb29-package-list li:before{content:"✓";position:absolute;left:0;color:#11a986;font-weight:900}
.yb29-package-card .btn{margin-top:auto;width:100%;justify-content:center}
.yb29-compare{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--yb29-line);border-radius:22px;background:#fff}
.yb29-compare th,.yb29-compare td{padding:15px 17px;text-align:left;border-bottom:1px solid var(--yb29-line);vertical-align:top}
.yb29-compare th{background:#eff6fc;color:#1d2d42;font-size:.88rem}
.yb29-compare tr:last-child td{border-bottom:0}
.yb29-compare td:not(:first-child){text-align:center}
.yb29-check{font-weight:900;color:#0f8244}
.yb29-dash{color:#5d6e83}
.yb29-local-card{padding:22px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.yb29-local-card:hover{transform:translateY(-3px);border-color:#69acf1;box-shadow:0 22px 48px rgba(20,75,130,.13)}
.yb29-local-card span{display:inline-flex;margin-top:8px;color:#0875dc;font-weight:800}
.yb29-location-hero{background:radial-gradient(circle at 18% 10%,rgba(28,194,190,.22),transparent 34%),linear-gradient(135deg,#0c1728,#17345b);color:#fff}
.yb29-location-hero h1,.yb29-location-hero p{color:#fff}
.yb29-location-hero p{opacity:.86}
.yb29-location-hero .eyebrow{color:#c8f9f2}
.yb29-location-hero .btn-white{background:#fff;color:#10223a}
.yb29-need-card,.yb29-scope-card{padding:24px}
.yb29-need-card b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#ebf5ff,#e8fffb);color:#0875dc;margin-bottom:14px}
.yb29-local-proof{padding:28px;border:1px solid var(--yb29-line);border-radius:26px;background:linear-gradient(135deg,#f7fbff,#eefbf8)}
.yb29-project-hero{background:radial-gradient(circle at 78% 15%,rgba(38,134,255,.25),transparent 38%),linear-gradient(135deg,#091321,#18365b);color:#fff}
.yb29-project-hero h1,.yb29-project-hero p{color:#fff}
.yb29-project-hero p{opacity:.87}
.yb29-project-hero .eyebrow{color:#cfe4ff}
.yb29-project-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:26px;align-items:start}
.yb29-project-shot{margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--yb29-line);background:#fff;box-shadow:0 26px 65px rgba(12,35,65,.12)}
.yb29-project-shot img{display:block;width:100%;height:auto}
.yb29-project-summary{padding:25px;border-radius:26px;background:#0d1d33;color:#fff;position:sticky;top:115px}
.yb29-project-summary h2,.yb29-project-summary h3{color:#fff}
.yb29-project-summary p{color:#c5d4e5}
.yb29-project-summary ul{list-style:none;margin:18px 0;padding:0;display:grid;gap:11px}
.yb29-project-summary li{position:relative;padding-left:22px;color:#e4eef8}
.yb29-project-summary li:before{content:"✓";position:absolute;left:0;color:#53e0bd;font-weight:900}
.yb29-project-summary .btn{width:100%;justify-content:center;margin-top:8px}
.yb29-result-card{padding:28px;background:linear-gradient(135deg,#fff7ee,#f3fbff)}
.yb29-result-card h2{margin-top:0}
.yb29-result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.yb29-result-list article{padding:18px;border:1px solid rgba(70,110,145,.16);border-radius:18px;background:rgba(255,255,255,.78)}
.yb29-result-list b{display:block;color:#10243c;margin-bottom:6px}
.yb29-result-list span{color:#607184;font-size:.92rem;line-height:1.55}
.yb29-evidence-note{padding:18px 20px;border-left:4px solid #0ba98c;border-radius:14px;background:#f0fbf8;color:#34495d;line-height:1.65}
.yb29-evidence-note strong{color:#10263f}
.yb29-process{counter-reset:yb29step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.yb29-process article{counter-increment:yb29step;padding:23px;border:1px solid var(--yb29-line);border-radius:22px;background:#fff}
.yb29-process article:before{content:"0" counter(yb29step);display:block;color:#0875dc;font-size:.82rem;font-weight:900;margin-bottom:13px}
.yb29-process h3{margin:.2rem 0 .5rem}
.yb29-process p{color:var(--yb29-muted);line-height:1.65}
.yb29-area-cloud{display:flex;flex-wrap:wrap;gap:10px}
.yb29-area-cloud a{padding:10px 14px;border:1px solid var(--yb29-line);border-radius:999px;background:#fff;color:#263a51;text-decoration:none;font-weight:750}
.yb29-area-cloud a:hover{border-color:#2a90ef;color:#0875dc}

@media (max-width:1150px){
.yb29-case-grid,.yb29-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.yb29-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:800px){
.yb29-project-overview{grid-template-columns:1fr}
.yb29-project-summary{position:static}
.yb29-local-grid,.yb29-need-grid,.yb29-scope-grid{grid-template-columns:1fr}
.yb29-result-list{grid-template-columns:1fr}
.yb29-process{grid-template-columns:repeat(2,minmax(0,1fr))}
.yb29-compare{display:block;overflow-x:auto}
.yb29-package-card.is-featured{transform:none}

}
@media (max-width:560px){
.yb29-proof-grid,.yb29-case-grid,.yb29-package-grid,.yb29-process{grid-template-columns:1fr}
.yb29-proof-item{padding:17px 19px}

.r22-hero-actions .btn{width:100%;justify-content:center}
.yb29-package-card,.yb29-case-body,.yb29-local-card,.yb29-need-card,.yb29-scope-card{padding:20px}
.yb29-location-hero h1{font-size:clamp(2rem,11vw,3.1rem)}
}
@media (prefers-reduced-motion:reduce){
.yb29-case-card img,.yb29-local-card,.yb29-text-link:after{transition:none}
}
html,body{max-width:100%;overflow-x:hidden}
body.r30-site{color:var(--yb-ink)}
.r30-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:44px;align-items:center}
.r30-hero-media,.r30-inline-media{display:block;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.25)}
.r30-hero-media img,.r30-inline-media img{display:block;width:100%;height:auto;object-fit:cover}
.r30-inline-media{box-shadow:0 24px 60px rgba(24,48,78,.16);border-color:var(--yb-line)}
.r30-kicker{display:block;color:var(--yb-blue);font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.r30-lead{font-size:1.08rem;line-height:1.8;color:var(--yb-copy);max-width:900px}
.r30-process-grid,.r30-value-grid,.r30-focus-grid,.r30-city-grid,.r30-region-grid{display:grid;gap:18px}
.r30-process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.r30-value-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.r30-value-grid.compact article{padding:18px}
.r30-value-grid.compact h3{font-size:1rem}
.r30-focus-grid,.r30-region-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.r30-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.r30-focus-card,.r30-city-card,.r30-region-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.r30-focus-card:hover,.r30-city-card:hover,.r30-region-card:hover{transform:translateY(-4px);border-color:#88bfff;box-shadow:0 18px 45px rgba(11,104,232,.14)}
.r30-region-card em{color:var(--yb-blue);font-weight:800;font-style:normal}
.r30-city-cloud{display:flex;flex-wrap:wrap;gap:10px}
.r30-city-cloud a{padding:10px 14px;border:1px solid var(--yb-line);border-radius:999px;background:#fff;color:var(--yb-ink);text-decoration:none;font-weight:750}
.r30-city-cloud a:hover{border-color:var(--yb-blue);color:var(--yb-blue)}
.r30-remote-proof,.r30-home-remote{background:linear-gradient(180deg,#effaff,#f9fcff)}
.r30-sector-group{margin:48px 0}
.r30-sector-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.r30-sector-list a{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid var(--yb-line);border-radius:18px;padding:18px;text-decoration:none}
.r30-sector-list b{color:var(--yb-ink)}
.r30-sector-list span{color:var(--yb-copy);font-size:.92rem;line-height:1.5}
.r30-form-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.r30-site .yb-surface-dark{--surface-title:#fff;--surface-copy:var(--yb-dark-copy);--surface-link:#fff}
.r30-site .yb-surface-dark :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--surface-title);text-shadow:none;opacity:1}
.r30-site .yb-surface-dark :where(p,li,small,em){color:var(--surface-copy);opacity:1}
.r30-site .yb-surface-dark :where(hr,.brand-bridge){border-color:rgba(255,255,255,.22)}
.r30-site .yb-surface-dark .brand-bridge{color:#e6f0fa}
.r30-site .yb-surface-light{--surface-title:var(--yb-ink);--surface-copy:var(--yb-copy);--surface-link:var(--yb-blue)}
.r30-site .yb-surface-light :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--surface-title);text-shadow:none;opacity:1}
.r30-site .yb-surface-light :where(p,li,small,em){color:var(--surface-copy);opacity:1}
.r30-site .yb-surface-light a:not(.btn):not(.round):not(.open-mark){color:var(--surface-link)}
.r30-site .page-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 14%,rgba(22,169,201,.24),transparent 34%),
    radial-gradient(circle at 91% 80%,rgba(11,104,232,.28),transparent 36%),
    linear-gradient(135deg,var(--yb-dark) 0%,var(--yb-dark-2) 62%,#0a67b4 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.r30-site .page-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:1;background:linear-gradient(90deg,rgba(3,14,29,.18),rgba(3,14,29,0) 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 88px)}
.r30-site .page-hero :where(h1,h2,h3){color:#fff;text-shadow:none}
.r30-site .page-hero p{color:#dcecff;opacity:1}
.r30-site .page-hero .eyebrow{background:#fff;color:#0b3a6d;border-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.r30-site .page-hero .eyebrow i{background:#22ce78}
.r30-site .sector-aside :where(h2,h3,h4){color:#fff}
.r30-site .sector-aside .brand-bridge{border-top:1px solid rgba(255,255,255,.24)}
.r30-site .sector-aside .brand-bridge a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.r30-site .r30-note{background:linear-gradient(145deg,#0b294c,#0b6ecb);color:#fff;border-radius:24px;padding:28px;align-self:start}
.r30-site .r30-note :where(h2,h3,b){color:#fff}
.r30-site .r30-note p{color:#f7fbff;line-height:1.75}
.r30-site .r30-note a{color:#fff;font-weight:850;text-decoration:underline}
.r30-site .r30-filter{background:linear-gradient(135deg,#07192f,#0b365f);color:#fff;border-radius:24px;padding:24px;margin-bottom:34px}
.r30-site .r30-filter :where(h2,h3,label){color:#fff}
.r30-site .r30-filter p{color:#dbeeff}
.r30-site .contact-mini-note{background:linear-gradient(135deg,#0c2747,#15528a);color:#fff}
.r30-site .contact-mini-note :where(h2,h3,strong,b){color:#fff}
.r30-site .contact-mini-note p{color:#dceaf7}
.r30-site .cta-band .band,.r30-site .band{background:linear-gradient(135deg,#173b66,#0756c9 58%,#07697b);color:#fff}
.r30-site .band :where(h1,h2,h3){color:#fff}
.r30-site .band p{color:#f7fbff}
.r30-site .brand-board{color:#fff}
.r30-site .brand-board :where(h1,h2,h3,strong,b){color:#fff}
.r30-site .brand-board p{color:#dce9f6}


.r30-site :where(.content-card,.side-box,.faq-grid article,.r30-process-grid article,.r30-value-grid article,.r30-focus-card,.r30-city-card,.r30-region-card,.yb29-scope-card,.yb29-result-card,.project-tile,.contact-panel,.yb29-package-card,.yb29-project-summary){background:#fff;color:var(--yb-ink);border-color:var(--yb-line);box-shadow:var(--yb-shadow)}
.r30-site :where(.content-card,.side-box,.faq-grid article,.r30-process-grid article,.r30-value-grid article,.r30-focus-card,.r30-city-card,.r30-region-card,.yb29-scope-card,.yb29-result-card,.project-tile,.contact-panel,.yb29-package-card,.yb29-project-summary) :where(h1,h2,h3,h4,strong,b){color:var(--yb-ink);text-shadow:none}
.r30-site :where(.content-card,.side-box,.faq-grid article,.r30-process-grid article,.r30-value-grid article,.r30-focus-card,.r30-city-card,.r30-region-card,.yb29-scope-card,.yb29-result-card,.project-tile,.contact-panel,.yb29-package-card,.yb29-project-summary) :where(p,li,small,em,span){color:var(--yb-copy);opacity:1}
.r30-site .yb29-project-summary{position:sticky;top:115px}
.r30-site .yb29-project-summary li{color:var(--yb-copy-strong);font-weight:650}
.r30-site .yb29-project-summary li:before{color:#08a984}
.r30-site .yb29-package-card.is-featured{background:#fff;border:2px solid #2e90ff;box-shadow:0 24px 60px rgba(8,125,242,.16)}
.r30-site .yb29-package-badge{background:#0b68e8;color:#fff;white-space:nowrap}
.r30-site .yb29-package-list li{color:var(--yb-copy-strong)}
.r30-site :where(.hbt-ref-card,.yb-ref-card){background:#fff;color:var(--yb-ink);border:1px solid var(--yb-line);box-shadow:0 22px 58px rgba(5,48,86,.14)}
.r30-site :where(.hbt-ref-card,.yb-ref-card) .project-link{display:flex;flex-direction:column;height:100%;background:#fff;color:var(--yb-ink);text-decoration:none}
.r30-site :where(.hbt-ref-card,.yb-ref-card) :where(h2,h3,strong,b){color:var(--yb-ink)}
.r30-site :where(.hbt-ref-card,.yb-ref-card) p{color:var(--yb-copy);opacity:1}
.r30-site :where(.hbt-ref-card,.yb-ref-card) small{color:#075fc7;background:#eaf4ff;border:1px solid #cfe5ff}
.r30-site .project-cover,.r30-site .project-tile>a>img,.r30-site .yb29-project-shot{background:#eaf1f7}
.r30-site .project-cover img,.r30-site .project-tile>a>img,.r30-site .yb29-project-shot img{width:100%;object-fit:cover;object-position:top center;filter:none}
.r30-site .project-tile>a>img{aspect-ratio:16/10;height:auto;border-radius:18px;border:1px solid var(--yb-line)}
.r30-site input,.r30-site textarea,.r30-site select{background:#fff;color:#0c1c32;border:1px solid #aebfd0;box-shadow:none}
.r30-site input:focus,.r30-site textarea:focus,.r30-site select:focus{border-color:var(--yb-blue);outline:3px solid rgba(11,104,232,.16);outline-offset:1px}
.r30-site label{color:#13253d}
.r30-site .r30-filter label{color:#fff}
.r30-site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;line-height:1.15;font-size:13px;font-weight:850;white-space:nowrap;text-align:center;overflow:visible}
.r30-site .btn-main{color:#fff;background:linear-gradient(135deg,#0756c9,#075eb8);border-color:transparent;box-shadow:0 12px 26px rgba(11,104,232,.22)}
.r30-site .btn-main:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(11,104,232,.29)}
.r30-site .btn-white{background:#fff;color:#07315d;border-color:#fff}

@media (max-width:860px){
html{scroll-padding-bottom:92px}
body.r30-site{padding-bottom:82px}





}
@media (max-width:1100px){
.r30-hero-grid{grid-template-columns:1fr}
.r30-process-grid,.r30-value-grid,.r30-region-grid,.r30-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.r30-sector-list,.r30-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
.r30-site .page-hero{padding:42px 0 38px}
.r30-site .page-hero h1{font-size:clamp(31px,9.4vw,44px);line-height:1.06;overflow-wrap:anywhere}
.r30-site .page-hero p{font-size:16px;line-height:1.66}
.r30-hero-grid{gap:24px}
.r30-hero-media,.r30-inline-media{border-radius:20px}
.r30-process-grid,.r30-value-grid,.r30-region-grid,.r30-focus-grid,.r30-sector-list,.r30-city-grid,.r30-form-context{grid-template-columns:1fr}
.r30-process-grid article,.r30-value-grid article,.r30-focus-card,.r30-city-card,.r30-region-card{padding:20px}
.r30-site .hero-actions{display:grid;grid-template-columns:1fr}
.r30-site .hero-actions .btn{width:100%;justify-content:center}


.r30-site .round{width:44px;height:44px}
.r30-city-cloud{gap:8px}
.r30-city-cloud a{font-size:.9rem;padding:9px 12px}
.r30-site .yb29-project-summary{position:relative;top:auto}
.r30-site .project-tile{overflow:hidden}
.r30-site .project-tile h2{font-size:22px;line-height:1.15}
}
@media (max-width:370px){


}
.r30-site .project-rail.yb-coverflow:not(.is-ready){height:auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;perspective:none;overflow:visible}
.r30-site .project-rail.yb-coverflow:not(.is-ready):after{display:none}
.r30-site .project-rail.yb-coverflow:not(.is-ready) :where(.yb-ref-card,.hbt-ref-card,.tilt-card){position:relative;inset:auto;left:auto;top:auto;width:auto;min-width:0;min-height:0;opacity:1;pointer-events:auto;filter:none;transform:none}
@media (max-width:980px){
.r30-site .project-rail.yb-coverflow:not(.is-ready){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
.r30-site .project-rail.yb-coverflow:not(.is-ready){grid-template-columns:1fr}
}

.r30-site .section-head small{color:#075fc7}
@media (max-width:560px){




}
.r30-site .yb-surface-dark{background-color:var(--surface-dark);color:var(--text-on-dark)}
.r30-site .yb-surface-dark :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--text-on-dark);text-shadow:none;opacity:1}
.r30-site .yb-surface-dark :is(p,li,small,em){color:inherit;opacity:1}
.r30-site .yb-surface-dark p,.r30-site .yb-surface-dark li{color:var(--text-muted-on-dark)}
.r30-site .yb-surface-dark a:not(.btn):not(.round):not(.open-mark){color:#fff;text-decoration-color:rgba(255,255,255,.62)}
.r30-site .yb-surface-light{background-color:var(--surface-0);color:var(--text-main)}
.r30-site .yb-surface-light :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--text-main);text-shadow:none;opacity:1}
.r30-site .yb-surface-light :is(p,li,small,em){color:var(--text-muted);opacity:1}
.r30-site .btn{box-sizing:border-box;min-width:0;max-width:100%;text-wrap:balance}
.r30-site .btn-main,.r30-site button[type="submit"]{background:#0b68e8;color:#fff;border-color:#0b68e8}
.r30-site .btn-main:hover,.r30-site button[type="submit"]:hover{background:#073f9f;color:#fff;border-color:#073f9f}
.r30-site .btn-white,.r30-site .btn-lite{background:#fff;color:#07315d;border-color:#cbd9e7}
.r30-site .btn-white:hover,.r30-site .btn-lite:hover{background:#eef6ff;color:#061b36;border-color:#8fb7dc}

.r30-site input,.r30-site select,.r30-site textarea{background:#fff;color:#172034;border-color:#aebfd0}
.r30-site input::placeholder,.r30-site textarea::placeholder{color:#66788c;opacity:1}
.r30-site .sector-aside{background:linear-gradient(145deg,#10233c,#081728);color:#fff}
.r30-site .sector-aside h3{color:#fff}
.r30-site .sector-aside p{color:#d7e5f2}
.r30-site .sector-aside .brand-bridge{color:#e5eff9;border-top-color:rgba(255,255,255,.24)}
.r30-site .sector-aside .brand-bridge a{color:#fff}
.r30-site .page-hero,.r30-site .hbt-page-hero{background-color:#07172b;color:#fff}
.r30-site .page-hero :is(h1,h2,h3),.r30-site .hbt-page-hero :is(h1,h2,h3){color:#fff}
.r30-site .page-hero p,.r30-site .hbt-page-hero p{color:#dcecff}




@media (max-width:720px){
body.r30-site{padding-bottom:18px}











}
.r30-site .yb-surface-dark,
.r30-site .yb-surface-light .yb-surface-dark{--surface-title:var(--text-on-dark);--surface-copy:var(--text-muted-on-dark);--surface-link:#fff;color:var(--text-on-dark)}
.r30-site .yb-surface-dark :is(h1,h2,h3,h4,h5,h6,strong,b),
.r30-site .yb-surface-light .yb-surface-dark :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--text-on-dark);text-shadow:none;opacity:1}
.r30-site .yb-surface-dark :is(p,li,small,em),
.r30-site .yb-surface-light .yb-surface-dark :is(p,li,small,em){color:var(--text-muted-on-dark);opacity:1}
.r30-site .yb-surface-dark :is(a:not(.btn):not(.round):not(.open-mark)),
.r30-site .yb-surface-light .yb-surface-dark :is(a:not(.btn):not(.round):not(.open-mark)){color:#fff;text-decoration-color:rgba(255,255,255,.68)}
.r30-site .yb-surface-light,
.r30-site .yb-surface-dark .yb-surface-light{--surface-title:var(--text-main);--surface-copy:var(--text-muted);--surface-link:var(--primary);color:var(--text-main)}
.r30-site .yb-surface-light :is(h1,h2,h3,h4,h5,h6,strong,b),
.r30-site .yb-surface-dark .yb-surface-light :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--text-main);text-shadow:none;opacity:1}
.r30-site .yb-surface-light :is(p,li,small,em),
.r30-site .yb-surface-dark .yb-surface-light :is(p,li,small,em){color:var(--text-muted);opacity:1}
.r30-site .yb-surface-light :is(a:not(.btn):not(.round):not(.open-mark)),
.r30-site .yb-surface-dark .yb-surface-light :is(a:not(.btn):not(.round):not(.open-mark)){color:var(--primary)}
.r30-site :is(.hbt-ref-card,.yb-ref-card) .open-mark{color:#fff;background:#075fc7;text-decoration:none}
.r30-site :is(.hbt-ref-card,.yb-ref-card) .open-mark:hover{color:#fff;background:#073f9f}




.r30-site .contact-panel .contact-mini-note,
.r30-site .yb-surface-light .contact-mini-note{color:var(--text-on-dark)}
.r30-site .contact-panel .contact-mini-note :is(h1,h2,h3,h4,strong,b),
.r30-site .yb-surface-light .contact-mini-note :is(h1,h2,h3,h4,strong,b){color:var(--text-on-dark)}
.r30-site .contact-panel .contact-mini-note :is(p,li,small,em),
.r30-site .yb-surface-light .contact-mini-note :is(p,li,small,em){color:var(--text-muted-on-dark)}
.r30-site .card-ico{color:#075fc7}
.r30-site .smart-form .form-help{color:#52657a}
.r30-site .yb29-dash{color:#5d6e83}
.r30-site .yb29-check{color:#0f8244}

.r30-site :is(.trust-grid,.process-timeline) b{background:#075fc7;color:#fff}
.r30-site .yb28-strength-card b{background:linear-gradient(135deg,#075fc7,#08788d);color:#fff}
.r30-site .contact-icon{background:linear-gradient(135deg,#075fc7,#08788d);color:#fff}
.r30-site .sector-tabs button:hover,
.r30-site .sector-tabs button.active{background:#075fc7;color:#fff}
.r30-site :is(.hbt-ref-card,.yb-ref-card):not(.is-active) .open-mark{opacity:.86}



.r30-site :is(input,select,textarea):disabled{background:#eef2f6;color:#5d6e83;border-color:#c8d3dd;cursor:not-allowed}
.r30-site :is(button,.btn):disabled{opacity:.68;cursor:not-allowed;filter:saturate(.55)}
.r30-site :is(.btn,.round,a,button,input,select,textarea):focus-visible{outline:3px solid var(--primary);outline-offset:3px;box-shadow:0 0 0 5px rgba(255,255,255,.9)}
.r30-site .choice-card b{color:#075fc7}
.r30-site .yb28-quality .section-head small{color:#f7fbff}
.r30-site .project-tile .open-mark{display:grid;place-items:center;position:absolute;right:16px;bottom:16px;width:42px;height:42px;border-radius:15px;background:#075fc7;color:#fff;text-decoration:none;box-shadow:0 12px 28px rgba(7,95,199,.25)}
.r30-site .project-tile .open-mark:hover{background:#073f9f;color:#fff}
.r30-site .sector-tabs button{flex:0 0 auto;min-width:max-content;max-width:none}
@media (min-width:721px){

}
}

@layer r33 {
  :root{
    --yb-header-h:101px;
    --r33-ink:#0a1830;
    --r33-copy:#50657c;
    --r33-line:#d8e4ef;
    --r33-blue:#0b68e8;
    --r33-blue-dark:#074fae;
    --r33-navy:#07192f;
    --r33-green:#0f8244;
    --r33-card:#ffffff;
    --r33-soft:#f4f8fc;
    --r33-radius:24px;
    --r33-shadow:0 20px 58px rgba(8,34,63,.11);
  }

  html{scroll-padding-top:calc(var(--yb-header-h) + 18px)}
  body.r30-site{min-width:320px;padding-top:var(--yb-header-h);color:var(--r33-ink);background:#fff}
  body.r30-site.yb-intro-open{overflow:hidden}
  body.r30-site :where(main,section,article,aside,div,nav,form){min-width:0}
  body.r30-site :where(h1,h2,h3,h4,h5,h6,p,li,a,span,strong,b,small){overflow-wrap:break-word}
  body.r30-site :where(h1,h2,h3){text-wrap:balance}
  body.r30-site p{text-wrap:pretty}

  /* Modern iOS-style intro */
  .yb-intro{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(20,108,224,.28),transparent 33%),linear-gradient(145deg,#020913,#071b31 58%,#0a3154);opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease;isolation:isolate}
  .yb-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
  .yb-intro.is-closing{opacity:0;visibility:hidden;pointer-events:none}
  .yb-intro-card{position:relative;z-index:1;display:grid;justify-items:center;gap:13px;min-width:220px;padding:30px 34px 26px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.055);box-shadow:0 30px 90px rgba(0,0,0,.35);backdrop-filter:blur(18px)}
  .yb-intro-logo{display:grid;place-items:center;width:118px;height:70px}
  .yb-intro-logo img{width:112px;height:auto;filter:drop-shadow(0 12px 28px rgba(0,0,0,.32));animation:r33IntroLogo 1.1s cubic-bezier(.2,.8,.2,1) both}
  .yb-intro-name{color:#fff;font-size:15px;font-weight:850;letter-spacing:.035em}
  .yb-intro-sub{color:#a9c5df;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
  .yb-ios-spinner{position:relative;width:34px;height:34px;margin-top:2px}
  .yb-ios-spinner i{position:absolute;left:15px;top:2px;width:4px;height:10px;border-radius:99px;background:#fff;transform-origin:2px 15px;animation:r33Spinner 1s linear infinite}
  .yb-ios-spinner i:nth-child(1){transform:rotate(0deg);animation-delay:-.916s}.yb-ios-spinner i:nth-child(2){transform:rotate(30deg);animation-delay:-.833s}.yb-ios-spinner i:nth-child(3){transform:rotate(60deg);animation-delay:-.75s}.yb-ios-spinner i:nth-child(4){transform:rotate(90deg);animation-delay:-.666s}.yb-ios-spinner i:nth-child(5){transform:rotate(120deg);animation-delay:-.583s}.yb-ios-spinner i:nth-child(6){transform:rotate(150deg);animation-delay:-.5s}.yb-ios-spinner i:nth-child(7){transform:rotate(180deg);animation-delay:-.416s}.yb-ios-spinner i:nth-child(8){transform:rotate(210deg);animation-delay:-.333s}.yb-ios-spinner i:nth-child(9){transform:rotate(240deg);animation-delay:-.25s}.yb-ios-spinner i:nth-child(10){transform:rotate(270deg);animation-delay:-.166s}.yb-ios-spinner i:nth-child(11){transform:rotate(300deg);animation-delay:-.083s}.yb-ios-spinner i:nth-child(12){transform:rotate(330deg);animation-delay:0s}
  @keyframes r33Spinner{0%{opacity:1}100%{opacity:.16}}
  @keyframes r33IntroLogo{0%{opacity:0;transform:scale(.88) translateY(8px)}65%{opacity:1;transform:scale(1.035) translateY(0)}100%{opacity:1;transform:scale(1)}}

  /* Buttons */
  .r30-site .btn,.r30-site button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:42px;height:auto;max-width:100%;padding:10px 17px;border:1px solid transparent;border-radius:13px;background-image:none;color:#fff;font:800 13.5px/1.25 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-align:center;text-decoration:none;white-space:normal;overflow:visible;box-shadow:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
  .r30-site .btn:hover,.r30-site button[type="submit"]:hover{transform:translateY(-1px)}
  .r30-site .btn-main,.r30-site button[type="submit"]{background:#0b68e8;color:#fff;border-color:#0b68e8;box-shadow:0 9px 22px rgba(11,104,232,.19)}
  .r30-site .btn-main:hover,.r30-site button[type="submit"]:hover{background:#0754bf;color:#fff;border-color:#0754bf}
  .r30-site .btn-white,.r30-site .btn-lite{background:#fff;color:#0b2c4f;border-color:#cbd9e7}
  .r30-site .btn-white:hover,.r30-site .btn-lite:hover{background:#eef6ff;color:#061b36;border-color:#8fb7dc}
  .r30-site .btn-wa,.r30-site .btn-whatsapp{background:#0f8244;color:#fff;border-color:#0f8244}
  .r30-site .btn-wa:hover,.r30-site .btn-whatsapp:hover{background:#0b6c38;color:#fff;border-color:#0b6c38}

  /* Fixed professional header */
  .site-header.hbt-header{position:fixed;inset:0 0 auto 0;z-index:6000;background:rgba(255,255,255,.965);border:0;box-shadow:0 8px 28px rgba(8,32,59,.08);backdrop-filter:blur(18px) saturate(1.15);isolation:isolate;transition:box-shadow .2s ease,background-color .2s ease}
  .site-header.hbt-header.is-scrolled{background:rgba(255,255,255,.985);box-shadow:0 12px 36px rgba(8,32,59,.14)}
  .hbt-topline{background:#07284a;color:#fff;border:0}
  .hbt-topline-in{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}
  .hbt-topline :is(a,span,strong,b,.hbt-slogan){color:#fff}
  .hbt-contact{display:flex;align-items:center;gap:18px}
  .hbt-contact a{font-weight:700;text-decoration:none}
  .hbt-navbox.container{min-height:70px;display:flex;align-items:center;gap:22px;padding:0}
  .hbt-brand{position:relative;display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:0;color:#11233a;text-decoration:none;isolation:isolate}
  .hbt-brand:before{content:"";position:absolute;left:-5px;top:50%;z-index:-1;width:92px;height:60px;border-radius:24px;background:radial-gradient(circle,rgba(11,104,232,.18),transparent 68%);transform:translateY(-50%) scale(.72);opacity:.18;animation:r33LogoAura 6.4s ease-in-out infinite}
  .hbt-brand img{width:82px;height:auto;max-height:48px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(10,37,66,.1));transform-origin:center;animation:r33LogoPulse 6.4s ease-in-out infinite}
  .hbt-brand span{display:grid;gap:1px;white-space:nowrap}
  .hbt-brand b{font-size:15px;line-height:1.1;color:#11233a}
  .hbt-brand em{font-size:10.5px;line-height:1.2;color:#65758a;font-style:normal}
  @keyframes r33LogoPulse{0%,84%,100%{transform:scale(1);filter:drop-shadow(0 7px 14px rgba(10,37,66,.1))}91%{transform:scale(1.035);filter:drop-shadow(0 9px 19px rgba(11,104,232,.23))}}
  @keyframes r33LogoAura{0%,82%,100%{opacity:.06;transform:translateY(-50%) scale(.72)}91%{opacity:.45;transform:translateY(-50%) scale(1)}}
  .hbt-mainnav{display:flex;align-items:center;justify-content:center;gap:3px;margin-left:auto;min-width:0}
  .hbt-mainnav>a,.navdrop>button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#172a40;font:800 12.8px/1 inherit;text-decoration:none;white-space:nowrap;cursor:pointer}
  .hbt-mainnav>a:hover,.hbt-mainnav>a:focus-visible,.navdrop>button:hover,.navdrop>button:focus-visible{background:#edf5fc;color:#075bc8}
  .navdrop{position:relative;display:flex;align-items:center}
  .navdrop>button:after{content:"";width:7px;height:7px;margin-left:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px)}
  .mega{position:absolute;left:0;top:calc(100% + 12px);z-index:6100;min-width:230px;padding:13px;border:1px solid #dbe6f0;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(4,25,50,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
  .mega:before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px}
  .navdrop:hover>.mega,.navdrop:focus-within>.mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  .mega.wide{left:50%;width:min(720px,72vw);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;transform:translate(-50%,-6px)}
  .navdrop:hover>.mega.wide,.navdrop:focus-within>.mega.wide{transform:translate(-50%,0)}
  .mega h3{margin:0 0 7px;padding:4px 8px;color:#5d7187;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
  .mega a{display:flex;align-items:center;gap:8px;min-height:37px;padding:8px 9px;border-radius:10px;color:#21364d;font-size:12.5px;font-weight:750;text-decoration:none}
  .mega a:hover,.mega a:focus-visible{background:#eef6ff;color:#075bc8}
  .mega a span{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#49b9e8}
  .hbt-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin-left:4px}
  .hbt-actions .round{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #dbe5ee;border-radius:13px;background:#fff;color:#17314e;box-shadow:0 4px 12px rgba(10,39,72,.06);cursor:pointer;text-decoration:none}
  .hbt-actions .round:hover{background:#f2f7fb;border-color:#bfd1e0}
  .hbt-actions .round svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8}
  .hbt-actions .round .icon-fill{fill:currentColor;stroke:none}
  .hbt-actions .round.wa{background:#0f8244;color:#fff;border-color:#0f8244;box-shadow:0 8px 18px rgba(15,130,68,.2)}
  .hbt-actions .round.wa:hover{background:#0b6c38;border-color:#0b6c38}
  .hbt-actions .hbt-offer{min-height:40px;padding:9px 14px;border-radius:12px;font-size:12.5px;white-space:nowrap}
  .hamb{display:none;place-content:center;width:40px;height:40px;min-width:40px;padding:8px 9px;border:1px solid #dbe6ef;border-radius:13px;background:#f3f7fa;cursor:pointer}
  .hamb span{display:block;width:21px;height:2px;margin:3px 0;border-radius:99px;background:#142b42;transition:transform .18s ease,opacity .18s ease}
  .hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .yb33-menu-backdrop{position:fixed;inset:var(--yb-header-h) 0 0;z-index:5997;border:0;background:rgba(5,18,34,.45);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .18s ease}
  .yb33-menu-backdrop.is-open{opacity:1;pointer-events:auto}
  .mobile-menu{position:fixed;left:12px;right:12px;top:calc(var(--yb-header-h) + 8px);z-index:6002;max-height:calc(100dvh - var(--yb-header-h) - 20px);overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:12px;border:1px solid #dce6ef;border-radius:20px;background:#fff;box-shadow:0 26px 75px rgba(4,21,42,.24);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.988);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .mobile-menu[hidden]{display:none}
  .mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  .mobile-menu>a{display:flex;align-items:center;min-height:47px;padding:10px 12px;border:1px solid #e2ebf3;border-radius:13px;background:#f8fbfd;color:#16314b;font-size:13.5px;font-weight:800;text-decoration:none}
  .mobile-menu>a:hover,.mobile-menu>a:focus-visible{background:#eaf3ff;color:#0c5bd4;border-color:#cfe0f6}
  .yb33-menu-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
  .yb33-menu-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;color:#fff;font-size:13px;font-weight:850;text-decoration:none}
  .yb33-menu-actions .call{background:#0b68e8}.yb33-menu-actions .wa{background:#0f8244}

  /* Surface rhythm and card padding: no text against borders */
  .r30-site :where(.section-head,.band,.two-col,.contact-shell,.r30-process-grid,.r30-value-grid,.r30-focus-grid,.r30-city-grid,.r30-region-grid,.faq-grid,.service-grid){min-width:0}
  .r30-site :where(.r30-process-grid,.r30-value-grid,.r30-focus-grid,.r30-city-grid,.r30-region-grid,.faq-grid,.service-grid){align-items:stretch}
  .r30-site :where(.content-card,.side-box,.faq-grid>article,.r30-process-grid>article,.r30-value-grid>article,.r30-focus-card,.r30-city-card,.r30-region-card,.yb29-scope-card,.yb29-result-card,.project-tile,.contact-panel,.yb29-package-card,.yb29-project-summary){box-sizing:border-box;min-width:0;padding:clamp(22px,2.15vw,30px);border:1px solid var(--r33-line);border-radius:var(--r33-radius);background:#fff;color:var(--r33-ink);box-shadow:var(--r33-shadow);overflow:clip}
  .r30-site :where(.r30-process-grid>article,.r30-value-grid>article,.r30-focus-card,.r30-city-card,.r30-region-card,.faq-grid>article) :where(h2,h3,h4){margin-top:0;line-height:1.25}
  .r30-site :where(.r30-process-grid>article,.r30-value-grid>article,.r30-focus-card,.r30-city-card,.r30-region-card,.faq-grid>article) p{margin-bottom:0;color:var(--r33-copy);line-height:1.7}
  .r30-site :where(.content-card,.side-box,.contact-panel)>:first-child{margin-top:0}
  .r30-site :where(.content-card,.side-box,.contact-panel)>:last-child{margin-bottom:0}
  .r30-site .r30-value-grid.compact article{padding:22px}
  .r30-site .section-head{align-items:flex-end;gap:24px;margin-bottom:28px}
  .r30-site .section-head>div{min-width:0;max-width:930px}
  .r30-site .section-head h2{margin-bottom:0}
  .r30-site .r30-process-grid>article b{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:15px;background:#0b68e8;color:#fff;font-size:13px;box-shadow:0 10px 24px rgba(11,104,232,.2)}
  .r30-site .r30-focus-card{padding:24px;text-decoration:none}
  .r30-site .r30-focus-card b{font-size:17px;line-height:1.25}
  .r30-site .r30-focus-card span{line-height:1.55}
  .r30-site .r30-note{padding:clamp(24px,2.4vw,32px);overflow:clip}
  .r30-site .band{padding:clamp(25px,3vw,40px);border-radius:28px}

  /* Contact panel: aligned SVGs and safe wrapping */
  .contact-modern-r17 .contact-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px;align-items:start}
  .contact-panel,.smart-form{min-width:0}
  .contact-panel{border-radius:30px;overflow:hidden}
  .contact-panel>p{max-width:60ch;line-height:1.7}
  .contact-list{display:grid;gap:12px}
  .contact-item.r26-contact-item{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-height:80px;padding:13px 15px;border:1px solid #e0e9f1;border-radius:20px;background:linear-gradient(135deg,#fff,#f7fbff);box-shadow:0 12px 34px rgba(15,23,42,.055)}
  .contact-item.r26-contact-item>div{min-width:0}
  .contact-icon.r26-icon{display:grid;place-items:center;width:52px;height:52px;margin:0;border-radius:17px;background:linear-gradient(145deg,#0b68e8,#087e9f);color:#fff;box-shadow:0 10px 22px rgba(8,104,184,.19)}
  .contact-icon.r26-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
  .contact-icon.r26-icon img{display:block;width:24px;height:24px;object-fit:contain}
  .contact-item.r26-contact-item b{display:block;margin:0 0 3px;color:#0d2038;font-size:14px;line-height:1.3}
  .contact-item.r26-contact-item a,.contact-item.r26-contact-item span{display:block;max-width:100%;color:#075fc7;font-size:14px;font-weight:780;line-height:1.4;overflow-wrap:anywhere;text-decoration:none}
  .contact-item.r26-contact-item span{color:#425a72}
  .quick-contact-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
  .contact-mini-note{margin-top:18px;padding:22px 24px;border-radius:22px}
  .contact-mini-note b{display:block;font-size:17px;margin-bottom:7px}
  .contact-mini-note p{margin:0;line-height:1.65}
  .smart-form{box-sizing:border-box;border-radius:30px;overflow:hidden}
  .smart-form .field{min-width:0}
  .smart-form :where(input,select,textarea){max-width:100%}

  /* Stable quick-access dock: transform only, no layout shifts */
  .floatbar{position:fixed;right:0;top:50%;z-index:5600;display:grid;gap:7px;width:62px;padding:8px 8px 8px 7px;border:1px solid rgba(18,46,75,.14);border-right:0;border-radius:22px 0 0 22px;background:rgba(255,255,255,.975);box-shadow:0 20px 52px rgba(4,25,50,.2);backdrop-filter:blur(15px);transform:translate3d(52px,-50%,0);transition:transform .24s cubic-bezier(.2,.8,.2,1);will-change:transform;contain:layout paint}
  .floatbar:hover,.floatbar:focus-within,.floatbar.is-open{transform:translate3d(0,-50%,0)}
  .floatbar-toggle{position:absolute;left:-31px;top:15px;display:grid;place-items:center;width:32px;height:48px;padding:0;border:1px solid rgba(18,46,75,.16);border-right:0;border-radius:16px 0 0 16px;background:#092a4d;color:#fff;box-shadow:-6px 10px 24px rgba(4,25,50,.16);cursor:pointer}
  .floatbar-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}
  .floatbar.is-open .floatbar-toggle svg,.floatbar:hover .floatbar-toggle svg{transform:rotate(45deg)}
  .floatbar>a,.floatbar>.search-open{position:relative;display:grid;place-items:center;width:45px;height:45px;min-width:45px;padding:0;border:1px solid #d9e4ee;border-radius:14px;background:#fff;color:#153451;box-shadow:none;cursor:pointer;text-decoration:none;overflow:visible;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
  .floatbar>a:hover,.floatbar>a:focus-visible,.floatbar>.search-open:hover,.floatbar>.search-open:focus-visible{background:#edf5fc;border-color:#bcd3e6;color:#075bc8;transform:translateX(-2px)}
  .floatbar .float-wa{background:#0f8244;color:#fff;border-color:#0f8244}
  .floatbar .float-wa:hover{background:#0b6c38;color:#fff;border-color:#0b6c38}
  .floatbar svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .floatbar svg .icon-fill{fill:currentColor;stroke:none}
  .floatbar [data-label]:before{content:attr(data-label);position:absolute;right:calc(100% + 10px);top:50%;padding:7px 9px;border-radius:9px;background:#07192e;color:#fff;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translate(5px,-50%);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
  .floatbar [data-label]:hover:before,.floatbar [data-label]:focus-visible:before{opacity:1;visibility:visible;transform:translate(0,-50%)}

  /* Project catalogue with page-turn entrance */
  .yb-project-catalog{position:relative;padding:72px 0 80px;background:radial-gradient(circle at 10% 8%,rgba(11,104,232,.1),transparent 28%),radial-gradient(circle at 88% 15%,rgba(22,169,201,.1),transparent 30%),linear-gradient(180deg,#f8fbff,#eef6fd 58%,#fff);overflow:hidden}
  .yb-project-catalog .section-head{align-items:flex-end}
  .yb-catalog-controls{display:flex;align-items:center;gap:9px;flex:0 0 auto}
  .yb-catalog-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #cddbe8;border-radius:14px;background:#fff;color:#102b48;font-size:25px;line-height:1;box-shadow:0 8px 20px rgba(8,34,63,.08);cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}
  .yb-catalog-controls button:hover{background:#0b68e8;color:#fff;border-color:#0b68e8;transform:translateY(-1px)}
  .yb-catalog-stage{display:grid;position:relative;min-width:0;margin-top:22px;perspective:1500px}
  .yb-catalog-card{grid-area:1/1;position:relative;min-width:0;border:1px solid #d7e4ef;border-radius:32px;background:#fff;box-shadow:0 28px 80px rgba(8,34,63,.14);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(4%) rotateY(-7deg) scale(.985);transform-origin:left center;transition:opacity .28s ease,visibility .28s ease;backface-visibility:hidden}
  .yb-catalog-card.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;animation:r33PageInNext .56s cubic-bezier(.18,.78,.2,1) both}
  .yb-catalog-card.is-active.is-from-prev{animation-name:r33PageInPrev;transform-origin:right center}
  @keyframes r33PageInNext{0%{opacity:.1;transform:translateX(5%) rotateY(-11deg) scale(.975)}100%{opacity:1;transform:none}}
  @keyframes r33PageInPrev{0%{opacity:.1;transform:translateX(-5%) rotateY(11deg) scale(.975)}100%{opacity:1;transform:none}}
  .yb-catalog-link{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);min-height:520px;color:#0a1830;text-decoration:none}
  .yb-catalog-card .project-cover{grid-column:1;margin:0;height:100%;min-height:520px;border:0;border-radius:0;background:#eaf1f7;overflow:hidden}
  .yb-catalog-card .project-cover img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.002);transition:transform .55s ease}
  .yb-catalog-card.is-active:hover .project-cover img{transform:scale(1.025)}
  .yb-catalog-copy{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(32px,4vw,58px)}
  .yb-catalog-number{position:absolute;right:28px;top:24px;color:#d6e4f0;font-size:54px;font-weight:950;line-height:1;letter-spacing:-.06em}
  .yb-catalog-copy small{align-self:flex-start;margin:0 0 15px;padding:7px 11px;border:1px solid #cfe3f7;border-radius:999px;background:#edf6ff;color:#075fc7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .yb-catalog-copy h3{max-width:16ch;margin:0 0 14px;color:#0a1830;font-size:clamp(30px,3vw,48px);line-height:1.02;letter-spacing:-.045em}
  .yb-catalog-copy p{max-width:46ch;margin:0;color:#536980;font-size:15.5px;line-height:1.72}
  .yb-catalog-copy .project-actions{display:flex;align-items:center;gap:9px;margin-top:25px}
  .yb-catalog-copy .detail-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #cfe1f2;border-radius:13px;background:#f2f8ff;color:#075fc7;font-size:12.5px;font-weight:900}
  .yb-catalog-card .open-mark{position:absolute;right:28px;bottom:28px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#0b68e8;color:#fff;box-shadow:0 10px 24px rgba(11,104,232,.24);text-decoration:none}
  .yb-catalog-card .open-mark:hover{background:#074fae;color:#fff;transform:translateY(-1px)}
  .yb-catalog-card .open-mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
  .yb-catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 2px 11px;color:#5b7086;font-size:12px;font-weight:750}
  .yb-catalog-meta strong{display:flex;gap:5px;color:#102b48;font-size:13px}.yb-catalog-meta b{font:inherit}
  .yb-catalog-thumbs{display:flex;gap:10px;min-width:0;padding:4px 2px 12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b8cadb transparent}
  .yb-catalog-thumbs button{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;flex:0 0 210px;min-width:0;padding:8px;border:1px solid #dbe6ef;border-radius:16px;background:rgba(255,255,255,.85);color:#223b55;text-align:left;cursor:pointer;scroll-snap-align:start;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}
  .yb-catalog-thumbs button:hover{transform:translateY(-1px);border-color:#abc9e6}
  .yb-catalog-thumbs button.is-active{border-color:#0b68e8;background:#fff;box-shadow:0 9px 24px rgba(11,104,232,.14);color:#075fc7}
  .yb-catalog-thumbs img{display:block;width:76px;height:50px;border-radius:10px;object-fit:cover;object-position:top center;background:#eaf1f7}
  .yb-catalog-thumbs span{min-width:0;font-size:12px;font-weight:850;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Footer */
  .hbt-footer{position:relative;margin-top:0;padding:74px 0 24px;background:#06182d;color:#fff;overflow:hidden}
  .footer-orbit{position:absolute;inset:0;overflow:hidden;pointer-events:none}
  .footer-orbit i{position:absolute;border-radius:999px;filter:blur(26px);opacity:.34}
  .footer-orbit i:nth-child(1){width:360px;height:360px;left:-130px;top:80px;background:#0879e8}.footer-orbit i:nth-child(2){width:320px;height:320px;right:10%;top:20px;background:#0b9460}.footer-orbit i:nth-child(3){width:420px;height:420px;right:-170px;bottom:-220px;background:#1459a4}
  .footer-stage{position:relative;z-index:2}
  .footer-hero{display:grid;grid-template-columns:100px minmax(0,1fr) auto;grid-template-areas:"logo title cta" "logo copy cta";align-items:center;gap:8px 24px;padding:30px 32px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(255,255,255,.055);box-shadow:0 28px 80px rgba(0,0,0,.22)}
  .footer-hero img{grid-area:logo;width:92px;height:auto;max-width:100%}.footer-hero h2{grid-area:title;margin:0;color:#fff;font-size:clamp(24px,2.5vw,38px);line-height:1.1;letter-spacing:-.025em}.footer-hero p{grid-area:copy;margin:0;max-width:790px;color:#c8d8e8;line-height:1.65}.footer-hero>.btn{grid-area:cta;justify-self:end;max-width:190px}
  .footer-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:25px;background:rgba(255,255,255,.04)}
  .footer-group{min-width:0;padding:20px 22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}
  .footer-group h3{margin:0 0 14px;color:#dff5ff;font-size:13px;letter-spacing:.055em;text-transform:uppercase}
  .footer-group a,.footer-group p{display:block;margin:9px 0;color:#cbdbea;font-size:13.5px;line-height:1.52;text-decoration:none;overflow-wrap:anywhere}
  .footer-group a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
  .foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:20px 8px 5px;border-top:1px solid rgba(255,255,255,.12);color:#b9cadb;font-size:12.5px}
  .foot-bottom nav{display:flex;flex-wrap:wrap;gap:14px}.foot-bottom a{color:#dbe8f4;text-decoration:none}

  @media (max-width:1180px){
    .hbt-brand span{display:none}.hbt-navbox.container{gap:14px}.hbt-mainnav>a,.navdrop>button{padding-inline:8px;font-size:12.2px}.hbt-actions .hbt-offer{padding-inline:12px}.footer-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
    .yb-catalog-link{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}
  }
  @media (max-width:940px){
    :root{--yb-header-h:70px}
    .hbt-topline{display:none}.hbt-navbox.container{width:100%;max-width:none;min-height:70px;padding:0 13px;gap:8px}.hbt-brand{max-width:82px}.hbt-brand img{width:76px;max-height:46px}.hbt-mainnav{display:none}.hbt-actions{margin-left:auto;gap:6px}.hbt-actions .search-open{display:none}.hbt-actions .round{width:40px;height:40px;min-width:40px;border-radius:13px}.hbt-actions .hbt-offer{min-height:40px;padding:8px 12px;font-size:12px}.hamb{display:grid}
    .footer-hero{grid-template-columns:82px minmax(0,1fr);grid-template-areas:"logo title" "logo copy" "cta cta";align-items:start;padding:25px}.footer-hero img{width:76px}.footer-hero>.btn{justify-self:start;max-width:none;margin-top:9px}
    .contact-modern-r17 .contact-shell{grid-template-columns:1fr}
    .yb-catalog-link{grid-template-columns:1fr}.yb-catalog-card .project-cover{min-height:430px;height:430px}.yb-catalog-copy{padding:34px 34px 42px}.yb-catalog-number{font-size:46px}
  }
  @media (max-width:700px){
    .r30-site .section-head{align-items:flex-start;display:grid;gap:17px;margin-bottom:22px}
    .r30-site :where(.content-card,.side-box,.faq-grid>article,.r30-process-grid>article,.r30-value-grid>article,.r30-focus-card,.r30-city-card,.r30-region-card,.yb29-scope-card,.yb29-result-card,.project-tile,.contact-panel,.yb29-package-card,.yb29-project-summary){padding:21px;border-radius:21px}
    .contact-item.r26-contact-item{grid-template-columns:46px minmax(0,1fr);min-height:72px;padding:12px 13px}.contact-icon.r26-icon{width:46px;height:46px;border-radius:15px}.contact-icon.r26-icon svg,.contact-icon.r26-icon img{width:22px;height:22px}
    .yb-project-catalog{padding:52px 0 62px}.yb-project-catalog .section-head{grid-template-columns:minmax(0,1fr) auto;display:grid;align-items:end}.yb-catalog-controls button{width:41px;height:41px;border-radius:13px}.yb-catalog-card{border-radius:24px}.yb-catalog-link{display:block;min-height:0}.yb-catalog-card .project-cover{height:auto;min-height:0;aspect-ratio:16/10}.yb-catalog-copy{padding:25px 22px 72px}.yb-catalog-copy h3{max-width:13ch;font-size:clamp(27px,8vw,37px)}.yb-catalog-number{right:20px;top:18px;font-size:38px}.yb-catalog-card .open-mark{right:21px;bottom:21px;width:42px;height:42px}.yb-catalog-thumbs button{grid-template-columns:62px minmax(0,1fr);flex-basis:168px}.yb-catalog-thumbs img{width:62px;height:43px}
  }
  @media (max-width:620px){
    .hbt-navbox.container{padding-inline:10px}.hbt-brand{max-width:72px}.hbt-brand img{width:68px}.hbt-actions .round{width:38px;height:38px;min-width:38px}.hbt-actions .hbt-offer{min-height:38px;padding:8px 10px;font-size:11.5px;border-radius:11px}.hamb{width:38px;height:38px;min-width:38px;border-radius:12px}.mobile-menu{left:9px;right:9px;grid-template-columns:1fr;padding:10px}.yb33-menu-actions{grid-template-columns:1fr 1fr}
    body.r30-site{padding-bottom:76px}
    .floatbar{top:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;width:auto;padding:6px;border:1px solid rgba(18,46,75,.14);border-radius:18px;background:rgba(255,255,255,.98);transform:translate3d(calc(100% - 48px),0,0);box-shadow:0 18px 46px rgba(4,25,50,.2);transition:transform .24s cubic-bezier(.2,.8,.2,1);contain:layout paint}
    .floatbar:hover{transform:translate3d(calc(100% - 48px),0,0)}.floatbar:focus-within,.floatbar.is-open{transform:translate3d(0,0,0)}
    .floatbar-toggle{position:relative;left:auto;top:auto;order:-1;width:42px;height:42px;min-width:42px;border:1px solid #153a5f;border-radius:13px;background:#092a4d;box-shadow:none}
    .floatbar>a,.floatbar>.search-open{width:40px;height:40px;min-width:40px;border-radius:12px}.floatbar [data-label]:before{display:none}.floatbar [data-label="Konum"]{display:none}
    .floatbar.is-open .floatbar-toggle svg{transform:rotate(45deg)}
    .hbt-footer{padding-top:56px}.footer-hero{grid-template-columns:1fr;grid-template-areas:"logo" "title" "copy" "cta";gap:13px;padding:23px;border-radius:22px}.footer-hero img{width:82px}.footer-hero h2{font-size:clamp(23px,7.7vw,31px)}.footer-hero>.btn{justify-self:stretch;width:100%;max-width:none}.footer-panel{grid-template-columns:1fr;padding:14px;gap:10px;border-radius:21px}.footer-group{padding:19px}.foot-bottom{display:grid;gap:10px;padding-inline:6px}
  }
  @media (max-width:370px){
    .hbt-actions .hbt-offer{display:none}.mobile-menu{top:calc(var(--yb-header-h) + 6px)}.yb33-menu-actions{grid-template-columns:1fr}
    .floatbar{right:8px;gap:5px;padding:5px;transform:translate3d(calc(100% - 44px),0,0)}.floatbar:hover{transform:translate3d(calc(100% - 44px),0,0)}.floatbar:focus-within,.floatbar.is-open{transform:none}.floatbar-toggle{width:40px;height:40px;min-width:40px}.floatbar>a,.floatbar>.search-open{width:37px;height:37px;min-width:37px}.floatbar [data-label="E-posta"]{display:none}
    .yb-project-catalog .section-head{grid-template-columns:1fr}.yb-catalog-controls{justify-self:start}
  }
  @media (prefers-reduced-motion:reduce){
    .yb-intro-logo,.yb-ios-spinner i,.hbt-brand img,.hbt-brand:before{animation:none}.site-header.hbt-header,.floatbar,.floatbar-toggle svg,.mega,.mobile-menu,.hamb span,.yb-catalog-card,.yb-catalog-card.is-active{transition:none;animation:none}
  }
}


@layer r33 {
  /* R33 final alignment: icon contrast and stable mobile dock */
  .contact-item.r26-contact-item .contact-icon.r26-icon,
  .contact-item.r26-contact-item .contact-icon.r26-icon :is(svg,path,circle,rect){color:#fff;stroke:#fff}
  .contact-item.r26-contact-item .contact-icon.r26-icon svg{fill:none}

  @media (max-width:760px){
    .floatbar{
      right:12px;
      width:54px;
      max-width:calc(100vw - 24px);
      overflow:hidden;
      flex-direction:row-reverse;
      justify-content:flex-start;
      transform:none;
      transition:width .24s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;
      will-change:width;
    }
    .floatbar:hover,.floatbar:focus-within{transform:none}
    .floatbar.is-open{width:min(298px,calc(100vw - 24px));transform:none}
    .floatbar-toggle{order:0;flex:0 0 42px}
    .floatbar>a,.floatbar>.search-open{
      flex:0 0 40px;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateX(8px);
      transition:opacity .16s ease,visibility .16s ease,transform .2s ease,background-color .16s ease,border-color .16s ease,color .16s ease;
    }
    .floatbar.is-open>a,.floatbar.is-open>.search-open{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:none;
    }
  }
  @media (max-width:370px){
    .floatbar{right:8px;width:50px;max-width:calc(100vw - 16px)}
    .floatbar.is-open{width:min(251px,calc(100vw - 16px))}
  }
}

@layer r33 {
  @media (min-width:761px){
    .floatbar{
      transform:translate3d(0,-50%,0);
      background:transparent;
      border-color:transparent;
      box-shadow:none;
      backdrop-filter:none;
      pointer-events:none;
      contain:layout style;
      transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
    }
    .floatbar-toggle{pointer-events:auto}
    .floatbar>a,.floatbar>.search-open{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateX(12px);
      transition:opacity .16s ease,visibility .16s ease,transform .2s ease,background-color .16s ease,border-color .16s ease,color .16s ease;
    }
    .floatbar:hover,.floatbar:focus-within,.floatbar.is-open{
      transform:translate3d(0,-50%,0);
      background:rgba(255,255,255,.975);
      border-color:rgba(18,46,75,.14);
      box-shadow:0 20px 52px rgba(4,25,50,.2);
      backdrop-filter:blur(15px);
      pointer-events:auto;
    }
    .floatbar:hover>a,.floatbar:hover>.search-open,
    .floatbar:focus-within>a,.floatbar:focus-within>.search-open,
    .floatbar.is-open>a,.floatbar.is-open>.search-open{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:none;
    }
  }
}

@layer r33 {
  @media (min-width:761px){
    .floatbar{right:-52px;transition:right .22s cubic-bezier(.2,.8,.2,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
    .floatbar:hover,.floatbar:focus-within,.floatbar.is-open{right:0}
  }
}


/* R36 YAYIN FINAL */
@layer r36 {
  /* Contact actions are real, full-width buttons. */
  .contact-modern-r17 .contact-shell{width:100%;max-width:100%;min-width:0}
  .contact-modern-r17 .contact-panel,
  .contact-modern-r17 .smart-form{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .contact-list{width:100%;min-width:0}
  .contact-item.r26-contact-item.r36-contact-action{
    position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 34px;align-items:center;
    width:100%;max-width:100%;min-width:0;min-height:82px;gap:14px;padding:13px 14px;
    border:1px solid #dce7f0;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f4faff 100%);
    color:#102033;text-decoration:none;box-shadow:0 12px 34px rgba(15,23,42,.055);
    overflow:hidden;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
  }
  .contact-item.r26-contact-item.r36-contact-action:before{
    content:"";position:absolute;inset:0;z-index:-1;opacity:0;
    background:linear-gradient(110deg,rgba(11,104,232,.075),rgba(8,126,159,.055));transition:opacity .18s ease;
  }
  .contact-item.r26-contact-item.r36-contact-action:hover,
  .contact-item.r26-contact-item.r36-contact-action:focus-visible{
    transform:translateY(-2px);border-color:#a9c9e7;box-shadow:0 18px 42px rgba(10,68,119,.13);outline:none;
  }
  .contact-item.r26-contact-item.r36-contact-action:hover:before,
  .contact-item.r26-contact-item.r36-contact-action:focus-visible:before{opacity:1}
  .r36-contact-copy{display:block;min-width:0;max-width:100%}
  .r36-contact-copy b{display:block;margin:0 0 3px;color:#0d2038;font-size:14px;line-height:1.25}
  .r36-contact-value{display:block;max-width:100%;color:#075fc7;font-size:14px;font-weight:830;line-height:1.38;overflow-wrap:anywhere;word-break:break-word}
  .r36-contact-copy small{display:block;margin-top:3px;color:#60778c;font-size:11.5px;font-weight:650;line-height:1.35}
  .r36-contact-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d6e4ef;border-radius:999px;background:#fff;color:#0b68e8;font-size:17px;font-weight:900;transition:transform .18s ease,background-color .18s ease,color .18s ease}
  .r36-contact-action:hover .r36-contact-arrow,.r36-contact-action:focus-visible .r36-contact-arrow{transform:translateX(2px);background:#0b68e8;color:#fff}
  .r36-contact-action .contact-icon.r26-icon{flex:none;margin:0}
  .r36-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}
  .r36-contact-actions .btn{width:100%;min-width:0;justify-content:center;text-align:center}

  /* Conversion diagnostic sections. */
  .r36-conversion-audit{position:relative;overflow:hidden;background:linear-gradient(150deg,#06192e 0%,#0a2f48 58%,#075a73 120%);color:#fff}
  .r36-conversion-audit:before{content:"";position:absolute;width:520px;height:520px;right:-210px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(70,212,225,.25),transparent 66%);pointer-events:none}
  .r36-conversion-head{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:34px;align-items:end;margin-bottom:30px}
  .r36-conversion-head small{display:block;margin-bottom:10px;color:#76e6ea;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
  .r36-conversion-head h2{max-width:820px;margin:0;color:#fff;font-size:clamp(34px,4.4vw,62px);line-height:1.02;letter-spacing:-.04em}
  .r36-conversion-head p{margin:0;color:#c9dce7;font-size:16px;line-height:1.72}
  .r36-conversion-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .r36-conversion-card{min-width:0;padding:23px;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:rgba(255,255,255,.055);box-shadow:0 20px 50px rgba(0,0,0,.08);backdrop-filter:blur(10px)}
  .r36-conversion-card b{display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:13px;background:#5ce1e6;color:#06222c;font-size:12px}
  .r36-conversion-card h3{margin:0 0 8px;color:#fff;font-size:18px;line-height:1.25}
  .r36-conversion-card p{margin:0;color:#bfd2dd;font-size:14px;line-height:1.65}
  .r36-conversion-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:21px 23px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(3,17,30,.36)}
  .r36-conversion-foot p{margin:0;max-width:860px;color:#d3e2ea;line-height:1.65}
  .r36-conversion-foot strong{color:#fff}
  .r36-conversion-foot .btn{flex:0 0 auto}
  .r36-contact-conversion{margin-top:0}
  .r36-contact-conversion .r36-conversion-head{grid-template-columns:1fr;align-items:start}
  .r36-contact-conversion .r36-conversion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* Form qualification and consent. */
  .r36-form-insight{margin:18px 0 2px;padding:17px 18px;border:1px solid #dce8f1;border-radius:16px;background:#f5faff;color:#3c566c;line-height:1.58}
  .r36-form-insight strong{display:block;margin-bottom:4px;color:#102a44}
  .r36-consent-stack{display:grid;gap:9px;margin:16px 0}
  .r36-consent-stack .consent{margin:0;align-items:flex-start}
  .r36-consent-stack a{color:#075fc7;text-underline-offset:3px}
  .r36-mini-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;color:#53697e;font-size:11.5px;line-height:1.45}
  .r36-mini-consent input{margin-top:2px;flex:none}
  .r36-mini-consent a{color:#075fc7}

  @media(max-width:940px){
    .r36-conversion-head{grid-template-columns:1fr;align-items:start}
    .r36-conversion-grid,.r36-contact-conversion .r36-conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media(max-width:620px){
    .contact-item.r26-contact-item.r36-contact-action{grid-template-columns:44px minmax(0,1fr) 29px;gap:10px;min-height:72px;padding:11px 10px;border-radius:17px}
    .r36-contact-action .contact-icon.r26-icon{width:44px;height:44px;min-width:44px;border-radius:14px}
    .r36-contact-value{font-size:13.2px}.r36-contact-copy b{font-size:13px}.r36-contact-copy small{font-size:10.8px}
    .r36-contact-arrow{width:28px;height:28px;font-size:15px}
    .r36-contact-actions{grid-template-columns:1fr}
    .r36-conversion-grid,.r36-contact-conversion .r36-conversion-grid{grid-template-columns:1fr}
    .r36-conversion-card{padding:20px}
    .r36-conversion-foot{display:grid;gap:15px;padding:19px}.r36-conversion-foot .btn{width:100%;justify-content:center}
  }
  @media(max-width:370px){
    .contact-item.r26-contact-item.r36-contact-action{grid-template-columns:41px minmax(0,1fr);padding:10px}
    .r36-contact-arrow{display:none}
    .r36-contact-action .contact-icon.r26-icon{width:41px;height:41px;min-width:41px}
  }
  @media(prefers-reduced-motion:reduce){.r36-contact-action,.r36-contact-arrow{transition:none!important}}
}


/* R37 SEO, CONTENT AND RELEASE FINAL */
@layer r37 {
  .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .r37-contact-list{gap:12px}
  .r37-contact-action{grid-template-columns:52px minmax(0,1fr) 34px!important}
  .r37-contact-glyph{display:grid;place-items:center;width:52px;height:52px;min-width:52px;border-radius:17px;background:linear-gradient(145deg,#0869df,#0787a4);color:#fff;box-shadow:0 11px 25px rgba(8,104,184,.2);overflow:hidden}
  .r37-contact-glyph svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
  .r37-contact-glyph svg *{vector-effect:non-scaling-stroke}
  .r37-contact-action[data-contact-channel="whatsapp"] .r37-contact-glyph{background:linear-gradient(145deg,#0aa864,#078a77)}
  .r37-contact-action[data-contact-channel="email"] .r37-contact-glyph{background:linear-gradient(145deg,#0b68e8,#087e9f)}
  .r37-contact-action[data-contact-channel="map"] .r37-contact-glyph{background:linear-gradient(145deg,#155fce,#0b81a6)}
  .r37-privacy-notice{grid-column:1/-1;margin:13px 0 4px;padding:13px 14px;border:1px solid #dce8f1;border-radius:14px;background:#f7fbff;color:#50677c;font-size:12px;line-height:1.55}
  .r37-privacy-notice a{color:#075fc7;text-underline-offset:3px}
  .yb-cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999999;max-width:960px;margin:auto;border:1px solid rgba(151,177,199,.46);border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(4,25,50,.24);backdrop-filter:blur(16px);color:#10243b}
  .yb-cookie-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 22px}
  .yb-cookie b{display:block;margin-bottom:5px;font-size:17px}.yb-cookie p{margin:0;color:#536a80;font-size:13px;line-height:1.6}.yb-cookie a{color:#075fc7;text-underline-offset:3px}
  .yb-cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.yb-cookie button{min-height:42px;padding:10px 15px;border-radius:13px;border:1px solid #cbdceb;font-weight:850;cursor:pointer}
  .yb-cookie-necessary{background:#fff;color:#173451}.yb-cookie-allow{background:#0b68e8;color:#fff;border-color:#0b68e8!important;box-shadow:0 10px 22px rgba(11,104,232,.18)}
  .yb-cookie button:focus-visible{outline:3px solid rgba(11,104,232,.28);outline-offset:2px}
  @media(max-width:620px){
    .r37-contact-action{grid-template-columns:44px minmax(0,1fr) 29px!important}.r37-contact-glyph{width:44px;height:44px;min-width:44px;border-radius:14px}.r37-contact-glyph svg{width:21px;height:21px}
    .yb-cookie{left:10px;right:10px;bottom:10px;border-radius:18px}.yb-cookie-inner{grid-template-columns:1fr;gap:14px;padding:17px}.yb-cookie-actions{display:grid;grid-template-columns:1fr 1fr}.yb-cookie button{width:100%}
  }
  @media(max-width:370px){.r37-contact-action{grid-template-columns:41px minmax(0,1fr)!important}.r37-contact-glyph{width:41px;height:41px;min-width:41px}.yb-cookie-actions{grid-template-columns:1fr}}
  @media(prefers-reduced-motion:reduce){.yb-cookie,.r37-contact-action,.r37-contact-glyph{transition:none!important}}
}


/* R38 CONTACT ICON SYSTEM + PRIVACY NOTICE */
@layer r38 {
  .r37-contact-list{display:grid;gap:14px}
  .r37-contact-action{position:relative;display:grid!important;grid-template-columns:50px minmax(0,1fr) 30px!important;align-items:center!important;gap:15px!important;min-height:86px;padding:16px 17px!important;border:1px solid #d8e5ef!important;border-radius:22px!important;background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%)!important;box-shadow:0 12px 32px rgba(18,54,84,.075)!important;overflow:hidden}
  .r37-contact-action::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.78) 48%,transparent 72%);transform:translateX(-125%);transition:transform .75s ease}
  .r37-contact-action:hover::before{transform:translateX(125%)}
  .r37-contact-action:hover{transform:translateY(-2px);border-color:#b6d1e8!important;box-shadow:0 18px 38px rgba(18,54,84,.12)!important}
  .r37-contact-glyph{display:grid!important;place-items:center!important;width:50px!important;height:50px!important;min-width:50px!important;border-radius:16px!important;background:linear-gradient(145deg,#0872df 0%,#087fa4 100%)!important;color:#fff!important;box-shadow:0 11px 25px rgba(8,105,185,.22)!important;transform:none!important}
  .r37-contact-glyph svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}
  .r37-contact-glyph svg *{vector-effect:non-scaling-stroke}
  .r38-icon-phone svg{transform:translate(.15px,.05px)}
  .r38-icon-email svg{transform:translateY(.15px)}
  .r38-icon-map svg{transform:translateY(-.35px)}
  .r38-icon-whatsapp svg{transform:translate(.1px,.1px)}
  .r36-contact-copy{min-width:0!important;display:grid!important;gap:3px!important;align-content:center!important}
  .r36-contact-copy b{font-size:14px!important;line-height:1.25!important;color:#122b46!important}
  .r36-contact-value{display:block!important;min-width:0!important;max-width:100%!important;color:#0865c8!important;font-weight:850!important;line-height:1.35!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .r36-contact-copy small{color:#667b8f!important;line-height:1.4!important}
  .r36-contact-arrow{display:grid!important;place-items:center!important;width:30px;height:30px;border-radius:50%;background:#edf5fb;color:#0867cc;font-size:17px!important;transition:transform .22s ease,background .22s ease!important}
  .r37-contact-action:hover .r36-contact-arrow{transform:translateX(2px);background:#e0effa}
  .sc-form-privacy{margin:0;padding:14px 15px;border:1px solid #d8e7f0;border-radius:14px;background:#f7fbfe;color:#536b7d;font-size:13px;line-height:1.6}
  .sc-form-privacy a{color:#075fc7;font-weight:750;text-underline-offset:3px}
  @media(max-width:620px){
    .r37-contact-action{grid-template-columns:46px minmax(0,1fr) 28px!important;gap:12px!important;min-height:80px;padding:14px!important;border-radius:19px!important}
    .r37-contact-glyph{width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important}
    .r37-contact-glyph svg{width:21px!important;height:21px!important}
    .r36-contact-copy small{font-size:11px!important}
  }
  @media(max-width:370px){
    .r37-contact-action{grid-template-columns:44px minmax(0,1fr)!important}
    .r36-contact-arrow{display:none!important}
    .r37-contact-glyph{width:44px!important;height:44px!important;min-width:44px!important}
  }
  @media(prefers-reduced-motion:reduce){.r37-contact-action,.r37-contact-action::before,.r36-contact-arrow{transition:none!important}}
}

.yb-anchor-target{display:block;position:relative;top:-92px;visibility:hidden;width:0;height:0;pointer-events:none}