:root{--primary:#087f9b;--dark:#19282e;--light:#f3f6f7}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:#4b5b62;font-size:1rem;line-height:1.75}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.25}a{color:#08718a}a:hover{color:#055367}.text-primary{color:var(--primary)!important}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover,.btn-primary:focus{background:#07596d;border-color:#07596d}.border-primary{border-color:var(--primary)!important}.section-title{font-size:.875rem;letter-spacing:.17em;line-height:1.7;margin-bottom:1rem}.display-5{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.3}.display-3{font-size:clamp(2.2rem,5vw,4rem)}.preview-note{padding:9px 24px;background:#19282e;color:#fff;font-size:.875rem;text-align:center}.preview-note span{color:#d1dee3;margin-left:16px}.navbar.sticky-top{top:0;box-shadow:0 1px 0 #e1e6e8;min-height:94px}.brand-name{font-size:1.15rem;letter-spacing:.13em;font-weight:700;line-height:1.2;display:block;color:#19282e}.brand-name span{display:block;color:var(--primary);letter-spacing:.28em}.navbar .navbar-nav .nav-link{font-size:.875rem;margin-right:25px;text-transform:none}.header-carousel{background:#19282e}.hero-slide{height:clamp(540px,70vh,850px);position:relative}.hero-slide[hidden]{display:none!important}.hero-slide>img{height:100%;width:100%;object-fit:cover}.owl-carousel-inner{background:linear-gradient(90deg,rgba(11,22,27,.76),rgba(11,22,27,.1))}.hero-title{font-size:clamp(2.6rem,5.4vw,5rem);white-space:pre-line;line-height:1.13;letter-spacing:-.03em;margin-bottom:24px}.hero-slide p{max-width:650px}.hero-controls{position:absolute;bottom:28px;right:6%;display:flex;gap:12px}.hero-controls button{border:1px solid #fff9;background:#19282e88;color:#fff;padding:10px 17px;font-size:1rem}.hero-controls button[aria-pressed=true]{background:#087f9b;border-color:#087f9b}.service-text h3{font-size:1.35rem}.service-text img{width:60px;height:60px;object-fit:contain}.service-text p{margin-bottom:0!important}.service-item{isolation:isolate}.service-item .service-text{width:100%}.project-card{position:relative;background:#f3f6f7;overflow:hidden}.project-card>img{width:100%;height:340px;object-fit:cover;display:block;transition:transform .3s}.project-card:hover>img{transform:scale(1.025)}.project-caption{padding:26px 30px}.project-caption h3{font-size:1.5rem}.project-caption p:last-child{margin-bottom:0}.small-label{font-size:.875rem;letter-spacing:.1em;color:#08718a}.footer-brand{font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:#fff}.footer a{color:#a5deeb}.footer .copyright{color:#c0cbd0}.contact-note{background:#f3f6f7;border-top:3px solid var(--primary)}.skip-link{position:fixed;top:-100px;left:20px;z-index:9999;background:#fff;padding:10px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #087f9b;outline-offset:4px}.hero-controls :focus-visible{outline-color:#fff}.about-img{margin-bottom:1rem}.footer{background:#19282e!important}@media(max-width:991px){.navbar.sticky-top{min-height:84px}.navbar-collapse.show{display:block}.navbar .navbar-nav{border-top:1px solid #ddd}.preview-note span{display:block;margin-left:0}.hero-slide{height:620px}.hero-title{font-size:clamp(2.4rem,8vw,4rem)}.hero-slide .col-10{width:100%}.hero-slide .container{padding:0 28px}.hero-slide p{font-size:1.05rem!important}.hero-controls{right:28px}.project-card>img{height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Arkitektur interactions restored for Solution Space v0.2 */
.navbar-brand{display:flex;align-items:center;gap:12px}.brand-logo{width:80px;height:80px;object-fit:contain}.footer-logo{width:140px;height:140px;object-fit:contain;background:#fff;margin-bottom:20px}.navbar.sticky-top{transition:box-shadow .5s;z-index:1030}.hero-slide{height:clamp(540px,70vh,850px)}.header-carousel .owl-carousel-item>img{position:static;width:100%;height:100%;object-fit:cover}.header-carousel .owl-carousel-inner{position:absolute;inset:0;display:flex;align-items:center}.header-carousel .owl-dots{z-index:2}.header-carousel .owl-dot:focus-visible{outline:3px solid #fff;outline-offset:4px}.hero-slide .animated{animation-duration:1.2s}.hero-slide p.animated{animation-delay:.15s}.hero-slide a.animated{animation-delay:.3s}.project-tabs{flex-direction:column}.project-tabs .nav-link{width:100%;border:1px solid #e1e6e8;background:var(--light);border-radius:0;color:var(--dark);transition:background .3s,color .3s}.project-tabs .nav-link.active{background:var(--primary);color:#fff}.project-tabs .nav-link.active h3,.project-tabs .nav-link.active .small-label{color:#fff}.project-tabs h3{font-size:1.35rem;margin:0}.project-tabs .small-label{margin-bottom:8px}.project-card>img{height:420px}.back-to-top{border-radius:0;z-index:1040}.service-item:hover .service-text{background:rgba(25,40,46,.88)}.service-item:hover .service-text h3,.service-item:hover .service-text p{color:#fff}.wow{animation-duration:1s}#spinner{z-index:9999;pointer-events:none}.about-img::before{border-color:var(--primary)}
@media(max-width:991px){.brand-logo{width:68px;height:68px}.brand-name{font-size:1rem}.navbar.sticky-top{min-height:88px}.header-carousel .owl-dots{right:16px;width:46px}.header-carousel .owl-dots .owl-dot{width:32px;height:32px}.header-carousel .owl-dots .owl-dot.active{width:42px;height:42px}.hero-slide .container{padding-right:74px}.project-tabs{flex-direction:row;gap:10px}.project-tabs .nav-link{width:calc(50% - 5px);padding:16px!important;margin-bottom:0!important}.project-card>img{height:320px}}
@media(prefers-reduced-motion:reduce){.wow{visibility:visible!important}.animated{animation:none!important}.owl-stage{transition-duration:0s!important}}
@media(max-width:575px){main>section.container>.row{margin-left:0;margin-right:0}main>section.container>.row>*{padding-left:12px;padding-right:12px}}
html{scroll-behavior:auto}
html:root{scroll-behavior:auto}

/* v0.3: one continuous entrance, hidden before arrival */
.hero-slide{overflow:hidden}.hero-copy{visibility:hidden;transform:translateX(-110vw)}.hero-slide.hero-ready .hero-copy{visibility:visible;animation:solution-fly-in 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-copy .animated{animation:none!important}.service-more{margin-top:24px;gap:12px;justify-content:flex-start;padding:0 12px!important;color:var(--dark)!important}.service-plus{font-size:24px;line-height:1;flex-shrink:0;color:var(--primary)!important}.service-more-label{font-size:16px;color:var(--dark)!important;white-space:nowrap}.service-item .service-more{width:40px}.service-item:hover .service-more,.service-item:focus-within .service-more{width:145px}.service-more:focus-visible{width:145px!important}.service-item{scroll-margin-top:120px}.service-item:target{outline:3px solid var(--primary);outline-offset:5px}.brand-logo{width:90px;height:90px}.footer-logo{margin-bottom:24px}
@keyframes solution-fly-in{from{transform:translateX(-110vw)}to{transform:translateX(0)}}
@media(max-width:991px){.brand-logo{width:76px;height:76px}}
@media(hover:none){.service-item .service-more{width:145px}}
@media(prefers-reduced-motion:reduce){.hero-copy{visibility:hidden;transform:none}.hero-slide.hero-ready .hero-copy{visibility:visible;transform:none;animation:none!important}}

/* v0.4 simultaneous entry and exit, no delay */
 .footer-logo{background:transparent}
 .hero-slide .hero-copy{visibility:hidden;animation:none;transform:translateX(-110vw);opacity:0}
 .hero-slide.hero-enter .hero-copy{visibility:visible;animation:solution-float-in 1s cubic-bezier(.2,.7,.2,1) 0s both}
 .hero-slide.hero-exit .hero-copy{visibility:visible;animation:solution-float-out 1s cubic-bezier(.2,.7,.2,1) 0s both}
 .hero-slide.hero-settled .hero-copy{visibility:visible;animation:none;transform:none;opacity:1}
 @keyframes solution-float-in{from{transform:translateX(-110vw);opacity:0}to{transform:translateX(0);opacity:1}}
 @keyframes solution-float-out{from{transform:translateX(0);opacity:1}to{transform:translateX(-110vw);opacity:0}}
 @media(prefers-reduced-motion:reduce){.hero-slide.hero-enter .hero-copy,.hero-slide.hero-settled .hero-copy{visibility:visible;animation:none!important;transform:none;opacity:1}.hero-slide.hero-exit .hero-copy{visibility:hidden;animation:none!important}}