:root{--bg:#080b0f;--panel:rgba(255,255,255,.035);--line:rgba(255,255,255,.09);--text:#f4f7f8;--muted:#89939d;--teal:#4adec4;--violet:#7886ff}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100svh;color:var(--text);background:radial-gradient(circle at 50% -20%,#17202b 0,transparent 43%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.09;pointer-events:none}.ambient-one{width:420px;height:420px;background:var(--teal);left:-220px;top:34%}.ambient-two{width:400px;height:400px;background:var(--violet);right:-230px;bottom:-80px}.topbar{height:76px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,11,15,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:-webkit-sticky;position:sticky;top:4px;z-index:19}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:34px;height:28px;border:1.5px solid var(--teal);transform:skew(-10deg);position:relative;box-shadow:0 0 25px rgba(74,222,196,.12)}.brand-mark i{position:absolute;left:8px;right:8px;height:1.5px;background:var(--teal)}.brand-mark i:first-child{top:8px}.brand-mark i:last-child{bottom:8px}.brand strong,.brand small{display:block}.brand strong{font-size:14px;font-weight:600;letter-spacing:.16em}.brand small{margin-top:3px;color:var(--teal);font:500 7px ui-monospace,monospace;letter-spacing:.2em}.system-pill{display:flex;align-items:center;gap:8px;color:var(--muted);font:500 9px ui-monospace,monospace;letter-spacing:.13em}.system-pill i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}main{width:min(1120px,calc(100% - 44px));margin:0 auto;padding:clamp(58px,9vw,116px) 0 70px;position:relative;z-index:1}.hero{max-width:720px;margin-bottom:clamp(42px,6vw,68px)}.eyebrow{margin:0 0 17px;color:var(--teal);font:500 10px ui-monospace,monospace;letter-spacing:.18em}.hero h1{margin:0;font-size:clamp(44px,7vw,76px);font-weight:500;line-height:.98;letter-spacing:-.055em}.hero h1 span{color:#7d8791}.intro{max-width:560px;margin:24px 0 0;color:var(--muted);font-size:clamp(14px,2vw,17px);line-height:1.7}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{min-height:330px;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:16px;transition:transform .25s ease,border-color .25s ease,background .25s ease;isolation:isolate}.app-card:hover,.app-card:focus-visible{transform:translateY(-5px);background:rgba(255,255,255,.055);outline:none}.human:hover,.human:focus-visible{border-color:rgba(120,134,255,.52)}.speed:hover,.speed:focus-visible{border-color:rgba(74,222,196,.52)}.card-glow{position:absolute;width:230px;height:230px;border-radius:50%;right:-130px;top:-140px;filter:blur(20px);opacity:.14;z-index:-1}.human .card-glow{background:var(--violet)}.speed .card-glow{background:var(--teal)}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.app-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}.app-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.human .app-icon{color:#9ca7ff}.speed .app-icon{color:var(--teal)}.port{color:#626c75;font:500 10px ui-monospace,monospace}.card-copy{margin:auto 0 30px}.card-copy p{margin:0 0 9px;font:500 9px ui-monospace,monospace;letter-spacing:.16em}.human .card-copy p{color:#9ca7ff}.speed .card-copy p{color:var(--teal)}.card-copy h2{margin:0;font-size:clamp(30px,4vw,42px);font-weight:500;letter-spacing:-.035em}.card-copy>span{display:block;max-width:390px;margin-top:13px;color:var(--muted);font-size:13px;line-height:1.6}.card-action{padding-top:18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;font-weight:500}.card-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .25s}.app-card:hover .card-action svg{transform:translateX(4px)}footer{min-height:62px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;color:#56616b;border-top:1px solid var(--line);font:500 8px ui-monospace,monospace;letter-spacing:.15em}@media(max-width:700px){.topbar{height:68px}.system-pill{font-size:0}.system-pill:after{content:"APPS";font-size:8px}.brand strong{font-size:13px}main{width:min(100% - 28px,520px);padding:52px 0 45px}.hero{margin-bottom:36px}.hero h1{font-size:44px}.intro{font-size:14px;margin-top:19px}.app-grid{grid-template-columns:1fr;gap:13px}.app-card{min-height:268px;padding:21px;border-radius:14px}.app-icon{width:46px;height:46px}.card-copy{margin:auto 0 22px}.card-copy h2{font-size:32px}.card-copy>span{font-size:12px}.card-action{padding-top:15px}footer{min-height:56px;padding:0 18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* AI IT RU2 branding and light/dark theme */
:root{color-scheme:dark;--topbar:rgba(8,11,15,.72);--surface-hover:rgba(255,255,255,.055);--subtle:#626c75}
html[data-theme="light"]{color-scheme:light;--bg:#f3f5f7;--panel:rgba(255,255,255,.78);--line:rgba(16,24,32,.12);--text:#111820;--muted:#66717c;--topbar:rgba(247,249,251,.82);--surface-hover:#fff;--subtle:#7a858f}
html[data-theme="light"] body{background:radial-gradient(circle at 50% -20%,#dfe8f1 0,transparent 45%),var(--bg)}
html[data-theme="light"] .topbar{background:var(--topbar)}
html[data-theme="light"] .app-card{box-shadow:0 15px 50px rgba(32,46,61,.07)}
html[data-theme="light"] .app-card:hover{background:var(--surface-hover);box-shadow:0 20px 55px rgba(32,46,61,.12)}
html[data-theme="light"] .app-icon{background:rgba(255,255,255,.7)}
html[data-theme="light"] .hero h1 span{color:#7b8792}
.topbar{background:var(--topbar)}
.brand-logo{width:38px;height:38px;display:grid;place-items:center;color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 45%,transparent);border-radius:10px;background:color-mix(in srgb,var(--teal) 7%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--teal) 12%,transparent)}
.brand-logo svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer;font:500 10px ui-monospace,monospace;letter-spacing:.06em;transition:.2s}
.theme-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--teal) 45%,var(--line))}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .moon{display:none}html[data-theme="light"] .theme-toggle .sun{display:none}html[data-theme="light"] .theme-toggle .moon{display:block}
.port{color:var(--subtle)}
@media(max-width:700px){.theme-toggle{width:42px;padding:0;justify-content:center}.theme-toggle span{display:none}.brand-logo{width:34px;height:34px}.brand-logo svg{width:22px;height:22px}}

/* PERTAMINA PALETTE */
:root{--blue:#0072bc;--blue-bright:#1597e5;--red:#ed1c24;--green:#8dc63f;--white:#fff;--teal:var(--blue-bright);--violet:var(--red)}
html[data-theme="dark"]{--bg:#07111b;--panel:rgba(255,255,255,.045);--line:rgba(255,255,255,.11);--text:#fff;--muted:#9eb0c0;--topbar:rgba(5,17,28,.82);--surface-hover:rgba(255,255,255,.07);--subtle:#718596}
html[data-theme="light"]{--bg:#f4f8fb;--panel:#fff;--line:rgba(0,65,111,.14);--text:#10202e;--muted:#5f7180;--topbar:rgba(255,255,255,.88);--surface-hover:#fff;--subtle:#7890a2}
body{background:radial-gradient(circle at 50% -25%,color-mix(in srgb,var(--blue) 22%,transparent),transparent 44%),var(--bg)}
html[data-theme="light"] body{background:radial-gradient(circle at 50% -20%,rgba(0,114,188,.12),transparent 45%),var(--bg)}
.ambient-one{background:var(--blue);opacity:.13}.ambient-two{background:var(--green);opacity:.11}
.brand-logo{color:var(--white);border-color:rgba(255,255,255,.16);background:linear-gradient(145deg,var(--blue),#005b98);box-shadow:0 8px 28px rgba(0,114,188,.24)}
.brand-logo svg{display:none}.brand-logo:before{content:"";width:23px;height:21px;display:block;background:linear-gradient(160deg,var(--red) 0 29%,transparent 30% 38%,var(--blue) 39% 68%,transparent 69% 76%,var(--green) 77%);clip-path:polygon(28% 0,100% 0,82% 31%,58% 31%,44% 100%,0 100%,19% 42%,46% 42%)}
.brand small,.eyebrow{color:var(--blue-bright)}
.theme-toggle:hover{border-color:rgba(0,114,188,.48)}
.human .app-icon,.human .card-copy p{color:var(--red)}.speed .app-icon,.speed .card-copy p{color:var(--green)}
.human .card-glow{background:var(--red)}.speed .card-glow{background:var(--green)}
.human:hover,.human:focus-visible{border-color:rgba(237,28,36,.5)}.speed:hover,.speed:focus-visible{border-color:rgba(141,198,63,.58)}
.card-action{color:var(--blue-bright)}
html[data-theme="light"] .card-action{color:var(--blue)}
.system-pill i{background:var(--green);box-shadow:0 0 12px var(--green)}

/* RU2 CORPORATE ID */
.brand-stripe{position:fixed;z-index:20;top:0;left:0;right:0;height:4px;display:grid;grid-template-columns:1.4fr 1fr 1fr}.brand-stripe i:nth-child(1){background:var(--blue)}.brand-stripe i:nth-child(2){background:var(--red)}.brand-stripe i:nth-child(3){background:var(--green)}
.topbar{top:4px;height:76px}.brand-logo.ai-logo{color:var(--white);background:linear-gradient(145deg,#087bc5,#004e82);border-color:rgba(255,255,255,.2)}.brand-logo.ai-logo:before{display:none}.brand-logo.ai-logo svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.corporate-mark{display:inline-flex;align-items:center;gap:0;margin-bottom:28px;color:var(--muted);font:500 9px ui-monospace,monospace;letter-spacing:.14em}.corporate-mark i{width:28px;height:3px}.corporate-mark i:nth-child(1){background:var(--blue)}.corporate-mark i:nth-child(2){background:var(--red)}.corporate-mark i:nth-child(3){margin-right:12px;background:var(--green)}
.app-card{padding-top:29px}.card-accent{position:absolute;left:0;right:0;top:0;height:3px}.human .card-accent{background:linear-gradient(90deg,var(--blue) 0 45%,var(--red) 45% 72%,var(--green) 72%)}.speed .card-accent{background:linear-gradient(90deg,var(--green) 0 45%,var(--blue) 45% 78%,var(--red) 78%)}
footer:before{content:"";position:absolute;left:0;top:-1px;width:180px;height:2px;background:linear-gradient(90deg,var(--blue) 0 45%,var(--red) 45% 72%,var(--green) 72%)}footer{position:relative}
@media(max-width:700px){.topbar{height:68px}.corporate-mark{margin-bottom:22px;font-size:7px}.corporate-mark i{width:18px}}

/* EXTENDED APPLICATION CARDS */
.pressure .app-icon,.pressure .card-copy p{color:var(--blue-bright)}.pressure .card-glow{background:var(--blue)}.pressure:hover,.pressure:focus-visible{border-color:rgba(0,114,188,.55)}.pressure .card-accent{background:linear-gradient(90deg,var(--blue) 0 52%,var(--green) 52% 78%,var(--red) 78%)}
.safety .app-icon,.safety .card-copy p{color:#f09a32}.safety .card-glow{background:#f09a32}.safety .card-accent{background:linear-gradient(90deg,var(--red),#f09a32)}
.coming-soon{cursor:default;opacity:.82}.coming-soon:hover{transform:none;background:var(--panel);border-color:var(--line)}.coming-soon .card-action{color:var(--muted)}.soon-badge{padding:6px 8px;color:#9b641f;border:1px solid rgba(240,154,50,.38);border-radius:999px;background:rgba(240,154,50,.1);font:600 8px ui-monospace,monospace;letter-spacing:.1em}html[data-theme="dark"] .soon-badge{color:#ffc172}
@media(min-width:701px) and (max-width:980px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tilt:hover,.tilt:focus-visible{border-color:rgba(0,114,188,.58)}.tilt .card-accent{background:linear-gradient(90deg,var(--red) 0 30%,var(--blue) 30% 72%,var(--green) 72%)}.tilt .card-glow{background:var(--blue)}.tilt .app-icon,.tilt .card-copy p{color:var(--blue-bright)}
/* ALIGNED CARD COPY */
@media(min-width:981px){.card-copy{min-height:180px;display:flex;flex-direction:column;justify-content:flex-start}}