:root{--ink:#15334c;--blue:#276da6;--navy:#123b63;--muted:#556878;--line:#dce4e9;--light:#f3f7fa;--white:#fff;--radius:4px;color:var(--ink);background:var(--white);font-synthesis:none;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{line-height:1.75}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:6px;outline:3px solid #347dae}::selection{background:#d2e8f7}.container{width:min(1200px,100% - 96px);margin-inline:auto}.section{padding-block:104px}.section-intro{max-width:650px;margin-bottom:48px}.section-intro p:last-child{max-width:600px;color:var(--muted);margin-bottom:0}h2{letter-spacing:-.035em;margin-bottom:22px;font-size:calc(clamp(30px,3.4vw,43px));line-height:1.2}.eyebrow,h2{font-weight:750}.eyebrow{color:var(--blue);margin-bottom:16px;font-size:14px}.button{border:1px solid var(--blue);border-radius:var(--radius);background:var(--blue);color:#fff;justify-content:center;align-items:center;gap:26px;min-height:52px;padding:15px 23px;font-size:14px;font-weight:700;transition:background .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.button span{font-size:21px;line-height:1}.button-small{gap:18px;min-height:44px;padding:10px 18px}.button:active{transform:scale(.97)}.text-link{align-items:center;gap:17px;min-height:44px;font-size:14px;font-weight:750;display:inline-flex}.text-link span{color:var(--blue);font-size:22px}.skip-link{z-index:100;background:var(--navy);color:#fff;padding:16px;position:fixed;top:10px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--white);z-index:30;border-bottom:1px solid #edf1f4;height:80px;position:sticky;top:0}.header-inner{justify-content:space-between;gap:30px;height:100%}.brand,.header-inner{align-items:center;display:flex}.brand{gap:11px}.brand img{-o-object-fit:contain;object-fit:contain;width:50px;height:50px}.brand>span{letter-spacing:-.04em;font-size:24px;font-weight:800;line-height:1.1}.brand small,.brand-blue,.hero h1 span{color:var(--blue)}.brand small{letter-spacing:.1em;text-transform:uppercase;margin-top:7px;font-size:9px;font-weight:700;display:block}nav{gap:30px}nav,nav>a{align-items:center;display:flex}nav>a{min-height:44px;font-size:13px;font-weight:650}.menu-toggle{display:none}.hero{background:linear-gradient(90deg,#f4f8fb,#f4f8fb 60%,#e9f1f6 0,#e9f1f6);padding-block:58px 64px}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;display:grid}.hero-copy{padding-block:18px}.hero h1{letter-spacing:-.04em;margin-bottom:25px;font-size:calc(clamp(36px,4.05vw,56px));font-weight:800;line-height:1.15}.hero-copy>p{color:var(--muted);max-width:435px;margin-bottom:30px;font-size:16px}.hero-actions{align-items:center;gap:24px;display:flex}.hero-assurance{align-items:flex-start;gap:14px;margin-top:40px;display:flex}.assurance-icon-box{width:32px;height:32px;color:var(--blue);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.assurance-icon-box svg{width:28px;height:28px}.assurance-text{flex-direction:column;gap:3px;font-size:13.5px;line-height:1.5;display:flex}.assurance-text strong{color:var(--navy);font-size:13.5px;font-weight:650}.assurance-text span{color:var(--muted);font-size:12.5px}.hero-photo-wrap,.hero-visual{position:relative}.hero-photo-wrap{padding-bottom:24px;overflow:visible}.hero-photo,.hero-photo-wrap{border-radius:40px 40px 16px 16px}.hero-photo{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:440px;box-shadow:0 16px 36px #15334c14}.photo-note{color:var(--white);background:#0f2742;border-radius:8px;align-items:center;gap:16px;padding:18px 22px;display:flex;position:absolute;bottom:0;left:18px;right:18px;box-shadow:0 12px 28px #0f274233}.note-line{background:#38bdf8;border-radius:2px;flex-shrink:0;width:3.5px;height:36px}.photo-note-content strong{letter-spacing:-.01em;color:#fff;font-size:14.5px;font-weight:700;display:block}.photo-note-content span{color:#94a3b8;letter-spacing:.02em;margin-top:4px;font-size:11.5px;display:block}.competencies-strip{border-bottom:1px solid var(--line);background:#fff;padding-block:36px 40px}.competencies-label{color:var(--muted);margin-bottom:24px;font-size:13px;font-weight:500}.competencies-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.competency-card{align-items:flex-start;gap:14px;display:flex}.competency-icon-box{color:var(--blue);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.competency-icon-box,.competency-icon-box.icon-bordered-box{width:38px;height:38px}.competency-icon-box svg{width:32px;height:32px}.competency-info h3{color:var(--navy);letter-spacing:-.015em;margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.3}.competency-info p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.services-grid{-moz-column-gap:68px;grid-template-columns:repeat(2,1fr);column-gap:68px;display:grid}.service-item{border-top:1px solid var(--line);padding:28px 0 32px 72px;position:relative}.service-item>svg{width:42px;height:42px;color:var(--blue);position:absolute;top:30px;left:0}.service-item h3{letter-spacing:-.025em;margin-bottom:12px;font-size:20px}.service-item p{color:var(--muted);max-width:430px;margin-bottom:20px;font-size:14px}.service-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.service-tags li{background:var(--light);color:var(--muted);border-radius:2px;padding:6px 10px;font-size:11px;line-height:1.5}.contractor-note{background:var(--light);border-left:3px solid var(--blue);grid-template-columns:1fr auto;align-items:center;gap:6px 40px;margin-top:26px;padding:26px 28px;display:grid}.contractor-note>span{font-size:14px;font-weight:750}.contractor-note p{color:var(--muted);grid-column:1;margin:0;font-size:13px}.contractor-note a{grid-area:1/2/3}.about-section{background:var(--light)}.about-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:90px;display:grid}.about-visual{padding-bottom:28px;position:relative}.about-visual>img{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:100%;height:540px}.about-stamp{border:1px solid var(--line);background:#fff;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;bottom:0;left:22px;right:22px}.about-stamp img{-o-object-fit:contain;object-fit:contain;width:54px;height:54px}.about-stamp span{font-size:14px;font-weight:750}.about-stamp small{color:var(--muted);margin-top:6px;font-size:11px;font-weight:500;display:block}.about-copy>p{color:var(--muted);margin-bottom:17px;font-size:14px}.principles{margin:26px 0 16px}.principles>div{padding:0 0 19px 24px;position:relative}.principles>div:before{content:"✓";color:var(--blue);font-size:15px;position:absolute;top:0;left:0}.principles dt{margin-bottom:6px;font-size:13px;font-weight:750}.principles dd{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.customers-section .section-intro{text-align:center;margin-inline:auto}.client-showcase{max-width:1040px;margin:0 auto}.client-showcase img{width:100%;height:auto}.customer-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.customer-grid span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;letter-spacing:-.03em;color:#385771;justify-content:center;align-items:center;min-height:105px;padding:20px;font-size:18px;font-weight:750;display:flex}.customer-grid span:nth-child(2),.customer-grid span:nth-child(4){font-family:Georgia,serif;font-size:23px;font-weight:500}.customer-footnote{text-align:center;color:var(--muted);margin-top:24px;margin-bottom:0;font-size:12px}.vision-section{background:var(--navy);color:#fff;padding-block:65px}.vision-inner{align-items:center;gap:55px;max-width:950px;display:flex}.vision-inner>div{grid-template-columns:1fr 1fr;align-items:center;gap:45px;display:grid}.vision-inner h2{letter-spacing:-.03em;margin:0;font-size:32px}.vision-inner h2 span{color:#9dc5e4}.vision-inner p{color:#d0dfeb;margin:0;font-size:13px}.contact-grid{grid-template-columns:1.1fr .9fr;gap:90px;display:grid}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:435px;margin-bottom:28px;font-size:14px}.contact-details{border-left:1px solid var(--line);padding-left:46px}.contact-details>div+div{margin-top:25px}.contact-details>div>span{color:var(--muted);margin-bottom:9px;font-size:11px;display:block}.contact-details>div>a:not(.text-link),.contact-details>div>strong{overflow-wrap:anywhere;font-size:17px;font-weight:650}.contact-details address{max-width:355px;font-size:14px;font-style:normal;line-height:1.8}.contact-details .text-link{margin-top:4px;font-size:12px}.site-footer{background:var(--light);border-top:1px solid var(--line);padding-block:30px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{letter-spacing:-.04em;font-size:20px;font-weight:800}.footer-brand small{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-top:6px;font-size:9px;font-weight:700;display:block}.footer-inner p,.footer-inner>a{color:var(--muted);margin:0;font-size:11px}.footer-inner>a{align-items:center;gap:12px;min-height:44px;display:flex}.error-page{max-width:700px;margin:auto;padding:100px 24px}.error-page h1{font-size:40px}.error-page p{color:var(--muted)}@media (hover:hover) and (pointer:fine){.button:hover{background:#205a89}.contact-details a:hover,.footer-inner>a:hover,.text-link:hover,nav>a:not(.button):hover{color:var(--blue)}}@media (width>=1500px){.hero h1{font-size:57px}}@media (width<=1100px){.container{width:calc(100% - 64px)}nav{gap:19px}.hero-grid{gap:30px}.hero h1{font-size:44px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:12px}.about-grid{gap:45px}.about-visual>img{height:530px}.contact-grid{gap:50px}.vision-inner>div{gap:25px}.expertise-inner strong{font-size:13px}}@media (width<=800px){.container{width:calc(100% - 40px)}.site-header{height:76px}.brand>span{font-size:21px}.brand img{width:43px;height:43px}.brand small{font-size:8px}.menu-toggle{border:1px solid var(--line);background:0 0;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}nav{border-bottom:1px solid var(--line);background:#fff;padding:18px 24px;display:none;position:absolute;top:75px;left:0;right:0;box-shadow:0 12px 16px #15334c0c}nav.is-open{flex-direction:column;align-items:stretch;gap:5px;display:flex}.lang-switch,nav>a{padding-inline:8px;font-size:15px}nav .button{margin-top:8px}.hero{background:var(--light);padding-block:38px 44px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding:0}.hero h1{margin-bottom:19px;font-size:calc(clamp(32px,5.5vw,44px))}.hero-copy>p{max-width:520px;margin-bottom:24px;font-size:16px}.hero-assurance{margin-top:25px;font-size:12px}.hero-visual{width:100%;max-width:600px;margin-inline:auto}.hero-photo-wrap{padding-bottom:24px}.hero-photo,.hero-photo-wrap{border-radius:40px 40px 14px 14px}.hero-photo{-o-object-position:50% 60%;object-position:50% 60%;height:380px}.photo-note{border-radius:8px;padding:16px 18px;left:14px;right:14px}.competencies-strip{padding-block:32px 36px}.competencies-grid{grid-template-columns:1fr;gap:20px}.competency-card{gap:14px}.section{padding-block:65px}.section-intro{margin-bottom:32px}h2{font-size:32px}.services-grid{-moz-column-gap:28px;column-gap:28px}.service-item{padding:25px 0 28px}.service-item>svg{width:35px;height:35px;margin-bottom:18px;position:static}.service-item h3{font-size:18px}.contractor-note{padding:22px;display:block}.contractor-note a,.contractor-note p{margin-top:10px}.about-grid{grid-template-columns:1fr;gap:40px}.about-visual{width:100%;max-width:500px;margin-inline:auto}.about-visual>img{height:420px}.about-copy>p{font-size:16px}.principles dt{font-size:15px}.principles dd{font-size:14px}.customer-grid{grid-template-columns:repeat(2,1fr)}.customer-grid span{min-height:85px;font-size:17px}.customer-grid span:nth-child(2),.customer-grid span:nth-child(4){font-size:22px}.vision-section{padding-block:44px}.vision-inner{gap:24px}.vision-inner>div{display:block}.vision-inner h2{margin-bottom:20px;font-size:29px}.vision-inner p{font-size:14px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-copy>p:not(.eyebrow){font-size:16px}.contact-details{border-left:0;border-top:1px solid var(--line);padding:32px 0 0}.contact-details>div>span{font-size:12px}.contact-details address{font-size:16px}.footer-inner{flex-wrap:wrap}.footer-inner p{border-top:1px solid var(--line);order:3;width:100%;padding-top:16px}.footer-inner>a{font-size:12px}.section-intro p:last-child,.service-item p{font-size:16px}.service-tags li{font-size:11px}}@media (width<=480px){.hero h1{font-size:calc(clamp(28px,7.3vw,35px))}.hero-actions{flex-wrap:wrap;gap:12px}.hero-actions .text-link{font-size:13px}.hero-photo{height:335px}.services-grid{grid-template-columns:1fr}.service-item{padding-left:54px}.service-item>svg{position:absolute;top:27px;left:0}.service-item h3{font-size:20px}.about-stamp span,.service-tags li{font-size:12px}.about-visual>img{height:370px}.about-stamp{padding:15px;left:12px;right:12px}.contact-copy h2{font-size:30px}.photo-note strong{font-size:12px}.photo-note div>span{font-size:10px}.vision-inner{gap:18px}.vision-inner h2{font-size:26px}.customer-grid span{font-size:15px}.customer-grid span:nth-child(2),.customer-grid span:nth-child(4){font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:active{transform:none}}.page-hero{background:var(--light);padding-block:72px 48px}.page-hero h1{letter-spacing:-.04em;margin-bottom:18px;font-size:calc(clamp(32px,4vw,52px));line-height:1.15}.page-hero .lead{color:var(--muted);max-width:640px;font-size:16px}.breadcrumb{color:var(--muted);margin-bottom:22px;font-size:12px}.breadcrumb a{text-underline-offset:3px;text-decoration:underline}.service-title{letter-spacing:-.025em;margin-bottom:12px;font-size:20px}.service-title a:hover{color:var(--blue)}.detail-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.check-list{margin:0;padding:0;list-style:none}.check-list li{padding:0 0 14px 26px;font-size:14px;position:relative}.check-list li:before{content:"✓";color:var(--blue);position:absolute;left:0}.steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--light);border-left:3px solid var(--blue);padding:18px 20px}.steps strong{margin-bottom:6px;font-size:14px;display:block}.steps span{color:var(--muted);font-size:13px}.faq-section{background:var(--light)}.narrow{max-width:760px}.faq-section details{border:1px solid var(--line);background:#fff;margin-bottom:12px;padding:18px 20px}.faq-section summary{cursor:pointer;font-size:14px;font-weight:700}.faq-section details p{color:var(--muted);margin:12px 0 0;font-size:14px}.customer-grid small{color:var(--muted);margin-top:6px;font-size:11px;font-weight:500;display:block}.motto{border-left:3px solid var(--blue);color:var(--navy);margin:32px 0 0;padding:6px 0 6px 22px;font-size:17px;font-style:italic}nav a.active{color:var(--blue);text-underline-offset:6px;text-decoration:underline}@media (width<=800px){.page-hero{padding-block:48px 36px}.detail-grid{grid-template-columns:1fr;gap:36px}}.lang-switch{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;min-height:44px;padding:6px 10px;font-size:13px;font-weight:750}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.portfolio-card{border:1px solid var(--line);padding:28px}.portfolio-card h2{margin-bottom:12px;font-size:20px}.portfolio-note{margin-bottom:0}.portfolio-note,.sector-line{color:var(--muted);font-size:13px}.sector-line{margin-bottom:28px}.sector-group{margin-bottom:44px}.sector-group:last-child{margin-bottom:0}.sector-title{letter-spacing:-.02em;border-bottom:2px solid var(--navy);margin-bottom:20px;padding-bottom:12px;font-size:22px}.portfolio-stats-bar{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.portfolio-stat-card{background:var(--light);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.portfolio-stat-num{color:var(--navy);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.1}.portfolio-stat-label{color:var(--muted);margin-top:6px;font-size:13px;font-weight:500}.portfolio-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow-x:auto}.portfolio-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.portfolio-table th{background:var(--light);color:var(--navy);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--line);white-space:nowrap;padding:14px 18px;font-size:13px;font-weight:700}.portfolio-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:16px 18px}.portfolio-table tbody tr:last-child td{border-bottom:none}.portfolio-table tbody tr:hover td{background:#f3f7fa80}.table-client{color:var(--ink);margin-bottom:4px;font-size:14.5px;font-weight:700}.table-location{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;display:flex}.table-project-name{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.table-desc{color:#3e5061;font-size:13.5px;line-height:1.6}.badge-category{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-block}.badge-category.instalasi{color:#124b78;background:#e3effa}.badge-category.maintenance{color:#1b5e20;background:#e8f5e9}.badge-capacity{color:var(--navy);background:var(--light);border:1px solid var(--line);white-space:normal;word-break:normal;overflow-wrap:break-word;font-variant-numeric:tabular-nums;border-radius:4px;max-width:175px;padding:4px 10px;font-size:13px;font-weight:700;line-height:1.4;display:inline-block}.table-col-capacity{width:17%;max-width:185px}.capacity-bullet-list{color:var(--navy);font-variant-numeric:tabular-nums;margin:0;padding-left:16px;font-size:13px;font-weight:600;line-height:1.45;list-style-type:disc}.capacity-bullet-list li{margin-bottom:3px}.capacity-bullet-list li:last-child{margin-bottom:0}.portfolio-mobile-cards{display:none}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.blog-card{border-top:1px solid var(--line);padding-top:24px}.blog-card h2,.blog-card h3{letter-spacing:-.02em;font-size:20px}.blog-date{color:var(--muted);font-size:12px}.article-body h2{margin-top:36px;font-size:24px}.article-body p{color:#3c4f5e;font-size:15px}.service-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.service-hero-photo{height:340px}.service-card-photo,.service-hero-photo{-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);border-radius:4px;width:100%}.service-card-photo{height:190px;margin-bottom:18px}.doc-showcase{border:1px solid var(--line);background:var(--white);border-radius:4px;margin:36px 0 0;overflow:hidden}.doc-showcase img{width:100%;height:auto}.services-showcase{grid-template-columns:1.08fr .92fr;align-items:stretch;gap:48px;display:grid}.service-detail-shell{background:var(--light);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:var(--radius);flex-direction:column;justify-content:space-between;min-height:440px;padding:38px 40px;display:flex;overflow:hidden}.service-detail-card{flex-direction:column;height:100%;display:flex}.service-detail-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.service-detail-icon{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);width:52px;height:52px;color:var(--blue);justify-content:center;align-items:center;display:flex}.service-detail-icon svg{width:30px;height:30px}.service-detail-step{letter-spacing:.08em;color:var(--blue);background:var(--white);border:1px solid var(--line);border-radius:2px;padding:6px 12px;font-size:12px;font-weight:750}.service-detail-card h3{letter-spacing:-.03em;margin-bottom:14px;font-size:calc(clamp(24px,2.4vw,30px));line-height:1.22}.service-detail-desc{color:var(--muted);margin-bottom:22px;font-size:14px}.service-detail-scope{margin-bottom:24px}.service-detail-scope li{padding-bottom:10px;font-size:13.5px}.service-detail-card .service-tags li{background:var(--white);border:1px solid var(--line)}.service-detail-footer{border-top:1px solid var(--line);align-items:center;margin-top:auto;padding-top:22px;display:flex}.service-selector-list{flex-direction:column;gap:10px;display:flex}.service-selector-item{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);border-left:3px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:18px 22px;transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:grid}.service-selector-item:hover{background:#f8fbfd;border-color:#c5d6e3;transform:translate(-3px)}.service-selector-item.is-active{background:var(--light);border-color:var(--line);border-left-color:var(--blue);transform:translate(-6px);box-shadow:0 8px 20px #15334c0d}.selector-num{color:var(--muted);letter-spacing:.06em;min-width:24px;font-size:12px;font-weight:800;transition:color .2s}.service-selector-item.is-active .selector-num{color:var(--blue)}.selector-body{min-width:0;display:block}.selector-body strong{letter-spacing:-.02em;color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:750;transition:color .2s;display:block}.service-selector-item.is-active .selector-body strong{color:var(--navy)}.selector-body small{color:var(--muted);font-size:12.5px;line-height:1.5;display:block}.selector-indicator{color:var(--muted);opacity:.35;font-size:18px;transition:opacity .22s,transform .22s cubic-bezier(.22,1,.36,1),color .22s;transform:translate(4px)}.service-selector-item:hover .selector-indicator{opacity:.7;transform:translate(0)}.service-selector-item.is-active .selector-indicator{opacity:1;color:var(--blue);transform:translate(-3px)}.service-mobile-collapse{display:none}.service-switch-enter-active,.service-switch-leave-active{transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.service-switch-enter-from{opacity:0;transform:translateY(10px)}.service-switch-leave-to{opacity:0;transform:translateY(-8px)}@media (width<=900px){.services-showcase{grid-template-columns:1fr;gap:24px}.service-desktop-detail{display:none}.service-mobile-collapse{opacity:0;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),opacity .26s cubic-bezier(.22,1,.36,1);display:grid}.service-mobile-collapse.is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr}.service-mobile-collapse-inner{min-height:0;overflow:hidden}.service-mobile-detail{min-height:0;margin-top:8px;padding:28px 24px;transition:transform .34s cubic-bezier(.22,1,.36,1);transform:translateY(-8px)}.service-mobile-collapse.is-open .service-mobile-detail{transform:translateY(0)}.service-selector-item.is-active,.service-selector-item:hover{transform:none}.selector-indicator,.service-selector-item:hover .selector-indicator{transform:rotate(-90deg)}.service-selector-item.is-active .selector-indicator{transform:rotate(90deg)}}@media (width<=800px){.blog-grid,.portfolio-grid,.service-hero-grid{grid-template-columns:1fr}.service-hero-photo{height:260px}.portfolio-stats-bar{grid-template-columns:repeat(2,1fr)}.portfolio-table-wrap{display:none}.portfolio-mobile-cards{flex-direction:column;gap:14px;display:flex}.mobile-exp-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.mobile-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.mobile-card-client{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:700}.mobile-card-project{color:var(--navy);margin-bottom:10px;font-size:14px;font-weight:600}.mobile-card-desc{color:#3e5061;margin-bottom:0;font-size:13.5px;line-height:1.6}.mobile-card-capacity{border-top:1px dashed var(--line);flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;display:flex}.mobile-capacity-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.mobile-card-capacity .badge-capacity{align-self:flex-start;max-width:fit-content}}@media (width<=480px){.portfolio-stats-bar{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active,.selector-indicator,.service-mobile-collapse,.service-mobile-detail,.service-selector-item,.service-switch-enter-active,.service-switch-leave-active{transition:none}}.page-enter-active,.page-leave-active{transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1)}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-4px)}