@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--black: #000000;--white: #ffffff;--yellow: #ff3e00;--orange: #ff3e00;--red: #ff3e00;--border: 1px solid rgba(0, 0, 0, .06);--shadow: 0 20px 40px rgba(0, 0, 0, .05);--shadow-hover: 0 30px 60px rgba(255, 122, 0, .15);--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 24px;--glass-bg: rgba(255, 255, 255, .85)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{font-family:var(--font-body)}body{color:var(--black);background:var(--white);font-weight:400;line-height:1.5;overflow-x:hidden}button,input,select,textarea,a{font-family:inherit}.mobile-break{display:none}@media (max-width: 768px){.mobile-break{display:block}}#opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--black);display:flex;align-items:center;justify-content:center;animation:openingExit .5s ease-in 2.8s forwards}.opening-inner{display:flex;flex-direction:column;align-items:center;gap:32px}.opening-logo{width:220px;animation:logoIn 2s cubic-bezier(.22,1,.36,1) .1s both}.opening-bar{position:absolute;bottom:0;left:0;height:4px;background:var(--orange);width:0;animation:loadBar 2.6s ease .2s forwards}@keyframes logoIn{0%{opacity:0;transform:scale(.95) translateY(20px);filter:brightness(0) invert(1) blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(0) invert(1) blur(0px)}}@keyframes loadBar{0%{width:0}to{width:100%}}@keyframes openingExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px);pointer-events:none}}nav{position:fixed;top:16px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;z-index:1000;background:#0a0a0abf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,122,0,.3);border-radius:50px;box-shadow:0 4px 30px #ff7a0026;display:flex;align-items:center;justify-content:space-between;padding:8px 24px}.has-intro nav{opacity:0;animation:fadeIn .4s ease 3.6s forwards}@keyframes fadeIn{to{opacity:1}}.nav-logo img{height:40px;transform:scale(1.6);transform-origin:left center}.nav-links{display:flex;gap:24px;list-style:none}.mobile-only-contact{display:none}.mobile-menu-btn{background:none;border:none;cursor:pointer;padding:4px}.nav-links a{font-family:var(--font-body);font-weight:400;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--white);text-decoration:none;position:relative;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--yellow);transition:width .25s ease}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--yellow);border-radius:50px;color:var(--black)!important;font-weight:700;padding:8px 18px!important;font-size:.8rem;border:none;box-shadow:0 4px 10px #ff7a0033;transition:box-shadow .2s,transform .2s!important}.nav-cta:hover{box-shadow:var(--shadow-hover)!important;transform:translate(-2px,-2px)}.nav-cta:after{display:none!important}.has-intro main#app{opacity:0;animation:fadeIn .5s ease 3.8s forwards}#hero{min-height:100vh;padding:180px 48px 100px;display:grid;grid-template-columns:1fr;gap:64px;align-items:center;justify-items:center;background:radial-gradient(circle at top right,rgba(255,122,0,.15),transparent 40%),radial-gradient(circle at bottom left,rgba(255,122,0,.05),transparent 40%);background-color:#0b0b0e;border-bottom:none;position:relative;overflow:hidden}.hero-left{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:10}.hero-bg-text{position:absolute;bottom:-20px;right:-20px;font-family:var(--font-display);font-size:18vw;color:transparent;-webkit-text-stroke:2px rgba(10,10,10,.06);pointer-events:none;line-height:1;-webkit-user-select:none;user-select:none}.hero-label{display:inline-flex;align-items:center;gap:8px;background:#ff7a0026;border:1px solid rgba(255,122,0,.3);color:var(--yellow);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px}.hero-label span{width:8px;height:8px;background:var(--yellow);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.hero-headline{font-family:var(--font-display);color:#fff;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:.01em;margin-bottom:28px}.hero-headline .accent{color:var(--yellow)}.hero-desc{font-size:1.1rem;line-height:1.7;color:#fffc;max-width:480px;margin-bottom:40px;text-align:center}.hero-cta{display:inline-flex;align-items:center;gap:12px;background:var(--yellow);color:#fff;padding:16px 36px;border-radius:50px;border:none;box-shadow:0 10px 25px #ff7a004d;font-weight:700;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:all .3s ease}.hero-cta:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.hero-cta svg{transition:transform .2s}.hero-cta:hover svg{transform:translate(4px)}.floating-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.float-icon{position:absolute;opacity:.6}.float-icon svg{filter:drop-shadow(0 0 10px rgba(255,122,0,.5))}.float-icon.icon-1{top:15%;left:10%}.float-icon.icon-1 svg{animation:float1 6s ease-in-out infinite}.float-icon.icon-2{top:20%;right:15%}.float-icon.icon-2 svg{animation:float2 7s ease-in-out infinite 1s}.float-icon.icon-3{bottom:20%;left:15%}.float-icon.icon-3 svg{animation:float3 8s ease-in-out infinite 2s}.float-icon.icon-4{bottom:15%;right:10%}.float-icon.icon-4 svg{animation:float4 6.5s ease-in-out infinite 3s}.float-icon.icon-5{top:45%;left:5%}.float-icon.icon-5 svg{animation:float1 7s ease-in-out infinite 1.5s}@keyframes float1{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-20px) rotate(25deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(-20deg)}50%{transform:translateY(-25px) rotate(-10deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-15px) rotate(20deg)}}@keyframes float4{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-30px) rotate(-5deg)}}.hero-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:480px}.hero-img-block{border:8px solid rgba(255,255,255,.05);border-radius:var(--radius);box-shadow:0 30px 60px #0006;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-img-block:first-child{grid-row:span 2}.hero-img-block img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-tag{box-shadow:5px 5px #000}.hero-img-block:hover img{transform:scale(1.06)}.img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0d8c8,#c8c0b0);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;color:#0a0a0a4d;text-transform:uppercase}#tentang{display:grid;grid-template-columns:1fr 1fr;border-bottom:none;background:#fff;gap:40px;padding:40px 48px}.tentang-left{padding:40px 0;border-right:none}.tentang-right{padding:40px 60px;background:#fafafa;color:var(--black);border-radius:var(--radius)}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#888;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-label:before{content:"";display:inline-block;width:24px;height:2px;background:var(--yellow)}.section-heading{font-family:var(--font-display);font-size:clamp(3rem,5vw,5rem);line-height:1;margin-bottom:24px}.tentang-body{font-size:.95rem;line-height:1.8;color:#555;margin-bottom:32px}.visi-misi-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.vm-block{padding:32px;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);background:#fff;position:relative;transition:all .3s ease;margin:10px}.vm-block:hover{background:var(--yellow);box-shadow:var(--shadow);transform:translate(-3px,-3px);z-index:2}.vm-title{font-family:var(--font-display);font-size:2rem;margin-bottom:12px;letter-spacing:.02em}.vm-text{font-size:.88rem;line-height:1.75;color:#555}.vm-block:hover .vm-text{color:var(--black)}.pillar-label{font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:24px}.pillar-item{border-bottom:1px solid rgba(0,0,0,.05);padding:20px 0;display:flex;align-items:flex-start;gap:16px}.pillar-item:last-child{border-bottom:none}.pillar-num{font-family:var(--font-display);font-size:1.4rem;color:var(--yellow);width:32px;flex-shrink:0}.pillar-name{font-weight:600;font-size:.95rem;margin-bottom:4px}.pillar-desc{font-size:.82rem;color:#666;line-height:1.6}#portfolio{padding:100px 0;border-bottom:none;background:#fafafa;overflow:hidden}.portfolio-header{display:flex;align-items:flex-end;justify-content:space-between;padding:0 48px;margin-bottom:48px}.portfolio-nav-btns{display:flex;gap:12px}.porto-btn{width:48px;height:48px;background:var(--white);border:1px solid rgba(0,0,0,.05);border-radius:50%;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.porto-btn:hover{background:var(--yellow);box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.porto-track-wrapper{position:relative;overflow:hidden;padding:0 48px 16px}.porto-track{display:flex;gap:20px;transition:transform .4s cubic-bezier(.25,1,.5,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.porto-card{flex:0 0 360px;border:none;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:var(--white);cursor:pointer;transition:all .3s ease}.porto-card:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.porto-card-img{width:100%;height:240px;overflow:hidden;position:relative}.porto-card-img .img-placeholder{height:240px;background:linear-gradient(135deg,#e0d8c8,#b8b0a0)}.porto-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.porto-card:hover .porto-card-img img{transform:scale(1.06)}.porto-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--black);color:var(--white);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .3s ease}.porto-card:hover .porto-card-overlay{opacity:1}.porto-overlay-tag{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow);margin-bottom:6px}.porto-overlay-title{font-family:var(--font-display);font-size:1.6rem;line-height:1.1;margin-bottom:8px}.porto-overlay-desc{font-size:.82rem;color:#f5f0e8b3;line-height:1.6;margin-bottom:16px}.porto-overlay-cta{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:var(--black);padding:10px 18px;border:2px solid var(--white);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;cursor:none;width:fit-content;transition:background .2s;position:relative}.porto-card-info{padding:20px 24px;border-top:var(--border);display:flex;align-items:center;justify-content:space-between}.porto-card-tag{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#ff7a001a;color:var(--yellow);padding:6px 14px;border:none;border-radius:50px}.porto-card-title{font-weight:600;font-size:.92rem;margin-top:4px}.porto-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;display:flex;align-items:center;justify-content:center;background:#0a0a0ad9;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.porto-modal.active{opacity:1;pointer-events:all}.porto-modal-box{background:var(--white);border:1px solid rgba(0,0,0,.05);box-shadow:0 40px 100px #0000004d;max-width:800px;width:90%;max-height:85vh;overflow-y:auto;transform:translateY(30px) scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.porto-modal.active .porto-modal-box{transform:translateY(0) scale(1)}.modal-img{width:100%;height:300px;overflow:hidden}.modal-img .img-placeholder{height:300px}.modal-img img{width:100%;height:100%;object-fit:cover}.modal-body{padding:36px}.modal-tag{display:inline-block;background:var(--yellow);color:var(--black);padding:5px 14px;border:none;font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.modal-title{font-family:var(--font-display);font-size:3rem;line-height:1;margin-bottom:16px}.modal-desc{font-size:.95rem;line-height:1.8;color:#555;margin-bottom:24px}.modal-meta{display:flex;gap:24px}.modal-meta-item{font-size:.82rem}.modal-meta-label{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#888;margin-bottom:2px}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:var(--black);color:var(--white);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:10}.modal-close:hover{background:var(--red)}.porto-modal-box{position:relative}#company{padding:100px 48px;border-bottom:none;background:#fff}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.company-card{border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:var(--white);transition:all .3s ease;cursor:pointer}.company-card:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.company-card-top{display:flex;align-items:center;gap:20px;padding:28px;border-bottom:var(--border)}.company-logo-box{width:72px;height:72px;border:none;border-radius:20px;background:#ff7a001a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-size:1.4rem;color:var(--yellow);letter-spacing:.05em}.company-info-name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.02em;line-height:1.1;margin-bottom:4px}.company-info-sector{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:#ff7a001a;color:var(--yellow);display:inline-block;padding:4px 12px;border:none;border-radius:50px}.company-card-desc{padding:20px 28px;font-size:.88rem;line-height:1.7;color:#555;border-bottom:var(--border)}.company-card-footer{padding:16px 28px;display:flex;align-items:center;justify-content:space-between}.company-porto-btn{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#fff;padding:10px 24px;border:none;border-radius:50px;box-shadow:0 4px 15px #ff7a0033;font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.company-porto-btn:hover{background:var(--yellow);color:var(--black);box-shadow:var(--shadow);transform:translate(-2px,-2px)}.company-stat{font-size:.8rem;color:#888;font-weight:500}.company-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7000;background:#0a0a0ae6;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.company-modal.active{opacity:1;pointer-events:all}.company-modal-box{background:var(--white);border:1px solid rgba(0,0,0,.05);box-shadow:0 40px 100px #0000004d;max-width:900px;width:92%;max-height:88vh;overflow-y:auto;transform:translate(60px) scale(.96);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}.company-modal.active .company-modal-box{transform:translate(0) scale(1)}.company-modal.active{align-items:stretch;justify-content:flex-start;padding:0}.company-modal.active .company-modal-box,.company-modal.active .porto-modal-box{width:100vw;height:100vh;max-width:100%;max-height:100%;border:none;box-shadow:none;transform:none;overflow:auto;border-radius:var(--radius)}.company-modal.active .modal-img{height:40vh}.company-modal.active .modal-body{padding:40px;max-width:1200px;margin:0 auto}.company-modal .modal-close{position:fixed;top:18px;right:18px;z-index:9001}.cmodal-header{background:var(--black);color:var(--white);padding:40px 40px 32px;display:flex;align-items:center;gap:28px}.cmodal-logo{width:80px;height:80px;background:var(--yellow);border:3px solid var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.6rem;color:var(--black);flex-shrink:0}.cmodal-header-name{font-family:var(--font-display);font-size:2.8rem;line-height:1;margin-bottom:8px}.cmodal-header-sector{font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow)}.cmodal-body{padding:0}.cmodal-vm{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(0,0,0,.05);margin-bottom:36px}.cmodal-vm-block{padding:28px}.cmodal-vm-block:first-child{border-right:var(--border)}.cmodal-vm-title{font-family:var(--font-display);font-size:1.8rem;margin-bottom:8px}.cmodal-vm-title span{display:block;width:36px;height:3px;background:var(--yellow);margin-top:6px;border:1px solid var(--black)}.cmodal-vm-text{font-size:.87rem;line-height:1.75;color:#555;margin-top:12px}.cmodal-section-title{font-family:var(--font-display);font-size:2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:var(--border)}.cmodal-fields{display:flex;flex-direction:column;gap:0;margin-bottom:36px}.cmodal-field-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid rgba(10,10,10,.1)}.cmodal-field-item:last-child{border-bottom:none}.cmodal-field-bar{width:4px;background:var(--yellow);border:1px solid var(--black);flex-shrink:0;align-self:stretch}.cmodal-field-name{font-weight:700;font-size:.92rem;margin-bottom:4px}.cmodal-field-desc{font-size:.82rem;color:#666;line-height:1.6}.cmodal-porto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.cmodal-porto-item{border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:box-shadow .2s,transform .2s}.cmodal-porto-item:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.cmodal-porto-img{height:120px;background:linear-gradient(135deg,#e0d8c8,#c0b8a8);display:flex;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.1em;color:#0a0a0a4d;text-transform:uppercase}.cmodal-porto-info{padding:12px;border-top:var(--border)}.cmodal-porto-name{font-weight:600;font-size:.85rem}.cmodal-porto-cat{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-top:2px}.cmodal-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(0,0,0,.05)}.cmodal-stat{padding:24px;text-align:center;border-right:var(--border)}@media (max-width: 768px){body{scroll-snap-type:none;overflow-x:hidden}.slide{height:auto!important;min-height:100vh;overflow:visible!important;scroll-snap-align:none}text-align: center;border-right: var(--border)}.cmodal-stat:last-child{border-right:none}.cmodal-stat-num{font-family:var(--font-display);font-size:3rem;line-height:1;margin-bottom:4px}.cmodal-stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#888}.cmodal-close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:var(--yellow);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;cursor:pointer;z-index:10;transition:background .2s,box-shadow .2s,transform .2s}.cmodal-close:hover{background:var(--red);color:var(--white);box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}#clients{padding:0;border-bottom:none;background:#fff;overflow:hidden}.clients-header{padding:0 48px;margin-bottom:40px}.marquee-wrapper{position:relative;overflow:hidden}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2}.marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--white),transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--white),transparent)}.marquee-track{display:flex;gap:0;animation:marquee 20s linear infinite;width:max-content}.marquee-track.reverse{animation-direction:reverse}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-logo-item{padding:20px 40px;border-right:none;display:flex;align-items:center;justify-content:center;min-width:160px;transition:background .3s ease}.client-logo-item img{height:36px;width:auto;object-fit:contain;filter:grayscale(0%);opacity:1;transition:filter .2s,opacity .2s}.client-logo-item.large img{height:64px}.client-logo-item:hover{background:var(--yellow)}.client-logo-item:hover img{filter:grayscale(0%);opacity:1}.client-logo-item .logo-text{font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}footer{background:var(--black);color:var(--white);border-top:var(--border)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:0;border-bottom:1px solid rgba(0,0,0,.05)}.footer-col{padding:60px 40px;border-right:1px solid rgba(245,240,232,.15)}.footer-col:last-child{border-right:none}.footer-logo img{height:40px;filter:invert(1);margin-bottom:20px}.footer-tagline{font-size:.88rem;line-height:1.7;color:#666;margin-bottom:28px}.footer-social{display:flex;gap:12px}.social-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:color .2s,transform .2s}.social-btn:hover{color:var(--yellow);transform:scale(1.1)}.footer-col-title{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:20px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{color:#f5f0e8b3;text-decoration:none;font-size:.88rem;transition:color .2s}.footer-links a:hover{color:var(--yellow)}.footer-contact-item{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.footer-contact-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#f5f0e866}.footer-contact-val{font-size:.88rem;color:#f5f0e8cc}.footer-bottom{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:#f5f0e866}.footer-bottom span{color:var(--yellow);font-weight:700}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){body{scroll-snap-type:none;overflow-x:hidden}.slide{height:auto!important;min-height:100vh;overflow:visible!important;scroll-snap-align:none}nav{padding:12px 24px}.desktop-only-contact{display:none!important}.mobile-menu-btn{display:block!important;z-index:1001}.nav-links{position:absolute;top:calc(100% + 12px);left:0;right:0;height:auto;background:#000;border:1px solid rgba(255,122,0,.2);border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:30px 40px;gap:24px;transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1000;box-shadow:0 20px 40px #00000080}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links li{display:block!important}.nav-links a{font-size:1.2rem!important}.mobile-only-contact{display:block!important}.mobile-only-contact a{color:var(--yellow)!important;font-weight:800}#hero{grid-template-columns:1fr;padding:100px 24px 60px;text-align:center}.hero-left{align-items:center}.hero-headline{font-size:clamp(3rem,14vw,5rem)}#tentang{grid-template-columns:1fr;display:flex;flex-direction:column}.tentang-left{padding:48px 24px;border-right:none;border-bottom:var(--border)}.tentang-right{padding:48px 24px}.visi-misi-grid{grid-template-columns:1fr}.vm-block:first-child{border-right:var(--border);border-bottom:none}#portfolio{padding:60px 0}.portfolio-header{padding:0 24px;flex-direction:column;align-items:flex-start;gap:20px}.porto-track-wrapper{padding:0 24px 16px}.porto-card{flex:0 0 260px}.porto-card-overlay{display:none}#company{padding:60px 24px}.company-grid{grid-template-columns:1fr}.company-card-top{padding:20px;flex-wrap:wrap;gap:12px}.company-card-desc{padding:16px 20px;font-size:.82rem}.company-card-footer{padding:14px 20px;flex-wrap:wrap;gap:8px}.company-stat{font-size:.75rem}.clients-header{padding:0 24px}#contact{padding:60px 24px!important}#contact .contact-grid{grid-template-columns:1fr!important;gap:24px!important}#contact .contact-robot,#contact .contact-glow{display:none!important}#contact input,#contact select,#contact textarea{box-shadow:4px 4px #0a0a0a!important}.footer-top{grid-template-columns:1fr}.footer-col{border-right:none;border-bottom:1px solid rgba(0,0,0,.05);padding:36px 24px}.footer-bottom{flex-direction:column;gap:8px;text-align:center;padding:20px 24px}.cmodal-vm{grid-template-columns:1fr}.cmodal-vm-block:first-child{border-right:none;border-bottom:var(--border)}.cmodal-porto-grid{grid-template-columns:1fr 1fr}.cmodal-stats{grid-template-columns:1fr}.cmodal-stat{border-right:none;border-bottom:var(--border)}.porto-modal-box,.company-modal-box{width:10%;max-height:90vh}.cmodal-header{padding:24px;flex-wrap:wrap;gap:16px}.cmodal-body{padding:24px}}.about-intro-section{display:flex;flex-direction:column;width:100%}.about-intro-bg-top,.about-intro-bg-bottom{position:relative;padding:120px 48px;background-size:cover;background-position:center;background-attachment:fixed;color:var(--white);display:flex;align-items:center;justify-content:center;text-align:center;min-height:100vh}.about-intro-bg-top{background-image:url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80)}.about-intro-bg-bottom{background-image:url(https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&q=80)}.about-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1}.about-intro-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.about-intro-title{font-family:var(--font-display);font-size:2.8rem;font-weight:700;margin-bottom:24px;line-height:1.3}.about-intro-content p{font-size:1.4rem;line-height:1.7;margin-bottom:16px;color:#fffffff2}.about-intro-solid-middle{background-color:var(--yellow);padding:80px 48px;color:var(--black);display:flex;align-items:center;justify-content:center;text-align:center;min-height:100vh;position:relative;overflow:hidden}.wavy-line-container{position:absolute;top:0;bottom:0;width:150px;opacity:1;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='400' viewBox='0 0 150 400'%3E%3Cpath d='M 50 0 C 50 66, 120 133, 120 200 C 120 266, 50 333, 50 400' fill='none' stroke='%23000000' stroke-width='35'/%3E%3C/svg%3E");background-repeat:repeat-y;background-position:top center;animation:scrollWaves 10s linear infinite}.wavy-line-left{left:0}.wavy-line-right{right:0;transform:scaleX(-1)}@keyframes scrollWaves{0%{background-position-y:0px}to{background-position-y:400px}}@keyframes float-y{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.about-intro-content-middle{max-width:900px;margin:0 auto;position:relative;z-index:2}.about-intro-content-middle p{font-size:1.4rem;line-height:1.7;font-weight:500;margin-bottom:16px}.bullet-point{font-size:1.2em;vertical-align:middle}.about-intro-slogan{font-family:var(--font-display);font-size:4rem;font-weight:800;color:var(--yellow);margin-bottom:24px;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.about-intro-footer-text{font-weight:500;font-size:1.4rem!important}@media (max-width: 768px){.about-intro-title{font-size:1.8rem}.about-intro-slogan{font-size:2rem}}#tentang-new{padding:0;background:transparent}.about-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:80px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.about-top-grid{display:flex;align-items:center;gap:60px}.about-top-text{flex:1.2;text-align:right}.about-top-text h2{font-family:var(--font-display);font-size:3rem;margin-bottom:20px;font-weight:500}.about-top-text p{font-size:1.1rem;line-height:1.7;color:#444}.about-top-img{flex:.8;display:flex;justify-content:center}.about-top-img img{max-width:100%;border-radius:var(--radius);filter:drop-shadow(0 20px 40px rgba(0,0,0,.1))}.vm-grid-new{display:flex;gap:40px}.vm-card-new{flex:1;display:flex;flex-direction:column;position:relative;margin-top:40px}.vm-tab-new{background:var(--yellow);padding:12px 32px;font-family:var(--font-display);font-size:1.8rem;color:var(--black);width:fit-content;border-radius:24px 24px 0 0;margin-bottom:-1px;position:relative;z-index:2}.vm-body-new{background:var(--yellow);padding:40px;border-radius:0 24px 24px;color:var(--black);font-size:1.15rem;line-height:1.6;box-shadow:var(--shadow);position:relative;z-index:1;flex-grow:1}.values-grid{display:flex;gap:24px}.value-card{flex:1;background:#f8f8f3;border:1px solid var(--black);border-radius:24px;padding:48px 32px 32px;text-align:center;position:relative;margin-top:30px;box-shadow:4px 4px #0000001a}.value-icon{position:absolute;top:-24px;left:50%;transform:translate(-50%);width:48px;height:48px;border:2px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000}.value-icon svg{width:20px;height:20px}.value-icon.bg-red{background:var(--red)}.value-icon.bg-yellow{background:var(--yellow)}.value-icon.bg-white{background:#fff}.value-card h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:16px;text-align:center;text-transform:uppercase}.value-card p{font-size:.95rem;line-height:1.6;color:#555}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}#tentang-new{padding:0}.about-top-grid{flex-direction:column;gap:40px}.about-top-text{text-align:center}.vm-grid-new{flex-direction:column;gap:32px}.vm-body-new{border-radius:0 24px 24px}.values-grid{flex-direction:column;gap:40px}}@media (max-width: 768px){.nav-links li{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.nav-links.active li{opacity:1;transform:translateY(0)}.nav-links.active li:nth-child(1){transition-delay:.2s}.nav-links.active li:nth-child(2){transition-delay:.3s}.nav-links.active li:nth-child(3){transition-delay:.4s}.nav-links.active li:nth-child(4){transition-delay:.5s}.nav-links.active li:nth-child(5){transition-delay:.6s}.nav-links.active li:nth-child(6){transition-delay:.7s}}