:root{--navy:#071b34;--navy2:#0c2f55;--blue:#1487ff;--blue2:#61b4ff;--teal:#20c9b5;--ink:#0d1b2e;--muted:#65758a;--line:#dfe8f3;--soft:#f5f9fd;--white:#fff;--shadow:0 24px 80px rgba(17,57,100,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--blue)}
.header{position:absolute;inset:0 0 auto;z-index:50;padding:22px 0;color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2ea7ff,#0a62d8);display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 12px 30px rgba(0,124,255,.3)}.brand strong{display:block;font-size:.92rem}.brand small{display:block;opacity:.65;font-size:.68rem}.nav{display:flex;align-items:center;gap:24px;font-size:.88rem}.nav a{opacity:.78}.nav a:hover{opacity:1}.nav-cta{padding:11px 18px;border-radius:999px;background:var(--blue);opacity:1!important;box-shadow:0 10px 24px rgba(20,135,255,.28)}.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:24px}
.hero{min-height:760px;padding:170px 0 115px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(31,142,255,.35),transparent 31%),linear-gradient(135deg,#041426 0%,#082b4f 53%,#0b3d6b 100%)}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-130px;top:100px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.02)}.hero:after{content:"";position:absolute;left:-6%;right:-6%;height:150px;bottom:-98px;background:#fff;border-radius:50% 50% 0 0/60% 60% 0 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;position:relative;z-index:2}.hero h1{font-size:clamp(3.1rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em;max-width:760px;margin:16px 0 24px}.hero p{font-size:1.08rem;color:#ccdae8;max-width:650px}.hero-actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-weight:750}.btn-primary{background:linear-gradient(135deg,#1591ff,#0871e5);color:#fff;box-shadow:0 16px 35px rgba(0,113,229,.25)}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.04)}.hero-console{position:relative;min-height:420px}.code-card{position:absolute;inset:20px 0 0 50px;background:rgba(6,22,42,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(15px);border-radius:24px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.34);transform:rotate(-2deg)}.code-top{display:flex;gap:7px}.code-top i{width:8px;height:8px;border-radius:50%;background:#63baff;opacity:.7}.code-lines{margin-top:28px;display:grid;gap:12px}.code-lines span{height:8px;border-radius:10px;background:linear-gradient(90deg,rgba(71,161,255,.85),rgba(71,161,255,.1));display:block}.code-lines span:nth-child(2){width:78%}.code-lines span:nth-child(3){width:88%;background:linear-gradient(90deg,rgba(41,206,183,.8),rgba(41,206,183,.08))}.code-lines span:nth-child(4){width:64%}.metrics{position:absolute;right:-15px;bottom:20px;width:220px;padding:20px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.metrics strong{font-size:2rem}.metrics small{display:block;color:var(--muted)}
.trust-strip{padding:25px 0 80px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-item{display:flex;gap:12px;align-items:center}.trust-icon{width:42px;height:42px;border-radius:14px;background:#edf6ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.trust-item strong{display:block}.trust-item small{color:var(--muted)}
.section{padding:90px 0}.section-soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head h2,.about-copy h2,.cta-panel h2{font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0}.section-head p{max-width:600px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.about-visual{min-height:430px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(135deg,#06233f,#0e67ae)}.about-visual:before{content:"JKN";position:absolute;font-size:10rem;font-weight:900;letter-spacing:-.12em;color:rgba(255,255,255,.08);right:-10px;bottom:-40px}.about-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.17) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom right,#000,transparent)}.about-floating{position:absolute;left:30px;bottom:30px;right:30px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);color:#fff}.about-floating strong{font-size:1.35rem}.about-copy p{color:var(--muted);font-size:1.03rem}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.mini-stats div{padding:16px;border:1px solid var(--line);border-radius:16px}.mini-stats strong{font-size:1.35rem;display:block}.mini-stats span{font-size:.78rem;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(14,48,81,.06);transition:.25s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-visual{height:210px;padding:22px;position:relative;overflow:hidden}.visual-1{background:linear-gradient(145deg,#e9f4ff,#d8efff)}.visual-2{background:linear-gradient(145deg,#e8fbf8,#d7f7f1)}.visual-3{background:linear-gradient(145deg,#f2efff,#e4e7ff)}.product-orb{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;font-weight:900;font-size:1.2rem;box-shadow:0 12px 25px rgba(52,102,150,.13)}.mock-window{position:absolute;right:18px;bottom:-6px;width:70%;height:150px;border-radius:18px 18px 0 0;background:rgba(7,41,75,.9);padding:17px;transform:perspective(400px) rotateY(-5deg) rotateX(3deg);box-shadow:0 20px 30px rgba(0,40,90,.2)}.mock-window>span{display:inline-block;width:6px;height:6px;background:#72bbff;border-radius:50%;margin-right:5px}.mock-panel{margin-top:15px;height:78px;border-radius:10px;background:linear-gradient(135deg,rgba(28,153,255,.75),rgba(33,202,182,.28));border:1px solid rgba(255,255,255,.12)}.product-body{padding:25px}.product-body h3{font-size:1.35rem;margin:6px 0 10px}.product-body p,.service-card p,.article-card p{color:var(--muted);font-size:.93rem}.product-body ul{padding:0;margin:17px 0;list-style:none}.product-body li{font-size:.86rem;padding:5px 0;border-bottom:1px dashed var(--line)}.product-body li:before{content:'✓';color:var(--teal);font-weight:900;margin-right:8px}.text-link{font-weight:800;color:var(--blue);font-size:.9rem}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--line)}.service-icon{width:50px;height:50px;border-radius:16px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.service-card h3{font-size:1.08rem;margin:20px 0 8px}.process{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-step{padding:20px 16px;border-top:2px solid var(--line)}.process-step span{color:var(--blue);font-weight:900}.process-step strong{display:block;margin-top:8px}.process-step small{color:var(--muted)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.article-card>div:last-child{padding:22px}.article-card small{color:var(--blue);font-weight:750}.article-card h3{font-size:1.12rem;line-height:1.35;margin:8px 0}.article-thumb{height:170px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0b2f54,#136fb6)}.article-thumb:after{content:"";position:absolute;width:180px;height:180px;border:34px solid rgba(255,255,255,.08);border-radius:50%;right:-45px;top:-50px}.article-thumb span{position:absolute;left:22px;bottom:12px;font-size:4rem;font-weight:900;color:rgba(255,255,255,.15)}.thumb-2{background:linear-gradient(135deg,#0d534c,#22a997)}.thumb-3{background:linear-gradient(135deg,#3b387f,#706ee8)}
.cta{padding:20px 0 90px}.cta-panel{padding:50px;border-radius:28px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:50px;background:radial-gradient(circle at 80% 20%,rgba(80,172,255,.35),transparent 35%),linear-gradient(135deg,#071c34,#0c4d83)}.cta-panel p{color:#c9d8e7;max-width:700px}.contact-cards{display:flex;gap:10px;flex-wrap:wrap}.contact-card{display:inline-flex;flex-direction:column;min-width:190px;padding:14px 17px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.contact-card small{opacity:.7}.contact-card strong{font-size:.88rem}.footer{padding:45px 0 28px;background:#061426;color:#d5e2ee}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer h4{color:#fff}.footer a{display:block;color:#9eb2c6;margin:7px 0;font-size:.9rem}.footer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;color:#7f96aa;font-size:.82rem}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.nav{display:none}.menu-toggle{display:block}.menu-open .nav{display:flex;position:absolute;top:74px;left:20px;right:20px;padding:20px;background:#08223e;border-radius:18px;flex-direction:column;align-items:stretch}.hero-grid,.about-grid{grid-template-columns:1fr}.hero{padding-top:145px}.hero-console{min-height:340px}.product-grid,.article-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.cta-panel{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.hero{min-height:auto;padding-bottom:95px}.hero h1{font-size:3.2rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-console{display:none}.trust-grid,.product-grid,.service-grid,.article-grid,.process,.mini-stats,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.section-head{display:block}.cta-panel{padding:30px 24px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}

/* JEJAK brand refresh — charcoal + orange */
:root{
  --navy:#34383d;
  --navy2:#4a4f55;
  --blue:#ff9800;
  --blue2:#ffb347;
  --teal:#ff8a00;
  --ink:#292d31;
  --muted:#6a7077;
  --line:#e5e7ea;
  --soft:#f7f7f6;
  --white:#fff;
  --shadow:0 24px 80px rgba(56,60,64,.14)
}
.header{color:#333;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(70,74,79,.08)}
.brand{gap:14px}.brand-logo{width:112px;height:auto;display:block;object-fit:contain}.brand-copy strong{color:#41464c}.brand-copy small{color:#747a80;opacity:1}.nav a{color:#444a50;opacity:.84}.nav-cta{color:#fff!important;background:linear-gradient(135deg,#ff9f12,#ff8700);box-shadow:0 10px 24px rgba(255,145,0,.25)}.menu-toggle{color:#41464c}
.hero{color:#2e3338;background:radial-gradient(circle at 78% 25%,rgba(255,153,0,.18),transparent 31%),linear-gradient(135deg,#fafafa 0%,#f2f3f3 53%,#e6e8ea 100%)}
.hero:before{border-color:rgba(70,74,79,.08);box-shadow:0 0 0 90px rgba(255,255,255,.18),0 0 0 180px rgba(255,255,255,.12)}.hero p{color:#626970}.hero h1{color:#353a3f}.hero h1::first-line{color:#353a3f}.hero .eyebrow{color:#f58700}.btn-primary{background:linear-gradient(135deg,#ffa112,#ff8500);box-shadow:0 16px 35px rgba(255,139,0,.25)}.btn-ghost{border-color:#bfc4c8;color:#3e444a;background:rgba(255,255,255,.5)}
.code-card{background:rgba(55,60,65,.94);border-color:rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(45,48,51,.24)}.code-top i{background:#ffad33}.code-lines span{background:linear-gradient(90deg,rgba(255,157,12,.9),rgba(255,157,12,.12))}.code-lines span:nth-child(3){background:linear-gradient(90deg,rgba(147,152,157,.9),rgba(147,152,157,.12))}.metrics{border-top:4px solid #ff9800}.trust-icon{background:#fff4e5;color:#ff8a00}
.about-visual{background:linear-gradient(135deg,#41464b,#696f75)}.about-visual:before{content:"JEJAK";font-size:7rem;letter-spacing:-.08em;color:rgba(255,255,255,.08)}
.visual-1{background:linear-gradient(145deg,#f4f4f3,#ecebea)}.visual-2{background:linear-gradient(145deg,#fff5e8,#ffe6c4)}.visual-3{background:linear-gradient(145deg,#f1f2f2,#e4e5e6)}.product-orb{color:#ff8a00}.mock-window{background:rgba(58,63,68,.94)}.mock-panel{background:linear-gradient(135deg,rgba(255,154,0,.78),rgba(142,148,153,.34))}.service-icon{background:#fff1de;color:#ff8a00}.article-thumb{background:linear-gradient(135deg,#41464b,#6f7479)}.thumb-2{background:linear-gradient(135deg,#ff8a00,#ffb33d)}.thumb-3{background:linear-gradient(135deg,#50555b,#858b91)}
.cta-panel{background:radial-gradient(circle at 80% 20%,rgba(255,153,0,.24),transparent 35%),linear-gradient(135deg,#353a3f,#565c62)}.cta-panel p{color:#e0e1e2}.footer{background:#31363a;color:#e7e8e9}.footer a{color:#bfc3c7}.footer-bottom{color:#a3a8ad}
@media(max-width:950px){.menu-open .nav{background:#fff;box-shadow:0 18px 50px rgba(40,44,48,.16)}.menu-open .nav a{color:#363b40}}
@media(max-width:620px){.brand-logo{width:92px}.brand-copy{display:none}}

/* Uploaded image support */
.hero.has-uploaded-image{background-image:linear-gradient(90deg,rgba(246,246,245,.96) 0%,rgba(246,246,245,.88) 42%,rgba(246,246,245,.28) 72%,rgba(246,246,245,.12) 100%),var(--hero-image);background-size:cover;background-position:center}.hero.has-uploaded-image:before{background:linear-gradient(90deg,rgba(255,255,255,.10),transparent);border:0;box-shadow:none;border-radius:0;inset:0;width:auto;height:auto}.about-visual.has-uploaded-image{background-size:cover;background-position:center}.about-visual.has-uploaded-image:before,.about-visual.has-uploaded-image .about-dots{display:none}.product-visual.has-uploaded-image{background-size:cover;background-position:center}.product-visual.has-uploaded-image .mock-window{display:none}.product-visual.has-uploaded-image .product-orb{position:absolute;left:18px;top:18px;z-index:2;background:rgba(255,255,255,.92)}.article-thumb.has-uploaded-image{background-size:cover;background-position:center}.article-thumb.has-uploaded-image:after{display:none}.article-thumb.has-uploaded-image span{text-shadow:0 2px 18px rgba(0,0,0,.35)}