@font-face{font-family:'Open Sauce One';src:url('assets/fonts/opensauce-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('assets/fonts/opensauce-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('assets/fonts/opensauce-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('assets/fonts/opensauce-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sauce One';src:url('assets/fonts/opensauce-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Geometos;src:url('assets/fonts/geometos-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Sauce Fallback';src:local('Arial');size-adjust:108%;ascent-override:91%;descent-override:23%;line-gap-override:0%}
@font-face{font-family:'Geo Fallback';src:local('Arial');size-adjust:105%;ascent-override:90%;descent-override:23%;line-gap-override:0%}
:root{--teal:#008080;--navy:#334c64;--red:#e1091d;--teal-ink:#006b6b;--mint:#72dac4;--dark:#0b2530;--dark-2:#10333f;--ink:#0f2a33;--text:#2b4049;--text-muted:#465b62;--text-on-dark:#d6e4e7;--muted-on-dark:#a9c2c8;--line:#d4e1df;--paper:#f3f7f6;--white:#fff;--glow-teal:0 0 0 1px #00808033,0 18px 48px -12px #00808055;--radius-s:8px;--radius-m:14px;--radius-l:22px;--gutter:clamp(20px,4vw,56px);--fs-h1:clamp(64px,6.5vw,88px);--fs-h2:clamp(44px,4vw,56px);--fs-h3:clamp(26px,2.4vw,30px);--fs-h4:21px;--fs-lead:22px;--fs-body:18px;--fs-small:16px;--fs-note:14px;--fs-eyebrow:14px;--fs-caps-sm:13px;--fs-button:17px;--fs-nav:16px;--font-body:'Open Sauce One','Sauce Fallback','Segoe UI',Roboto,Arial,sans-serif;--font-caps:Geometos,'Geo Fallback','Open Sauce One',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-synthesis:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}p{margin:0 0 1.2em;max-width:68ch}h1,h2,h3,h4{font-family:var(--font-body);color:var(--ink);margin:0 0 .7em;font-weight:700;text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:800;line-height:1.02;letter-spacing:-.025em}h2{font-size:var(--fs-h2);line-height:1.08;letter-spacing:-.02em}h3{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.01em}h4{font-size:var(--fs-h4);line-height:1.35;font-weight:600}em{font-style:normal;color:var(--mint)}img,svg{max-width:100%}img{display:block;height:auto}ul{padding:0;list-style:none;margin:0}strong{font-weight:600}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.dark :focus-visible{outline-color:var(--mint)}[hidden]{display:none!important}.container{width:min(100% - var(--gutter)*2,1320px);margin-inline:auto}.section{padding-block:clamp(72px,9vw,128px)}.dark{background:var(--dark);color:var(--text-on-dark)}.dark h1,.dark h2,.dark h3,.dark h4{color:#fff}.dark .eyebrow,.dark .small-label{color:var(--mint)}.dark .note{color:var(--muted-on-dark)}.caps,.eyebrow,.small-label,.number,.badge,.phase-number,.product-visual>span,.service-panel-number,.image-label{font-family:var(--font-caps);font-weight:400;font-synthesis:none;letter-spacing:.1em;line-height:1.4}.caps,.small-label,.number,.badge,.product-visual>span,.image-label{font-size:var(--fs-caps-sm)}.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.14em;color:var(--teal-ink);margin-bottom:24px}.small-label{color:var(--teal-ink);display:block;margin-bottom:18px}.text-teal{color:var(--teal-ink)}.lead{font-size:var(--fs-lead);line-height:1.6}.small{font-size:var(--fs-small)}.note,.visual-note,.form-note,.product-dialog-note{font-size:14px;line-height:1.6;color:var(--text-muted)}.note a{text-decoration:underline;text-underline-offset:3px}.icon{width:24px;height:24px;flex:0 0 24px;display:inline-block;vertical-align:middle;fill:none}.large-icon{width:54px;height:54px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;z-index:30000;left:20px;top:14px;background:white;padding:14px 22px;color:var(--ink);transform:translateY(-180%);border:2px solid var(--teal);border-radius:8px}.skip-link:focus{transform:none}section[id],form[id],#layanan{scroll-margin-top:115px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:56px;padding:16px 24px;border-radius:10px;font-size:var(--fs-button);line-height:1.25;font-weight:600;text-align:center;transition:transform .25s,box-shadow .25s}.button .icon{transition:transform .25s}.button:hover{transform:translateY(-2px)}.button:hover>.icon:last-child{transform:translate(3px,-3px)}.button-red{background:var(--red);color:#fff}.button-red:hover{box-shadow:0 10px 30px #e1091d40}.button-outline{border:1px solid var(--teal-ink);color:var(--teal-ink)}.dark .button-outline{color:#fff;border-color:#a9c2c8}.button-dark{background:var(--dark);color:#fff}.button-mint{background:var(--mint);color:var(--dark)}.text-link{font-size:17px;font-weight:600;color:var(--teal-ink);display:inline-flex;align-items:center;gap:14px;line-height:1.5;min-height:44px}.dark .text-link{color:var(--mint)}.check-list li,.room-features li,#need-list li,#service-scope li,#service-output li{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}.check-list .icon,.room-features .icon,#need-list .icon,#service-scope .icon,#service-output .icon{width:20px;height:20px;flex-basis:20px;color:var(--teal-ink);margin-top:5px}.dark .check-list .icon,.dark #need-list .icon,.dark #service-scope .icon,.dark #service-output .icon{color:var(--mint)}
.topbar{background:var(--dark);color:var(--text-on-dark);font-size:14px;min-height:40px;display:flex;align-items:center}.topbar .container,.topbar-right{display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar .caps{font-size:12px}.topbar-right a{display:flex;align-items:center;gap:10px}.topbar .icon{width:16px;height:16px;flex-basis:16px}.site-header{position:sticky;top:0;z-index:1000;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #d4e1df88}.nav-wrap{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{flex-shrink:0}.brand img{height:96px;width:auto}.desktop-nav{display:flex;align-items:center;gap:24px}.desktop-nav a{position:relative;font-size:16px;font-weight:600;line-height:1.25;padding:18px 0;white-space:nowrap;color:var(--ink)}.desktop-nav a:after{content:'';position:absolute;bottom:7px;height:2px;background:var(--teal);left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover:after,.desktop-nav a.current:after{transform:scaleX(1)}.nav-cta{font-size:16px;padding:15px 19px;min-height:50px}.site-header.scrolled{box-shadow:0 6px 24px #0b253010}.site-header.scrolled .nav-wrap{min-height:96px}.site-header.scrolled .brand img{height:76px}.scroll-progress{position:absolute;height:3px;left:0;bottom:-1px;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:left}.menu-toggle{display:none;width:48px;height:48px;align-items:center;justify-content:center}.mobile-nav{border:0;padding:30px;color:#fff;background:var(--dark);width:100vw;height:100dvh;max-width:none;max-height:none;margin:0}.mobile-nav::backdrop{background:var(--dark)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.mobile-nav-head button{width:48px;height:48px;color:#fff}.mobile-nav nav{display:flex;flex-direction:column;margin-bottom:40px}.mobile-nav nav a{font-size:22px;line-height:1.3;padding:17px 0;border-bottom:1px solid #a9c2c833}.mobile-nav>.button{width:100%}
.hero{position:relative;overflow:hidden;isolation:isolate}.hero-visuals,.hero-grid-pattern{position:absolute;inset:0;z-index:-2}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s;transform:scale(1.03)}.hero-image.active{opacity:1;animation:kenburns 18s linear both}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b2530fa 0%,#0b2530ef 39%,#0b2530bb 70%,#0b253088 100%),linear-gradient(0deg,#0b2530 0%,transparent 70%)}.hero-grid-pattern{background-image:linear-gradient(#72dac418 1px,transparent 1px),linear-gradient(90deg,#72dac418 1px,transparent 1px);background-size:90px 90px;z-index:0;pointer-events:none;opacity:.35;animation:grid-drift 30s linear infinite}.hero-inner{position:relative;display:flex;align-items:flex-end;gap:32px;padding-top:100px;padding-bottom:70px;min-height:740px}.hero-copy{max-width:1000px;flex:1}.hero .eyebrow{display:flex;gap:12px;align-items:center;color:var(--mint);margin-bottom:28px}.signal{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #e1091d1c;animation:signal-pulse 2.4s infinite}.hero h1{margin-bottom:30px}.hero-lead{font-size:var(--fs-lead);line-height:1.6;max-width:60ch;color:var(--text-on-dark)}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin:34px 0 30px}.hero-trust{font-size:16px;display:flex;flex-wrap:wrap;gap:12px 26px;max-width:750px}.hero-trust li{display:flex;align-items:center;gap:10px}.hero-trust .icon{color:var(--mint);width:19px;height:19px;flex-basis:19px}.hero-aux{width:250px;flex:0 0 250px;padding-bottom:8px}.tour-card{border:1px solid #a9c2c888;background:#0b2530e6;display:flex;gap:14px;align-items:center;text-align:left;padding:20px;border-radius:14px;color:#fff;width:100%;line-height:1.5;font-size:16px}.tour-card>.icon:first-child{width:36px;height:36px;flex-basis:36px;color:var(--mint)}.tour-card strong{display:block;font-size:16px}.tour-card>.icon:last-child{width:18px;height:18px;flex-basis:18px}.tour-card:hover{border-color:var(--mint)}.hero-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:20px;color:var(--muted-on-dark)}.hero-controls .caps{font-size:12px}.hero-controls button{color:#fff;border:1px solid #a9c2c85c;border-radius:50%;width:42px;height:42px}.hero-controls .icon{width:18px;height:18px}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);position:relative;border-top:1px solid #a9c2c866;margin-bottom:32px;background:#10333fc9;backdrop-filter:blur(16px);border-radius:0 0 14px 14px}.hero-bottom>a{display:flex;align-items:center;gap:22px;padding:27px 26px;transition:transform .2s}.hero-bottom>a+a{border-left:1px solid #a9c2c833}.hero-bottom>a:hover{background:#10333f;transform:translateY(-4px)}.hero-bottom .caps{color:var(--mint)}.hero-bottom strong{font-size:18px;color:#fff;line-height:1.4;display:block}.hero-bottom p{font-size:16px;line-height:1.5;margin:5px 0 0}.hero-bottom .icon{margin-left:auto;color:var(--mint)}
.brands{padding-block:70px;overflow:hidden}.brand-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.brand-heading h3{margin-bottom:0;max-width:760px}.brand-heading .eyebrow{margin-bottom:15px}.brand-heading button{white-space:nowrap}.marquee{overflow:hidden;padding:12px 0}.marquee-track{width:max-content;display:flex;gap:18px;animation:marquee-forward 50s linear infinite;will-change:transform}.marquee-2 .marquee-track{animation-direction:reverse;animation-duration:44s}.marquee-set{display:flex;gap:18px}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track,.brands.paused .marquee-track{animation-play-state:paused}.brand-tile{width:200px;height:96px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;position:relative;transition:transform .25s,box-shadow .25s}.brand-tile>img{max-width:100%;width:auto;height:var(--logo-h,40px);object-fit:contain}.brand-tile:has(.microsoft-label)>img{width:30px;height:30px}.microsoft-label{font-family:var(--font-body);font-size:21px;font-weight:600;letter-spacing:-1px;color:#5e5e5e}.brand-tooltip{position:absolute;inset:auto 4px 2px;text-align:center;font-size:14px;color:var(--text-muted);opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s;line-height:1.3}.brand-tile:hover,.brand-tile:focus-visible{transform:translateY(-6px);box-shadow:var(--glow-teal)}.brand-tile:hover .brand-tooltip,.brand-tile:focus-visible .brand-tooltip{opacity:1;transform:none}.brand-tile:hover img,.brand-tile:focus-visible img{transform:translateY(-6px)}.brand-text-chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 18px}.brand-text-chips span{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500}.brands .note{max-width:none;margin:0}
.solutions{background:var(--paper)}.intro{max-width:920px;margin-bottom:48px}.intro .lead{max-width:57ch}.bento-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.solution-card{padding:40px;border:1px solid var(--line);border-radius:22px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.solution-card:hover,.product-card:hover,.standard-card:hover{border-color:var(--teal);box-shadow:var(--glow-teal);transform:translateY(-6px)}.solution-card .caps{color:var(--teal-ink);margin-bottom:24px}.solution-card .large-icon{color:var(--teal-ink);margin-bottom:22px}.card-link{display:flex;gap:20px;align-items:center;font-weight:600;margin-top:auto;padding-top:20px}.card-link .icon{margin-left:auto}.bento-feature{grid-row:span 2;background:var(--dark);min-height:620px;justify-content:flex-end;color:var(--text-on-dark)}.bento-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.bento-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b2530 0%,#0b2530f2 45%,#0b253066 100%)}.bento-content{position:relative;z-index:1}.bento-feature .caps,.bento-feature .large-icon{display:block;color:var(--mint)}.bento-feature h3{font-size:clamp(32px,3vw,44px)}.bento-feature .check-list{font-size:17px}.bento-strip{grid-column:1/-1;padding:24px 32px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:32px}.bento-strip p{margin:0;max-width:70ch}.bento-strip a{flex-shrink:0}.finder-heading{max-width:920px;margin-bottom:44px}.finder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.finder-tabs{display:flex;flex-direction:column;align-self:start}.finder-tabs button{position:relative;display:flex;gap:18px;align-items:center;text-align:left;padding:28px 20px;border-bottom:1px solid #a9c2c844;font-size:18px;font-weight:500;color:var(--text-on-dark)}.finder-tabs button>span{font-family:var(--font-caps);font-size:14px;color:var(--mint)}.finder-tabs b{margin-left:auto}.finder-tabs button:after,.service-navigation>button:after{content:'';position:absolute;bottom:-1px;left:0;height:3px;width:100%;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .35s}.finder-tabs button[aria-selected=true]{background:var(--dark-2);color:#fff}.finder-tabs button[aria-selected=true]:after,.service-navigation>button[aria-selected=true]:after{transform:scaleX(1)}.need-panel{background:var(--dark-2);border:1px solid #ffffff24;border-radius:22px;padding:40px;box-shadow:inset 0 1px #ffffff18}.need-icon{width:60px;height:60px;color:var(--mint);margin-bottom:22px}.need-prepare{background:var(--dark);border-radius:12px;padding:22px;margin:25px 0}.need-prepare strong{color:#fff}.need-prepare p{margin:8px 0 0}.need-panel .text-link{color:var(--mint)}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:44px}.section-heading p:last-child{margin-bottom:0}.hardware{background:var(--paper)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0}.filter{padding:13px 18px;border:1px solid var(--line);border-radius:999px;font-size:16px;font-weight:500;background:#fff;min-height:48px}.filter.active{background:var(--teal-ink);border-color:var(--teal-ink);color:#fff}.filter:hover{border-color:var(--teal)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}.product-visual{height:245px;background:radial-gradient(ellipse at 50% 85%,#00808022,transparent 62%),linear-gradient(140deg,#f3f7f6,#e4eeeb);position:relative;padding:40px 12px 0;display:flex;align-items:center;justify-content:center}.product-visual>span{position:absolute;left:20px;top:18px;color:var(--text-muted);font-size:12px}.product-visual>svg{height:200px;width:100%;filter:drop-shadow(0 12px 7px #0b253022)}.product-visual circle{animation:led-pulse 4s infinite}.product-info{padding:23px 20px;flex:1;display:flex;flex-direction:column}.product-brands{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:62px;margin-bottom:20px}.product-brand-chip{display:flex;align-items:center;justify-content:center;padding:5px 7px;border:1px solid var(--line);border-radius:5px;max-width:115px;font-size:14px;line-height:1.4;color:var(--text-muted)}.product-brand-chip img{height:20px;width:auto;max-width:92px;object-fit:contain}.product-info h3{font-size:24px;line-height:1.25}.product-info>p{font-size:17px;line-height:1.7}.spec-tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 20px}.spec-tags span{background:var(--paper);color:var(--text-muted);border-radius:5px;padding:4px 8px;font-size:14px;line-height:1.5}.product-uses{margin-top:auto;padding:18px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.6}.product-uses p{font-size:15px;margin:5px 0 0}.product-uses strong{color:var(--teal-ink)}.product-detail,.product-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;min-height:48px;font-size:15px;font-weight:600;padding:10px 0;line-height:1.45}.product-detail{border-top:1px solid var(--line);color:var(--ink)}.product-cta{color:var(--teal-ink)}.product-detail:hover,.product-cta:hover{text-decoration:underline;text-underline-offset:4px}.product-detail .icon,.product-cta .icon{width:20px;height:20px;flex-basis:20px}.hardware>.container>.visual-note{margin:24px 0 0}
.architecture{background-color:var(--dark);background-image:linear-gradient(#72dac40a 1px,transparent 1px),linear-gradient(90deg,#72dac40a 1px,transparent 1px);background-size:64px 64px}.architecture-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:50px}.architecture-heading>.eyebrow{grid-column:1/-1}.architecture-heading h2{margin-bottom:0}.architecture-lead{padding-top:6px}.platform-chips{display:flex;gap:14px;align-items:center}.platform-chips>span{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);border-radius:10px;padding:12px 18px;min-height:58px;font-size:17px;font-weight:600}.platform-chips img{width:110px;height:auto}.arch-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);gap:24px;align-items:start}.diagram-card{background:#0d2c38;border:1px solid #a9c2c844;border-radius:22px;padding:24px 16px 20px;overflow:hidden}.diagram-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:0 4px}.segmented{display:flex;background:var(--dark);border:1px solid #a9c2c877;border-radius:9px;padding:4px;position:relative;isolation:isolate}.segmented button{position:relative;z-index:1;padding:12px 14px;font-size:15px;font-weight:600;color:var(--text-on-dark);min-height:46px}.segmented button[aria-pressed=true]{color:var(--dark)}.segment-indicator{position:absolute;inset:4px;width:calc(50% - 4px);z-index:0;background:var(--mint);border-radius:6px;transform:translateX(100%);transition:transform .35s}.segmented.is-before .segment-indicator{transform:none}.failover-button{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;border:1px solid #a9c2c877;padding:12px;border-radius:9px;min-height:46px;color:#fff}.failover-button:hover{border-color:var(--mint)}.failover-button:disabled{color:var(--muted-on-dark);cursor:not-allowed}.diagram-hint{font-size:14px;color:var(--muted-on-dark);margin:20px 8px 0}.diagram-stage{position:relative;margin:6px 0 0}.diagram-stage svg{width:100%;height:auto;display:block}.diagram-text{font-family:var(--font-body);font-size:26px;fill:var(--text-on-dark)}.node-title{font-family:var(--font-body);font-size:30px;font-weight:600;fill:#fff}.diagram-label{font-family:var(--font-caps);font-size:24px;font-weight:400;letter-spacing:.06em;fill:var(--mint)}.node-box{fill:url(#node-fill);stroke:#749aa3;stroke-width:2}.tier-group{cursor:pointer;outline:none}.tier-group:hover .node-box,.tier-group:focus-visible .node-box,.tier-group.selected .node-box{stroke:var(--mint);stroke-width:3;filter:drop-shadow(0 0 8px #72dac433)}.tier-group:not(.selected) .node-box{fill:var(--dark-2);stroke:#50717c}.tier-group:not(.selected) .vm{opacity:.5}.vm{fill:#72dac4;stroke:#0b2530;stroke-width:1}.host-led{fill:var(--mint)}.diagram-links path,.lag-line{stroke:#50717c;stroke-width:2;fill:none}.diagram-links path.data-flow{stroke:var(--mint);stroke-width:3;stroke-dasharray:5 26;animation:data-travel 3s linear infinite}.vlan-box{fill:var(--dark);stroke:#50717c;stroke-width:1.5}.controller{fill:#0b2530;stroke:#72dac4;stroke-width:1.5}.arch-before{display:none}.diagram-stage[data-mode=before] .arch-after{display:none}.diagram-stage[data-mode=before] .arch-before{display:block}.legacy-path{stroke:#a9c2c8;stroke-width:3;fill:none}.local-disk{fill:#0b2530;stroke:#749aa3;stroke-width:2}.risk-box{fill:#4a2535;stroke:#e1091d;stroke-width:3}.risk-badge{fill:var(--red)}.risk-badge+text{fill:#fff}.host-down-label{display:none;fill:#fff;font-family:var(--font-caps);font-size:24px}.vm-rescue{display:none}.failed .host-2 .node-box{fill:#6a1f32;stroke:var(--red)}.failed .host-2 .host-led{fill:var(--red)}.failed .host-vms-2{opacity:0}.failed .host-down-label{display:block}.failed .vm-rescue{display:block}.failed .vm-rescue-left{animation:rescue-left 1.2s cubic-bezier(.2,.7,.2,1)}.failed .vm-rescue-right{animation:rescue-right 1.2s cubic-bezier(.2,.7,.2,1)}.arch-status{display:flex;align-items:flex-start;gap:12px;margin:14px 4px 12px;padding:15px;border:1px solid #72dac44d;border-radius:10px;background:var(--dark);font-size:15px;line-height:1.6}.arch-status .icon{color:var(--mint);margin-top:2px}.diagram-footnote{margin:12px 8px 0}.arch-mobile{display:none}.tier-sidebar{background:var(--dark-2);border:1px solid #ffffff24;border-radius:22px;padding:28px;box-shadow:inset 0 1px #ffffff24}.tier-detail{display:none}.tier-detail.active{display:block}.tier-detail summary{list-style:none;font-size:13px;color:var(--mint);margin-bottom:20px;pointer-events:none}.tier-detail summary::-webkit-details-marker{display:none}.tier-detail summary .icon{display:none}.tier-body h3{font-size:28px}.tier-body p,.tier-body li{font-size:18px;line-height:1.7}.tier-why{padding-top:20px;border-top:1px solid #a9c2c844;margin-top:20px}.tier-why strong{color:var(--mint);font-size:16px}.tier-why p{margin:8px 0 0}.tier-pager{display:flex;align-items:center;justify-content:space-between;padding-top:24px;margin-top:20px;border-top:1px solid #a9c2c844}.tier-pager button{border:1px solid #a9c2c866;border-radius:50%;width:44px;height:44px;color:#fff}.tier-pager span{font-family:var(--font-caps);font-size:13px;color:var(--muted-on-dark)}.comparison-block{margin-top:90px}.subheading{margin:0 0 36px}.subheading>.eyebrow{margin-bottom:18px}.comparison-table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid #a9c2c844;border-radius:14px;overflow:hidden;font-size:17px;line-height:1.6}.comparison-table th,.comparison-table td{padding:22px 26px;text-align:left;border-bottom:1px solid #a9c2c833;vertical-align:top}.comparison-table thead{background:#184452;color:#fff}.comparison-table th{font-weight:600}.comparison-table tbody th{color:#fff;width:20%}.comparison-table td{width:40%}.comparison-table td:last-child{background:#10333f}.comparison-table tr:last-child>*{border-bottom:0}.comparison-block>.note{margin-top:18px}.service-section{padding-top:95px}.service-workspace{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px}.service-navigation{align-self:start}.service-navigation>button{width:100%;display:flex;gap:16px;align-items:center;text-align:left;padding:24px 18px;border-bottom:1px solid #a9c2c844;font-size:18px;font-weight:500;position:relative;color:var(--text-on-dark)}.service-navigation>button>span{font-family:var(--font-caps);font-size:14px;color:var(--mint)}.service-navigation b{margin-left:auto}.service-navigation>button[aria-selected=true]{background:var(--dark-2);color:#fff}.service-aside{margin:30px 18px;color:var(--muted-on-dark);font-size:16px}.service-aside .line-icon{display:block;margin-bottom:14px;color:var(--mint);width:42px;height:42px}.service-panel{padding:36px;background:var(--dark-2);border:1px solid #ffffff24;border-radius:22px;box-shadow:inset 0 1px #ffffff18}.service-panel-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.service-panel-top .small-label{margin:0}.service-panel-number{font-size:28px;color:var(--muted-on-dark)}.service-panel>p{font-size:18px}.service-detail-columns{display:grid;grid-template-columns:1fr;gap:22px;margin-top:28px}.service-detail-columns ul{font-size:17px}.service-detail-columns h4{font-size:20px}.service-deliverables{padding:24px;background:var(--dark);border-radius:12px}.service-panel>.button{margin-top:26px}.platform-section{margin-top:95px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.platform-card{padding:36px;border-radius:22px;border:1px solid #ffffff24;background:var(--dark-2)}.platform-logo{height:90px;display:flex;align-items:center;margin-bottom:25px}.platform-logo img{max-width:220px;height:60px;object-fit:contain;padding:12px;background:#fff;border-radius:10px}.platform-text-logo{font-size:30px;font-weight:700;color:#fff}.platform-card h4{font-size:25px}.platform-card dl{margin:0}.platform-card dl>div{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #a9c2c833;font-size:16px}.platform-card dt{color:var(--mint);font-weight:600}.platform-card dd{margin:0}.platform-card dl>div:last-child{border-bottom:0}.platform-section>.note{margin:24px 0 0;max-width:none}
.migration{background:var(--paper)}.phase-nav{display:grid;grid-template-columns:repeat(6,1fr);position:relative;gap:14px}.phase-nav:before,.phase-nav:after{content:'';position:absolute;top:30px;left:50px;right:50px;height:2px;background:var(--line)}.phase-nav:after{background:var(--teal);transform-origin:left;transform:scaleX(var(--phase-progress,.2));transition:transform .5s}.phase-nav>button{display:flex;align-items:center;flex-direction:column;gap:18px;font-size:16px;font-weight:600;line-height:1.4;text-align:center;position:relative;z-index:1;padding:0 2px 26px}.phase-number{display:flex;align-items:center;justify-content:center;border-radius:50%;width:60px;height:60px;background:var(--paper);border:1px solid var(--line);font-size:21px;color:var(--teal-ink)}.phase-nav>button[aria-selected=true] .phase-number{background:var(--teal-ink);color:#fff;box-shadow:0 0 0 7px #00808012}.phase-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:44px;margin-top:18px}.phase-panel p:last-child{margin-bottom:0}.phase-output{padding-left:35px;border-left:1px solid var(--line)}.phase-output h4{color:var(--teal-ink);margin-bottom:12px}.phase-output p{font-size:17px}.phase-workspace+.note{margin-top:24px}.migration .subheading{margin-top:85px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.method-grid>article{border-top:2px solid var(--teal);padding:26px 0}.method-grid .icon{width:42px;height:42px;color:var(--teal-ink);margin-bottom:24px}.method-grid h4{font-size:21px}.method-grid p{font-size:17px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.example-grid>article{border:1px solid var(--line);padding:36px;border-radius:22px;background:#fff}.example-grid .check-list{font-size:17px}.design-example .note{margin:20px 0 0}.deliverables{background:#e6f0ed!important}.migration-cta{border-radius:22px;padding:42px;margin-top:40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.migration-cta h3{margin-bottom:0}.migration-cta>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.migration-cta .button{font-size:16px}
.fitout-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.fitout-tabs button{position:relative;padding:17px 2px;font-size:17px;font-weight:600;text-align:left}.fitout-tabs button:after{content:'';height:3px;position:absolute;bottom:-1px;left:0;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .3s}.fitout-tabs button[aria-selected=true]{color:var(--teal-ink)}.fitout-tabs button[aria-selected=true]:after{transform:scaleX(1)}.fitout-showcase{display:grid;grid-template-columns:7fr 5fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper)}.fitout-image-wrap{position:relative;min-width:0;background:var(--dark);display:flex;align-items:center}.fitout-image-wrap img{width:100%;aspect-ratio:16/9;object-fit:cover;min-height:100%}.image-label{position:absolute;left:18px;top:18px;color:#fff;background:#0b2530f5;border-radius:6px;padding:9px 12px;font-size:12px;max-width:calc(100% - 36px)}.panorama-image-button{display:flex;gap:12px;align-items:center;position:absolute;bottom:20px;left:20px;background:white;color:var(--ink);border-radius:10px;padding:14px 20px;font-size:17px;font-weight:600}.fitout-copy{padding:35px}.fitout-copy p,.room-features{font-size:18px}.fitout-copy .button{margin-top:22px;width:100%}.room-elements{margin-top:75px}.element-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 24px}.element-grid article{padding:25px 0;border-top:1px solid var(--line)}.element-grid .icon{width:36px;height:36px;color:var(--teal-ink);margin-bottom:20px}.element-grid p{font-size:16px}.element-grid h4{font-size:20px}.room-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;background:var(--paper);border-radius:18px;padding:32px}.room-explainer p{font-size:16px;margin-bottom:0}.room-explainer article:nth-child(-n+2) h4{font-family:var(--font-caps);font-weight:400}.fitout-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}.fitout-scope article>span{font-family:var(--font-caps);font-size:26px;color:var(--teal-ink);display:block;margin-bottom:20px}.fitout-scope h3{font-size:24px}.fitout-scope p{font-size:17px}.fitout .visual-note{margin:32px 0 0}.standards-heading{max-width:900px;margin-bottom:46px}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.standard-card{padding:32px;border:1px solid #ffffff24;background:linear-gradient(#ffffff03,#ffffff00),var(--dark-2);border-radius:22px;box-shadow:inset 0 1px #ffffff18;transition:transform .25s,box-shadow .25s,border-color .25s}.standard-card .icon{width:42px;height:42px;color:var(--mint);margin-bottom:30px}.standard-card h3{font-size:26px}.standard-card p{font-size:17px;margin:0}.standard-card:first-child{grid-column:span 2;display:grid;grid-template-columns:70px 1fr;align-content:center;gap:10px 22px}.standard-card:first-child .icon{grid-row:span 2;width:54px;height:54px}.standard-card:first-child h3{font-size:32px}.standard-card:first-child p{grid-column:2}.standard-card:last-child{grid-column:span 2}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative}.process-grid:before{content:'';position:absolute;top:39px;left:0;right:0;height:2px;background:var(--line)}.process-grid article{position:relative}.process-grid article>span{font-family:var(--font-caps);font-size:50px;color:var(--teal-ink);line-height:1;background:#fff;padding-right:16px;display:inline-block;margin-bottom:35px}.process-grid h3{font-size:24px}.process-grid p{font-size:17px}.process-grid article>div{border-top:1px solid var(--line);padding-top:20px}.process-grid strong{color:var(--teal-ink);font-size:16px}.process-grid article>div p{margin-top:8px;font-size:16px}.faq{background:var(--paper)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-grid>div:first-child{position:sticky;top:130px;align-self:start}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font-size:18px;font-weight:600;line-height:1.5;color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{color:var(--teal-ink);transition:transform .25s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list p{padding-right:35px;font-size:17px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-copy{padding-top:20px}.contact-copy h2{font-size:clamp(40px,4vw,56px)}.contact-phone{display:inline-flex;align-items:center;gap:20px;font-size:30px;font-weight:700;color:#fff;margin:16px 0 24px}.contact-copy address{font-style:normal;font-size:17px;line-height:1.9}.map-link{display:inline-flex;align-items:center;gap:15px;color:var(--mint);font-size:16px;font-weight:600;margin-top:22px}.consultation-form{background:#fff;color:var(--text);border-radius:22px;padding:38px;border:1px solid var(--line)}.consultation-form h3{color:var(--ink)}.consultation-form .small-label{color:var(--teal-ink)}.consultation-form label{display:flex;flex-direction:column;position:relative;gap:8px;font-size:16px;font-weight:600;margin-bottom:20px;color:var(--ink)}.consultation-form label>span{display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea,select{width:100%;min-width:0;max-width:100%;border:1px solid #8da29f;background:var(--paper);border-radius:8px;font-size:17px;font-weight:400;color:var(--ink);padding:13px 14px;line-height:1.5;min-height:52px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#5f726c;opacity:1}select{padding-right:32px}.consultation-form>.button{width:100%;margin-top:2px}.form-note{margin:18px 0 0}.consultation-form #form-status{font-size:16px;color:var(--teal-ink);margin:16px 0 0}.consultation-form #form-status a{text-decoration:underline}.footer{padding:70px 0 24px;border-top:1px solid #a9c2c844}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}.footer-brand img{background:#fff;border-radius:10px;padding:8px;height:98px;width:auto}.footer-brand p{font-size:16px;margin-top:22px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:16px}.footer-top strong{color:#fff;margin-bottom:10px;font-size:18px}.footer-top a:hover{color:var(--mint)}.footer-brands{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px;padding-top:30px;border-top:1px solid #a9c2c833}.footer-brands>span{height:48px;min-width:92px;max-width:140px;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;gap:6px}.footer-brands img{height:26px;width:auto;max-width:112px;object-fit:contain}.footer-brands .microsoft-label{font-size:14px;letter-spacing:0}.footer-brands>span:has(.microsoft-label) img{height:20px}.footer-bottom{border-top:1px solid #a9c2c833;margin-top:35px;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--muted-on-dark)}.footer-bottom>a{display:flex;gap:8px;align-items:center}.floating-wa{position:fixed;right:26px;bottom:84px;z-index:1200;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;background:var(--teal-ink);border:1px solid #72dac477;border-radius:999px;padding:16px 22px;font-size:15px;font-weight:600;box-shadow:0 10px 30px #0b253033}.floating-wa:hover{background:var(--dark-2)}.floating-wa>svg{width:26px;height:26px}.floating-wa i{display:none}dialog{padding:0;border:1px solid var(--line);border-radius:20px;color:var(--text);box-shadow:0 30px 120px #0005;max-height:90dvh}dialog::backdrop{background:#061a24d9;backdrop-filter:blur(5px)}.product-dialog{width:min(980px,calc(100vw - 32px))}.product-dialog-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:32px 36px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.product-dialog-head h2{font-size:36px;margin:0}.product-dialog-head .eyebrow{margin-bottom:16px}.product-dialog-head button,.close-dialog{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink)}.product-dialog-body{padding:30px 36px 36px;font-size:18px}.product-dialog-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin:28px 0}.product-dialog-grid h3{font-size:24px}.product-dialog-grid li{font-size:17px;margin-bottom:14px;display:flex;gap:12px}.product-dialog-grid .icon{color:var(--teal-ink);margin-top:4px}.product-dialog-prepare{padding:25px;border-radius:12px;background:var(--paper)}.product-dialog-prepare p{margin:10px 0 0}.product-dialog-note{margin:22px 0}.panorama-dialog{width:min(1400px,calc(100vw - 32px));background:var(--dark);color:#fff;border-color:#a9c2c855}.panorama-toolbar{padding:22px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.panorama-toolbar h2{color:#fff;font-size:26px;margin:0}.panorama-toolbar .small-label{color:var(--mint);font-size:12px;margin-bottom:8px}.panorama-stage{height:65dvh;position:relative;min-height:260px}.panorama-stage canvas{width:100%;height:100%;display:block;touch-action:none}.panorama-stage>[role=status]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;background:var(--dark);font-size:18px}.panorama-controls{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}.panorama-controls>div{display:flex;gap:10px}.panorama-controls button{border:1px solid #a9c2c855;color:#fff;border-radius:8px;min-width:44px;min-height:44px;padding:6px 12px;font-size:15px}.noscript-notice{padding:25px;background:#fff;border-top:1px solid var(--line)}button,input,textarea,select,summary,[role=tabpanel]{scroll-margin-top:120px}
.reveal-ready{opacity:0;transform:translateY(24px);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-revealed{opacity:1;transform:none}.switching{animation:panel-in .35s ease both}@keyframes panel-in{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes signal-pulse{50%{opacity:.5}}@keyframes grid-drift{to{transform:translate(90px,0)}}@keyframes marquee-forward{to{transform:translateX(calc(-50% - 9px))}}@keyframes led-pulse{50%{opacity:.45}}@keyframes data-travel{to{stroke-dashoffset:-124}}@keyframes rescue-left{from{transform:translate(280px,-40px);opacity:.3}to{transform:none;opacity:1}}@keyframes rescue-right{from{transform:translate(-370px,0);opacity:.3}to{transform:none;opacity:1}}
@media(min-width:1440px){.hero-inner{min-height:800px}.hero-copy{max-width:1010px}.hero-lead{max-width:66ch}}
@media(max-width:1439px){.desktop-nav{gap:18px}.nav-wrap{gap:18px}.nav-cta{font-size:15px;padding-inline:14px}.hero-aux{flex-basis:220px;width:220px}.tour-card{padding:17px;gap:10px}.hero-bottom>a{padding:24px 20px;gap:16px}.arch-workspace{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}.tier-sidebar{padding:24px}.tier-body h3{font-size:25px}}
@media(max-width:1279px){:root{--fs-h1:64px;--fs-h2:44px;--fs-h3:26px;--fs-h4:20px;--fs-lead:20px;--fs-eyebrow:13px;--fs-button:16px}.desktop-nav{gap:15px}.desktop-nav a{font-size:15px}.hero-inner{min-height:690px;padding-top:85px;gap:20px}.hero-aux{flex-basis:200px;width:200px}.tour-card>.icon:first-child{display:none}.hero-actions{max-width:760px}.hero-bottom strong{font-size:17px}.hero-bottom>a>.icon{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product-info{padding:26px}.product-brands{min-height:40px}.product-info h3{font-size:26px}.product-visual{height:260px}.architecture-heading{gap:0 40px}.arch-workspace{grid-template-columns:1fr}.tier-sidebar{padding:28px}.tier-body{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.tier-body h3{grid-column:1/-1;font-size:30px}.tier-body p,.tier-body li{font-size:18px}.tier-body .check-list{grid-row:span 2}.tier-why{grid-column:1}.tier-pager{max-width:200px;margin-inline:auto}.diagram-card{padding:26px}.diagram-stage{max-width:1000px;margin-inline:auto}.diagram-controls{justify-content:flex-start;gap:30px}.service-workspace{grid-template-columns:.85fr 1.15fr}.phase-nav{gap:10px}.phase-nav>button{font-size:15px}.fitout-copy{padding:28px}.fitout-copy p,.room-features{font-size:17px}.contact-grid{gap:40px}.consultation-form{padding:30px}.standards-grid{gap:20px}.standard-card{padding:28px}}
@media(max-width:1159px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}.nav-wrap{min-height:116px}.hero-aux{display:none}.hero-copy{max-width:900px}.hero-inner{min-height:680px}.hero-lead{max-width:65ch}.hero-bottom>a{padding:24px 16px}.hero-bottom>a>.caps{display:none}.section-heading{gap:35px}.bento-strip{display:block}.bento-strip a{margin-top:15px}.service-workspace{grid-template-columns:1fr}.service-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-navigation>button{font-size:17px;border:1px solid #a9c2c844;border-radius:8px}.service-aside{display:none}.service-detail-columns{grid-template-columns:1fr 1fr}.architecture-heading{grid-template-columns:1fr}.architecture-heading h2{margin-bottom:30px}.architecture-heading br{display:none}.architecture-lead,.architecture-lead p{max-width:80ch}.fitout-showcase{grid-template-columns:1fr}.fitout-image-wrap img{min-height:0}.fitout-copy{padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.fitout-copy>.small-label{grid-column:1/-1}.fitout-copy h3,.fitout-copy p{grid-column:1}.fitout-copy ul{grid-column:2;grid-row:2/4}.fitout-copy .button{grid-column:2;margin:0;align-self:start}.element-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.standards-grid{grid-template-columns:1fr 1fr}.standard-card:first-child,.standard-card:last-child{grid-column:auto;display:block}.standard-card:first-child h3{font-size:26px}.standard-card:first-child .icon{width:42px;height:42px}.process-grid{grid-template-columns:1fr 1fr;gap:40px}.process-grid:before{display:none}.process-grid article>span{margin-bottom:25px}.faq-grid{gap:40px}.contact-grid{grid-template-columns:1fr}.contact-copy h2 br{display:none}.contact-copy{max-width:900px}.consultation-form{max-width:850px;width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:1023px){.topbar-right>span{display:none}.finder-layout{grid-template-columns:1fr}.finder-tabs{display:grid;grid-template-columns:1fr 1fr}.finder-tabs button{border:1px solid #a9c2c844;font-size:18px}.section-heading{grid-template-columns:1fr;gap:16px}.section-heading h2{margin-bottom:10px}.section-heading p{max-width:65ch}.bento-grid{gap:20px}.solution-card{padding:30px}.bento-feature h3{font-size:32px}.solution-card p{font-size:17px}.phase-nav{grid-template-columns:repeat(3,1fr);gap:25px 15px}.phase-nav:before,.phase-nav:after{display:none}.phase-nav>button{font-size:16px;flex-direction:row;gap:12px;padding:8px 0;text-align:left}.phase-number{width:50px;height:50px;flex:0 0 50px;font-size:18px}.phase-panel{padding:32px;gap:28px}.phase-output{padding-left:25px}.platform-card{padding:28px}.platform-card dl>div{grid-template-columns:1fr;gap:7px}.example-grid>article{padding:28px}.migration-cta{grid-template-columns:1fr;gap:25px;padding:32px}.migration-cta>div:last-child{flex-direction:row;flex-wrap:wrap}.room-explainer{grid-template-columns:1fr}.fitout-scope{gap:20px}.fitout-scope h3{font-size:23px}.faq-grid{grid-template-columns:1fr}.faq-grid>div:first-child{position:static;max-width:700px}}
@media(max-width:767px){:root{--fs-h1:clamp(42px,7.4vw,58px);--fs-h2:clamp(34px,5.8vw,42px);--fs-h3:24px;--fs-h4:19px;--fs-lead:18px;--fs-body:17px;--fs-small:15px;--fs-caps-sm:12px;--fs-nav:18px}html{scroll-padding-top:96px}section[id],form[id],#layanan{scroll-margin-top:96px}body{padding-bottom:76px}.section{padding-block:76px}.topbar{min-height:36px}.topbar .container{justify-content:center}.topbar .caps{display:none}.topbar-right a{font-size:14px}.nav-wrap{min-height:96px}.brand img{height:72px}.site-header.scrolled .nav-wrap{min-height:84px}.site-header.scrolled .brand img{height:64px}.hero-inner{min-height:0;padding-top:65px;padding-bottom:45px}.hero .eyebrow{font-size:12px;letter-spacing:.09em;max-width:36ch;align-items:flex-start}.hero .signal{margin-top:6px}.hero h1{margin-bottom:26px}.hero-lead{font-size:18px;line-height:1.7;max-width:60ch}.hero:after{background:linear-gradient(90deg,#0b2530f2,#0b2530cc),linear-gradient(0deg,#0b2530 0%,transparent 80%)}.hero-image{object-position:62% center}.hero-actions{display:flex;flex-direction:column;align-items:stretch;margin:28px 0}.hero-actions .button{font-size:16px;min-height:56px;padding:17px}.hero-trust{display:flex;flex-direction:column;font-size:15px;gap:12px}.hero-trust li{align-items:flex-start}.hero-trust .icon{margin-top:3px}.hero-bottom{grid-template-columns:1fr;background:none;backdrop-filter:none;margin-bottom:0}.hero-bottom>a{border-bottom:1px solid #a9c2c844;padding:22px 0}.hero-bottom>a+a{border-left:0}.hero-bottom>a>.caps,.hero-bottom>a>.icon{display:block}.hero-bottom strong{font-size:17px}.hero-bottom p{font-size:15px}.hero-aux{display:block;position:absolute;bottom:-225px;right:0;width:45px;padding:0}.hero-aux .tour-card,.hero-controls>.caps{display:none}.hero-controls{margin:0}.hero-controls button{width:40px;height:40px}.hero-bottom>a:last-child{padding-right:50px}.brands{padding-block:60px}.brand-heading{display:block}.brand-heading h3 br{display:none}.brand-heading button{margin-top:16px;font-size:15px}.brand-tile{width:185px}.brand-text-chips span{font-size:14px}.brands .note{margin-top:20px}.intro{margin-bottom:32px}.bento-grid{grid-template-columns:1fr}.solution-card{padding:28px}.bento-feature{grid-row:auto;min-height:550px}.bento-feature h3{font-size:32px}.bento-strip{padding:25px}.bento-strip p{font-size:17px}.bento-strip a{font-size:16px}.finder-tabs{grid-template-columns:1fr}.finder-tabs button{padding:22px 16px;font-size:18px}.need-panel{padding:28px}.need-panel .need-icon{width:50px;height:50px}.need-panel p,.need-panel li{font-size:18px}.need-prepare{padding:20px}.filter-bar{gap:8px;margin:28px 0}.filter{font-size:14px;padding:11px 14px;min-height:44px}.product-grid{grid-template-columns:1fr}.product-visual{height:245px}.product-info{padding:25px}.product-info h3{font-size:26px}.product-brands{min-height:0;margin-bottom:18px}.product-detail,.product-cta,.product-uses,.product-uses p{font-size:16px}.architecture-heading h2{font-size:var(--fs-h2);margin-bottom:26px}.architecture-heading{margin-bottom:30px}.platform-chips>span{font-size:16px;padding:10px 14px}.arch-workspace{gap:20px}.diagram-card{padding:16px 14px}.diagram-controls{padding:0;display:grid;grid-template-columns:1fr;gap:14px}.segmented{width:100%;justify-content:space-between}.segmented button{width:50%;font-size:14px;padding:12px 7px}.failover-button{justify-content:center;font-size:15px;min-height:48px}.diagram-hint{font-size:14px;margin:16px 0}.diagram-stage #arch-diagram{display:none}.arch-mobile{display:block}.mobile-tier{display:block;width:100%;padding:17px 12px;background:var(--dark-2);border:1px solid #749aa388;border-radius:12px;margin-bottom:16px;text-align:left;color:var(--text-on-dark);position:relative}.mobile-tier:not(:last-child):after{content:'';height:17px;position:absolute;left:50%;bottom:-18px;width:2px;background:var(--mint)}.mobile-tier>.caps{color:var(--mint);display:block;font-size:12px;letter-spacing:.07em;margin-bottom:15px}.mobile-tier.selected{border-color:var(--mint);box-shadow:0 0 0 1px #72dac444}.mobile-tier>.small{display:block;margin-top:12px;font-size:14px}.mobile-nodes{display:flex;gap:8px;justify-content:space-between}.mobile-node{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:10px 3px;background:var(--dark);border:1px solid #50717c;border-radius:7px;font-size:14px;text-align:center;line-height:1.5}.mobile-node>.icon{color:var(--mint)}.failed .mobile-host-2{background:#6a1f32;border-color:var(--red)}.failed .mobile-host-2:after{content:'Host down';font-size:14px;color:#fff}.legacy-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-mobile-grid>div{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--dark-2);border:1px solid #749aa388;border-radius:10px;padding:20px 10px;font-size:15px}.legacy-mobile-grid span{font-size:14px}.legacy-switch{margin-top:24px;padding:20px;background:var(--dark-2);border:1px solid var(--red);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:15px}.risk-note{background:var(--red);color:#fff;padding:12px;margin-top:20px;border-radius:8px;font-size:14px;display:flex;gap:10px;align-items:center}.arch-status{margin:18px 0 12px;padding:13px;font-size:14px}.diagram-footnote{margin-inline:0;font-size:14px}.tier-sidebar{padding:0;border-radius:14px}.tier-detail,.tier-detail.active{display:block;border-bottom:1px solid #a9c2c833}.tier-detail:last-of-type{border-bottom:0}.tier-detail summary{display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:auto;cursor:pointer;padding:22px 18px;margin:0;font-size:12px}.tier-detail summary>.caps{font-size:12px;letter-spacing:.05em}.tier-detail summary .icon{display:block;flex-basis:18px;width:18px;height:18px}.tier-detail[open] summary .icon{transform:rotate(45deg)}.tier-body{display:block;padding:0 22px 25px}.tier-body h3{font-size:24px}.tier-body p,.tier-body li{font-size:17px}.tier-pager{display:none}.comparison-block,.service-section,.platform-section{margin-top:0;padding-top:65px}.comparison-table,.comparison-table tbody{display:block;border:0}.comparison-table thead{display:none}.comparison-table tr{display:block;border:1px solid #a9c2c844;border-radius:12px;overflow:hidden;margin-bottom:16px}.comparison-table th,.comparison-table td,.comparison-table tbody th{display:block;width:100%;border:0;padding:18px 20px}.comparison-table tbody th{background:#184452;font-size:18px}.comparison-table td{font-size:17px}.comparison-table td:before{content:attr(data-label);display:block;font-family:var(--font-caps);font-size:12px;color:var(--mint);letter-spacing:.08em;margin-bottom:10px}.service-workspace{display:block}.service-navigation{display:flex;flex-direction:column;gap:0}.service-navigation>button{font-size:17px;padding:22px 15px;margin-top:12px;border-radius:10px;min-height:60px}.service-navigation>button>span{font-size:13px}.service-navigation>button[aria-expanded=true]:after{transform:scaleX(1)}.service-panel{padding:26px 22px;margin-top:8px;border-radius:12px}.service-panel-number{font-size:24px}.service-panel-top .small-label{font-size:12px;letter-spacing:.07em}.service-panel>p{font-size:18px}.service-detail-columns{grid-template-columns:1fr;gap:20px}.service-detail-columns ul{font-size:17px}.service-deliverables{padding:20px}.service-panel>.button{font-size:16px;width:100%}.platform-grid{grid-template-columns:1fr}.platform-card{padding:27px}.platform-card dl>div{font-size:17px}.phase-nav{display:flex;flex-direction:column;gap:0}.phase-nav>button{padding:18px 0;font-size:18px;border-bottom:1px solid var(--line);width:100%;gap:18px;line-height:1.4}.phase-number{width:48px;height:48px;flex-basis:48px;font-size:18px}.phase-panel{display:block;padding:26px;margin:14px 0;border-radius:14px}.phase-output{padding:24px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:25px}.phase-output p{font-size:17px}.method-grid{grid-template-columns:1fr 1fr;gap:24px}.method-grid h4{font-size:19px}.method-grid p{font-size:16px}.example-grid{grid-template-columns:1fr}.example-grid>article{padding:28px}.migration-cta{padding:28px}.migration-cta h3{font-size:26px}.migration-cta>div:last-child{display:flex;flex-direction:column;align-items:stretch}.migration-cta .button{width:100%;font-size:16px}.fitout-tabs{display:flex;flex-wrap:wrap;gap:4px 20px}.fitout-tabs button{font-size:16px;min-height:52px;max-width:100%;flex-grow:1}.fitout-copy{display:block;padding:28px}.fitout-copy p,.room-features{font-size:18px}.fitout-copy>.button{margin-top:22px;font-size:16px}.image-label{font-size:12px;left:12px;top:12px;max-width:calc(100% - 24px);padding:7px 10px}.panorama-image-button{left:12px;bottom:12px;padding:10px 14px;font-size:15px;min-height:44px}.element-grid{gap:20px}.element-grid p{font-size:16px}.element-grid h4{font-size:19px}.room-explainer{padding:25px;gap:25px}.fitout-scope{grid-template-columns:1fr;gap:26px}.fitout-scope article{border-top:1px solid var(--line);padding-top:24px}.fitout-scope article>span{font-size:26px;margin-bottom:15px}.fitout-scope p{font-size:17px;margin-bottom:0}.standards-grid{grid-template-columns:1fr}.standard-card{padding:28px}.standard-card h3,.standard-card:first-child h3{font-size:26px}.process-grid{grid-template-columns:1fr;gap:26px}.process-grid article{padding-left:75px;border-left:2px solid var(--line);margin-left:15px}.process-grid article>span{position:absolute;left:-22px;top:0;font-size:38px;padding:0 8px 10px 0;margin:0}.process-grid h3{font-size:24px}.process-grid article>div{padding-top:15px}.faq-list summary{font-size:18px;padding:23px 0;gap:15px}.faq-list p{font-size:17px;padding:0}.contact-copy h2{font-size:var(--fs-h2)}.contact-phone{font-size:26px}.contact-copy address{font-size:17px}.consultation-form{padding:27px}.form-row{grid-template-columns:1fr;gap:0}.consultation-form h3{font-size:25px}.consultation-form label{font-size:16px}input,textarea,select{font-size:17px;padding:14px 12px}.consultation-form .button{font-size:16px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-top>div{font-size:15px}.footer-top strong{font-size:17px}.footer-brand{grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;gap:16px;font-size:14px}.footer-brands{gap:9px}.footer-brands>span{min-width:76px;height:43px}.footer-brands img{max-width:90px;height:22px}.floating-wa{bottom:0;right:0;left:0;min-height:66px;border-radius:0;padding:17px 78px 17px 18px;padding-bottom:calc(17px + env(safe-area-inset-bottom));font-size:16px;z-index:9999;border:0;border-top:1px solid #72dac477}.product-dialog-head{padding:24px}.product-dialog-head h2{font-size:28px}.product-dialog-head .eyebrow{font-size:12px}.product-dialog-body{padding:25px;font-size:17px}.product-dialog-grid{grid-template-columns:1fr;gap:20px}.product-dialog-grid h3{font-size:23px}.panorama-toolbar{padding:18px}.panorama-toolbar h2{font-size:21px}.panorama-stage{height:58dvh}.panorama-controls{flex-direction:column;padding:16px;gap:12px;font-size:14px}.panorama-controls button{padding:6px 9px}.panorama-toolbar .small-label{font-size:12px;letter-spacing:.05em}.panorama-dialog{max-height:94dvh}.product-dialog{max-height:88dvh}button,input,textarea,select,summary,[role=tabpanel]{scroll-margin-top:100px}}
@media(max-width:480px){:root{--fs-h1:42px;--fs-h2:34px;--fs-h3:24px;--fs-h4:19px}.container{width:calc(100% - 40px)}.hero-inner{padding-top:48px}.hero h1{font-size:42px;letter-spacing:-.025em}.hero .eyebrow{font-size:12px;letter-spacing:.06em}.hero-actions .button{font-size:16px;gap:12px}.hero-bottom strong{font-size:16px}.hero-bottom p{font-size:15px}.hero-bottom>a{gap:14px}.hero-bottom .caps{font-size:12px}.brand-heading h3{font-size:25px}.solution-card{padding:25px}.bento-feature{min-height:590px}.bento-feature h3{font-size:30px}.need-panel{padding:25px}.product-info{padding:24px}.diagram-card{padding:14px 12px}.segmented button{font-size:14px;padding:11px 5px}.mobile-nodes{gap:6px}.mobile-node{font-size:14px;padding:9px 2px}.mobile-tier{padding:15px 9px}.mobile-tier .caps{letter-spacing:.04em}.tier-body{padding-inline:18px}.service-panel{padding:24px 20px}.method-grid{grid-template-columns:1fr;gap:8px}.method-grid p{font-size:17px}.element-grid{grid-template-columns:1fr 1fr;gap:20px}.element-grid p{font-size:16px}.fitout-copy{padding:24px}.fitout-copy h3{font-size:27px}.image-label{font-size:12px;letter-spacing:.03em}.consultation-form{padding:24px}.contact-phone{font-size:24px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.product-dialog-head,.product-dialog-body{padding:22px}.product-dialog-head h2{font-size:26px}.product-dialog-head .eyebrow{letter-spacing:.05em}.product-dialog-prepare{padding:20px}.floating-wa{font-size:15px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:42px;overflow-wrap:normal}.hero-actions .button{padding-inline:12px;font-size:16px}.hero-actions .icon{width:20px;height:20px;flex-basis:20px}.product-info{padding:21px}.element-grid{grid-template-columns:1fr}.mobile-tier{padding-inline:7px}.service-panel{padding-inline:18px}.consultation-form{padding:21px}.floating-wa{padding-right:65px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.hero-image{transform:none}.marquee{overflow:visible;padding:0 var(--gutter)}.marquee-track{width:100%;display:block;transform:none}.marquee-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;max-width:1320px;margin:16px auto}.marquee-set[aria-hidden=true]{display:none}.brand-tile{width:auto}.brand-tooltip{opacity:0}.vm-rescue{transform:none}}


.brand-heading h2{font-size:var(--fs-h3);line-height:1.2;margin-bottom:0}.hero-visuals>picture{position:absolute;inset:0}.motion-paused .hero-image,.motion-paused .hero-grid-pattern,.motion-paused .signal{animation-play-state:paused}.desktop-nav a.caps{font-size:16px;font-weight:400}.product-brand-chip.caps{font-size:12px}.spec-tags .caps{font-size:12px}.method-grid h4.caps,.element-grid h4.caps{font-size:19px}.hero-aux{padding-bottom:90px}
@media(max-width:767px){.hero-aux{padding-bottom:0}.brand-heading h2{font-size:25px}.mobile-nav nav a.caps{font-size:22px}}

.node-title.caps{font-size:30px}.mobile-tier>.small.caps{font-size:12px}
@media(max-width:767px){.hero-aux{display:flex;position:static;width:auto;align-items:center;gap:14px;padding:26px 0 0}.hero-aux .tour-card{display:flex;flex:1;padding:16px;min-height:76px}.hero-aux .tour-card strong{font-size:16px}.hero-aux .hero-controls{margin:0}.hero-inner{padding-bottom:36px}}
@media(min-width:1280px){:root{--fs-h1:88px}} @media(max-width:1159px){.hero-inner{display:block}.hero-aux{display:flex;position:static;align-items:center;gap:14px;width:330px;max-width:100%;padding:26px 0 0}.hero-aux .tour-card{display:flex;flex:1;padding:16px;min-height:76px}.hero-aux .hero-controls{margin:0}.hero-controls>.caps{display:none}}
@media(max-width:767px){.topbar .caps{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none}.topbar-right{display:none}}