/* Layanan v3 — precision engineering editorial */
.services3-hero{position:relative;isolation:isolate;overflow:hidden;padding:118px 0 68px;background:radial-gradient(circle at 76% 18%,rgba(61,205,236,.2),transparent 29%),radial-gradient(circle at 14% 82%,rgba(42,146,191,.14),transparent 34%),repeating-linear-gradient(116deg,rgba(118,222,244,.055) 0 1px,transparent 1px 118px),linear-gradient(135deg,#052a47 0%,#0a3b62 56%,#072f51 100%);box-shadow:inset 0 1px rgba(133,226,245,.08),inset 0 -86px 130px rgba(1,22,38,.2);color:#fff}
.services3-hero:before{content:"";position:absolute;inset:-18%;z-index:-2;background-image:linear-gradient(rgba(127,224,245,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(127,224,245,.085) 1px,transparent 1px),radial-gradient(circle at 28% 34%,transparent 0 24px,rgba(121,225,245,.12) 25px 26px,transparent 27px),radial-gradient(circle at 72% 66%,transparent 0 54px,rgba(121,225,245,.09) 55px 56px,transparent 57px);background-size:72px 72px,72px 72px,288px 288px,360px 360px;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);opacity:.82;animation:services3BlueprintDrift 22s linear infinite;pointer-events:none}
.services3-hero:after{content:"";position:absolute;z-index:-1;width:720px;height:720px;border-radius:50%;right:-225px;top:-110px;border:1px solid rgba(113,224,245,.16);background:conic-gradient(from 18deg,transparent 0 8%,rgba(117,226,247,.15) 8% 8.35%,transparent 8.35% 23%,rgba(117,226,247,.1) 23% 23.25%,transparent 23.25% 47%,rgba(117,226,247,.14) 47% 47.35%,transparent 47.35% 73%,rgba(117,226,247,.1) 73% 73.25%,transparent 73.25% 100%),radial-gradient(circle,transparent 0 32%,rgba(117,226,247,.14) 32.2% 32.55%,transparent 32.8% 46%,rgba(117,226,247,.1) 46.2% 46.55%,transparent 46.8% 59%,rgba(117,226,247,.08) 59.2% 59.55%,transparent 59.8% 100%);box-shadow:0 0 90px rgba(48,208,240,.08),inset 0 0 80px rgba(48,208,240,.04);opacity:.82;animation:services3TechRotate 34s linear infinite;pointer-events:none}
.services3-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr);gap:58px;align-items:center}
.services3-hero__grid:before{content:"";position:absolute;z-index:0;left:37%;top:8%;width:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(122,226,246,.38),transparent);box-shadow:0 168px 0 rgba(122,226,246,.15),0 336px 0 rgba(122,226,246,.1);transform:rotate(-11deg);transform-origin:left center;opacity:.72;pointer-events:none}
.services3-hero__grid:after{content:"";position:absolute;z-index:0;left:39%;bottom:-82px;width:190px;height:190px;border:1px solid rgba(120,225,245,.18);border-radius:50%;background:linear-gradient(rgba(120,225,245,.12),rgba(120,225,245,.12)) center/1px 100% no-repeat,linear-gradient(90deg,rgba(120,225,245,.12),rgba(120,225,245,.12)) center/100% 1px no-repeat,radial-gradient(circle,transparent 0 43%,rgba(120,225,245,.14) 44% 44.5%,transparent 45%);opacity:.65;animation:services3PulseRing 7s ease-in-out infinite;pointer-events:none}
.services3-hero__grid>*{position:relative;z-index:2}
.services3-hero__copy{max-width:590px}.services3-kicker{margin:0 0 14px;color:#1787ad;font-size:13px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.services3-kicker--light{color:#78e1f4}.services3-hero .services3-kicker{color:#8be5f6}
.services3-hero h1{margin:0;max-width:600px;font-size:clamp(50px,4.5vw,60px);line-height:1.05;letter-spacing:-.048em;font-weight:780}.services3-hero h1 span{color:#78e1f4}
.services3-hero__lead{max-width:570px;margin:22px 0 0;color:#c4dfe8;font-size:16px;line-height:1.72}
.services3-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.services3-button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 17px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:850;letter-spacing:.02em;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.services3-button--primary{background:#6fe0f5;color:#082f50;border:1px solid #6fe0f5}.services3-button--ghost{background:transparent;color:#eaf9fc;border:1px solid rgba(126,224,244,.34)}.services3-button:hover{transform:translateY(-2px)}.services3-button--ghost:hover{border-color:#78e1f4;background:rgba(120,225,244,.08)}.services3-button:focus-visible{outline:3px solid #78e1f4;outline-offset:4px}
.services3-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;border-top:1px solid rgba(133,226,245,.2);border-bottom:1px solid rgba(133,226,245,.12)}.services3-hero__meta div{padding:14px 14px 15px 0}.services3-hero__meta div+div{padding-left:16px;border-left:1px solid rgba(133,226,245,.13)}.services3-hero__meta strong{display:block;color:#78e1f4;font-size:20px;line-height:1}.services3-hero__meta span{display:block;margin-top:6px;color:#aecfda;font-size:12px;line-height:1.4}
.services3-hero__figure{position:relative;margin:0;min-height:440px;overflow:hidden;border:1px solid rgba(132,225,245,.22);border-radius:18px;background:#0a3659;box-shadow:0 28px 70px rgba(2,22,38,.28)}.services3-hero__figure img{width:100%;height:100%;min-height:440px;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s ease}.services3-hero__figure:hover img{transform:scale(1.025);filter:saturate(1.03)}.services3-hero__figure:before{content:"";position:absolute;z-index:2;top:0;bottom:0;width:1px;left:18%;background:linear-gradient(to bottom,transparent,rgba(111,224,245,.55),transparent);opacity:.35;animation:services3Scan 10s ease-in-out infinite;pointer-events:none}.services3-hero__figure:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,30,51,.74),transparent 52%);pointer-events:none}.services3-hero__figure figcaption{position:absolute;z-index:3;left:22px;right:22px;bottom:19px;display:flex;align-items:end;justify-content:space-between;gap:26px;color:#fff}.services3-hero__figure figcaption span{color:#78e1f4;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.services3-hero__figure figcaption strong{max-width:310px;font-size:15px;line-height:1.35;text-align:right}

.services3-index{padding:78px 0 84px;background:#f7fafc}.services3-section-head{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(260px,.48fr);gap:28px;align-items:end;margin-bottom:30px}.services3-section-head--compact{margin-bottom:30px}.services3-section-head__label{align-self:start;padding-top:3px;color:#5d7583;font-size:12px;font-weight:850;letter-spacing:.095em;text-transform:uppercase}.services3-section-head__label--light{color:#78cfe2}.services3-section-head__title h2{max-width:720px;margin:0;font-size:clamp(36px,3.35vw,44px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.services3-section-head__copy{margin:0;color:#617682;font-size:14px;line-height:1.72}.services3-section-head .services3-kicker{margin-bottom:10px}
.services3-service-list{border-bottom:1px solid #cad9e0}.services3-service-row{position:relative;display:grid;grid-template-columns:54px 48px minmax(0,1fr) 176px 44px;gap:18px;align-items:center;min-height:122px;padding:14px 0;border-top:1px solid #cad9e0;color:#102f44;text-decoration:none;transition:background .22s ease,color .22s ease,padding .22s ease}.services3-service-row:hover{background:linear-gradient(90deg,#eef7fa 0%,rgba(238,247,250,.42) 70%,transparent 100%);padding-left:12px;padding-right:12px}.services3-service-row:focus-visible{outline:3px solid #36bddb;outline-offset:3px;border-radius:8px}.services3-service-row__number{color:#1592b8;font-size:12px;font-weight:850;letter-spacing:.09em}.services3-service-row__icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #c7dbe4;border-radius:12px;background:#fff;color:#1187ad}.services3-service-row__icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7}.services3-service-row__body{display:block;min-width:0}.services3-service-row__body strong{display:block;font-size:24px;line-height:1.14;letter-spacing:-.025em;transition:color .22s ease}.services3-service-row:hover .services3-service-row__body strong{color:#0f718f}.services3-service-row__body>span{display:block;max-width:640px;margin-top:7px;color:#617682;font-size:14px;line-height:1.58}.services3-service-row__image{width:176px;height:82px;overflow:hidden;border-radius:12px;background:#dbe8ed}.services3-service-row__image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92);transition:transform .55s ease,filter .35s ease}.services3-service-row:hover .services3-service-row__image img{transform:scale(1.025);filter:saturate(1.03)}.services3-service-row__arrow{justify-self:end;width:38px;height:38px;display:grid;place-items:center;border:1px solid #c2d8e2;border-radius:50%;color:#147f9f;font-size:16px;transition:transform .22s ease,border-color .22s ease}.services3-service-row:hover .services3-service-row__arrow{transform:translate(3px,-3px);border-color:#78cfe2}

.services3-evidence{padding:80px 0;background:#082f50;color:#fff}.services3-evidence__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:54px;align-items:stretch}.services3-evidence__visual{position:relative;margin:0;min-height:470px;overflow:hidden;border-radius:18px;border:1px solid rgba(126,224,244,.18);background:#0b385d}.services3-evidence__visual img{width:100%;height:100%;min-height:470px;object-fit:cover;display:block;transition:transform .75s ease,filter .4s ease}.services3-evidence__visual:hover img{transform:scale(1.02);filter:saturate(1.04)}.services3-evidence__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,28,48,.8),transparent 58%)}.services3-evidence__visual figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:19px;display:flex;justify-content:space-between;align-items:end;gap:24px}.services3-evidence__visual figcaption span{color:#78e1f4;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.services3-evidence__visual figcaption strong{max-width:310px;text-align:right;font-size:14px;line-height:1.35}.services3-evidence__content{display:flex;flex-direction:column;justify-content:center}.services3-evidence__content h2{margin:0;max-width:600px;font-size:clamp(36px,3.2vw,44px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.services3-evidence__intro{margin:20px 0 0;color:#aeced8;font-size:15px;line-height:1.72}.services3-evidence__points{margin-top:28px;border-bottom:1px solid rgba(129,222,241,.17)}.services3-evidence__points article{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:18px 0;border-top:1px solid rgba(129,222,241,.17)}.services3-evidence__points article>span{color:#68dbf1;font-size:12px;font-weight:850;letter-spacing:.08em}.services3-evidence__points strong{display:block;font-size:17px;letter-spacing:-.015em}.services3-evidence__points p{margin:5px 0 0;color:#aacbd5;font-size:13px;line-height:1.55}

.services3-projects{padding:78px 0 84px;background:#eef4f7}.services3-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.services3-project{display:grid;grid-template-columns:minmax(150px,42%) 1fr;min-height:204px;overflow:hidden;border:1px solid #c9d9e1;border-radius:16px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease}.services3-project:hover{border-color:#9fcfdd;box-shadow:0 18px 42px rgba(8,48,78,.09)}.services3-project__image{overflow:hidden;background:#dbe8ed}.services3-project__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .35s ease}.services3-project:hover .services3-project__image img{transform:scale(1.025);filter:saturate(1.03)}.services3-project__body{position:relative;padding:20px 20px 18px}.services3-project__meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.services3-project__meta span{color:#197d9d;font-size:12px;font-weight:800}.services3-project__meta span+span:before{content:"•";margin-right:7px;color:#9ab5c0}.services3-project h3{margin:0;max-width:340px;font-size:20px;line-height:1.22;letter-spacing:-.023em}.services3-project__body p{margin:9px 0 0;color:#647a86;font-size:13px;line-height:1.5}.services3-project__mark{position:absolute;right:17px;bottom:16px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #c5d9e2;border-radius:50%;color:#1882a3}.services3-project__mark svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8}

.services3-process{padding:74px 0 82px;background:#fff}.services3-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c9d9e1;border-bottom:1px solid #c9d9e1}.services3-process__step{position:relative;min-height:190px;padding:20px 22px 22px 0}.services3-process__step+.services3-process__step{padding-left:22px;border-left:1px solid #d6e2e7}.services3-process__step>span{display:block;color:#1592b8;font-size:12px;font-weight:850;letter-spacing:.09em}.services3-process__step strong{display:block;margin-top:28px;font-size:21px;letter-spacing:-.024em}.services3-process__step p{margin:9px 0 0;color:#617682;font-size:14px;line-height:1.58}.services3-process__step:after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:#35cce9;transition:width .35s ease}.services3-process__step:hover:after{width:100%}.services3-process__step strong{transition:color .22s ease}.services3-process__step:hover strong{color:#117f9f}

@keyframes services3Scan{0%,100%{transform:translateX(-40px);opacity:.12}50%{transform:translateX(360px);opacity:.42}}
@keyframes services3BlueprintDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(36px,18px,0)}100%{transform:translate3d(72px,72px,0)}}
@keyframes services3TechRotate{to{transform:rotate(360deg)}}
@keyframes services3PulseRing{0%,100%{transform:scale(.94);opacity:.38}50%{transform:scale(1.06);opacity:.68}}

@media(max-width:1080px){
  .services3-hero__grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:38px}.services3-hero__figure,.services3-hero__figure img{min-height:430px}
  .services3-section-head{grid-template-columns:120px minmax(0,1fr)}.services3-section-head__copy{grid-column:2;max-width:620px}
  .services3-service-row{grid-template-columns:46px 44px minmax(0,1fr) 160px 40px;gap:14px}.services3-service-row__image{width:160px;height:88px}
  .services3-evidence__grid{gap:38px}.services3-evidence__visual,.services3-evidence__visual img{min-height:480px}
}

@media(max-width:860px){
  .services3-hero{padding:104px 0 56px}.services3-hero:after{width:620px;height:620px;right:-330px;top:210px;opacity:.6}.services3-hero__grid{grid-template-columns:1fr;gap:30px}.services3-hero__grid:before{left:8%;top:38%;width:94%;opacity:.46;box-shadow:0 150px 0 rgba(122,226,246,.13),0 300px 0 rgba(122,226,246,.08)}.services3-hero__grid:after{left:auto;right:5%;bottom:12%;width:155px;height:155px;opacity:.5}.services3-hero__copy{max-width:680px}.services3-hero h1{font-size:46px;line-height:1.1}.services3-hero__figure{min-height:0;aspect-ratio:16/7.5}.services3-hero__figure img{min-height:0;height:100%}
  .services3-index,.services3-evidence,.services3-projects,.services3-process{padding:58px 0 64px}
  .services3-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:26px}.services3-section-head__label{margin-bottom:4px}.services3-section-head__copy{grid-column:auto;max-width:650px}.services3-section-head__title h2,.services3-evidence__content h2{font-size:34px}
  .services3-service-row{grid-template-columns:46px 44px minmax(0,1fr) 40px;min-height:110px}.services3-service-row__image{display:none}
  .services3-evidence__grid{grid-template-columns:1fr;gap:26px}.services3-evidence__visual{min-height:0;aspect-ratio:16/9}.services3-evidence__visual img{min-height:0;height:100%}.services3-evidence__content{display:block}.services3-evidence__intro{max-width:680px}
  .services3-project-grid{grid-template-columns:1fr 1fr}.services3-project{grid-template-columns:1fr;min-height:0}.services3-project__image{height:158px}.services3-project__body{min-height:142px}
  .services3-process__grid{grid-template-columns:1fr 1fr}.services3-process__step{min-height:176px}.services3-process__step:nth-child(3){border-left:0;border-top:1px solid #d6e2e7;padding-left:0}.services3-process__step:nth-child(4){border-top:1px solid #d6e2e7}
}

@media(max-width:600px){
  .services3-hero{padding:90px 0 44px}.services3-hero:before{background-size:52px 52px,52px 52px,208px 208px,260px 260px;opacity:.64}.services3-hero:after{width:430px;height:430px;right:-255px;top:290px;opacity:.52}.services3-hero__grid{gap:24px}.services3-hero__grid:before{left:-10%;top:34%;width:126%;opacity:.34;box-shadow:0 128px 0 rgba(122,226,246,.1),0 256px 0 rgba(122,226,246,.07)}.services3-hero__grid:after{left:auto;right:-52px;bottom:13%;width:128px;height:128px;opacity:.38}.services3-hero h1{font-size:36px;line-height:1.12}.services3-hero__lead{margin-top:18px;font-size:15px;line-height:1.65}.services3-hero__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:23px}.services3-button{width:100%}.services3-hero__meta{margin-top:22px}.services3-hero__meta div{padding:12px 8px 12px 0}.services3-hero__meta div+div{padding-left:10px}.services3-hero__meta strong{font-size:18px}.services3-hero__meta span{font-size:11px}.services3-hero__figure{aspect-ratio:16/10;border-radius:14px}.services3-hero__figure figcaption{left:15px;right:15px;bottom:13px}.services3-hero__figure figcaption strong{display:none}.services3-hero__figure figcaption span{font-size:11px}
  .services3-index,.services3-evidence,.services3-projects,.services3-process{padding:48px 0 52px}.services3-kicker{font-size:12px}.services3-section-head{margin-bottom:18px}.services3-section-head__label{font-size:11px}.services3-section-head__title h2,.services3-evidence__content h2{font-size:30px;line-height:1.1}.services3-section-head__copy{font-size:14px;line-height:1.62}
  .services3-service-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:11px;min-height:0;padding:16px 0}.services3-service-row:hover{padding-left:0;padding-right:0;background:transparent}.services3-service-row__icon{display:none}.services3-service-row__body strong{font-size:20px}.services3-service-row__body>span{margin-top:6px;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.services3-service-row__arrow{width:34px;height:34px}
  .services3-evidence__grid{gap:24px}.services3-evidence__visual{aspect-ratio:16/10;border-radius:14px}.services3-evidence__visual figcaption{left:15px;right:15px;bottom:13px}.services3-evidence__visual figcaption strong{display:none}.services3-evidence__points{margin-top:22px}.services3-evidence__points article{padding:16px 0}.services3-evidence__intro{font-size:14px;line-height:1.62}
  .services3-project-grid{grid-template-columns:1fr;gap:10px}.services3-project{grid-template-columns:112px minmax(0,1fr);min-height:118px;border-radius:14px}.services3-project__image{height:auto;min-height:118px}.services3-project__body{min-height:118px;padding:13px 44px 12px 14px}.services3-project h3{font-size:17px;line-height:1.22}.services3-project__body p{font-size:12px}.services3-project__meta{margin-bottom:8px}.services3-project__meta span{font-size:11px}.services3-project__mark{right:12px;bottom:12px;width:30px;height:30px}
  .services3-process__grid{grid-template-columns:1fr;border-bottom:0}.services3-process__step,.services3-process__step+.services3-process__step,.services3-process__step:nth-child(3),.services3-process__step:nth-child(4){display:grid;grid-template-columns:40px 1fr;column-gap:12px;min-height:0;padding:15px 0;border-left:0;border-top:1px solid #d6e2e7}.services3-process__step:first-child{border-top:0}.services3-process__step>span{grid-column:1;grid-row:1/3;padding-top:3px}.services3-process__step strong{grid-column:2;margin:0;font-size:19px}.services3-process__step p{grid-column:2;margin-top:6px;font-size:13px}.services3-process__step:after{display:none}
}

@media(pointer:coarse){.services3-button:hover{transform:none}.services3-service-row:hover .services3-service-row__arrow{transform:none}.services3-hero__figure:hover img,.services3-service-row:hover .services3-service-row__image img,.services3-evidence__visual:hover img,.services3-project:hover .services3-project__image img{transform:none}}
@media(prefers-reduced-motion:reduce){.services3-hero:before,.services3-hero:after,.services3-hero__grid:after,.services3-hero__figure:before{animation:none!important}.services3-button,.services3-service-row,.services3-service-row__image img,.services3-service-row__arrow,.services3-hero__figure img,.services3-evidence__visual img,.services3-project,.services3-project__image img,.services3-process__step:after{transition:none!important;transform:none!important}}