.network-hero{padding:calc(var(--site-header-height) + 36px) 0 32px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6e9f2}.network-hero-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0}.network-hero-subtitle{color:var(--muted);margin-top:8px;font-size:14px;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.7}.network-section{padding:48px 0 60px;background:#f9fafb}.network-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.network-map iframe{width:100%;height:360px;border:0;border-radius:18px;box-shadow:0 18px 48px #022b4c1f}.network-info{display:flex;flex-direction:column}.network-title{font-size:26px;font-weight:800;color:var(--upz-blue);margin-bottom:6px}.network-address{color:var(--upz-green);font-size:14px;margin-bottom:18px}.network-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-bottom:14px}.meta-item{font-size:13px;color:var(--muted)}.meta-label{display:block;font-weight:600;margin-bottom:4px;color:var(--upz-blue)}.network-info>.meta-item{margin-bottom:18px}.network-sales{margin-top:18px;display:flex;flex-direction:column;gap:12px}.sales-btn{width:100%;border-radius:999px;padding:12px 18px;background:linear-gradient(90deg,#20961e,#2b871b);color:#fff;font-weight:700;font-size:14px;text-align:center;text-decoration:none;box-shadow:0 10px 28px #4b145f40;transition:transform .15s ease,box-shadow .15s ease}.sales-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #4b145f59}.sales-btn i{font-size:16px}.network-actions{margin-top:28px;display:flex;gap:14px}.office-btn{flex:1;border-radius:999px;padding:10px 16px;border:none;background:#0b506c14;color:var(--upz-blue);font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease}.office-btn.active{background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff}.office-btn:hover{transform:translateY(-1px)}@media(max-width:991px){.network-grid{grid-template-columns:1fr;gap:32px}.network-map iframe{height:300px}}@media(max-width:576px){.network-hero{padding:calc(var(--site-header-height) + 24px) 0 24px}.network-hero-title{font-size:24px}.network-section{padding:36px 0 48px}.network-actions{flex-direction:column}}.news-hero{padding:calc(var(--site-header-height) + 36px) 0 20px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6f2f1}.news-hero-inner{display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:18px}.news-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#00a6510f;color:var(--upz-green);font-weight:600;font-size:12px}.news-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0}.news-subtitle{color:var(--muted);margin-top:6px;max-width:720px;font-size:14px;line-height:1.8}.news-tabs{margin-top:20px;margin-bottom:14px;display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center}.news-tab{border-radius:999px;border:1px solid rgba(11,80,108,.08);padding:6px 14px;background:#fff;font-size:13px;font-weight:600;color:var(--upz-blue);cursor:pointer;box-shadow:0 5px 16px #022b4c0a}.news-tab.active{background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff;border-color:transparent}.news-filters{margin-top:12px;margin-bottom:8px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:12px;font-weight:600;color:var(--muted)}.news-select{border-radius:999px;border-color:#0b506c1f;font-size:13px;padding-inline:14px;background-color:#fff}.filter-search-wrapper{position:relative}.news-search{padding-left:34px;border-radius:999px;border-color:#0b506c1f;font-size:13px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--muted)}.news-list-section{padding:40px 0 20px;background:#f9fafb}.news-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media(min-width:1200px){.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.news-card{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #022b4c0f;display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease}.news-card-link{text-decoration:none;color:inherit;display:block}.news-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px #022b4c1f}.news-image{position:relative;height:350px;background:#f7fbfb;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.news-card:hover .news-image img{transform:scale(1.06)}.news-chip{position:absolute;right:12px;bottom:10px;padding:4px 10px;border-radius:999px;background:#00a651f2;color:#fff;font-size:11px;font-weight:600}.news-chip.chip-soft{background:#0b506ceb}.news-chip.chip-promo{background:#ff7a1a}.news-content{padding:16px 18px 20px;display:block;height:auto}.news-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:8px}.news-date{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#0b506c0d;font-weight:600;letter-spacing:.02em}.news-card-title{font-size:15px;font-weight:800;line-height:1.5;color:var(--upz-blue);margin:0 0 6px}.news-excerpt{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}.news-empty{margin-top:24px;padding:18px 16px;border-radius:14px;border:1px dashed rgba(11,80,108,.16);background:#f7fbfbcc;text-align:center;color:var(--muted);font-size:14px}.news-empty p{margin:0}@media(max-width:576px){.news-hero{padding:calc(var(--site-header-height) + 24px) 0 16px}.news-title{font-size:24px}.news-image{height:220px}}.news-detail-hero{padding:calc(var(--site-header-height) + 32px) 0 18px;background:#f7fbfb;border-bottom:1px solid #e4f0f0}.news-detail-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:6px}.news-detail-breadcrumb a{color:var(--muted);text-decoration:none}.news-detail-breadcrumb a:hover{text-decoration:underline}.news-detail-breadcrumb span{margin:0 2px}.news-detail-title{font-size:26px;font-weight:800;color:var(--upz-blue);margin-bottom:10px}.news-detail-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.news-detail-meta .meta-date,.news-detail-meta .meta-category{padding:4px 10px;border-radius:999px;background:#0b506c0f;color:#214351;font-weight:600}.news-detail-body{padding:26px 0 50px;background:#f2f7f6}.detail-content .detail-lead{font-weight:700;color:#123749;display:inline-block}.news-detail-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.4fr);gap:32px}.detail-main{background:#fff;border-radius:18px;box-shadow:0 18px 50px #022b4c14;overflow:hidden}.detail-main-image img{width:100%;display:block;object-fit:cover}.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px 0}.detail-gallery img{width:100%;border-radius:10px;object-fit:cover}.detail-content{padding:16px 20px 22px;font-size:14px;line-height:1.8;color:#334f5a}.detail-content p{margin-bottom:12px}.detail-sidebar{align-self:flex-start}.sidebar-title{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--upz-blue)}.sidebar-item{display:block;padding:10px 12px;margin-bottom:8px;border-radius:10px;background:#fff;text-decoration:none;box-shadow:0 6px 16px #022b4c0f}.sidebar-item-title{display:block;font-size:13px;color:#123749;margin-bottom:2px}.sidebar-item-date{font-size:11px;color:var(--muted)}@media(max-width:768px){.news-detail-layout{grid-template-columns:1fr}.news-detail-title{font-size:22px}.detail-gallery{grid-template-columns:1fr}}.detail-content{max-width:760px;margin-inline:auto;font-size:15px;line-height:1.9;color:#1f3a44}.detail-content p{margin-bottom:1.25rem}.detail-content p:first-of-type{font-size:16px;font-weight:600;color:#0b506c}.detail-content h2{margin-top:2.2rem;margin-bottom:.75rem;font-size:18px;font-weight:800;color:#0b506c;border-left:4px solid var(--upz-green);padding-left:12px}.detail-content h3{margin-top:1.8rem;margin-bottom:.5rem;font-size:16px;font-weight:700;color:#123749}.detail-content ul,.detail-content ol{margin:1rem 0 1.5rem 1.2rem;padding-left:10px}.detail-content li{margin-bottom:.6rem}.detail-content blockquote{margin:1.8rem 0;padding:1rem 1.2rem;background:#f0fdf4;border-left:4px solid var(--upz-green);font-style:italic;color:#065f46}.detail-content strong{font-weight:700;color:#0f172a}.detail-content a{color:var(--upz-blue);text-decoration:underline}.detail-content a:hover{color:var(--upz-green)}@media(max-width:576px){.detail-content{font-size:14px;line-height:1.8}.detail-content h2{font-size:17px}}:root{--upz-blue: #0b506c;--upz-green: #00a651;--muted: #6b7680;--card-bg: #ffffff;--site-header-height: 100px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;color:#163033;-webkit-font-smoothing:antialiased;background:#f7fbfb}main{background:#f9fafb;padding-bottom:40px}section.hero-section{padding-top:calc(var(--site-header-height) + 32px)!important;padding-bottom:28px!important;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6e9f2}.tutorials-title{font-size:22px;font-weight:800;color:var(--upz-blue);margin-bottom:6px}.tutorials-subtitle{max-width:720px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}.ip-box{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#0b506c08;border:1px solid rgba(11,80,108,.06)}.ip-text{font-weight:600;color:#234652;font-size:15px}.ip-value{padding:3px 10px;border-radius:999px;background:#fff;border:1px solid rgba(11,80,108,.12);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:15px}.btn-copy-ip{border-radius:999px;border:none;padding:5px 11px;font-size:14px;font-weight:600;background:var(--upz-green);color:#fff;display:inline-flex;align-items:center;gap:6px;box-shadow:0 6px 18px #00a6512e;cursor:pointer}.btn-copy-ip:hover{background:#04934a}.step-card{background:var(--card-bg);border-radius:16px;box-shadow:0 16px 48px #022b4c0f;padding:16px 16px 18px;margin-bottom:20px}.step-card .tips-card{background:linear-gradient(180deg,#10b91e1a,#10b9180d);border-radius:12px;padding:14px 16px;border:1px solid rgba(16,185,129,.12);box-shadow:0 6px 18px #0000000a}.step-card .tips-card strong{display:block;margin-bottom:4px}.step-card .tips-card li{font-size:14px;line-height:1.6}@media(min-width:768px){.step-card{padding:18px 22px}}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-badge{width:30px;height:30px;border-radius:50%;background:var(--upz-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 10px 26px #00a6512e}.step-title{font-size:17px;font-weight:700;margin:0;color:var(--upz-blue)}.step-body{font-size:16px;color:var(--muted);line-height:1.7}.step-body ul{padding-left:1.2rem;margin-bottom:0}.step-body li{margin-bottom:2px}.step-image{border-radius:12px;overflow:hidden;border:1px solid rgba(11,80,108,.06);background:#f7fbfb}.step-image img{width:100%;height:auto;display:block}@media(min-width:992px){.step-col-text{display:flex;flex-direction:column;justify-content:center}.step-card.step-alt .row{flex-direction:row}}.tips-card{background:linear-gradient(135deg,#00a6510d,#0b506c08);border-radius:14px;padding:14px 16px;border:1px solid rgba(0,166,81,.12);color:#255247;font-size:15px;margin-top:8px}.tips-card strong{color:var(--upz-blue)}@media(max-width:575.98px){.hero-title{font-size:21px}.hero-section{padding-top:calc(var(--site-header-height) + 16px)}.step-card{padding:14px 12px}}.tips-hero{padding:calc(var(--site-header-height) + 36px) 0 20px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6e9f2}.tips-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:6px}.tips-breadcrumb a{color:var(--muted);text-decoration:none}.tips-breadcrumb a:hover{text-decoration:underline}.tips-breadcrumb span{margin:0 2px}.tips-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0}.tips-subtitle{color:var(--muted);margin-top:6px}.tips-list-section{padding:32px 0 50px;background:#f9fafb}.tips-list-header{margin-bottom:18px}.tips-list-title{font-size:18px;font-weight:700;color:#123749;margin-bottom:4px}.tips-list-desc{font-size:13px;color:var(--muted)}.tips-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tips-card>*:first-child{color:#0b506c;margin-bottom:6px}.step-body p,.step-body li{color:#000!important;font-size:15px}.step-body strong,.step-body b{color:#010709;font-weight:700}.step-body em,.step-body i{color:#dc2626;font-style:italic;font-weight:600}.step-body ul{padding-left:1.2rem}.step-body li{margin-bottom:4px}.tips-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:14px;text-decoration:none;box-shadow:0 12px 36px #022b4c0f;border:1px solid rgba(9,88,120,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;color:inherit;min-height:100%}.tips-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #022b4c17;border-color:#0958782e}.tips-card-inner{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;height:100%}.tips-card-pill{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff;box-shadow:0 8px 18px #00a6513d}.tips-card-title{font-size:16px;font-weight:700;color:#123749;margin:4px 0 0}.tips-card-excerpt{font-size:14px;line-height:1.6;color:#47606c;margin:4px 0 0}.tips-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin-top:auto}.tips-card-meta-date:before,.tips-card-meta-readtime:before{content:""}@media(max-width:992px){.tips-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tips-title{font-size:24px}}@media(max-width:768px){.tips-list-grid{grid-template-columns:1fr}.tips-hero{padding-top:calc(var(--site-header-height) + 20px)}.tips-title{font-size:22px}.tips-subtitle{font-size:12px}}:root{--brand: #0fa64a;--nav-text: #0b506c;--muted: #6b7680;--card-bg: #fff}.header-area,.header-area *{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.header-area.header-sticky{position:fixed;top:0;left:0;right:0;z-index:2000;display:flex;align-items:center;padding:0 16px;background:linear-gradient(180deg,#fffffff5,#ffffffeb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(11,80,108,.04);transition:transform .28s cubic-bezier(.2,.9,.2,1),height .22s ease,box-shadow .22s ease,background .22s ease;height:80px}.header-area.header-sticky.folded{height:56px}.header-area.header-sticky.hidden{transform:translateY(-110%);pointer-events:none}.header-area .container,.header-area .row,.header-area .col-12{height:100%}.navbar-brand.logo{display:flex;align-items:center;gap:12px;margin-right:40px;flex-shrink:0}.logo-img{height:45px;width:auto;transition:height .18s ease}.header-area.header-sticky.folded .logo-img{height:40px}.nav-center{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;padding-left:24px;padding-right:6px}#main-nav-list{display:flex;gap:24px;align-items:center;margin:0;padding:0;list-style:none;white-space:nowrap}#main-nav-list .nav-link{color:var(--nav-text)!important;padding:10px 8px;border-radius:8px;font-weight:700;font-size:17px;transition:color .12s ease,background .12s ease,transform .12s ease}#main-nav-list .nav-link:hover,#main-nav-list .nav-link:focus{color:#063140!important;background:#0b506c0a;transform:translateY(-2px);text-decoration:none;outline:none}#main-nav-list .nav-link.active{color:var(--brand)!important;font-weight:700}.nav-link.active{position:relative;font-weight:700}.nav-link.active:after{content:"";position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:60%;height:4px;background-color:#1dd900;border-radius:2px}.nav-link.dropdown-toggle:after{display:none!important}.caret{display:inline-block!important;vertical-align:middle;margin-left:6px;width:12px;height:8px;transition:transform .28s cubic-bezier(.2,.9,.2,1)!important;transform-origin:50% 50%!important;will-change:transform;color:inherit}.navbar .dropdown-menu{margin-top:0;border-radius:10px;min-width:200px;padding:6px 0;border:1px solid rgba(11,80,108,.06);box-shadow:0 10px 30px #06314014;transition:transform .18s ease,opacity .18s ease;transform-origin:top center;z-index:2200;background:#fff}@media(min-width:992px){.navbar{align-items:center}.navbar-collapse{flex-grow:1}.main-blue-button.d-none.d-lg-block .btn{white-space:nowrap}.nav-item.dropdown{position:relative}.navbar .nav-item.dropdown>.dropdown-menu{display:block;transform:translateY(.6rem);opacity:0;pointer-events:none;visibility:hidden}.navbar .nav-item.dropdown.hover-open>.dropdown-menu,.navbar .nav-item.dropdown.show>.dropdown-menu,.navbar .nav-item.dropdown>.dropdown-menu.show{transform:translateY(0);opacity:1;pointer-events:auto;visibility:visible}.navbar .nav-item.dropdown.hover-open>.nav-link .caret,.navbar .nav-item.dropdown.show>.nav-link .caret{transform:rotate(180deg)}}@media(min-width:992px)and (max-width:1199.98px){.header-area.header-sticky{height:auto;padding-top:6px;padding-bottom:6px}.navbar-brand.logo{margin-right:16px}.logo-img{height:40px}#main-nav-list{gap:14px}#main-nav-list .nav-link{padding:8px 6px;font-size:15px}.main-blue-button.d-none.d-lg-block .btn{padding:8px 18px;font-size:17px}}.dropdown-item{padding:10px 16px;font-size:17px;color:#123846;font-weight:500}.dropdown-item:hover{background:#a8fdb75d;color:#063140}.dropdown-item.active,.dropdown-item:active{background-color:transparent;color:var(--brand)}.main-blue-button .btn{padding:10px 26px;border-radius:999px;font-weight:700;background:linear-gradient(180deg,var(--brand),#0d9c3f);color:#fff;border:none;box-shadow:0 8px 28px #0fa64a29;transition:transform .12s ease,box-shadow .12s ease}.main-blue-button .btn:hover{transform:translateY(-2px);box-shadow:0 10px 34px #12c5572e}.dropdown-menu.dropdown-menu-card{border-radius:24px;padding:18px 20px;min-width:340px;border:none;background:#fff;box-shadow:0 22px 40px #06314029}.dropdown-menu.dropdown-menu-card li+li{margin-top:4px}.dropdown-card-item{display:flex;align-items:flex-start;gap:14px;padding:10px;border-radius:18px;text-decoration:none;background:transparent;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.dropdown-card-item:hover{background:#0fa64a0f;transform:translateY(-2px);box-shadow:0 10px 26px #0631400f}.dropdown-card-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0fa64a14;color:var(--brand);flex-shrink:0}.dropdown-card-icon svg{width:20px;height:20px}.dropdown-card-body{flex:1}.dropdown-card-title{margin:0;font-size:15px;font-weight:700;color:var(--nav-text)}.dropdown-card-desc{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--muted);white-space:normal}.dropdown-card-item.active .dropdown-card-title{color:var(--brand)}@media(max-width:991.98px){.header-area.header-sticky{height:auto;padding:6px 12px}.header-area .container{padding-left:0;padding-right:0}.header-area .row,.header-area .col-12{margin:0;padding:0;height:auto}.navbar-brand.logo{margin-right:0}.logo-img{height:40px}.navbar-toggler{border:0;padding:4px 6px}.navbar-toggler:focus{box-shadow:none}.navbar-collapse{background:#fff;margin-top:8px;padding:10px 8px 14px;border-radius:14px;box-shadow:0 12px 30px #06314017}#main-nav-list{gap:2px;flex-direction:column;align-items:stretch;width:100%;text-align:left;white-space:normal}.nav-center{justify-content:flex-start;width:100%}#main-nav-list .nav-link{width:100%;padding:10px;border-radius:10px;transform:none;text-align:left;font-size:16px}.nav-link.active:after{display:none}.nav-item.dropdown>.nav-link.dropdown-toggle{display:flex!important;align-items:center;justify-content:space-between;background:#f4f7fb;border-radius:10px;border:1px solid rgba(0,0,0,.04);margin:4px 0;padding:10px 14px;color:var(--nav-text)!important}.nav-item.dropdown>.nav-link.dropdown-toggle:hover{background:#ecf2fb;transform:none}.nav-item.dropdown>.nav-link .caret{margin-left:10px!important;margin-right:0;width:14px;height:10px;flex-shrink:0}.nav-item.dropdown.show>.nav-link.dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.navbar .dropdown-menu{position:static!important;transform:none!important;box-shadow:none!important;border:1px solid rgba(0,0,0,.04)!important;border-top:none!important;width:100%;margin-top:0;border-radius:0 0 18px 18px;padding:8px 16px 10px;background:#fff;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.dropdown-menu.dropdown-menu-card{min-width:100%!important;padding:14px 12px 16px;border-radius:0 0 18px 18px;box-shadow:none!important}.dropdown-item{padding:6px 0;font-size:15px}.dropdown-card-item{padding:10px 6px;gap:12px;border-radius:14px}.dropdown-card-icon{width:32px;height:32px;border-radius:12px}.dropdown-card-title{font-size:15px}.dropdown-card-desc{font-size:14px;line-height:1.5;white-space:normal}.dropdown-item:hover,.dropdown-item:active,.dropdown-item.active{background:transparent;color:var(--brand)}.nav-item:not(.dropdown) .nav-link{background:transparent;border-radius:6px;border:0;padding:8px 6px;margin:2px 0;color:var(--nav-text)!important}.nav-item:not(.dropdown) .nav-link:hover{background:#0b506c08}.main-blue-button .btn{width:100%;justify-content:center}.navbar .dropdown-menu.show{display:block!important;visibility:visible!important;opacity:1!important}.navbar .dropdown-menu .dropdown-item{font-size:15px!important;font-weight:600!important;color:var(--nav-text)!important;padding:8px 4px!important;line-height:1.4!important}.navbar .dropdown-menu .dropdown-item:hover,.navbar .dropdown-menu .dropdown-item.active,.navbar .dropdown-menu .dropdown-item:active{color:var(--brand)!important;background:transparent!important}}#main-nav-list .nav-link:focus{outline:3px solid rgba(11,80,108,.08);outline-offset:4px}@media(min-width:992px){#main-nav{justify-content:flex-start}#main-nav>.navbar-brand{margin-right:48px}@media(min-width:1200px){#main-nav>.navbar-brand{margin-right:72px}}@media(min-width:1400px){#main-nav>.navbar-brand{margin-right:96px}}#main-nav>.navbar-collapse{display:flex;justify-content:center}#main-nav>.main-blue-button{margin-left:auto}}:root{--brand-blue: #003c71;--brand-blue-dark: #022b4c;--brand-green: #00a651;--muted-white: rgba(255, 255, 255, .92)}.site-footer{background:linear-gradient(180deg,#065a8c,#044a76 35%,#003c71 75%,#002f5a);border-radius:14px 14px 0 0;overflow:hidden;padding:0;margin-top:0;box-shadow:0 -1px #00000005 inset}site-footer .footer-top,.site-footer .footer-main{background:transparent!important;border-radius:0!important;margin:0;padding-left:0;padding-right:0}.footer-top{padding:24px 0 6px;margin-bottom:0;position:relative;z-index:2}.footer-top .container{max-width:1200px;padding-left:20px;padding-right:20px;margin:0 auto}.footer-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.ft-logo{background:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 10px 28px #022b4c14;display:flex;align-items:center;flex:0 0 auto}.ft-logo img{height:56px;width:auto;display:block}.contact-cluster{display:flex;align-items:stretch;gap:0;background:transparent;padding:0;border-radius:12px;flex:1 1 auto;margin-left:20px}.ft-card{display:flex;align-items:center;gap:16px;padding:18px 28px;background:linear-gradient(180deg,#ffffff05,#00000008);background-color:#022b4c2e;border-left:1px solid rgba(255,255,255,.04);min-width:0;flex:1 1 0%;box-sizing:border-box}.contact-cluster .ft-card:first-child{border-left:none}.ft-card .ft-icon{background:#fff;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px #0000001f}.ft-card .ft-icon i,.ft-card .ft-icon img{color:var(--brand-green);font-size:26px;display:block}.ft-card .ft-body small{font-size:13px;color:#ffffffd1;display:block}.ft-card .ft-strong{font-weight:800;font-size:15px;color:#fff;line-height:1.05}.ft-card .wa-hours{font-size:12px;color:#ffffffb3;display:block}.contact-cluster .ft-card:last-child{border-radius:12px}@media(min-width:1200px){.contact-cluster{max-width:60%}}@media(max-width:991px){.footer-top-inner{flex-direction:column;align-items:stretch;gap:14px}.ft-logo{align-self:flex-start;padding:10px 14px;border-radius:12px;max-width:100%}.ft-logo img{height:48px}.contact-cluster,.footer-top .d-flex.ms-auto{width:100%;padding:12px;border-radius:12px;flex-direction:column;align-items:stretch;gap:10px}.contact-cluster .ft-card,.footer-top .d-flex.ms-auto .ft-card{width:100%;gap:12px;padding:8px 10px;border-radius:10px;background:#fff;align-items:center;justify-content:flex-start}.contact-cluster .ft-card .ft-icon,.footer-top .d-flex.ms-auto .ft-card .ft-icon{width:46px;height:46px;border-radius:10px}.contact-cluster .ft-card .ft-body,.footer-top .d-flex.ms-auto .ft-card .ft-body{min-width:0;overflow:hidden}.contact-cluster .ft-card .ft-strong,.footer-top .d-flex.ms-auto .ft-card .ft-strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.footer-top-inner>.ft-logo+.contact-cluster,.footer-top-inner>.ft-logo+.d-flex.ms-auto{margin-top:6px}.wa-widget{right:14px;bottom:14px}.wa-text{display:none}}@media(max-width:480px){.contact-cluster .ft-card .ft-strong{font-size:14px}.ft-card .ft-body small{font-size:12px}.wa-widget .wa-panel{right:14px;left:auto;width:250px;max-width:75vw;bottom:64px;border-radius:18px;box-shadow:0 18px 40px #022b4c38}.wa-widget .wa-panel-header h4{font-size:16px}}.footer-main{padding:72px 0 48px;color:var(--muted-white)}.footer-main .container{max-width:1200px}.footer-main .row.gy-5{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:40px}.footer-main .row>.col-md-4{display:flex;flex-direction:column;justify-content:flex-start;gap:18px;flex:0 0 33.3333%;max-width:33.3333%;padding-left:20px;padding-right:20px;box-sizing:border-box}.footer-main h5{color:#fff;font-weight:800;margin:0;font-size:20px;letter-spacing:.3px;line-height:1.05}.footer-main .muted{color:#fffffff2;line-height:1.9;font-size:16px;margin:6px 0 0}.site-footer .footer-main .container .row>.col-md-4{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important;gap:14px!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}.site-footer .footer-main .container .row>.col-md-4 h5,.site-footer .footer-main .container .row>.col-md-4 .muted,.site-footer .footer-main .container .row>.col-md-4 p{text-align:left!important;margin-left:0!important;margin-right:auto!important}.site-footer .footer-main .container .row>.col-md-4:nth-child(3) .socials{margin-left:auto!important;align-self:flex-end!important;justify-content:flex-end!important;display:flex!important}.site-footer .footer-main .container .row{align-items:flex-start!important}@media(max-width:991px){.site-footer .footer-main .container .row>.col-md-4 h5,.site-footer .footer-main .container .row>.col-md-4 .muted,.site-footer .footer-main .container .row>.col-md-4 p{text-align:left!important;margin-left:0!important;margin-right:auto!important}}.site-footer .footer-main .container .row>.col-md-4:nth-child(3) .socials{margin-left:0!important;align-self:flex-start!important;justify-content:flex-start!important;display:flex!important}.socials .social{height:52px;width:52px;background:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-blue-dark);box-shadow:0 14px 40px #022b4c14;font-size:20px;transition:transform .18s ease,background .18s ease,color .18s ease;border:1px solid rgba(2,43,76,.04)}.socials .social:hover{transform:translateY(-6px) scale(1.02);background:var(--brand-green);color:#fff}@media(max-width:991px){.footer-main .row>.col-md-4{text-align:left!important;align-items:flex-start!important}.footer-main .row>.col-md-4 .muted{max-width:100%}.footer-main .row>.col-md-4:nth-child(3) .socials{margin-left:0;justify-content:flex-start}}.footer-divider{border:0;border-top:1px solid rgba(255,255,255,.05);margin:25px 0;box-shadow:inset 0 1px #ffffff05}.site-footer .copyright{color:#ffffffb8;text-align:center;font-size:15px}@media(max-width:991px){.footer-main .container{max-width:100%;padding-left:20px;padding-right:20px}.footer-main .row.gy-5{display:block}.footer-main .row>.col-md-4{display:block;width:100%;max-width:100%;padding-left:0;padding-right:0;margin-bottom:18px;text-align:left!important;align-items:flex-start!important}.footer-main .row>.col-md-4 .muted{max-width:100%}.socials{justify-content:flex-start;gap:12px}.socials .social{height:44px;width:44px;font-size:18px;border-radius:8px;box-shadow:0 8px 22px #022b4c0f}}.wa-widget{position:fixed;right:30px;bottom:20px;z-index:99999;pointer-events:none}.floating-wa{text-decoration:none;display:inline-flex;align-items:center;padding:0;gap:0;pointer-events:auto;border:none;background:transparent;cursor:pointer;outline:none}.wa-bubble{position:relative;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#00c96a 0%,var(--brand-green, #00a651) 100%);color:#fff;padding:14px 22px 14px 18px;border-radius:999px;box-shadow:0 16px 40px #022b4c2e;font-weight:700;font-size:13px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.wa-bubble i{font-size:22px}.floating-wa:hover .wa-bubble{transform:translateY(-3px);box-shadow:0 22px 46px #022b4c38}.wa-badge{position:absolute;right:-8px;top:-10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ff3b67;color:#fff;border-radius:50%;font-size:12px;box-shadow:0 8px 18px #022b4c1f;border:3px solid rgba(255,255,255,.1);transform-origin:center;pointer-events:none}@keyframes badge-pulse{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(.98)}}.wa-badge{animation:badge-pulse 1.2s ease 0s 2}.wa-panel{position:absolute;right:0;bottom:68px;width:320px;max-width:calc(100vw - 24px);background:#fff;border-radius:22px;box-shadow:0 22px 60px #022b4c47;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:auto;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.wa-widget.is-open .wa-panel{opacity:1;visibility:visible;transform:translateY(0)}.wa-panel-header{background:#00a651;color:#fff;padding:14px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-direction:column;align-items:center;text-align:center}.wa-panel-header h4{margin:0;font-size:18px;font-weight:800}.wa-panel-header p{margin:0;font-size:12px;line-height:1.5;color:#fffffff2}.wa-panel-body{padding:12px 14px 14px;background:#f3faf7;overflow-y:auto}.wa-agent{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:10px;text-decoration:none;color:#123846;box-shadow:0 10px 26px #022b4c0d;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.wa-agent:last-child{margin-bottom:0}.wa-agent:hover{transform:translateY(-2px);box-shadow:0 16px 34px #022b4c14;background:#f7fbff}.wa-agent-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.wa-agent-avatar img{width:100%;height:100%;object-fit:cover}.wa-agent-info h5{margin:0 0 4px;font-size:14px;font-weight:600}.wa-status{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;background:#e5f9ee;color:#00a651;font-size:11px;font-weight:600}@media(max-width:991px){.footer-top .footer-top-inner{flex-direction:column;align-items:stretch;gap:12px}.footer-top .ft-logo{margin:0;align-self:flex-start;padding:10px 14px;border-radius:12px}.footer-top .ft-logo img{height:48px;width:auto;display:block}.footer-top .d-flex.ms-auto{margin-left:0!important;width:100%;padding:12px;gap:12px;background:#fff;border-radius:12px;box-shadow:0 14px 30px #022b4c14;flex-direction:column;align-items:stretch}.footer-top .d-flex.ms-auto .ft-card{width:100%;display:flex;gap:12px;padding:10px 12px;border-radius:10px;background:transparent;align-items:center}.footer-top .d-flex.ms-auto .ft-card .ft-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.footer-top .d-flex.ms-auto .ft-card .ft-body{min-width:0;overflow:hidden}.footer-top .d-flex.ms-auto .ft-card .ft-strong{font-weight:800;font-size:15px;color:#062338;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.footer-top .d-flex.ms-auto .ft-card small.wa-hours{display:block;font-size:12px;color:#022b4c73}.footer-top-inner>.ft-logo+.d-flex.ms-auto{margin-top:6px}.footer-top{padding-top:14px;padding-bottom:8px}.wa-widget{right:14px;bottom:14px}.wa-text{display:none}}@media(max-width:480px){.wa-panel{right:8px;width:calc(100vw - 16px);bottom:64px}}.footer-main h5{margin-bottom:14px}.footer-main .muted{opacity:.96}.footer-top-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start;gap:20px}.ft-company-hybrid{display:flex;align-items:center;margin-right:8px;background:#ffffff0f;padding:6px 14px;border-radius:12px;box-shadow:0 4px 12px #00000014}.ft-company-hybrid .brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.ft-company-hybrid .brand-icon{width:42px;height:42px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ft-company-hybrid .brand-icon img{width:28px;height:28px;object-fit:contain}.ft-company-hybrid .brand-label{color:#fff;font-size:15px;font-weight:700;letter-spacing:.6px;white-space:nowrap;font-family:Poppins,sans-serif}.contact-cluster{display:flex!important;flex-wrap:nowrap!important;gap:14px;min-width:max-content}.ft-card{display:flex!important;align-items:center;flex:0 0 auto!important;padding:12px 16px!important;gap:10px!important;background:#ffffff0f;border-radius:12px;box-shadow:0 4px 14px #00000026;border-left:none!important}.ft-card .ft-icon{width:42px!important;height:42px!important;border-radius:10px!important;display:flex;align-items:center;justify-content:center}.ft-card .ft-icon i{font-size:20px!important}.ft-card small{font-size:12px!important;line-height:1.1}.ft-card .ft-strong{font-size:14px!important;font-weight:700;white-space:nowrap!important}.ft-card .wa-hours{font-size:11px!important;white-space:nowrap!important}@media(max-width:991px){.footer-top-inner{flex-wrap:wrap!important;gap:12px}.contact-cluster{flex-direction:column!important;width:100%}.ft-card{width:100%!important;padding:12px!important}}@media(max-width:520px){.ft-company-hybrid,.ft-card{background:#fff!important;box-shadow:0 6px 18px #00000014}.ft-company-hybrid .brand-label{display:none}.ft-company-hybrid .brand-icon,.ft-card .ft-icon{background:#fff;box-shadow:none}.ft-card .ft-strong{color:#0b506c}.ft-card small,.ft-card .wa-hours{color:#6b7680}}.wa-panel-header{position:relative}.wa-close{position:absolute;top:6px;right:10px;width:20px;height:20px;border:none;border-radius:50%;background:#ffffff40;color:#fff;font-size:18px;font-weight:500;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.wa-close:hover{background:#fff6;transform:scale(1.05)}:root{--upz-blue: #0b506c;--upz-green: #00a651;--muted: #6b7680;--card-bg: #fff;--site-header-height: 88px}.paket-hero{padding:calc(var(--site-header-height) + 36px) 0 20px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6e9f2}.paket-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0}.paket-subtitle{color:var(--muted);margin-top:6px}.paket-section{padding:36px 0 45px;background:#f9fafb;margin-bottom:0!important}.paket-group+.paket-group{margin-top:42px}.paket-group-header{text-align:center;margin-bottom:24px;max-width:880px;margin-left:auto;margin-right:auto}.paket-group-pill{display:inline-flex;padding:8px 18px;border-radius:999px;background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff;font-weight:700;font-size:14px;letter-spacing:.2px;box-shadow:0 8px 22px #00a6512e;margin-bottom:10px}.paket-group-pill--blue{background:linear-gradient(90deg,var(--upz-blue),#1476a2);box-shadow:0 8px 22px #0b506c33}.paket-group-text{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.paket-carousel-wrap{position:relative}.paket-carousel{gap:24px}@media(min-width:992px){.paket-carousel{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;overflow:visible;align-items:start;grid-auto-rows:1fr}.paket-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:14px;box-shadow:0 12px 36px #022b4c0f;overflow:visible;min-height:0;height:100%;transition:transform .12s ease,box-shadow .12s ease}.paket-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #022b4c17}.paket-media{width:100%;aspect-ratio:3 / 4;border-top-left-radius:14px;border-top-right-radius:14px;overflow:hidden;background:#f7fbfb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.paket-media img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s ease}.paket-card:hover .paket-media img{transform:scale(1.03)}.paket-card-inner{padding:12px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}.paket-footer{margin-top:auto;display:flex;justify-content:center;padding-bottom:14px}}@media(max-width:991px){.paket-group-header{padding:0 12px}.paket-carousel{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:12px 48px;gap:20px;scroll-snap-type:x mandatory;align-items:stretch}.paket-card{flex:0 0 86%;min-width:86%;border-radius:12px;background:var(--card-bg);box-shadow:0 10px 36px #022b4c0f;display:flex;flex-direction:column;scroll-snap-align:center;min-height:360px;transition:transform .12s ease}.paket-card:hover,.paket-card:focus-within{transform:translateY(-6px)}.paket-media{min-height:220px;max-height:260px;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px;background:#f7fbfb;padding:12px;overflow:hidden}.paket-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.paket-card-inner{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;height:100%}.paket-footer{margin-top:auto;display:flex;justify-content:center;padding-bottom:12px}}@media(max-width:576px){.paket-card{flex:0 0 92%;min-width:92%;min-height:300px}.paket-media{min-height:180px;max-height:220px;padding:10px}.paket-carousel{padding:12px 28px;gap:16px}}.btn-primary{padding:10px 16px;border-radius:10px;background:var(--upz-blue);color:#fff;font-weight:700;min-width:130px;text-align:center;box-shadow:0 6px 18px #0b506c1f;transition:background .16s ease,box-shadow .16s ease,transform 80ms ease;align-self:center}.btn-primary:hover{background:var(--upz-green);box-shadow:0 8px 22px #0b506c29}.btn-primary:active{transform:translateY(1px)}.paket-carousel-wrap .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:40}.paket-carousel-wrap .carousel-arrow.paket-prev{left:-22px}.paket-carousel-wrap .carousel-arrow.paket-next{right:-22px}@media(max-width:768px){.paket-carousel-wrap .carousel-arrow.paket-prev{left:6px}.paket-carousel-wrap .carousel-arrow.paket-next{right:6px}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:1px solid rgba(11,111,176,.25);background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:40;box-shadow:0 12px 34px #022b4c24;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.carousel-arrow svg{width:20px;height:20px;stroke:var(--upz-blue);stroke-width:2.5;fill:none}.carousel-arrow:hover{background:linear-gradient(180deg,var(--upz-green),#00c468);box-shadow:0 18px 46px #00a65147}.carousel-arrow:hover svg{stroke:#fff}.career-page .carousel-arrow.prev{left:-20px}.career-page .carousel-arrow.next{right:-20px}.paket-carousel-wrap .carousel-arrow.paket-prev{left:-20px}.paket-carousel-wrap .carousel-arrow.paket-next{right:-20px}@media(max-width:768px){.career-page .carousel-arrow.prev,.paket-carousel-wrap .carousel-arrow.paket-prev{left:6px}.career-page .carousel-arrow.next,.paket-carousel-wrap .carousel-arrow.paket-next{right:6px}}.paket-carousel-wrap .carousel-arrow{display:none}@media(max-width:991px){.paket-carousel-wrap .carousel-arrow{display:flex}}.hero-section{padding:0;color:#fff;position:relative}.hero-carousel .item{background-size:cover;background-position:center;min-height:420px;display:flex;align-items:center}.hero-overlay{background:linear-gradient(0deg,#010f1e8c,#010f1e1f 60%);width:100%;padding:60px 0}.hero-inner{background:#022b4c47;padding:26px;border-radius:10px;max-width:720px}.hero-inner h1{font-size:34px;margin-bottom:10px;color:#fff}.hero-inner p{color:#fffffff2}.section-layanan{padding:48px 0;background:#f2f7f6;margin-bottom:0!important}.section-title{color:#fff;font-weight:800;margin-bottom:18px;font-size:20px}.service-card{background:#ffffff08;border-radius:10px;min-height:160px;color:#fff}.service-card h4{font-weight:700;color:#fff}.service-card .muted{color:#ffffffeb}.section-tentang{padding:48px 0}.about-stats strong{color:#fff;font-size:18px}.home-promo-hero{padding:35px 0;background:#fbfcfd}.home-promo-title{font-size:34px;font-weight:800;color:var(--upz-blue);line-height:1.15;margin-bottom:14px}.home-promo-lead{color:#2f6b7d;font-size:16px;line-height:1.7;margin-bottom:22px}.home-promo-hero-image img{border-radius:10px;box-shadow:0 16px 36px #022b4c0f;width:100%;height:auto;object-fit:cover}.btn-upz-green{background:linear-gradient(90deg,#00b050,#00a651);color:#fff!important;font-weight:800;border-radius:40px;padding:12px 26px;box-shadow:0 10px 28px #00a05114;border:none}.home-partners{background:#fff;padding-top:0!important}.home-partners-carousel{padding:18px 12px;border-radius:12px;display:block;box-sizing:border-box}.home-partner-item{padding:0 12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;outline:none;position:relative;transition:transform .22s ease,box-shadow .22s ease;height:50px}.home-partner-item:after{content:"";position:absolute;inset:6px;border-radius:8px;border:2px solid rgba(0,123,255,0);box-shadow:0 6px 20px #022b4c08;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,opacity .22s ease;pointer-events:none;opacity:0}.home-partner-item.is-active{transform:translateY(-6px) scale(1.02);z-index:5}.home-partner-item.is-active:after{border-color:#00a660f2;box-shadow:0 18px 44px #00a66017;transform:scale(1.02);opacity:1}.home-partner-item:focus{box-shadow:0 12px 30px #022b4c0f}.home-partner-item:focus:after{border-color:#0a78c824;opacity:1}.home-partner-item img{height:100%;width:auto;object-fit:contain;display:block;opacity:.95;transition:.18s ease;max-height:64px}.home-partner-item img:hover{transform:translateY(-3px)}@media(min-width:992px){.home-partner-item{height:84px}.home-partner-item img{max-height:64px}}@media(max-width:991px){.home-promo-hero{padding:42px 12px}.home-promo-title{text-align:center}.home-promo-lead{text-align:center;margin-left:auto;margin-right:auto;max-width:520px}.home-promo-hero-image{margin-top:18px}.home-promo-cta{display:flex!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;width:fit-content!important}}.home-partners-carousel .owl-stage-outer{overflow:hidden}.home-partners-carousel.fallback-flex{display:flex!important;gap:10px;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:12px}.home-partners-carousel.fallback-flex .home-partner-item{flex:0 0 auto!important;min-width:120px!important;height:72px!important}.home-partners{margin-bottom:0!important;padding-bottom:0!important}.home-partners-carousel{margin-bottom:0!important;padding-bottom:6px!important}.upz-subscribe-section{background:#fbfcfd;padding:10px 0;color:#073a56}.subscribe-visual{padding:30px}.subscribe-visual-inner{border-radius:12px;overflow:hidden;box-shadow:0 18px 46px #022b4c0f}.subscribe-visual-inner img{display:block;width:100%;height:100%;object-fit:cover}.subscribe-card{background:#fff;border-radius:12px;padding:42px;margin:28px 20px;box-shadow:0 18px 48px #022b4c0f;border:1px solid rgba(2,43,76,.03)}.subscribe-title{font-size:30px;color:var(--brand-blue);font-weight:800;margin-bottom:8px}.subscribe-lead{color:#2f6b7d;margin-bottom:20px;line-height:1.6}.input-line{background:transparent;border:none;border-bottom:2px solid rgba(2,43,76,.12);border-radius:0;padding:10px 8px;outline:none;transition:border-color .18s ease,box-shadow .18s ease;color:#0b3c58}.input-line::placeholder{color:#022b4c73}.input-line:focus{border-bottom-color:var(--brand-blue);box-shadow:0 6px 18px #022b4c0a}.btn-upz-green{background:linear-gradient(90deg,#00b050,#00a651);color:#fff!important;font-weight:800;border-radius:40px;padding:12px 34px;border:none;box-shadow:0 10px 28px #00a05114}.btn-upz-green:hover{transform:translateY(-2px)}#subscribeMsg{color:#0a7a3f;font-weight:700}@media(max-width:991px){.subscribe-card{padding:28px 20px;margin:18px 0}.subscribe-visual{order:1;padding:0 12px 18px}.subscribe-card{order:2}.subscribe-title{font-size:24px;text-align:center}.subscribe-lead{text-align:center;margin-bottom:18px}.btn-upz-green{display:block;margin:6px auto 0}}:root{--upz-blue: #0b506c;--upz-green: #00a651;--muted: #6b7680;--card-bg: #ffffff;--site-header-height: 88px;--badge-size: 36px}.upz-layanan{padding-top:calc(var(--site-header-height) + 28px);padding-bottom:none!important;background:#fbfcfd}.upz-layanan .layanan-title{color:var(--upz-blue);font-weight:800;font-size:22px;margin:0 0 16px;text-align:center}.layanan-carousel{position:relative;overflow:hidden;padding:0 16px}.layanan-carousel .owl-stage{padding-top:40px;display:flex}.layanan-carousel .owl-item{display:flex;justify-content:center;align-items:flex-start}.layanan-item{position:relative;display:flex;flex-direction:column;padding:16px;width:200px;min-height:260px;background:var(--card-bg);border-radius:12px;box-sizing:border-box;cursor:pointer;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.layanan-item .layanan-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:calc(var(--badge-size) / 2 + 6px);flex:1}.layanan-item .layanan-badge{position:absolute;top:calc(-1 * var(--badge-size) / 2);left:50%;transform:translate(-50%);width:var(--badge-size);height:var(--badge-size);line-height:var(--badge-size);border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0b506c,#136d8f);color:#fff;font-size:12px;font-weight:800;border:3px solid #fff;z-index:2}.layanan-item .layanan-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b506c0f,#00a6510d)}.layanan-item .layanan-icon i{font-size:18px;color:var(--upz-blue)}.layanan-item h4{margin:0;font-size:17px;font-weight:700;color:var(--upz-blue);line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.layanan-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.layanan-item.is-active{border-color:#00a65159;box-shadow:0 22px 48px #00a6512e,0 6px 14px #022b4c14;transform:translateY(-6px)}.layanan-item.is-active h4{color:var(--upz-green)}@media(hover:hover){.layanan-item:hover{transform:translateY(-4px);box-shadow:0 18px 36px #022b4c24}}.layanan-nav{display:none!important}@media(max-width:576px){.layanan-nav{display:grid!important;grid-template-columns:1fr 1fr!important;position:relative;margin:24px auto 0;width:96px;height:36px;background:#fff;border:1px solid rgba(11,80,108,.28);border-radius:10px;box-shadow:0 2px 10px #022b4c0f;overflow:hidden}.layanan-nav:after{content:"";position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-.5px);width:1px;background:#0b506c38;pointer-events:none}.layanan-nav .btn-circle{width:100%;height:100%;background:transparent;border:0;border-radius:0;color:var(--upz-blue);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.layanan-nav .btn-circle+.btn-circle{border-left:none!important}.layanan-nav .btn-circle:active{background:#0b506c0f}}@media(max-width:991.98px){.layanan-nav{display:grid!important;grid-template-columns:1fr 1fr;position:relative;margin:24px auto 0;width:96px;height:36px;background:#fff;border:1px solid rgba(11,80,108,.28);border-radius:10px;box-shadow:0 2px 10px #022b4c0f;overflow:hidden}.layanan-nav:after{content:"";position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-.5px);width:1px;background:#0b506c38;pointer-events:none}.layanan-nav .btn-circle{width:100%;height:100%;background:transparent;border:0;color:var(--upz-blue);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.layanan-nav .btn-circle:active{background:#0b506c0f}}.upz-hero{padding-top:80px!important;position:relative;width:100%;overflow:hidden;z-index:1}.upz-hero+.upz-layanan{margin-top:30px!important;padding-top:25px!important}.container-hero{width:100%;max-width:none!important;padding:0!important;margin:0 auto!important;position:relative}.hero-carousel{width:100%}.hero-carousel .owl-stage-outer{overflow:hidden}.hero-carousel .hero-slide{height:70vh;min-height:420px;position:relative;overflow:hidden}.hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;box-sizing:border-box}.hero-nav{display:none}.hero-prev,.hero-next{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#fffffff2;color:#0b506c;border:1px solid rgba(11,80,108,.06);box-shadow:0 8px 22px #0b506c14;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:40;transition:transform .14s ease,box-shadow .14s ease,background .14s}.hero-prev{left:18px}.hero-next{right:18px}.hero-prev:hover,.hero-next:hover,.hero-prev:focus,.hero-next:focus{transform:translateY(-50%) scale(1.04);box-shadow:0 14px 38px #0b506c1f;background:#fff;outline:none}.hero-prev i,.hero-next i{font-size:18px;color:#0b506c}.hero-dots{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px;z-index:30}.hero-dots .owl-dot{width:8px;height:8px;border-radius:999px;background:#ffffffa6;border:1px solid rgba(11,80,108,.18);transition:width .16s ease,background .16s ease}.hero-dots .owl-dot.active{width:20px;background:#0b506c}@media(max-width:991.98px){.upz-hero{padding-top:72px!important}.hero-carousel .hero-slide{height:38vh!important;min-height:240px!important}}@media(max-width:575.98px){.upz-hero{padding-top:64px!important}.hero-carousel .hero-slide{height:30vh!important;min-height:200px!important}.hero-prev,.hero-next{width:40px;height:40px}.hero-prev{left:10px}.hero-next{right:10px}.hero-prev i,.hero-next i{font-size:16px}}html,body{overflow-x:hidden}.hero-carousel .owl-item{transition:opacity 1.2s ease-in-out!important}@media(max-width:768px){.upz-hero .hero-slide{height:230px;min-height:230px}.upz-hero .hero-slide img{width:100%;height:100%;object-fit:contain;object-position:center center}.upz-hero .hero-prev,.upz-hero .hero-next{width:36px;height:36px}.upz-hero .hero-prev{left:8px}.upz-hero .hero-next{right:8px}.upz-hero .hero-prev i,.upz-hero .hero-next i{font-size:14px}}:root{--upz-blue: #0b506c;--upz-green: #00a651;--upz-accent: #0b6fb0;--muted: #6b7680;--bg-start: #f7fbfb;--bg-end: #f3f8f9;--card-bg: #ffffff;--container-max: 1180px;--radius-lg: 14px;--soft-shadow: 0 14px 48px rgba(2, 43, 76, .06);--glass: rgba(255, 255, 255, .86)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#163033;background:linear-gradient(180deg,var(--bg-start) 0%,var(--bg-end) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}.site-navbar{background:#fff;border-bottom:1px solid rgba(3,86,70,.03);position:sticky;top:0;z-index:200}.site-navbar .container{display:flex;align-items:center;gap:18px;padding:12px 20px}.site-navbar .brand img{height:40px}.nav-menu{list-style:none;padding:0;display:flex;align-items:center;gap:18px;margin:0 0 0 auto}.nav-menu a{color:var(--upz-blue);text-decoration:none;padding:8px 10px;display:inline-block;font-weight:600}.btn-subscribe{background:var(--upz-green);color:#fff;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:700}.page-hero{padding:116px 0 18px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6e9f2}.hero-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0;letter-spacing:.2px}.hero-sub{color:var(--muted);margin-top:8px;font-size:14px}.career-page .career-section,.career-page .paket-section,.career-section.career-page,.paket-section.career-page{padding:32px 0 26px}.career-section,.paket-section{padding-top:32px;padding-bottom:26px}.career-section:last-child,.paket-section:last-child,.career-section:last-of-type,.paket-section:last-of-type{padding-bottom:18px}.career-page .career-intro{display:flex;flex-wrap:wrap;align-items:stretch;gap:26px;margin-bottom:24px;background:radial-gradient(140% 180% at 0% 0%,#fff,#f6fbff 45%,#eef8f6);border-radius:20px;padding:22px 24px;box-shadow:0 22px 60px #022b4c17;position:relative;overflow:hidden}.career-page .career-intro:before{content:"";position:absolute;top:-40px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,166,81,.16) 0%,transparent 70%);pointer-events:none}.career-page .career-intro-card{flex:1 1 360px;background:transparent;padding:4px 4px 4px 0;border-radius:0;box-shadow:none;position:relative;z-index:1}.career-intro-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0b6fb014;color:var(--upz-accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.career-page .career-intro-card h3{margin:0 0 8px;font-size:26px;font-weight:800;color:#0f2732}.career-page .career-intro-card p{margin:0;color:#163033;line-height:1.8;font-size:15px}.career-intro-meta{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:16px}.career-intro-meta .meta-item{display:flex;flex-direction:column;gap:2px}.career-intro-meta .meta-item strong{font-size:16px;font-weight:800;color:var(--upz-blue)}.career-intro-meta .meta-item span{font-size:12px;color:var(--muted)}.career-page .career-intro-media{flex:0 0 320px;display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:1}.career-intro-img-wrap{position:relative;width:380px;height:180px;border-radius:16px;overflow:hidden;box-shadow:0 22px 60px #022b4c33;transform:translateY(2px) rotate(-1deg);transform-origin:center;transition:transform .22s ease,box-shadow .22s ease}.career-intro-slider{position:relative;width:100%;height:100%}.career-intro-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.career-media-label{position:absolute;left:12px;bottom:12px;padding:6px 10px;background:#032235db;color:#fff;font-size:11px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.career-page .career-intro:hover .career-intro-img-wrap{transform:translateY(-4px) rotate(0) scale(1.01);box-shadow:0 28px 70px #022b4c42}.career-page .career-list-top{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:28px 0 18px}@media(min-width:992px){.career-page .career-list-top{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.career-page .career-list-top h4{margin:0;font-size:18px;color:var(--upz-blue);font-weight:800;flex:1 1 auto}.career-page .career-list-top .btn-apply{flex:0 0 auto;align-self:center;margin-left:auto}}.career-page .btn-apply,.btn-apply{background:var(--upz-green);color:#fff;padding:10px 14px;border-radius:999px;font-weight:700;box-shadow:0 6px 18px #00a6511f;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.career-page .career-grid-wrap{margin-bottom:26px}.career-page .career-grid{display:grid;gap:24px}@media(min-width:1200px){.career-page .career-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.career-page .career-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:14px;box-shadow:0 10px 28px #022b4c14;transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .16s}.career-page .career-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px #022b4c1f}.career-page .career-media{height:280px;padding:0;background:#f6f9fc;display:flex;align-items:center;justify-content:center}.career-page .career-media img{width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0}.career-page .career-card-inner{padding:14px 16px 18px}.career-page .career-body h5{font-size:16px;font-weight:800;margin-bottom:4px}.career-page .career-body .muted{font-size:13px;color:#64748b}}@media(min-width:768px)and (max-width:1199px){.career-page .career-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.career-page .career-grid{grid-template-columns:1fr}}@media(min-width:577px)and (max-width:991px){.career-page .career-grid{grid-template-columns:repeat(2,1fr);gap:22px}.career-page .career-media{height:260px;padding:14px}}@media(max-width:576px){.career-page .career-grid{grid-template-columns:1fr;gap:20px}.career-page .career-card{background:var(--card-bg);border-radius:14px;box-shadow:0 10px 28px #022b4c14;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.career-page .career-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px #022b4c24}.career-page .career-media{height:280px;background:#f6f9fc;overflow:hidden;border-radius:14px 14px 0 0}.career-page .career-media img{width:100%;height:100%;object-fit:cover}.career-page .career-card-inner{display:flex;flex-direction:column;gap:8px;padding:14px 16px 18px;height:100%}.career-page .career-body h5{margin:0;font-size:16px;font-weight:800;color:var(--upz-blue)}.career-page .career-body .muted{font-size:13px;color:var(--muted)}}.career-page .career-body .card-desc{line-height:1.55}.career-page .career-footer{margin-top:auto;padding-top:18px;display:flex;justify-content:center}@media(min-width:992px){.career-page .career-card{flex:0 0 calc(50% - 14px);display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--soft-shadow);overflow:visible;transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .16s}.career-page .career-card:hover{transform:translateY(-6px);box-shadow:0 30px 80px #022b4c1f}.career-page .career-media{height:450px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);position:relative;padding:18px;overflow:hidden}.career-page .career-media img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain!important;display:block;margin:0 auto;border-radius:8px}.career-page .career-card-inner{padding:18px 20px 20px}}@media(max-width:991px){.career-page .career-list-top{flex-direction:row;align-items:center;justify-content:space-between}.career-page .career-list-top h4{margin:0;font-size:18px;font-weight:800}.career-page .career-intro{flex-direction:column;padding:16px 16px 18px;border-radius:16px;gap:12px;background:#f7fbff}.career-page .career-intro-card{margin-bottom:6px}.career-page .career-intro-card h3{font-size:22px;font-weight:800;line-height:1.25;margin-bottom:8px}.career-page .career-intro-card p{font-size:14px;line-height:1.6;color:#456}.career-page .career-intro-media{flex:1 1 auto;justify-content:flex-start;margin-top:0}.career-intro-img-wrap{position:relative;width:100%;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#eef6fb,#f7fbff);box-shadow:0 10px 30px #022b4c24}.career-intro-slider img{width:100%;height:180px;object-fit:cover;display:block;background:transparent}.career-media-label{position:absolute;bottom:12px;left:12px;background:#000000a6;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.career-page .career-card{flex:0 0 84%;min-width:84%;border-radius:12px;background:var(--card-bg);box-shadow:0 10px 36px #022b4c0f;display:flex;flex-direction:column;scroll-snap-align:center;min-height:420px;transition:transform .12s}.career-page .career-grid{grid-template-columns:repeat(2,1fr)}.career-page .career-card-inner{padding:18px 22px 20px}.career-page .career-media{height:250px;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f7fbfb;padding:12px}.career-page .career-media img{max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain;border-radius:8px}}@media(max-width:576px){.career-page .career-intro{padding:14px 14px 16px;gap:10px}.career-page .career-intro-media{margin-top:-6px}.career-page .career-intro-card h3{font-size:21px}.career-page .career-grid{grid-template-columns:1fr}.career-intro-img-wrap img{height:165px;object-fit:cover}.career-intro-slider img{height:165px}.career-page .career-body{margin-top:8px}.career-page .career-body .location{font-size:13px}}@media(min-width:577px)and (max-width:991px){.career-page .career-intro-media{display:flex;justify-content:flex-start}.career-intro-slider img{height:200px}}.career-page .btn-primary,.btn-primary{background:var(--upz-accent);color:#fff;padding:8px 14px;border-radius:8px;font-weight:700;border:0;display:inline-block;text-decoration:none;transition:background .18s ease,transform .12s;box-shadow:0 6px 18px #0b6fb014}.career-page .btn-primary:hover,.btn-primary:hover,.career-page .btn-primary:focus,.btn-primary:focus{background:var(--upz-green);transform:translateY(-1px);box-shadow:0 12px 30px #00a6511f}.career-page a.btn-primary{display:inline-flex;align-items:center;gap:8px}.career-page .read-more{background:transparent;border:0;color:var(--upz-blue);cursor:pointer;font-weight:700;padding:0;margin-top:6px}@media(max-width:768px){.career-intro-img-wrap{background:linear-gradient(180deg,#eef6fb,#f7fbff);box-shadow:0 10px 30px #022b4c1f}.career-intro-slider img{object-fit:contain;background-color:transparent}}.career-page .career-body{margin-top:10px}.career-page .career-body h5{color:var(--upz-blue)}.career-page .career-body .location{display:inline-flex;align-items:center;gap:6px;line-height:1.4}.career-page .career-body .location:before{content:"";width:14px;height:14px;display:inline-block;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.3 7 13 7 13s7-7.7 7-13c0-3.9-3.1-7-7-7zm0 9.5c-1.4 0-2.5-1.1-2.5-2.5S10.6 6.5 12 6.5s2.5 1.1 2.5 2.5S13.4 11.5 12 11.5z'/%3E%3C/svg%3E") no-repeat center / contain}.about-page .about-section{padding-top:52px;padding-bottom:34px;background:linear-gradient(180deg,#ffffffb3,#f7fbfbe6)}.about-page .about-top{display:grid;grid-template-columns:380px 1fr;gap:32px;align-items:center;margin:22px 0 36px;overflow:visible;background:radial-gradient(180% 200% at 0% 0%,#fff,#f5faf9 40%,#eef8f6);border-radius:20px;padding:22px 26px;box-shadow:0 22px 60px #022b4c14;position:relative}.about-page .about-top:before{content:"";position:absolute;top:-40px;left:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,166,81,.18) 0%,transparent 70%);pointer-events:none}@media(max-width:992px){.about-page .about-top{grid-template-columns:1fr;gap:18px;padding:18px 16px 20px;margin:18px 0 28px}}.about-page .about-media{display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.about-page .about-media img{width:360px;height:auto;max-height:none;border-radius:22px;object-fit:contain;padding:14px;transition:transform .32s ease,box-shadow .32s ease}.about-page .about-media:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;z-index:-1;top:-80px;left:calc(50% - 260px);pointer-events:none}.about-page .about-top:hover .about-media img{transform:translateY(-4px);box-shadow:0 36px 90px #0b506c29}@media(max-width:992px){.about-page .about-media img{width:220px}.about-page .about-media:after{width:320px;height:320px;top:-40px;left:calc(50% - 160px)}}.about-page .about-media .dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--upz-green);box-shadow:0 8px 20px #00a65129}.about-page .about-media .dot.small{width:8px;height:8px}.about-page .about-body{background:linear-gradient(180deg,rgba(255,255,255,.97),var(--glass));border-radius:16px;padding:24px 24px 22px;box-shadow:var(--soft-shadow)}.about-page .about-body h3{color:var(--upz-blue);margin:0 0 8px;font-size:22px;font-weight:800}.about-page .about-body p{color:var(--muted);line-height:1.8;font-size:15px;margin:0 0 10px}.about-page .about-list{margin:8px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}.about-page .about-list li{margin:8px 0}.muted{color:var(--muted)}[role=region][aria-roledescription=carousel]{outline:none}l .timeline-title{text-align:center;margin-top:8px;margin-bottom:0;font-size:24px;font-weight:800;color:var(--upz-blue)}.about-page .timeline{position:relative;margin-top:18px;padding:24px 0 30px;display:flex;flex-direction:column;gap:26px}.about-page .timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;border-radius:999px;background:linear-gradient(180deg,#00a65138,#0b506c0f);transform:translate(-50%);box-shadow:inset 0 0 8px #fff9}.about-page .timeline-row{display:flex;align-items:center;gap:18px;position:relative}.about-page .timeline-row.left{justify-content:flex-end}.about-page .timeline-row.right{justify-content:flex-start}.about-page .timeline-center{flex:0 0 64px;display:flex;justify-content:center;z-index:1}.about-page .timeline-dot{width:46px;height:46px;border-radius:50%;background:var(--upz-green);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 10px 26px #00a65129;opacity:0;transform:translateY(10px);transition:transform .35s cubic-bezier(.2,.9,.3,1),opacity .35s}.about-page .timeline-card{max-width:420px;background:var(--card-bg);padding:16px 18px;border-radius:14px;box-shadow:var(--soft-shadow);color:var(--muted);line-height:1.7;font-size:14px;opacity:0;transform:translateY(10px);transition:transform .4s cubic-bezier(.2,.9,.3,1),opacity .4s}.about-page .timeline-row.left .timeline-card{text-align:right;order:1}.about-page .timeline-row.left .timeline-center{order:2}.about-page .timeline-row.right .timeline-center{order:1}.about-page .timeline-row.right .timeline-card{order:2;text-align:left}.about-page .timeline-row.visible .timeline-card,.about-page .timeline-row.visible .timeline-dot{opacity:1;transform:none}@media(max-width:991px){.about-page .timeline{padding:20px 0 26px;gap:18px}.about-page .timeline:before{left:24px;transform:none;width:3px}.about-page .timeline-row{gap:10px;justify-content:flex-start}.about-page .timeline-center{flex:0 0 40px;justify-content:flex-start}.about-page .timeline-card{max-width:100%;text-align:left!important}.about-page .timeline-row.left .timeline-center,.about-page .timeline-row.right .timeline-center{order:1}.about-page .timeline-row.left .timeline-card,.about-page .timeline-row.right .timeline-card{order:2}}:root{--upz-blue: #0b506c;--upz-green: #00a651;--muted: #6b7680;--card-bg: #ffffff;--surface: #f7fbfb;--elev: rgba(2, 43, 76, .06);--radius-lg: 12px;--site-header-height: 88px;--text-strong: #0b2430}.promo-hero{padding:calc(var(--site-header-height) + 36px) 0 20px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6f2f1}.promo-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0}.promo-subtitle{color:var(--muted);margin-top:6px}.promo-section{padding:28px 0 0}.promo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.promo-filters{display:flex;gap:8px;align-items:center}.promo-filter{background:transparent;border:1px solid #e9f0ef;color:var(--upz-blue);padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:600;transition:all .15s ease}.promo-filter.active{background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff;border-color:transparent}.promo-search{border:1px solid #e9f0ef;padding:8px 12px;border-radius:8px;min-width:220px;outline:none}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.promo-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 12px 30px var(--elev);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;display:flex;flex-direction:column}.promo-card:focus-within,.promo-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #022b4c17}.promo-card-inner{display:flex;flex-direction:column;height:100%}.promo-card-media{position:relative;height:160px;background:#f5fbfb;display:flex;align-items:center;justify-content:center;overflow:hidden}.promo-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.promo-card:hover .promo-card-media img{transform:scale(1.04)}.promo-badge{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;color:#fff;box-shadow:0 6px 18px #00000014}.badge-hot{background:linear-gradient(90deg,#ff6b3d,#ff3d68)}.badge-new{background:linear-gradient(90deg,#07f,#00c4ff)}.promo-card-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}.promo-card-title{font-size:16px;margin:0;color:var(--text-strong);font-weight:700}.promo-card-desc{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.promo-meta{display:flex;gap:10px;color:var(--muted);font-size:13px;margin-top:auto}.meta-item{background:#f3f7f6;padding:6px 8px;border-radius:8px}.promo-card-footer{padding:12px 14px;display:flex;gap:10px;align-items:center;justify-content:flex-end;border-top:1px solid #f0f6f5;background:#fff}.btn{padding:9px 14px;border-radius:10px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:0}.btn-primary{background:var(--upz-blue);color:#fff;box-shadow:0 6px 18px #0b506c1f}.btn-outline{background:transparent;border:1px solid #e9f0ef;color:var(--upz-blue)}.btn-ghost{background:transparent;color:var(--upz-blue);border:1px dashed #e9f0ef;padding:10px 18px}.promo-footer{margin-top:22px;display:flex;justify-content:center;margin-bottom:15px}@media(max-width:992px){.promo-grid{grid-template-columns:repeat(2,1fr)}.promo-card-media{height:140px}.promo-title{font-size:24px}}@media(max-width:576px){.promo-grid{grid-template-columns:1fr}.promo-top{flex-direction:column;align-items:stretch;gap:12px}.promo-search{width:100%}.promo-card-media{height:180px}}.promo-filter:focus,.promo-card:focus,.btn:focus{outline:3px solid rgba(11,80,108,.12);outline-offset:2px}:root{--upz-blue: #0b506c;--upz-green: #00a651;--muted: #6b7680;--card-bg: #ffffff;--surface: #f7fbfb;--elev: rgba(2, 43, 76, .06);--radius-lg: 12px;--site-header-height: 88px;--text-strong: #0b2430;--container-max: 1180px}.container{width:92%;max-width:var(--container-max);margin:0 auto}.guide-page .service-hero{padding:calc(var(--site-header-height) + 36px) 0 20px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6f2f1}.guide-page .service-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0}.guide-page .service-sub{color:var(--muted);margin-top:6px;font-size:14px}.guide-page .service-section{padding:28px 0 72px}.guide-page .card{background:var(--card-bg);border-radius:12px;box-shadow:0 12px 30px var(--elev);overflow:hidden}.guide-page .card.card-panel{padding:18px}.guide-page .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-page .step{background:linear-gradient(180deg,#fff,#fbfeff);border-radius:12px;padding:18px;box-shadow:0 12px 28px #022b4c0f;display:flex;gap:12px;align-items:flex-start}.guide-page .step-index{min-width:56px;height:56px;background:linear-gradient(180deg,#00a6511f,#00a6510f);color:var(--upz-green);font-weight:800;font-size:20px;border-radius:10px;display:flex;align-items:center;justify-content:center}.guide-page .step-body h4{margin:0 0 6px;color:var(--upz-blue);font-size:16px;font-weight:700}.guide-page .step-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:1100px){.guide-page .steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.guide-page .steps-grid{grid-template-columns:1fr}.guide-page .card.card-panel{padding:14px}}.guide-page .side-link,.speedtest-page .side-link{display:block;padding:10px 12px;border-radius:8px;color:var(--upz-blue);text-decoration:none;border:1px solid transparent;background:transparent;font-weight:600;transition:all .12s ease}.guide-page .side-link:hover,.speedtest-page .side-link:hover{background:#0b506c0f}.guide-page .side-link.active,.speedtest-page .side-link.active{background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff;box-shadow:0 8px 22px #00a6511f;border-color:transparent}.speedtest-page .service-hero{padding:calc(var(--site-header-height) + 36px) 0 20px;text-align:center;background:linear-gradient(180deg,#f7fbfb,#eef8f6);border-bottom:1px solid #e6f2f1}.speedtest-page .service-title{color:var(--upz-blue);font-size:28px;font-weight:800;margin:0}.speedtest-page .service-sub{color:var(--muted);margin-top:6px}.speedtest-page .service-section{padding:28px 0 72px}.speedtest-page .service-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.speedtest-page .card{background:var(--card-bg);border-radius:12px;box-shadow:0 12px 30px var(--elev);overflow:hidden}.speedtest-page .card.card-panel{padding:18px}.speedtest-page .card-header .card-title{font-size:18px;margin:0 0 6px}.speedtest-page .card-header .card-sub{color:var(--muted);font-size:14px;margin:0}.speedtest-meta{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1}.badge-success{background:#e6f7f0;color:#0fa64a}.badge-outline{border:1px solid #e5e7eb;color:#64748b}.speedtest-page .speedtest-cta-box{background:linear-gradient(180deg,#f8fafc,#eef4f8);border:1px solid #e2e8f0;border-radius:14px;padding:30px 22px;text-align:center;margin-bottom:18px}.speedtest-page .cta-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.speedtest-page .cta-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.speedtest-page .speedtest-provider{color:#0b506c;font-size:20px;font-weight:800;margin:0}.speedtest-page .cta-desc{color:#475569;font-size:14px;line-height:1.5;margin:12px 0 22px}.speedtest-page .speedtest-note{margin-top:14px;font-size:12px;color:#64748b}.speedtest-page .speedtest-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:700;background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff;text-decoration:none;box-shadow:0 12px 28px #00a65159,inset 0 1px #ffffff2e;transition:all .18s ease}.speedtest-page .speedtest-btn:hover{background:linear-gradient(90deg,#09379b,#1d4ed8);box-shadow:0 16px 36px #2563eb59,inset 0 1px #ffffff40}.speedtest-page .speedtest-btn .btn-arrow{transition:transform .18s ease}.speedtest-page .speedtest-btn:hover .btn-arrow{transform:translate(4px)}.speedtest-page .notes-speedtest{background:linear-gradient(180deg,#f8fafc,#eef4f8);border:1px solid #e2e8f0;border-radius:14px;padding:18px 18px 14px;box-shadow:0 10px 28px #0f172a0f}.speedtest-page .notes-speedtest .notes-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.speedtest-page .notes-speedtest .note-title{margin:0;font-size:16px;font-weight:800;color:#0b506c}.speedtest-page .notes-speedtest .note-list{list-style:none;margin:0;padding:0}.speedtest-page .notes-speedtest .note-list li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;font-size:14px;color:#334155;line-height:1.5}.speedtest-page .notes-speedtest .note-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;margin-top:8px;flex-shrink:0}.speedtest-page .service-right .side-nav{display:flex;flex-direction:column;gap:8px;margin-top:8px}.speedtest-page .side-link{display:block;padding:10px 12px;border-radius:8px;color:var(--upz-blue);text-decoration:none;font-weight:600;transition:all .12s ease}.speedtest-page .side-link:hover{background:#0b506c0f}.speedtest-page .side-link.active{background:linear-gradient(90deg,var(--upz-green),#00c468);color:#fff;box-shadow:0 8px 22px #00a6511f}@media(max-width:1100px){.speedtest-page .service-grid{grid-template-columns:1fr 320px}}@media(max-width:768px){.speedtest-page .service-grid{grid-template-columns:1fr}.speedtest-page .card.card-panel{padding:14px}.speedtest-page .notes-speedtest .note-title{font-size:15px}.speedtest-page .notes-speedtest .note-list li{font-size:13px}}