:root{--black: #000000;--black-soft: #0a0a0a;--dark: #1a1a1a;--dark-mid: #2a2a2a;--accent-white:#ffffff;--charcoal: #333333;--off-white: #fafafa;--gray: #808080;--light: #f5f5f5;--dark-text: #000000;--navy: var(--black);--navy2: var(--black-soft);--blue: var(--dark);--blue2: var(--dark-mid);--sky: var(--accent-white);--gold: var(--charcoal);--white: var(--off-white)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Barlow,sans-serif;background:#fafafa;color:var(--dark-text);overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px;background:#000000fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-logo{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--white);letter-spacing:3px;text-decoration:none;display:flex;align-items:center}.nav-logo img{height:68px;width:auto;object-fit:contain}.nav-logo span{color:var(--sky)}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-cta{font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;background:#fff;color:#000;border:none;padding:10px 24px;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s;font-weight:600}.nav-cta:hover{background:#1a1a1a;color:#fff}.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff08;color:var(--white);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.nav-toggle:hover{background:#ffffff14;border-color:#ffffff42}.nav-toggle:focus-visible{outline:none;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1f}.nav-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:transform .22s ease,opacity .18s ease,width .18s ease}.nav-toggle span:nth-child(2){width:14px}.nav-toggle span+span{margin-top:5px}.nav-mobile-cta{display:none}#hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;background:#000;position:relative;overflow:hidden}#hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#000000d1,#0000008c,#00000059),linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 40%,rgba(0,0,0,.6) 100%);z-index:1}#hero{background-blend-mode:luminosity}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bebas Neue,sans-serif;font-size:clamp(120px,20vw,280px);color:#ffffff08;white-space:nowrap;pointer-events:none;letter-spacing:10px;z-index:1}.hero-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent);z-index:1}.hero-line:nth-child(1){left:20%}.hero-line:nth-child(2){left:50%}.hero-line:nth-child(3){left:80%}.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-tag{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#ffffff80;margin-bottom:24px;display:flex;align-items:center;gap:14px}.hero-tag:before{content:"";width:40px;height:1px;background:#ffffff59;flex-shrink:0}.hero-h1{font-family:Bebas Neue,sans-serif;font-size:clamp(60px,7.5vw,104px);line-height:.92;color:#fff;letter-spacing:3px;margin-bottom:28px}.hero-h1 em{font-style:normal;color:#fff;opacity:.88;display:block;letter-spacing:4px}.hero-sub{font-size:15px;line-height:1.9;color:#ffffff85;margin-bottom:44px;font-weight:300;max-width:400px;letter-spacing:.2px}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn-primary{font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;background:#fff;color:#000;padding:15px 36px;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;border:1.5px solid #ffffff;font-weight:600}.btn-primary:hover{background:transparent;color:#fff;box-shadow:none}.btn-outline{font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;background:transparent;color:#ffffffb3;padding:15px 36px;text-decoration:none;border:1.5px solid rgba(255,255,255,.22);transition:border-color .2s,color .2s}.btn-outline:hover{border-color:#ffffffb3;color:#fff}.btn-dark{font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;background:#000;color:#fff;padding:15px 36px;text-decoration:none;border:1.5px solid #000000;display:inline-block;transition:background .2s,color .2s}.btn-dark:hover{background:transparent;color:#000}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.stat-item{padding:36px 32px;background:#00000073;position:relative;transition:background .25s}.stat-item:hover{background:#0000004d}.stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.07)}.stat-item:nth-child(1),.stat-item:nth-child(3){border-right:1px solid rgba(255,255,255,.07)}.stat-item:before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.25),transparent)}.stat-num{font-family:Bebas Neue,sans-serif;font-size:52px;color:#fff;line-height:1;letter-spacing:2px}.stat-num span{font-size:28px;color:#ffffff73;letter-spacing:1px}.stat-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff59;margin-top:8px;font-family:Barlow Condensed,sans-serif}section{padding:100px 0}.container{max-width:1200px;margin:0 auto;padding:0 48px}.section-tag{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-tag:before{content:"";width:24px;height:1px;background:var(--blue)}.section-title{font-family:Bebas Neue,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:2px;color:var(--dark-text);margin-bottom:20px}.section-title.light{color:var(--white)}#about{background:#fafafa}.about-grid{display:grid;grid-template-columns:5fr 4fr;gap:80px;align-items:start}.about-text p{font-size:16px;line-height:1.9;color:#555;font-weight:300;margin-bottom:20px}.about-text p strong{color:var(--dark-text);font-weight:600}.about-badge{display:inline-block;font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;background:var(--blue);color:var(--white);padding:6px 14px;margin-bottom:32px}.about-aside{position:sticky;top:84px}.about-card{background:#1a1a1a;padding:40px 36px;margin-bottom:2px;border-left:3px solid #ffffff}.about-card-label{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--sky);margin-bottom:8px}.about-card-value{font-family:Bebas Neue,sans-serif;font-size:32px;color:var(--white);letter-spacing:1px}.about-card-desc{font-size:13px;color:var(--gray);margin-top:4px;font-weight:300}#visi{background:#0a0a0a;position:relative;overflow:hidden}.visi-bg{position:absolute;right:-100px;top:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none}.visi-intro{max-width:640px;margin-bottom:64px}.visi-intro p{font-size:17px;line-height:1.8;color:var(--gray);font-weight:300}.visi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.visi-card{padding:40px 36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:3px solid #ffffff;position:relative;transition:background .2s}.visi-card:hover{background:#ffffff14;box-shadow:0 8px 24px #0000004d}.visi-num{font-family:Bebas Neue,sans-serif;font-size:72px;line-height:1;color:#ffffff0f;position:absolute;top:16px;right:20px;letter-spacing:-2px}.visi-card-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--white);margin-bottom:14px}.visi-card p{font-size:14px;line-height:1.8;color:var(--gray);font-weight:300}#marketplace{background:#f5f5f5}.mp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.mp-card{background:#fff;padding:44px 40px;border:1px solid rgba(0,0,0,.12);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-radius:4px;transition:transform .2s,box-shadow .2s}.mp-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #00000026}.mp-card.shopee,.mp-card.tiktok,.mp-card.tokopedia,.mp-card.lazada,.mp-card.blibli,.mp-card.whatsapp{background:#f7f5f2;border-color:#0000001a}.mp-logo{display:flex;justify-content:center;align-items:center;margin:auto 0}.mp-logo-link{display:flex;justify-content:center;align-items:center;width:100%;text-decoration:none}.mp-logo img{display:block;width:100%;max-width:220px;height:68px;object-fit:contain;object-position:center;margin:0 auto}.mp-username{font-size:13px;color:var(--gray);margin-bottom:32px;font-weight:300}.mp-username span{color:var(--blue);font-weight:500}.mp-btn{font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:12px 28px;text-decoration:none;display:inline-block;margin-top:auto;transition:.2s;border:1.5px solid}.mp-card.shopee .mp-btn,.mp-card.tokopedia .mp-btn,.mp-card.lazada .mp-btn,.mp-card.blibli .mp-btn,.mp-card.whatsapp .mp-btn{border-color:#1a1a1a;color:#1a1a1a}.mp-card.shopee .mp-btn:hover,.mp-card.tokopedia .mp-btn:hover,.mp-card.lazada .mp-btn:hover,.mp-card.blibli .mp-btn:hover,.mp-card.whatsapp .mp-btn:hover{background:#1a1a1a;color:var(--white)}.mp-card.tiktok .mp-btn{border-color:var(--dark-text);color:var(--dark-text)}.mp-card.tiktok .mp-btn:hover{background:var(--dark-text);color:var(--white)}.mp-card.whatsapp .mp-logo img{mix-blend-mode:multiply}#sosmed{background:#000}.sosmed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:56px}.sosmed-card{padding:40px 36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-left:3px solid #ffffff;display:flex;flex-direction:column;gap:20px;transition:background .2s}.sosmed-card:hover{background:#ffffff14;box-shadow:0 8px 24px #0000004d}.sosmed-platform{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--sky)}.sosmed-handle{font-family:Bebas Neue,sans-serif;font-size:36px;color:var(--white);letter-spacing:1px}.sosmed-stat{font-size:13px;color:var(--gray);font-weight:300}.sosmed-stat strong{color:var(--white);font-weight:500}#timeline{background:#fafafa}.tl-list{margin-top:56px;position:relative}.tl-list:before{content:"";position:absolute;left:120px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--blue),transparent)}.tl-item{display:grid;grid-template-columns:120px 1fr;gap:48px;padding:40px 0;border-bottom:1px solid rgba(0,0,0,.07);position:relative;align-items:start}.tl-item:last-child{border-bottom:none}.tl-year{font-family:Bebas Neue,sans-serif;font-size:48px;color:var(--blue);line-height:1;text-align:right;padding-right:24px;position:relative}.tl-year:after{content:"";position:absolute;right:-5px;top:14px;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px var(--white),0 0 0 4px var(--blue)}.tl-content-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dark-text);margin-bottom:12px}.tl-content p{font-size:15px;line-height:1.8;color:#555;font-weight:300}#kontak{background:#000;position:relative;overflow:hidden}.kontak-bg{position:absolute;left:-150px;bottom:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}.kontak-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:56px}.kontak-info-title{font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--sky);margin-bottom:32px}.kontak-item{display:flex;gap:20px;margin-bottom:28px;align-items:flex-start}.kontak-icon{width:40px;height:40px;flex-shrink:0;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.kontak-icon svg{width:18px;height:18px;stroke:var(--sky);fill:none;stroke-width:1.5}.kontak-item-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray);font-family:Barlow Condensed,sans-serif;margin-bottom:4px}.kontak-item-value{font-size:15px;color:var(--white);font-weight:400}.kontak-form{display:flex;flex-direction:column;gap:0}.form-group{position:relative;margin-bottom:2px}.form-group input,.form-group textarea,.form-group select{width:100%;background:#ffffff0d;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:var(--white);font-family:Barlow,sans-serif;font-size:15px;font-weight:300;padding:20px 0;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group select{cursor:pointer}.form-group select option{background:var(--navy2);color:var(--white)}.form-group textarea{resize:none;height:120px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-bottom-color:var(--sky)}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}.form-submit{margin-top:28px;font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:2px;text-transform:uppercase;background:#fff;color:#000;border:2px solid #ffffff;padding:16px 40px;cursor:pointer;transition:background .2s,box-shadow .2s;align-self:flex-start;font-weight:600}.form-submit:hover{background:#000;color:#fff;border-color:#fff;box-shadow:0 8px 24px #ffffff26}#target{background:#f5f5f5}.target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px}.target-card{background:#fff;padding:40px 32px;border-bottom:3px solid transparent;border:1px solid rgba(0,0,0,.1);transition:border-color .2s,box-shadow .2s}.target-card:hover{border-bottom-color:#000;box-shadow:0 8px 24px #00000014}.target-pct{font-family:Bebas Neue,sans-serif;font-size:64px;color:var(--blue);line-height:1;letter-spacing:-1px}.target-pct span{font-size:32px;color:var(--sky)}.target-label{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dark-text);margin:8px 0}.target-desc{font-size:13px;line-height:1.7;color:#555;font-weight:300}footer{background:#000;padding:60px 0 32px;border-top:1px solid rgba(255,255,255,.08)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.06)}.footer-brand-name{font-family:Bebas Neue,sans-serif;font-size:36px;color:var(--white);letter-spacing:3px;margin-bottom:12px;display:flex;align-items:center}.footer-brand-name img{height:74px;width:auto;object-fit:contain;display:block}.footer-brand-name span{color:var(--sky)}.footer-tagline{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:20px;font-family:Barlow Condensed,sans-serif}.footer-desc{font-size:13px;line-height:1.8;color:var(--gray);font-weight:300;max-width:260px}.footer-col-title{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--sky);margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{font-size:13px;color:var(--gray);text-decoration:none;transition:color .2s;font-weight:300}.footer-links a:hover{color:var(--white)}.footer-contact-item{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.footer-contact-item span:first-child{color:var(--sky);font-size:13px}.footer-contact-item span:last-child{font-size:13px;color:var(--gray);font-weight:300}.footer-contact-item a{color:var(--gray);text-decoration:none;transition:color .2s}.footer-contact-item a:hover{color:var(--white)}.footer-bottom{padding-top:32px;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:12px;color:#fff3;font-family:Barlow Condensed,sans-serif;letter-spacing:1px}.footer-socials{display:flex;gap:16px}.footer-social-link{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--gray);text-decoration:none;font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:1px;transition:.2s}.footer-social-link:hover{border-color:var(--sky);color:var(--sky)}#produk{background:#fafafa}.produk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:56px}.produk-card{position:relative;overflow:hidden;aspect-ratio:3/4;background:#1a1a1a;cursor:pointer}.produk-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.produk-card:hover img{transform:scale(1.06)}.produk-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 55%);opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.produk-card:hover .produk-card-overlay{opacity:1}.produk-card-name{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--white)}.produk-card-cat{font-size:12px;color:var(--sky);letter-spacing:1px;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;margin-top:2px}.produk-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.produk-placeholder svg{width:36px;height:36px;opacity:.35}.produk-placeholder span{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#1116}.about-photo-wrap{position:relative}.about-photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:4px;margin-bottom:16px}.about-photo-placeholder{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);display:flex;margin-bottom:16px;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:4px}.about-photo-placeholder svg{width:48px;height:48px;opacity:.3}.about-photo-placeholder span{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#11111159}.hero-photo-hint{position:absolute;bottom:32px;left:48px;z-index:3;font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#ffffff40;display:flex;align-items:center;gap:8px}.hero-photo-hint:before{content:"";width:24px;height:1px;background:#fff3}#tim{background:var(--navy)}.tim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:48px}.tim-card{position:relative;overflow:hidden;aspect-ratio:1/1;background:#1a1a1a}.tim-card img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(20%);transition:filter .3s,transform .5s}.tim-card:hover img{filter:grayscale(0%);transform:scale(1.04)}.tim-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#252525)}.tim-placeholder svg{width:40px;height:40px;opacity:.2;stroke:var(--sky)}#karir{background:var(--white)}.karir-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:48px}.karir-card{background:var(--light);padding:24px;border-radius:4px;border:1px solid rgba(138,155,176,.2);transition:transform .3s,border-color .3s}.karir-card:hover{transform:translateY(-4px);border-color:var(--blue)}.karir-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dark-text);margin-bottom:8px}.karir-type{font-size:13px;color:var(--gray)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(max-width:1100px){.produk-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){nav{padding:0 24px;align-items:center}.nav-links{display:none;position:absolute;top:64px;left:24px;right:24px;padding:24px;background:#0d0d0dfc;border:1px solid rgba(255,255,255,.08);flex-direction:column;gap:18px;list-style:none;z-index:200}nav.menu-open .nav-links{display:flex}.nav-links a{display:block;color:var(--white)}.nav-cta{display:none}.nav-mobile-cta{display:inline-flex;justify-content:center;margin-top:8px;background:#fff;color:#000;width:100%}.nav-links .nav-mobile-cta{color:#000}.nav-links .nav-mobile-cta:hover{color:var(--white);background:#1a1a1a}.nav-toggle{display:inline-flex;flex-direction:column;flex-shrink:0}nav.menu-open .nav-toggle span:nth-child(1){width:18px;transform:translateY(7px) rotate(45deg)}nav.menu-open .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(.6)}nav.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-inner{grid-template-columns:1fr;gap:48px}.hero-stats{display:none}.about-grid,.kontak-grid{grid-template-columns:1fr;gap:48px}.about-aside{position:static}.visi-grid,.sosmed-grid,.target-grid{grid-template-columns:1fr}.mp-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.tl-list:before{display:none}.tl-item{grid-template-columns:1fr;gap:8px}.tl-year{text-align:left;padding-right:0;font-size:36px}.tl-year:after{display:none}.container{padding:0 24px}section{padding:64px 0}}@media(max-width:700px){.produk-grid,.tim-grid{grid-template-columns:repeat(2,1fr)}.mp-card{padding:28px 20px}.mp-logo img{max-width:180px;height:56px}}@media(max-width:480px){.container{padding:0 16px}section{padding:48px 0}.mp-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mp-card{padding:20px 12px}.mp-logo img{max-width:130px;height:44px}.mp-btn{font-size:11px;padding:9px 12px;letter-spacing:1px;text-align:center;width:100%}.mp-username{font-size:11px;margin-bottom:16px}.footer-top{grid-template-columns:1fr;gap:32px}.hero-h1{font-size:clamp(44px,13vw,72px)}.hero-inner{padding:0 16px}.target-grid,.visi-grid,.sosmed-grid{grid-template-columns:1fr}.about-card{padding:28px 24px}.tl-year{font-size:28px}.karir-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;align-items:flex-start}.hero-btns{flex-direction:column}.btn-primary,.btn-outline{text-align:center;width:100%}}