:root{--navy: #1a2f6e;--navy2: #0e1d50;--red: #d9421a;--red2: #c23515;--blue-lt: #edf1fb;--blue-md: #c5d3ef;--steel: #5a6e99;--text: #1a2030;--muted: #6b7492;--white: #ffffff;--bg: #f4f7fc;--line: #e2e8f4;--radius: 12px;--shadow-sm: 0 2px 12px rgba(26,47,110,.07);--shadow-md: 0 8px 32px rgba(26,47,110,.11);--shadow-lg: 0 20px 60px rgba(26,47,110,.14);--shadow-red: 0 8px 32px rgba(217,66,26,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--white);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}.site-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 4rem;height:68px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 2px 20px #1a2f6e0f}.nav-logo{display:flex;align-items:center;gap:.8rem}.nav-logo img{height:38px;object-fit:contain}.nav-links{display:flex;gap:2rem}.nav-links a{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);transition:color .2s}.nav-links a:hover{color:var(--navy)}#hero{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--navy2)}.hero-img img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:saturate(.7)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#0e1d50f7,#0e1d50e0 45%,#0e1d5080)}.hero-content{position:relative;z-index:2;padding:9rem 4rem 5rem 6rem;animation:fadeUp .9s .1s both}.hero-chip{display:inline-flex;align-items:center;gap:.6rem;background:#d9421a2e;border:1px solid rgba(217,66,26,.4);padding:.4rem 1rem;margin-bottom:1.8rem;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f5a07a}.hero-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#d9421a}.hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3.5rem,5.5vw,6rem);line-height:.95;letter-spacing:.04em;color:#fff;margin-bottom:1.6rem}.hero-title em{color:#d9421a;font-style:normal}.hero-sub{font-size:1rem;line-height:1.75;color:#ffffffa6;max-width:460px;margin-bottom:2.5rem}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}.btn-solid{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 2rem;background:var(--red);color:#fff;border:none;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:filter .2s,transform .2s}.btn-solid:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-ghost{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 2rem;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);cursor:pointer;transition:border-color .2s}.btn-ghost:hover{border-color:#fff}.hero-stats{position:relative;z-index:2;padding:9rem 5rem 5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;animation:fadeUp .9s .4s both}.stat-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--red);padding:1.8rem 2rem;border-radius:0 var(--radius) var(--radius) 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,transform .3s}.stat-box:hover{background:#ffffff1a;transform:translate(4px)}.stat-n{font-family:Bebas Neue,sans-serif;font-size:3.2rem;color:#fff;line-height:1;margin-bottom:.2rem}.stat-n em{color:#d9421a;font-style:normal}.stat-l{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80}section{padding:6rem}.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--red)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--red);flex-shrink:0}.sec-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,3.5vw,3.5rem);letter-spacing:.04em;line-height:1.05;color:var(--navy);margin-bottom:1rem}.divider{height:1px;background:var(--line)}#about{background:linear-gradient(160deg,var(--white) 0%,var(--bg) 100%)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:3rem}.about-text p{color:var(--muted);line-height:1.9;margin-bottom:1.2rem;font-size:.97rem}.about-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--blue-lt);border:1px solid var(--blue-md);padding:.45rem 1rem;margin-bottom:1.8rem;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--navy)}.about-visual{position:relative}.about-img-wrap{aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);position:relative;border-radius:var(--radius);box-shadow:var(--shadow-md)}.about-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.about-img-wrap:hover img{transform:scale(1.03)}.about-img-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),rgba(217,66,26,.3))}.about-accent{position:absolute;bottom:-20px;right:-20px;width:130px;height:130px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem;text-align:center;border-radius:var(--radius);box-shadow:var(--shadow-md);border-bottom:3px solid var(--red)}.about-accent-n{font-family:Bebas Neue,sans-serif;font-size:2.8rem;line-height:1;color:#fff}.about-accent-l{font-family:Rajdhani,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff9}#vision{background:var(--navy);overflow:hidden;position:relative}.vision-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,sans-serif;font-size:18vw;color:#ffffff08;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.vision-header{position:relative;z-index:1}.vision-header .eyebrow{color:#f5a07a}.vision-header .eyebrow:before{background:#f5a07a}.vision-header .sec-title{color:#fff}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;position:relative;z-index:1}.vision-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:2.8rem;position:relative;overflow:hidden;transition:transform .3s}.vision-card:hover{transform:translateY(-4px)}.vision-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),#f5a07a)}.vision-card-img{width:100%;height:280px;object-fit:cover;margin-bottom:1.8rem;opacity:.7;filter:saturate(.8)}.vision-icon{width:48px;height:48px;background:#d9421a26;border:1px solid rgba(217,66,26,.3);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem}.vision-label{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:.06em;color:#fff;margin-bottom:.8rem}.vision-card p{color:#fff9;line-height:1.8;font-size:.92rem}#values{background:linear-gradient(160deg,var(--bg) 0%,#eef2fb 100%)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.value-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:2.5rem;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:var(--shadow-sm)}.value-item:hover{border-color:#d9421a33;box-shadow:var(--shadow-red);transform:translateY(-6px)}.value-num{font-family:Bebas Neue,sans-serif;font-size:5rem;color:var(--blue-lt);position:absolute;top:.5rem;right:1rem;line-height:1;transition:color .3s}.value-item:hover .value-num{color:#d9421a1a}.value-icon{font-size:1.6rem;margin-bottom:1.2rem;width:52px;height:52px;background:linear-gradient(135deg,#d9421a1a,#d9421a0d);border:1px solid rgba(217,66,26,.18);border-radius:10px;display:flex;align-items:center;justify-content:center}.value-title{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:.7rem;margin-top:.5rem}.value-desc{font-size:.88rem;line-height:1.8;color:var(--muted)}.value-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--red),rgba(217,66,26,.4));border-radius:0 0 var(--radius) var(--radius);transition:width .45s cubic-bezier(.4,0,.2,1)}.value-item:hover:after{width:100%}#services{background:var(--white)}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}.svc-item{background:var(--bg);display:flex;gap:0;padding:0;align-items:flex-start;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default;border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;box-shadow:var(--shadow-sm)}.svc-item:hover{box-shadow:var(--shadow-red);transform:translateY(-6px);border-color:#d9421a40}.svc-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),rgba(217,66,26,.3));opacity:0;transition:opacity .35s}.svc-item:hover:before{opacity:1}.svc-img{width:100%;height:200px;object-fit:cover;flex-shrink:0;filter:saturate(.85) brightness(.95);transition:filter .4s,transform .4s;display:block}.svc-item:hover .svc-img{filter:saturate(1) brightness(1);transform:scale(1.03)}.svc-body{padding:1.8rem;flex:1}.svc-num{font-family:Bebas Neue,sans-serif;font-size:.9rem;color:var(--red);letter-spacing:.15em;margin-bottom:.4rem;display:inline-flex;align-items:center;gap:.4rem}.svc-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-bottom:.6rem}.svc-desc{font-size:.85rem;line-height:1.7;color:var(--muted)}#parts{background:linear-gradient(160deg,var(--bg) 0%,#eef2fb 100%)}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}.part-card{display:block;background:var(--white);border:1px solid var(--line);overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}.part-card:hover{box-shadow:var(--shadow-red);transform:translateY(-6px);border-color:#d9421a40}.part-card:focus-visible{outline:3px solid rgba(217,66,26,.28);outline-offset:4px;box-shadow:var(--shadow-red)}.part-img{width:100%;height:190px;object-fit:cover;display:block;filter:saturate(.8) brightness(.95);transition:filter .4s,transform .4s}.part-card:hover .part-img{filter:saturate(1) brightness(1);transform:scale(1.04)}.part-info{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-top:2px solid rgba(217,66,26,.15)}.part-dot{width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0}.part-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}.part-link{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);white-space:nowrap}#brands{background:var(--navy);overflow:hidden}.brands-eyebrow{color:#f5a07a!important}.brands-eyebrow:before{background:#f5a07a!important}.brands-title{color:#fff!important}.brands-track-wrap{overflow:hidden;margin-top:3rem;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.brands-track{display:flex;gap:1.5rem;width:max-content;animation:marquee 58s linear infinite}.brands-track:hover{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.brand-pill-img{flex-shrink:0;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:center;height:92px;min-width:180px;transition:all .2s}.brand-pill-img img{max-height:100%;max-width:180px;object-fit:contain;filter:none;transition:all .2s}.brand-pill-img:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#ffffff4d}.brand-pill-img:hover img{filter:grayscale(0%) opacity(1)}#legal{background:var(--white)}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-top:3rem;align-items:start}.legal-table{border:1px solid var(--line);overflow:hidden}.legal-row{display:grid;grid-template-columns:.9fr 1.4fr;border-bottom:1px solid var(--line)}.legal-row:last-child{border-bottom:none}.lk{padding:1rem 1.4rem;background:var(--bg);font-family:Rajdhani,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);border-right:1px solid var(--line);display:flex;align-items:center}.lv{padding:1rem 1.4rem;font-size:.82rem;color:var(--muted);font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;line-height:1.5}.legal-right{display:flex;flex-direction:column;gap:1.5rem}.legal-img{width:100%;height:220px;object-fit:cover;border:1px solid var(--line)}.contact-card{background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--navy);padding:1.8rem}.map-card{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--red);padding:1.8rem}.contact-ttl{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);padding-bottom:.8rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.contact-row{display:flex;gap:.8rem;font-size:.85rem;color:var(--muted);padding:.4rem 0;line-height:1.5}.contact-row strong{color:var(--navy);min-width:64px}.contact-details{display:grid;gap:.2rem}.contact-details a{color:var(--navy);font-weight:700}.map-embed{margin-top:1rem;overflow:hidden;border:1px solid var(--line);aspect-ratio:4 / 3}.map-embed iframe{width:100%;height:100%;display:block}.map-card-full{margin-top:2rem;border-left:3px solid var(--red);border-radius:0}.map-embed-full{margin-top:1rem;overflow:hidden;border:1px solid var(--line);height:420px}.map-embed-full iframe{width:100%;height:100%;display:block}#team{background:var(--bg)}.director-wrap{margin-top:3rem;margin-bottom:2.5rem}.director-card{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--navy);display:flex;gap:3rem;padding:2.8rem;align-items:center;box-shadow:0 4px 24px #1a2f6e12}.dir-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--blue-md);filter:saturate(.9)}.dir-name{font-family:Bebas Neue,sans-serif;font-size:2.2rem;letter-spacing:.06em;color:var(--navy);margin-bottom:.2rem}.dir-title{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem}.dir-quote{font-size:.95rem;font-style:italic;color:var(--muted);line-height:1.75;border-left:2px solid var(--line);padding-left:1.2rem}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.team-card{background:var(--white);border:1px solid var(--line);overflow:hidden;transition:all .3s}.team-card:hover{border-color:var(--navy);box-shadow:0 8px 28px #1a2f6e1a;transform:translateY(-3px)}.team-photo{width:100%;aspect-ratio:1;object-fit:cover;object-position:top;display:block;filter:saturate(.9)}.team-info{padding:1.3rem 1.5rem;border-top:3px solid var(--navy)}.team-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:.25rem}.team-role{font-size:.82rem;color:var(--muted)}.team-avatar{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--blue-lt);color:var(--navy);font-family:Bebas Neue,sans-serif;font-size:3rem;letter-spacing:.04em}.site-footer{background:var(--navy2);padding:3rem 6rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-logo img{height:44px;filter:brightness(0) invert(1);object-fit:contain}.footer-tagline{font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff6;margin-top:.4rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-links a{font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff6;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{font-size:.75rem;color:#ffffff40;font-family:Rajdhani,sans-serif}.nav-catalog-btn{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;background:var(--red);color:#fff!important;padding:.45rem 1.2rem;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:filter .2s,transform .2s}.nav-catalog-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.nav-active{color:var(--navy)!important}.btn-catalog-hero{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 2rem;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);cursor:pointer;transition:border-color .2s,background .2s;display:inline-flex;align-items:center}.btn-catalog-hero:hover{border-color:#fff;background:#ffffff14}.parts-cta{margin-top:2.5rem;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media (max-width: 900px){.site-nav{padding:0 1.5rem}.nav-links{display:none}#hero{grid-template-columns:1fr}.hero-stats{display:none}.hero-content{padding:7rem 1.5rem 3rem}section{padding:4rem 1.5rem}.about-grid,.vision-grid,.legal-grid,.team-grid{grid-template-columns:1fr}.values-grid,.parts-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr}.svc-item{flex-direction:column;gap:1rem;padding:1.6rem}.svc-img{width:100%;height:180px}.svc-name,.svc-desc{max-width:none}.director-card{flex-direction:column;gap:1.5rem}.site-footer{padding:2rem 1.5rem;flex-direction:column}}@media (max-width: 600px){.values-grid,.parts-grid{grid-template-columns:1fr}.svc-item{padding:1.25rem}.svc-img{height:160px}.svc-name{font-size:.92rem}.svc-desc{font-size:.82rem;line-height:1.7}}.catalog-hero{background:var(--navy2);position:relative;overflow:hidden;padding-top:68px}.catalog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/gedung.jpg) center/cover no-repeat;opacity:.07;filter:saturate(.5)}.catalog-hero-inner{position:relative;z-index:1;padding:3.5rem 6rem 3rem;max-width:720px}.catalog-eyebrow{display:flex;align-items:center;gap:.7rem;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#f5a07a;margin-bottom:.6rem}.catalog-eyebrow:before{content:"";width:24px;height:2px;background:#f5a07a;flex-shrink:0}.catalog-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:.95;letter-spacing:.04em;color:#fff;margin-bottom:.9rem}.catalog-hero-sub{font-size:.92rem;line-height:1.75;color:#ffffff8c;max-width:480px;margin-bottom:1.8rem}.catalog-search-wrap{position:relative;max-width:520px}.catalog-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none;font-size:.85rem;display:flex;align-items:center}.catalog-search{width:100%;padding:.85rem 3rem .85rem 2.6rem;background:#ffffff17;border:1px solid rgba(255,255,255,.18);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.catalog-search::placeholder{color:#ffffff52}.catalog-search:focus{border-color:#d9421aa6;background:#ffffff21}.catalog-search-clear{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff73;font-size:1.3rem;cursor:pointer;line-height:1;padding:0 .2rem;transition:color .2s}.catalog-sidebar{width:260px;flex-shrink:0;background:var(--white);border-right:1px solid var(--line);padding:1.8rem 0;position:sticky;top:68px;max-height:calc(100vh - 68px);overflow-y:auto}.catalog-sidebar::-webkit-scrollbar{width:3px}.catalog-sidebar::-webkit-scrollbar-thumb{background:var(--line)}.sidebar-title{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding:0 1.4rem .9rem}.sidebar-cat{width:100%;display:flex;align-items:center;gap:.7rem;padding:.6rem 1.4rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s;border-left:3px solid transparent}.scat-icon{font-size:.8rem;flex-shrink:0;width:18px;text-align:center;color:var(--steel)}.scat-label{flex:1;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;color:var(--text);line-height:1.3}.scat-count{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.68rem;background:var(--bg);border:1px solid var(--line);color:var(--muted);padding:.1rem .45rem;border-radius:99px}.catalog-main{flex:1;padding:2rem 2rem 4rem;min-width:0}.catalog-results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;gap:1rem;flex-wrap:wrap}.results-info{font-size:.83rem;color:var(--muted);line-height:1.5}.clear-filter{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid var(--red);color:var(--red);padding:.35rem .85rem;cursor:pointer;transition:all .2s}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.product-card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s;overflow:hidden}.product-card:hover{border-color:var(--navy);box-shadow:0 8px 28px #1a2f6e1a;transform:translateY(-3px)}.product-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--navy2)}.product-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;filter:saturate(.85) brightness(.95)}.product-card:hover .product-thumb img{transform:scale(1.04)}.thumb-brand-badge{position:absolute;top:.6rem;right:.6rem;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;background:#0e1d50d1;color:#ffffffe6;padding:.2rem .55rem;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-card-body{padding:.9rem 1rem;flex:1;display:flex;flex-direction:column;gap:.45rem}.product-cat-badge{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.35rem}.cat-badge-icon{opacity:.65;font-size:.7rem}.product-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.03em;text-transform:uppercase;color:var(--navy);line-height:1.3}.product-pn{display:flex;align-items:baseline;gap:.45rem}.pn-label{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;background:var(--navy);color:#fff;padding:.12rem .4rem;flex-shrink:0}.pn-value{font-family:Plus Jakarta Sans,sans-serif;font-size:.74rem;color:var(--muted);font-weight:500;word-break:break-all}.product-model{font-family:Rajdhani,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);padding:.12rem .45rem;display:inline-flex;align-items:center;align-self:flex-start}.btn-inquiry{width:100%;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1rem;background:var(--navy);color:#fff;border:none;cursor:pointer;opacity:1;display:flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;transition:background .2s,opacity .2s}.inquiry-icon{font-size:.7rem}.catalog-empty{text-align:center;padding:5rem 2rem}.empty-icon{font-size:2.6rem;margin-bottom:1rem;color:var(--blue-md);display:inline-block}.empty-title{font-family:Bebas Neue,sans-serif;font-size:1.7rem;letter-spacing:.06em;color:var(--navy);margin-bottom:.5rem}.empty-desc{font-size:.88rem;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:2.5rem;flex-wrap:wrap}.page-btn{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .9rem;background:var(--white);border:1px solid var(--line);color:var(--navy);cursor:pointer;transition:all .18s;min-width:36px}.page-nav{padding:.5rem .75rem}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-ellipsis{color:var(--muted);font-size:.82rem;padding:0 .2rem}@media (max-width: 1100px){.catalog-sidebar{width:230px}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-main{padding:1.5rem 1.5rem 3rem}}@media (max-width: 800px){.catalog-hero-inner{padding:2.5rem 1.5rem 2rem}.catalog-body{flex-direction:column}.catalog-sidebar{width:100%;max-height:none;position:static;border-right:none;border-bottom:1px solid var(--line);padding:.8rem 0 .5rem;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:0}.catalog-sidebar::-webkit-scrollbar{height:3px}.sidebar-title{display:none}.sidebar-cat{flex:0 0 auto;width:auto;padding:.45rem 1rem;border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.sidebar-cat.active{border-bottom-color:var(--red);border-left-color:transparent;background:transparent}.scat-count{display:none}.catalog-main{padding:1.2rem 1rem 3rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}@media (max-width: 500px){.product-grid{grid-template-columns:1fr}.catalog-main{padding:1rem .75rem 2.5rem}.product-thumb{aspect-ratio:16/9}}.catalog-hero{background:var(--navy2);padding:68px 0 0;position:relative;overflow:hidden}.catalog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/gedung.jpg) center/cover no-repeat;opacity:.08;filter:saturate(.5)}.catalog-hero-inner{position:relative;z-index:1;padding:4rem 6rem 3.5rem;max-width:760px}.catalog-hero-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,4vw,3.8rem);line-height:.95;letter-spacing:.04em;color:#fff;margin-bottom:1rem;margin-top:.5rem}.catalog-hero-title em{color:#d9421a;font-style:normal}.catalog-hero-sub{font-size:.95rem;line-height:1.75;color:#fff9;max-width:520px;margin-bottom:2rem}.catalog-search-wrap{position:relative;max-width:560px}.catalog-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff6;pointer-events:none;display:flex;align-items:center}.catalog-search{width:100%;padding:.9rem 3rem .9rem 2.8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:.92rem;outline:none;transition:border-color .2s,background .2s;border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.catalog-search::placeholder{color:#ffffff59}.catalog-search:focus{border-color:#d9421ab3;background:#ffffff1f}.catalog-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;font-size:1.3rem;cursor:pointer;line-height:1;padding:0 .2rem;transition:color .2s}.catalog-search-clear:hover{color:#fff}.catalog-page{min-height:100vh;display:flex;flex-direction:column}.catalog-body{display:flex;flex:1;background:var(--bg)}.catalog-sidebar{width:280px;flex-shrink:0;background:var(--white);border-right:1px solid var(--line);padding:2rem 0;max-height:calc(100vh - 68px);position:sticky;top:68px;overflow-y:auto}.catalog-sidebar::-webkit-scrollbar{width:4px}.catalog-sidebar::-webkit-scrollbar-track{background:transparent}.catalog-sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.sidebar-title{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:0 1.5rem 1rem}.sidebar-cat{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s;border-left:3px solid transparent}.sidebar-cat:hover{background:var(--bg)}.sidebar-cat.active{background:var(--blue-lt);border-left-color:var(--red)}.scat-icon{font-size:.85rem;flex-shrink:0;width:20px;text-align:center;color:var(--steel)}.sidebar-cat.active .scat-icon{color:var(--red)}.scat-label{flex:1;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;color:var(--text);line-height:1.3}.sidebar-cat.active .scat-label{color:var(--navy);font-weight:600}.scat-count{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.72rem;background:var(--bg);border:1px solid var(--line);color:var(--muted);padding:.15rem .5rem;border-radius:99px;flex-shrink:0}.sidebar-cat.active .scat-count{background:var(--navy);border-color:var(--navy);color:#fff}.catalog-main{flex:1;padding:2rem 2.5rem 4rem;min-width:0}.catalog-results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.results-info{font-size:.85rem;color:var(--muted);line-height:1.5}.results-info strong{color:var(--navy)}.results-info em{font-style:normal;color:var(--red)}.clear-filter{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid var(--red);color:var(--red);padding:.4rem .9rem;cursor:pointer;transition:all .2s}.clear-filter:hover{background:var(--red);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.product-card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;transition:all .25s;overflow:hidden}.product-card:hover{border-color:var(--navy);box-shadow:0 6px 24px #1a2f6e1a;transform:translateY(-2px)}.product-card-header{padding:.75rem 1rem;background:var(--bg);border-bottom:1px solid var(--line)}.product-cat-badge{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.product-card-body{padding:1rem;flex:1}.product-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;color:var(--navy);margin-bottom:.6rem;line-height:1.35}.product-pn{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.6rem}.pn-label{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;background:var(--navy);color:#fff;padding:.15rem .45rem;flex-shrink:0}.pn-value{font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;color:var(--muted);font-weight:500;word-break:break-all}.product-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.4rem}.product-brand{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;background:#d9421a1a;border:1px solid rgba(217,66,26,.25);color:var(--red);padding:.18rem .55rem}.product-model{font-family:Rajdhani,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);padding:.18rem .55rem}.product-card-footer{padding:.75rem 1rem;border-top:1px solid var(--line)}.btn-inquiry{width:100%;font-family:Rajdhani,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1rem;background:var(--navy);color:#fff;border:none;cursor:pointer;opacity:1;display:flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;transition:all .2s}.btn-inquiry:hover{background:var(--red)}.catalog-empty{text-align:center;padding:6rem 2rem}.empty-icon{font-size:3rem;margin-bottom:1rem;color:var(--blue-md)}.empty-title{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:.06em;color:var(--navy);margin-bottom:.5rem}.empty-desc{font-size:.9rem;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2.5rem;flex-wrap:wrap}.page-btn{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.55rem 1rem;background:var(--white);border:1px solid var(--line);color:var(--navy);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--navy);color:#fff;border-color:var(--navy)}.page-btn.active{background:var(--red);border-color:var(--red);color:#fff}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-ellipsis{color:var(--muted);font-size:.85rem;padding:0 .3rem}@media (max-width: 1100px){.catalog-sidebar{width:240px}.catalog-main{padding:1.5rem 1.5rem 3rem}}@media (max-width: 800px){.catalog-hero-inner{padding:2.5rem 1.5rem 2rem}.catalog-body{flex-direction:column}.catalog-sidebar{width:100%;max-height:none;position:static;border-right:none;border-bottom:1px solid var(--line);padding:1rem 0;display:flex;flex-wrap:wrap;gap:0}.sidebar-title{width:100%;padding:.5rem 1.5rem}.sidebar-cat{width:auto;flex:0 1 auto;padding:.5rem 1rem;border-left:none;border-bottom:3px solid transparent}.sidebar-cat.active{border-bottom-color:var(--red);border-left-color:transparent}.catalog-main{padding:1.5rem 1rem 3rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr 1fr;gap:.75rem}.catalog-main{padding:1rem .75rem 2.5rem}}