:root{--ink:#edf5ff;--muted:#9aafc7;--paper:#07111f;--yellow:#39dce9;--line:#21334b;--white:#0c1b2f;--max:1200px;color-scheme:dark}
.branch-label{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-menu{min-width:0}.branch-photo .image-bsp,.location-image .image-bsp,.branch-hero-image .image-bsp{object-position:center 48%}.branch-card.new-outlet{grid-column:span 3}.branch-card-body .branch-card-actions{margin-top:auto;padding-top:22px}.branch-photo{display:block}.location-visual{height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#1b547760,transparent 65%),linear-gradient(135deg,#102b46,#17213c);color:#c4f2ff;gap:11px;padding:25px}.location-grid{position:absolute;inset:0;background-image:linear-gradient(#6bafca0b 1px,transparent 1px),linear-gradient(90deg,#6bafca0b 1px,transparent 1px);background-size:28px 28px}.location-visual .icon{height:65px;width:65px;stroke-width:.9;color:#68def1;filter:drop-shadow(0 0 22px #3bd1e544)}.location-visual .visual-kicker{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7px;letter-spacing:2px;color:#6faecf}.location-visual strong{font-size:26px;line-height:1.2;letter-spacing:1px;font-weight:800}.location-visual>span:not(.visual-kicker){font-size:10px;color:#83b7d7}.location-visual small{font-size:7px;color:#6489a9;margin-top:5px}.location-image .location-visual{min-height:395px}.salak-contact{display:flex;align-items:center;justify-content:space-between;gap:40px}.salak-contact h2{font-size:36px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 18px}.salak-contact p:last-child{max-width:550px;color:#a2b9d3;font-size:12px}.salak-contact .btn{flex-shrink:0}
body{background:#07111f;background-image:radial-gradient(ellipse at 82% 5%,#11334f55,transparent 40%);color:#edf5ff}
::selection{background:#39dce9;color:#061422}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:#73f5ff}
.skip{color:#04121c}.announcement{background:#040c17;color:#a7bbd2;border-bottom:1px solid #203851;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.announcement .dot{background:#39dce9;box-shadow:0 0 10px #39dce955}
.site-header{background:#07111fed;border-color:#1e324a;backdrop-filter:blur(18px)}.header-inner{min-height:90px}.wordmark{color:#f2f8ff}.wordmark span{color:#fc7971}.brand small{color:#8a9eb7}.main-nav{color:#b1c1d5}.main-nav>a:hover{color:#6de8f4}.branch-menu>summary{border:1px solid #2b435c;border-radius:7px;padding:9px 11px;background:#0d1c30;color:#dceaff}.branch-menu>summary .pin-icon{color:#66ebf5}.branch-menu .branch-popover{top:calc(100% + 12px);width:325px;background:#0d1b2d;border-color:#2a455f;box-shadow:0 20px 50px #0006;max-height:65vh;overflow:auto}.branch-popover a{gap:10px}.branch-popover a:hover,.branch-popover a[aria-current=page]{background:#172d44}.branch-popover .branch-number{color:#49d7e5}.branch-popover strong{font-size:11px}.branch-popover small{color:#91a9c4}.branch-popover a .icon{width:16px;margin-left:auto}.mobile-toggle{color:#dbeaff}.mobile-nav{border-color:#263d55}.mobile-nav a:hover{color:#78f1ff}.mobile-nav .mobile-branches{border-color:#263d55}
.btn{background:#39dce9;color:#05131f;box-shadow:0 4px 20px #22d3ee0e;border-radius:7px}.btn:hover{background:#8af2f8;box-shadow:0 5px 24px #39dce92b}.btn-dark{background:#39dce9;color:#05131f}.btn-dark:hover{background:#8af2f8}.btn-outline{background:transparent;border-color:#35536f;color:#d9e8fa;box-shadow:none}.btn-outline:hover{background:#162e46;color:#fff;border-color:#5883a3}.btn-white{background:#142b43;color:#e8f2ff}.text-link{border-color:#42617c;color:#d7ebff}.text-link:hover{color:#70eaf4}
.hero{padding-top:72px;padding-bottom:65px;gap:64px}.eyebrow{color:#71d9ec;letter-spacing:1.4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.eyebrow:before{background:#41d9e8;width:6px;height:6px;box-shadow:0 0 10px #40d8e82b}.hero h1{font-size:clamp(45px,5.7vw,78px);letter-spacing:-4px;line-height:1.1;color:#f3f7ff}.hero h1 em{color:#49e0ee;background:linear-gradient(105deg,#63ecf1 5%,#70b5ff 73%,#ab9bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h1 em:after{display:none}.hero .lede{color:#9fb2c8}.hero .lede strong{color:#d9e8fa}.hero-note{color:#8ea8c2}.hero-note .icon{color:#60d7e9}.hero-art{background:radial-gradient(ellipse at 55% 48%,#143b5655,transparent 70%),#091729;border:1px solid #28415b;border-radius:20px;box-shadow:inset 0 0 55px #173c5126,0 25px 70px #0002}.hero-art:before{display:none}.hero-art>svg{width:100%;height:100%}.art-caption{color:#6487a4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:6px;letter-spacing:1.1px;right:22px;bottom:14px}.hero-art .tech-art-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.trust-strip{border-color:#23384f;padding:27px 0}.trust-item{border-color:#23384f}.trust-item>.icon{color:#58dbe9}.trust-item strong{color:#e5f0ff}.trust-item small{color:#8ea5c0}
.section-white{background:#0b182a;border-block:1px solid #172b41}.section-heading h2,.section-title,.why-title h2{color:#eef6ff}.section-heading>p,.why-title>p{color:#9aafc7}.service-card{background:linear-gradient(145deg,#112139,#0c192b);border-color:#263d57;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff03}.service-card:hover{border-color:#4bcfe3;box-shadow:0 10px 35px #04101c60;transform:translateY(-5px)}.service-card .service-icon{background:#12344a;border:1px solid #225267;color:#6ee7f1;border-radius:9px}.service-card-top>span{color:#839ebc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.service-card h3{color:#eaf3ff}.service-card p{color:#99afc8}.service-card .service-more{color:#7bdde9}.brands{border-color:#253b54;color:#c2d3e7}.brands small{color:#7690ab}
.quote-section{background:radial-gradient(ellipse at 10% 70%,#103a5280,transparent 55%),linear-gradient(110deg,#10253e,#101c34);border-block:1px solid #234562}.quote-grid h2{color:#eef8ff}.quote-grid p{color:#a4bad1}.quote-grid .quote-tick{color:#8bdae6}.quote-form{background:#09172a;border:1px solid #32536c;box-shadow:0 18px 45px #0002;border-radius:13px}.form-top strong{color:#e2efff}.form-top span{color:#83a0bf}.field label{color:#c6d9ef}.field select,.field input{background:#10243a;border-color:#2d4764;color:#ebf5ff;border-radius:6px}.field input::placeholder{color:#6d8ba9}.field option,.field optgroup{background:#10243a;color:#d9e9fb}.field option:disabled{color:#748aa2}.form-note{color:#8aa2be}.form-status:not(:empty){color:#82efc1}.why-item{border-color:#263a50}.why-number{color:#49d3e3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.why-item h3{color:#e8f3ff}.why-item p{color:#9aafc7}.small-badge{background:#122d43;border:1px solid #2a5368;color:#89dfe9}
.branches-grid{grid-template-columns:repeat(6,1fr);gap:19px}.branch-card{grid-column:span 2;background:#0d1e32;border-color:#29415b;border-radius:13px}.branch-card.active{border-color:#40b6ca;box-shadow:0 0 0 1px #40b6ca10}.branch-card h3{color:#ecf5ff}.branch-card .area{color:#6fc6dc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.branch-card address{color:#a1b4cc}.branch-photo{background:#15283d}.branch-photo .photo-label{background:#08182de8;color:#b9cfe6;border:1px solid #3a5770}.branch-photo .branch-badge{background:#37d5e3;color:#061522}.branch-meta{color:#a9bdd4}.branch-meta .icon{color:#5ac9dd}.branch-details-link{border-color:#29415b;color:#80d5e7}.branch-card.new-outlet{grid-column:span 3}.new-branch-art{height:155px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 55%,#1f567170,transparent 48%),linear-gradient(115deg,#122a42,#12213b);border-bottom:1px solid #263e57;display:flex;align-items:center;justify-content:space-between;padding:27px 30px}.new-branch-art:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#6bafca0a 1px,transparent 1px),linear-gradient(90deg,#6bafca0a 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.new-branch-code{font-size:40px;line-height:1.2;color:#d6f8ff;letter-spacing:-2px;font-weight:800;z-index:1}.new-branch-code small{display:block;font-size:7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;font-weight:400;color:#73bed7;margin-top:7px}.new-branch-art .icon{width:63px;height:63px;color:#54cde4;stroke-width:.8;filter:drop-shadow(0 0 16px #4dcee944);z-index:1}.pending-copy{font-size:11px;color:#96b0cb;max-width:370px;margin:0 0 5px}.new-branch-art.purple{background:radial-gradient(circle at 75% 55%,#4b437a60,transparent 48%),linear-gradient(115deg,#12253e,#1a203e)}.new-branch-art.purple .icon{color:#a5a3ff}.new-branch-art.purple .new-branch-code small{color:#aaa6e6}.new-outlet h3{font-size:19px}.new-outlet .branch-card-actions .btn{flex:0 1 auto;font-size:10px}
.review-card{background:#101f34;border-color:#2a415d;border-radius:13px}.review-source{color:#89a4c2}.review-source .g{color:#7ec5ff}.review-card blockquote{color:#e0ecfa}.avatar{background:#1c3d55;border:1px solid #31556d;color:#89e5ee}.review-author strong{color:#d8eaff}.review-author a{color:#92b0cc}.reviews-note{color:#7e9ab8}.location-layout{background:#101f34;border-color:#2b425d;border-radius:17px}.location-copy h2{color:#eef6ff}.location-copy p{color:#a4b9d1}.location-copy address{color:#c8d9ed}.location-copy .location-hours{color:#9fc7dc}.location-image .photo-label{background:#08182de8;border:1px solid #3b5672;color:#bed4eb}.faq-list details{border-color:#2a3f59}.faq-list summary{color:#dfeafb}.faq-list summary:after{color:#69dae9}.faq-list details p{color:#98b0c9}.faq-intro>p{color:#9aafc7}
.final-cta{background:radial-gradient(ellipse at 75% 60%,#17466555,transparent 55%),#08172a;border-top:1px solid #22415c}.final-cta h2{color:#edf6ff}.final-cta h2 span{color:#5fe1ed}.final-cta p{color:#8eabc7}.site-footer{background:#040c17;color:#9eb4cf;border-top:1px solid #1c3048}.site-footer .wordmark{color:#eaf5ff}.site-footer .wordmark span{color:#fc7971}.site-footer .brand small{color:#7d94af}.footer-about{color:#7f9ab7}.site-footer h3{color:#d9e9fb}.site-footer li{color:#8fa9c5}.site-footer li a:hover{color:#6ae7f1}.footer-bottom{border-color:#20354b;color:#728fac}.float-wa{background:#39dce9;border-color:#60e5ee;color:#05131f;box-shadow:0 6px 25px #23c9db2b}.float-wa:hover{background:#8af2f8}.breadcrumb{color:#86a4c0}.branch-hero h1{color:#eef6ff}.branch-hero h1 span{color:#6dcbe5}.branch-hero p{color:#9ab3ce}.branch-hero-image{border:1px solid #34516c}.branch-hero-image .photo-label{background:#08182de8;border:1px solid #3b5672;color:#bed4eb}.branch-facts{background:#0e2035;border-color:#2b425d}.branch-facts span{color:#77b7cf}.branch-facts p,.branch-facts address{color:#c0d3e9}.guide-hero h1,.hub-hero h1{color:#eef6ff}.guide-hero>p,.hub-hero p{color:#9eb6d1}.prose h2{color:#dfefff}.prose p,.prose li{color:#a6bad1}.guide-aside{background:linear-gradient(135deg,#113449,#142b46);border:1px solid #326079}.guide-aside h3{color:#e0f5ff}.guide-aside p{color:#a2c0d7}.empty-review{background:#10243b;border-color:#2b4966}.empty-review h3{color:#e3f0ff}.empty-review p{color:#a0b8d2}.privacy h1,.privacy h2{color:#e7f3ff}.privacy p{color:#9eb5d0}.mobile-contact{background:#08182df5;border-color:#29425d;box-shadow:0 -8px 24px #0002}.mobile-contact>span{color:#dceafb}.mobile-contact small{color:#7fa2c0}
@media(max-width:1120px){.hero{gap:30px}.branch-menu>summary{padding:8px}.new-outlet h3{font-size:17px}}
@media(max-width:860px){.header-inner{min-height:76px}.hero{padding-top:45px;gap:25px}.hero h1{font-size:54px;letter-spacing:-2.8px}.branches-grid{gap:12px}.new-outlet h3{font-size:16px}.new-branch-art{height:135px;padding:22px}.new-branch-code{font-size:33px}}
@media(max-width:600px){body{background-image:none}.header-inner{min-height:70px}.site-header{backdrop-filter:none}.announcement{font-size:7px}.branch-menu>summary{padding:7px 8px;font-size:8px;border-radius:5px}.branch-label{max-width:128px}.branch-menu .branch-popover{width:280px;right:-38px;max-height:66vh}.hero{padding:35px 0 32px;gap:29px}.hero h1{font-size:clamp(49px,12.5vw,70px);letter-spacing:-2.8px}.hero-art{border-radius:14px}.hero-art>svg{top:-7%;height:112%}.hero .lede{font-size:12px}.eyebrow{font-size:8px;letter-spacing:.8px}.trust-strip{padding:20px 0}.branches-grid{grid-template-columns:1fr;gap:18px}.branch-card,.branch-card.new-outlet{grid-column:1/-1}.branch-card.new-outlet h3{font-size:19px}.new-branch-art{height:140px;padding:25px}.new-branch-code{font-size:35px}.new-branch-art .icon{width:58px;height:58px}.new-outlet .branch-card-actions .btn{width:100%;font-size:10px}.new-outlet .pending-copy{font-size:11px}.quote-form{border-radius:11px}.quote-grid h2{font-size:38px}.btn{border-radius:6px}.service-card{border-radius:10px}.field select,.field input{border-radius:5px}.announcement .announcement-hours{font-size:7px}.art-caption{font-size:5.7px}.salak-contact{display:block}.salak-contact h2{font-size:29px}.salak-contact .btn{margin-top:18px}.location-image .location-visual{min-height:205px}.location-visual{gap:8px;padding:20px}.location-visual .icon{width:46px;height:46px}.location-visual strong{font-size:22px}.location-visual>span:not(.visual-kicker){font-size:9px}}