:root{--ssi-red: #d42127;--ssi-ink: #13243a;--ssi-blue: #1f6fa8;--ssi-green: #317a62;--ssi-gold: #d8a33e;--ssi-paper: #f7f8fb;--ssi-line: #dfe4ec;--ssi-muted: #5e6a78;--ssi-white: #ffffff;--shadow-soft: 0 20px 60px rgba(19, 36, 58, .12);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--ssi-paper);scroll-behavior:smooth}body{margin:0;color:var(--ssi-ink);background:linear-gradient(180deg,#ffffffeb,#f7f8fbfa 28%),var(--ssi-paper);font-size:16px;line-height:1.6;letter-spacing:0;overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit;letter-spacing:0}.site-shell{min-height:100vh}.section{padding:84px 20px}.section.tight{padding-top:48px;padding-bottom:48px}.container{width:min(1160px,100%);margin:0 auto}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:40px;align-items:center}.eyebrow{margin:0 0 12px;color:var(--ssi-red);font-size:.86rem;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:900px;font-size:4rem;line-height:1.02;margin-bottom:22px}h2{font-size:2.35rem;line-height:1.12;margin-bottom:16px}h3{font-size:1.12rem;line-height:1.25;margin-bottom:8px}.lead{max-width:760px;color:var(--ssi-muted);font-size:1.15rem}.muted{color:var(--ssi-muted)}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(223,228,236,.82);background:#ffffffeb;backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1220px,100%);min-height:76px;margin:0 auto;padding:0 20px}.brand-link{display:inline-flex;align-items:center;gap:12px;min-width:220px;font-weight:800}.brand-link img{width:46px;height:46px;object-fit:contain}.brand-link span{display:block;line-height:1.1}.brand-link small{display:block;color:var(--ssi-muted);font-size:.78rem;font-weight:700}.nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.nav a,.nav summary{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:6px;color:#26364c;cursor:pointer;font-size:.93rem;font-weight:700}.nav a:hover,.nav summary:hover,.nav a.active,.nav summary.active{background:#d4212714;color:var(--ssi-red)}.nav-products{position:relative}.nav-products summary{list-style:none}.nav-products summary::-webkit-details-marker{display:none}.mega{position:absolute;top:calc(100% + 10px);right:0;display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:4px;width:620px;max-width:calc(100vw - 32px);padding:14px;border:1px solid var(--ssi-line);border-radius:8px;background:var(--ssi-white);box-shadow:var(--shadow-soft)}.mega .mega-highlight{grid-column:1 / -1;justify-content:center;background:#d4212714;color:var(--ssi-red)}.language-switch{display:inline-flex;border:1px solid var(--ssi-line);border-radius:8px;overflow:hidden}.language-switch a{min-height:36px;padding:0 10px;border-radius:0}.language-switch a.active{background:var(--ssi-ink);color:#fff}.mobile-nav{display:none;position:relative}.mobile-nav summary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid var(--ssi-line);border-radius:6px;background:#fff;color:var(--ssi-ink);cursor:pointer;font-size:.93rem;font-weight:800;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary{border-color:#d4212757;color:var(--ssi-red)}.mobile-nav-panel{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:2px;width:min(330px,calc(100vw - 32px));max-height:calc(100vh - 92px);overflow:auto;padding:12px;border:1px solid var(--ssi-line);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft)}.mobile-nav-panel a{display:flex;align-items:center;min-height:38px;padding:0 10px;border-radius:6px;color:var(--ssi-ink);font-size:.92rem;font-weight:800}.mobile-nav-panel a:hover,.mobile-nav-panel a.active{background:#d4212714;color:var(--ssi-red)}.mobile-nav-panel .mobile-nav-secondary{min-height:34px;padding-left:20px;color:var(--ssi-muted);font-size:.84rem;font-weight:700}.mobile-language-switch{width:max-content;margin-top:8px}.hero{position:relative;overflow:hidden;padding:92px 20px 74px;background:linear-gradient(135deg,#13243aed,#1f6fa8db 58%,#d42127d6),url(/assets/ui/map-indonesia.png) center / contain no-repeat;color:#fff}.hero .lead{color:#ffffffd1}.hero h1,.hero h2,.hero p{max-width:100%;overflow-wrap:anywhere}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:44px;align-items:end}.hero-grid>*,.split>*,.contact-layout>*{min-width:0}.hero-panel{padding:24px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff1f;backdrop-filter:blur(10px)}.hero-panel img{width:120px;height:120px;object-fit:contain;margin-bottom:18px}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:6px;background:var(--ssi-red);color:#fff;font-weight:800}.button.secondary{border-color:#ffffff5c;background:#ffffff1f}.button.light{border-color:var(--ssi-line);background:#fff;color:var(--ssi-ink)}.button:hover{transform:translateY(-1px)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--ssi-line);border-radius:8px;background:var(--ssi-line)}.stat{min-height:132px;padding:22px;background:#fff}.stat strong{display:block;margin-bottom:6px;color:var(--ssi-red);font-size:2.05rem;font-variant-numeric:tabular-nums;line-height:1}.category-grid,.brand-grid,.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card,.brand-card,.store-card,.info-panel{border:1px solid var(--ssi-line);border-radius:8px;background:var(--ssi-white);box-shadow:0 12px 36px #13243a0f}.category-card{min-height:230px;padding:24px}.category-card:hover,.brand-card:hover,.store-card:hover{border-color:#d4212757;transform:translateY(-2px)}.category-kicker{display:inline-flex;margin-bottom:28px;color:var(--ssi-green);font-size:.8rem;font-weight:800;text-transform:uppercase}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-card{display:flex;flex-direction:column;min-height:224px;padding:18px}.brand-logo{display:grid;place-items:center;height:96px;margin-bottom:18px;border:1px solid var(--ssi-line);border-radius:8px;background:#fbfcff}.brand-logo img{max-width:80%;max-height:62px;object-fit:contain}.brand-logo-missing{padding:12px;color:var(--ssi-blue);font-size:.9rem;font-weight:800;text-align:center}.brand-card p{color:var(--ssi-muted);font-size:.92rem}.brand-card .brand-category{margin-top:auto;color:var(--ssi-blue);font-size:.78rem;font-weight:800;text-transform:uppercase}.brand-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.brand-strip-item{display:grid;place-items:center;height:86px;border:1px solid var(--ssi-line);border-radius:8px;background:#fff}.brand-strip-item img{max-width:72%;max-height:48px;object-fit:contain}.band{background:#fff;border-top:1px solid var(--ssi-line);border-bottom:1px solid var(--ssi-line)}.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.feature{min-height:180px;padding:24px;border-left:4px solid var(--ssi-red);background:#f9fbfe}.cta-panel{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:28px;border:1px solid var(--ssi-line);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft)}.store-card{min-height:auto;padding:22px;overflow:hidden}.store-directory{display:grid;gap:32px}.store-area-index{display:grid;gap:12px;padding:18px;border:1px solid var(--ssi-line);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft)}.store-area-index>span{color:var(--ssi-muted);font-size:.84rem;font-weight:800;text-transform:uppercase}.province-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.province-index-card{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid var(--ssi-line);border-radius:8px;background:#fbfcff}.province-index-card div{display:flex;flex-wrap:wrap;gap:7px}.province-index-title,.province-index-card a:not(.province-index-title){display:inline-flex;gap:8px;align-items:center;color:var(--ssi-ink);text-decoration:none}.province-index-title{justify-content:space-between;font-size:1rem;font-weight:900}.province-index-card a:not(.province-index-title){border:1px solid var(--ssi-line);border-radius:999px;padding:7px 10px;background:#fff;font-size:.84rem;font-weight:800}.province-index-card a:hover{color:var(--ssi-red)}.province-index-card small{display:inline-grid;min-width:22px;min-height:22px;place-items:center;border-radius:999px;background:#d2302f1a;color:var(--ssi-red);font-size:.72rem}.store-province-section{display:grid;gap:22px;scroll-margin-top:96px}.store-province-header{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--ssi-line)}.store-province-header p{margin:0;color:var(--ssi-red);font-size:.82rem;font-weight:900;text-transform:uppercase}.store-province-header h3{margin:0;color:var(--ssi-ink);font-size:1.75rem;scroll-margin-top:96px}.store-province-header span{color:var(--ssi-muted);font-size:.92rem;font-weight:700}.store-city-section{display:grid;gap:16px;scroll-margin-top:96px}.store-city-section .store-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.store-city-header{display:flex;gap:16px;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ssi-line)}.store-city-header h4{margin:0;color:var(--ssi-ink);font-size:1.28rem;scroll-margin-top:96px}.store-city-header span{color:var(--ssi-muted);font-size:.92rem;font-weight:700}.store-card h5{margin:0 0 16px;font-size:1.2rem;line-height:1.25;overflow-wrap:anywhere}.store-channel{display:inline-flex;margin-bottom:14px;color:var(--ssi-red);font-size:.82rem;font-weight:800;text-transform:uppercase}.store-address{display:grid;gap:4px;margin:0 0 18px;color:var(--ssi-ink);font-style:normal;line-height:1.45;overflow-wrap:anywhere}.store-address span{display:block}.store-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.whatsapp-link,.store-map,.store-website{display:inline-flex;gap:8px;align-items:center;width:max-content;font-weight:800;text-decoration:none}.whatsapp-link{color:#14843d}.store-map,.store-website{color:var(--ssi-blue)}.whatsapp-link svg{width:21px;height:21px;flex:none;fill:currentColor}.store-email{overflow-wrap:anywhere}.contact-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:26px;align-items:start}.info-panel{padding:26px}.contact-sidebar{min-height:100%}.contact-sidebar h2{margin-bottom:14px}.contact-sidebar-compact{position:sticky;top:104px}.contact-detail-list{display:grid;gap:12px;margin:22px 0}.contact-detail-list p{margin:0;padding-left:14px;border-left:3px solid rgba(212,33,39,.42)}.contact-detail-list strong{display:block;margin-bottom:4px;color:var(--ssi-ink)}.contact-form{display:grid;gap:16px;padding:26px;border:1px solid var(--ssi-line);border-radius:8px;background:#fff;box-shadow:var(--shadow-soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field label{font-size:.9rem;font-weight:800}.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid var(--ssi-line);border-radius:6px;padding:10px 12px;background:#fbfcff;color:var(--ssi-ink)}.field textarea{min-height:140px;resize:vertical}.turnstile-field{min-height:65px}.form-note{min-height:28px;color:var(--ssi-muted);font-size:.92rem}.hidden-field{position:absolute;left:-9999px}.footer{padding:46px 20px 30px;background:var(--ssi-ink);color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,.6fr));gap:28px}.footer a,.footer p{color:#ffffffbd}.footer h3{color:#fff}.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:#ffffff9e;font-size:.9rem}.not-found{min-height:62vh;display:grid;place-items:center;padding:80px 20px;text-align:center}@media(max-width:980px){h1{font-size:3rem}.hero-grid,.split,.contact-layout,.footer-grid{grid-template-columns:1fr}.header-inner{padding-top:14px;padding-bottom:14px}.nav{justify-content:flex-start}.nav-products{width:100%;max-width:620px}.mega{position:static;width:100%;box-shadow:none}.contact-sidebar-compact{position:static}.cta-panel{align-items:flex-start;flex-direction:column}.stats,.category-grid,.feature-list,.store-grid,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.header-inner{position:relative;display:block;min-height:64px;padding-top:8px;padding-right:96px;padding-bottom:8px}.desktop-nav{display:none}.mobile-nav{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.mobile-nav-panel{position:fixed;top:72px;right:16px}.brand-link{min-width:0;max-width:100%}.brand-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-link img{width:40px;height:40px}.brand-link small{font-size:.72rem}}@media(max-width:640px){.section{padding:58px 16px}h1{font-size:2.35rem}h2{font-size:1.88rem}.lead{font-size:1.03rem}.stats,.category-grid,.feature-list,.store-grid,.brand-grid,.form-grid{grid-template-columns:1fr}.brand-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-link{min-width:0}.nav-products{width:100%}.mega{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.mega .mega-highlight{justify-content:flex-start}.contact-sidebar-compact{position:static}.store-area-index{padding:14px}.store-city-section{scroll-margin-top:24px}.hero{padding-top:66px}}