@font-face{font-family:Montserrat;src:url('regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Montserrat;src:url('semibold.ttf') format('truetype');font-display:swap;font-weight:600 800}
:root{--ink:#f2e9dd;--muted:#c6b9a9;--accent:#c9a879;--line:#d2b78a33;--bg:#211b17;--panel:#2c231e;--sans:Montserrat,Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0;background:none}::selection{background:var(--accent);color:var(--bg)}.shell{width:min(1320px,calc(100% - 112px));margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:12px}.header{height:150px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:28px}.brand-logo{display:block;object-fit:contain;width:110px;height:100px}.brand-note{font-size:10px;line-height:1.8;letter-spacing:2px;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line);padding-left:26px}.tools{display:flex;align-items:center;gap:22px}.languages{display:flex;align-items:center;gap:4px;font-size:11px;letter-spacing:1px}.languages span{opacity:.3}.lang{min-width:36px;min-height:44px;opacity:.48}.lang[aria-pressed=true]{opacity:1}.motion{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.motion svg{width:12px;height:12px}.hero{min-height:650px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:70px 0 75px}.hero-copy{position:relative;z-index:2;max-width:590px}.eyebrow{font-size:10px;letter-spacing:2.8px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:15px;margin-bottom:30px}.eyebrow:before{content:'';width:38px;height:1px;background:var(--accent)}h1{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-3px;font-size:clamp(52px,5.55vw,84px);margin:0 0 27px}h1 em{font-weight:400;color:var(--accent)}.lead{max-width:420px;color:var(--muted);font-size:13px;line-height:1.95;margin:0 0 30px}.status{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:28px}.status-dot{width:6px;height:6px;border-radius:100%;background:var(--accent);box-shadow:0 0 0 5px #c9a87910;animation:pulse 3s ease-in-out infinite}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 22px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:600;border:1px solid var(--ink);transition:transform .25s,background .25s}.contact-button:hover{transform:translateY(-3px);background:var(--accent);border-color:var(--accent)}.arrow{font-size:19px;line-height:1}.direct-mail{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding:7px 0}.direct-mail:hover{color:var(--ink)}.visual{height:500px;position:relative;display:grid;place-items:center;min-width:0}.visual-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--muted);font-size:9px;letter-spacing:2px;text-transform:uppercase}.edition{position:absolute;top:3px;right:0;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;color:var(--muted);display:flex;gap:24px}.edition:after{content:'';height:60px;width:1px;background:var(--line);margin:auto}.contact-strip{display:grid;grid-template-columns:1.1fr 1.5fr 1fr;gap:42px;border-top:1px solid var(--line);padding:28px 0 32px}.tiny{font-size:9px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}.company-name{font-size:12px;font-weight:600;margin:0 0 5px}.affiliation{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--muted);margin:0}.address{font-style:normal;font-size:10px;color:var(--muted);line-height:1.9}.contact-meta{text-align:right;font-size:11px;line-height:2}.contact-meta a{display:block}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:20px 0 28px;font-size:9px;color:var(--muted)}.footer strong{font-weight:600;color:var(--ink)}.reveal{animation:reveal 1s both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.paused .fan,.paused .status-dot,.paused .orbit-art,.paused .glow,.paused .trail,.paused .fleet-image,.paused .energy-trail,.paused .sculpture{animation-play-state:paused!important}
@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 0 8px #c9a87905}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes glimmer{50%{opacity:.85}}@keyframes travel{to{stroke-dashoffset:-1500}}@keyframes kenburns{to{transform:scale(1.065) translateX(-1%)}}
/* Artha Bumi Capital: restrained bronze, sculptural orbit, original 6E mark. */
.capital{background:radial-gradient(ellipse at 85% 40%,#40302280,transparent 48%),#211b17}.capital:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.2' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.capital .hero{gap:65px}.capital .visual{perspective:900px}.orbit-art{width:100%;height:100%;overflow:visible;animation:float 12s ease-in-out infinite}.orbit-art .glow{animation:glimmer 6s ease-in-out infinite;opacity:.35}.orbit-art .trail{stroke-dasharray:90 1400;animation:travel 18s linear infinite}.capital .visual:before{content:'';position:absolute;width:280px;height:280px;background:#b98b4422;filter:blur(70px);border-radius:50%;z-index:-1}.capital .hero h1{max-width:580px}.capital .brand-tagline{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--accent);margin:8px 0 30px}
/* Agaro: warm ivory, burgundy, a slowly turning engineering illustration. */
.aero{--ink:#49252b;--muted:#706461;--accent:#9d763f;--line:#69232d29;--bg:#f0e8d8;--panel:#e8ddc9;background:radial-gradient(ellipse at 82% 40%,#fffcf4 0,transparent 45%),var(--bg)}.aero .header{height:145px}.aero .logo-window{display:block;width:185px;height:115px;position:relative;overflow:hidden}.aero .brand-logo{position:absolute;width:320px;height:320px;max-width:none;left:-67px;top:-95px}.aero .brand-note{max-width:200px;letter-spacing:1.8px}.aero .hero{grid-template-columns:1.05fr 1fr;min-height:650px}.aero h1{font-size:clamp(58px,5.9vw,88px)}.aero h1 em{color:#9f7d4f}.aero .contact-button{background:#69232d;color:#f7efe1;border-color:#69232d}.aero .contact-button:hover{background:#4f1821}.aero .visual{height:500px}.aero .visual:before{content:'';position:absolute;inset:20px;border-radius:50%;border:1px solid #b8966129}.engine{width:100%;max-width:490px;overflow:visible;filter:drop-shadow(0 28px 20px #46302524)}.fan{transform-origin:250px 250px;animation:orbit 100s linear infinite}.engine-label{position:absolute;left:0;top:30px;font-size:8px;letter-spacing:2px;color:var(--muted);line-height:2}.engine-label:after{content:'';display:block;width:80px;height:45px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);margin-left:15px}.aero .visual-caption{bottom:-4px}.axis{stroke:#a48d6838;stroke-width:.6}.calibration{position:absolute;right:0;bottom:55px;line-height:2;text-align:right;font-size:8px;letter-spacing:1.4px;color:var(--muted)}
/* Armada Bumi Logistik: electric-blue mobility, cinematic brand concept. */
.mobility{--ink:#edf6fa;--muted:#acc1ce;--accent:#4bbced;--line:#80b8d02e;--bg:#071e2d;--panel:#0b2b3e;background:#071e2d}.mobility .header{height:135px}.mobility .brand-logo{width:185px;height:95px}.mobility .brand-note{max-width:200px}.mobility .hero{min-height:660px;gap:0;grid-template-columns:1.07fr 1.1fr;padding:68px 0 65px}.mobility h1{font-family:var(--sans);font-size:clamp(48px,4.25vw,64px);font-weight:600;letter-spacing:-3.6px;line-height:1.13}.mobility h1 em{font-style:normal;color:var(--accent)}.mobility .lead{max-width:380px}.mobility .contact-button{background:#39abe2;color:#071e2d;border-color:#39abe2}.mobility .contact-button:hover{background:#8bdaff}.mobility .visual{height:525px;margin-right:-56px;margin-left:-60px;align-self:center}.fleet-frame{position:absolute;inset:10px 0 0 0;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 12%)}.fleet-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e2d 0%,#071e2d35 28%,transparent 60%),linear-gradient(0deg,#071e2d 0%,transparent 28%,#071e2d10 100%)}.fleet-image{height:100%;width:100%;object-fit:cover;object-position:45% center;animation:kenburns 18s ease-in-out infinite alternate}.mobility .visual-caption{bottom:10px;left:auto;right:25px;letter-spacing:1.3px;font-size:8px;color:#c9d8e1}.energy-lines{position:absolute;width:110%;height:110%;left:-10%;top:0;overflow:visible;pointer-events:none}.energy-trail{stroke-dasharray:60 1000;animation:travel 10s linear infinite}.mobility .edition{right:20px;z-index:2;top:35px;color:white;text-shadow:0 1px 7px #071e2d}.fleet-types{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 27px}.fleet-types span{font-size:9px;padding:5px 10px;border:1px solid var(--line);color:var(--muted)}.mobility .contact-strip{grid-template-columns:1.2fr 1.4fr 1fr}.mobility .status-dot{box-shadow:0 0 0 5px #4bbced10}
@media(min-width:1550px){.shell{width:min(1400px,calc(100% - 160px))}.hero{min-height:700px}.mobility .hero{min-height:700px}.visual{height:550px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header{height:130px}.brand-note{display:none}.hero{gap:20px;min-height:590px;padding:55px 0}.capital .hero{gap:30px}h1{font-size:62px}.visual{height:410px}.aero .visual{height:410px}.aero h1{font-size:66px}.mobility .hero{min-height:600px}.mobility h1{font-size:51px}.mobility .visual{height:480px;margin-right:-32px;margin-left:-30px}.actions{gap:15px}.direct-mail{font-size:10px}.contact-strip{gap:25px}.contact-meta{font-size:10px}}
@media(max-width:760px){.shell{width:calc(100% - 44px)}.header,.aero .header,.mobility .header{height:115px}.brand-logo{width:88px;height:85px}.tools{gap:10px}.languages{gap:0}.motion{width:36px;height:36px}.hero,.capital .hero,.aero .hero,.mobility .hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 0 25px;gap:10px;min-height:auto}.hero-copy{max-width:none}.eyebrow{font-size:9px;margin-bottom:22px;letter-spacing:2.1px}.status{font-size:9px;margin-bottom:23px}.lead{font-size:12px;max-width:450px;margin-bottom:26px}h1,.aero h1{font-size:clamp(50px,10.8vw,75px);letter-spacing:-2.6px}.capital .brand-tagline{font-size:14px}.contact-button{padding:13px 20px;min-height:48px}.direct-mail{font-size:10px}.visual,.aero .visual{height:360px;width:100%;margin-top:25px}.capital .visual{height:355px}.orbit-art{max-width:410px}.edition{right:5px;top:45px}.visual-caption{font-size:8px}.aero .logo-window{width:155px;height:104px}.aero .brand-logo{width:270px;height:270px;left:-56px;top:-79px}.aero .visual{height:365px}.engine{max-width:360px}.engine-label{font-size:7px;top:20px}.calibration{font-size:7px;bottom:40px}.aero .visual:before{inset:10px 20px}.mobility .brand-logo{width:152px;height:90px}.mobility h1{font-size:clamp(43px,9.2vw,64px);letter-spacing:-2.5px}.mobility .hero{padding-top:45px}.mobility .visual{height:330px;width:calc(100% + 44px);margin:25px -22px 0}.fleet-frame{clip-path:none;inset:0}.fleet-image{object-position:center;object-fit:cover}.fleet-frame:after{background:linear-gradient(0deg,#071e2d,transparent 22%),linear-gradient(180deg,#071e2d35,transparent 30%)}.mobility .visual-caption{right:22px;bottom:7px;font-size:7px}.mobility .edition{display:none}.mobility .energy-lines{width:100%;left:0}.contact-strip,.mobility .contact-strip{grid-template-columns:1fr;gap:20px;padding:26px 0}.contact-meta{text-align:left;font-size:11px;display:flex;gap:20px;flex-wrap:wrap}.tiny{font-size:8px;margin-bottom:6px}.address{font-size:10px}.footer{font-size:8px;display:flex;flex-direction:column;gap:9px;padding:20px 0 25px}.company-name{font-size:11px}.affiliation{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.sculpture-frame{position:absolute;inset:-30px -25px -15px;mask-image:radial-gradient(ellipse at center,#000 37%,transparent 72%);overflow:hidden}.sculpture{width:100%;height:100%;object-fit:contain;animation:float 14s ease-in-out infinite}.status{font-size:11px}@media(max-width:760px){.sculpture-frame{inset:-30px -22px -25px}.status{font-size:10px}}