:root{
  --navy:#061426;
  --navy-2:#0a1e38;
  --blue:#0077ff;
  --blue-2:#00b4ff;
  --silver:#e8eef7;
  --muted:#6b7a90;
  --text:#172033;
  --gold:#d7b56d;
  --white:#ffffff;
  --bg:#f6f9fd;
  --border:#dce7f3;
  --shadow:0 24px 70px rgba(4,20,42,.15);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--blue);color:white;padding:12px 16px;z-index:9999}.skip-link:focus{left:16px;top:16px;border-radius:10px}
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:rgba(5,16,34,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.10);transition:.25s ease}
.site-header.scrolled{box-shadow:0 14px 40px rgba(0,0,0,.22);background:rgba(5,16,34,.95)}
.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:50px;height:50px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 26px rgba(0,153,255,.20);background:#050f20}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-title{font-weight:800;letter-spacing:.16em;color:#fff;font-size:14px}.brand-sub{font-size:11px;letter-spacing:.35em;color:#64c4ff;font-weight:700;margin-top:4px}
.nav-menu{display:flex;align-items:center;gap:26px}.nav-menu a{color:rgba(255,255,255,.82);font-size:14px;font-weight:650;transition:.2s ease}.nav-menu a:hover,.nav-menu a.active{color:#fff}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff!important;padding:11px 16px;border-radius:999px;box-shadow:0 10px 25px rgba(0,119,255,.25)}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:white;border-radius:12px;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#fff;margin:4px 0;border-radius:99px}
.hero{position:relative;min-height:100vh;padding:148px 0 90px;background:radial-gradient(circle at 18% 18%,rgba(0,180,255,.24),transparent 30%),radial-gradient(circle at 82% 22%,rgba(215,181,109,.16),transparent 28%),linear-gradient(135deg,#051124 0%,#071a34 46%,#030814 100%);color:white;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero:after{content:"";position:absolute;right:-120px;bottom:-180px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(0,180,255,.18);box-shadow:0 0 100px rgba(0,119,255,.18)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(100,196,255,.30);border-radius:999px;background:rgba(255,255,255,.06);color:#bfe9ff;font-weight:750;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#35d6ff;box-shadow:0 0 16px #35d6ff}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.03;margin:22px 0 20px;letter-spacing:-.055em}.gradient-text{background:linear-gradient(135deg,#fff 0%,#8bdcff 35%,#d8c17a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(17px,2.2vw,22px);color:#c5d4e6;max-width:680px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 19px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;box-shadow:0 14px 35px rgba(0,119,255,.28)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(0,119,255,.36)}.button-outline{border-color:rgba(255,255,255,.24);color:white;background:rgba(255,255,255,.06)}.button-outline:hover{background:rgba(255,255,255,.12)}.button-light{background:#fff;color:#071a34}.button-soft{background:#eef7ff;color:#0b64cf;border-color:#d6eafd}.button-dark{background:var(--navy);color:white}.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:32px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.30);backdrop-filter:blur(12px)}.hero-card img{border-radius:24px;box-shadow:0 0 44px rgba(0,153,255,.25)}.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hero-badges div{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 10px;text-align:center;background:rgba(255,255,255,.045)}.hero-badges strong{display:block;color:white;font-size:20px}.hero-badges span{font-size:11px;color:#9fb2cb;text-transform:uppercase;letter-spacing:.08em}.section{padding:92px 0}.section-white{background:#fff}.section-dark{background:linear-gradient(135deg,#071426,#0a1f3c);color:white}.section-head{max-width:760px;margin:0 auto 46px;text-align:center}.section-kicker{color:#0b84ff;font-weight:850;letter-spacing:.14em;text-transform:uppercase;font-size:13px}.section-dark .section-kicker{color:#74d5ff}.section-title{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:10px 0 14px;letter-spacing:-.04em;color:#0c172b}.section-dark .section-title{color:#fff}.section-lead{font-size:18px;color:var(--muted);margin:0}.section-dark .section-lead{color:#b6c5d9}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 12px 40px rgba(11,36,66,.06);transition:.2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c3d9f3}.dark-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none}.dark-card:hover{border-color:rgba(100,196,255,.32);box-shadow:0 22px 60px rgba(0,0,0,.22)}.icon-box{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9f6ff,#f8fbff);color:#0077ff;margin-bottom:20px}.icon-box svg{width:30px;height:30px}.card h3{margin:0 0 10px;font-size:22px;line-height:1.25;color:#0d1b31}.card p{margin:0;color:#627188}.dark-card h3{color:white}.dark-card p{color:#bdcada}.feature-list{list-style:none;padding:0;margin:18px 0 0}.feature-list li{position:relative;padding-left:28px;margin:10px 0;color:#53647a}.feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:#0a8dff;font-weight:900}.dark-card .feature-list li{color:#d2dbe8}.split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:54px;align-items:center}.panel{border-radius:32px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);overflow:hidden}.panel-inner{padding:34px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat{padding:18px;border-radius:20px;background:#f1f7ff;border:1px solid #dbeafa}.stat strong{display:block;font-size:28px;color:#062342}.stat span{font-size:13px;color:#627188;font-weight:700}.process{counter-reset:step}.process .card{position:relative}.process .card:before{counter-increment:step;content:counter(step);position:absolute;right:22px;top:20px;width:38px;height:38px;border-radius:50%;background:#071a34;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.portfolio-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:0;overflow:hidden;padding:0}.portfolio-visual{min-height:260px;background:radial-gradient(circle at 30% 20%,rgba(0,180,255,.34),transparent 35%),linear-gradient(135deg,#071426,#0b2c58);display:flex;align-items:center;justify-content:center;color:white;position:relative}.portfolio-visual:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px}.portfolio-visual span{font-size:70px;font-weight:900;opacity:.9}.portfolio-body{padding:32px}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eef7ff;color:#0b72d9;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.cta{border-radius:34px;padding:42px;background:radial-gradient(circle at top left,rgba(0,180,255,.24),transparent 32%),linear-gradient(135deg,#061426,#0b2e5c);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;overflow:hidden}.cta h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:0 0 14px}.cta p{color:#bfd0e6;margin:0}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer{background:#040c18;color:#9fb0c5;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:1.6fr .9fr .9fr 1.2fr;gap:34px}.footer-logo{width:min(320px,100%);border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;margin-bottom:18px}.footer h4{color:white;margin:0 0 16px}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:10px 0}.footer a:hover{color:#64c4ff}.footer-bottom{border-top:1px solid rgba(255,255,255,.10);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}.page-hero{padding:142px 0 72px;background:radial-gradient(circle at 20% 20%,rgba(0,180,255,.22),transparent 30%),linear-gradient(135deg,#061426,#0b2b54);color:white}.page-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;margin:14px 0}.page-hero p{color:#bdd0e6;font-size:19px;max-width:760px}.breadcrumb{display:flex;gap:8px;color:#87cfff;font-weight:750;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.legal-row{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #e6edf6}.legal-row:last-child{border-bottom:none}.legal-label{font-size:13px;color:#748197;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.legal-value{font-weight:750;color:#142038}.doc-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:18px;border:1px solid var(--border);background:#fff}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px}.contact-item{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--border)}.contact-form{background:#fff;border:1px solid var(--border);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:850;margin-bottom:7px;color:#26324a}.field input,.field select,.field textarea{width:100%;border:1px solid #d4deea;border-radius:14px;padding:13px 14px;font:inherit;color:#172033;background:#fbfdff;outline:none;transition:.2s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0b84ff;box-shadow:0 0 0 4px rgba(11,132,255,.12)}.field textarea{min-height:132px;resize:vertical}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#22c55e;color:white;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:0 16px 38px rgba(34,197,94,.38);transition:.2s ease}.whatsapp-float:hover{transform:translateY(-3px) scale(1.03)}.whatsapp-float svg{width:30px;height:30px}.notice{padding:18px;border-left:5px solid #0b84ff;background:#eef7ff;border-radius:16px;color:#38516c}.prose h2{font-size:28px;margin:38px 0 12px;color:#0e1c33}.prose h3{font-size:20px;margin:24px 0 8px;color:#172033}.prose p,.prose li{color:#53647a}.prose ul{padding-left:24px}.highlight{color:#0b84ff}.logo-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center}.logo-showcase .logo-box{background:linear-gradient(135deg,#061426,#0b2b54);border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.small-note{font-size:13px;color:#758398}.accent-line{width:74px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--gold));margin:18px 0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:20px;background:#fff}table{border-collapse:collapse;width:100%;min-width:680px}th,td{padding:16px;text-align:left;border-bottom:1px solid #e6edf6}th{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#66768c;background:#f6faff}td{color:#4d5d73}.mobile-only{display:none!important}
@media (max-width:900px){.nav-menu{position:absolute;left:16px;right:16px;top:88px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#071426;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.30)}.nav-menu.open{display:flex}.nav-menu a{padding:12px 10px;border-radius:12px}.menu-toggle{display:block}.hero-grid,.split,.contact-grid,.logo-showcase,.cta{grid-template-columns:1fr}.hero{min-height:auto}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.portfolio-card{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.legal-row{grid-template-columns:1fr;gap:4px}.brand-sub{letter-spacing:.22em}.desktop-only{display:none!important}.mobile-only{display:block!important}}
@media (max-width:620px){.container{width:min(100% - 24px,1120px)}.navbar{height:72px}.brand-mark{width:44px;height:44px}.brand-title{font-size:12px}.brand-sub{font-size:9px}.hero{padding-top:124px}.hero-badges,.stats,.grid-2,.grid-3,.grid-4,.footer-grid,.form-row{grid-template-columns:1fr}.section{padding:68px 0}.card,.panel-inner,.contact-form{padding:22px}.cta{padding:28px;border-radius:24px}.hero-card{padding:16px;border-radius:24px}.footer-bottom{flex-direction:column}.whatsapp-float{width:54px;height:54px;right:16px;bottom:16px}}


/* Demo & Project page */
.demo-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.demo-strip span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#d9e9ff;font-weight:750;font-size:13px}.demo-card{overflow:hidden;padding:0}.demo-card .portfolio-body{padding:28px}.demo-preview{min-height:250px;padding:22px;background:radial-gradient(circle at 28% 18%,rgba(0,180,255,.28),transparent 34%),linear-gradient(135deg,#061426,#0b2b54);display:flex;align-items:center;justify-content:center}.mock-window{width:100%;max-width:440px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px rgba(0,0,0,.34);overflow:hidden}.mock-topbar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.mock-dot{width:10px;height:10px;border-radius:50%;background:#73d2ff}.mock-dot:nth-child(2){background:#f4c763}.mock-dot:nth-child(3){background:#7de08a}.mock-layout{display:grid;grid-template-columns:86px 1fr;min-height:170px}.mock-sidebar{background:rgba(3,13,26,.52);padding:14px 10px}.mock-line{height:8px;border-radius:999px;background:rgba(255,255,255,.18);margin:10px 0}.mock-line.short{width:60%}.mock-content{padding:14px}.mock-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.mock-metric{border-radius:14px;padding:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10)}.mock-metric strong{display:block;color:white;font-size:18px}.mock-metric span{color:#9fb2cb;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mock-table{display:grid;gap:7px}.mock-row{height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(118,213,255,.58),rgba(255,255,255,.12))}.mock-row:nth-child(even){width:78%}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;background:#ecfdf5;color:#047857}.status-pill.private{background:#fff7ed;color:#c2410c}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tech-stack span{font-size:12px;font-weight:800;color:#37506c;background:#f3f8ff;border:1px solid #dbeafa;border-radius:999px;padding:7px 10px}.case-card{display:grid;grid-template-columns:86px 1fr;gap:20px;align-items:start}.case-icon{width:86px;height:86px;border-radius:24px;background:linear-gradient(135deg,#061426,#0b2b54);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:950;box-shadow:0 18px 48px rgba(5,24,48,.18);position:relative;overflow:hidden}.case-icon:after{content:"";position:absolute;inset:auto -10px -22px 14px;height:58px;border-radius:50%;background:rgba(0,153,255,.28)}.case-card h3{margin-top:0}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.project-meta span{font-size:12px;font-weight:850;color:#0b72d9;background:#eef7ff;border-radius:999px;padding:6px 9px}.timeline-list{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:14px}.timeline-number{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#071a34;color:#fff;font-weight:950}.demo-note{border-radius:24px;padding:24px;background:#f6faff;border:1px solid #dbeafa;color:#53647a}.service-mini{border:1px solid var(--border);border-radius:20px;padding:18px;background:#fff}.service-mini h4{margin:0 0 8px;color:#0d1b31}.service-mini p{margin:0;color:#627188}.qr-panel{border-radius:28px;padding:28px;background:radial-gradient(circle at top right,rgba(0,153,255,.22),transparent 34%),linear-gradient(135deg,#061426,#0a2244);color:#fff}.qr-panel p{color:#bfd0e6}.preview-logo{width:78px;height:78px;border-radius:24px;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.preview-logo img{width:58px;height:58px;object-fit:contain}.mock-rf{display:grid;gap:10px}.mock-rf .hero-mini{height:54px;border-radius:16px;background:linear-gradient(90deg,rgba(0,153,255,.54),rgba(255,255,255,.12));}.mock-rf .download-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-rf .download-mini div{height:42px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.mock-company{padding:16px}.mock-company .brand-mini{width:72px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);margin-bottom:12px}.mock-company .section-mini{height:14px;border-radius:999px;background:rgba(118,213,255,.46);margin-bottom:9px}.mock-company .section-mini:nth-child(3){width:78%}.mock-company .section-mini:nth-child(4){width:58%}.mock-admin .mock-metrics{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.case-card{grid-template-columns:1fr}.case-icon{width:72px;height:72px}.mock-layout{grid-template-columns:72px 1fr}.mock-admin .mock-metrics{grid-template-columns:1fr 1fr}.demo-preview{min-height:220px}}
@media (max-width:620px){.demo-preview{padding:16px}.mock-layout{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-metrics,.mock-rf .download-mini,.mock-admin .mock-metrics{grid-template-columns:1fr}.demo-actions{flex-direction:column}.demo-actions .button{width:100%;justify-content:center}.case-card{gap:14px}}



/* AMANTA Sales Pages Update */
.pricing-card.featured{border:2px solid rgba(0,119,255,.38);box-shadow:0 24px 70px rgba(0,119,255,.16);position:relative;overflow:hidden}
.pricing-card.featured:before{content:"Paling Direkomendasikan";position:absolute;right:18px;top:18px;background:linear-gradient(135deg,var(--gold),#ffe29a);color:#071426;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.price{font-size:42px;line-height:1;margin:14px 0 6px;color:#071a34;font-weight:950;letter-spacing:-.04em}
.price small{font-size:15px;color:var(--muted);font-weight:700}
.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.badge-row span{font-size:12px;font-weight:850;color:#0b72d9;background:#eef7ff;border:1px solid #dbeafa;border-radius:999px;padding:7px 10px}
.sales-hero{padding:146px 0 76px;background:radial-gradient(circle at 20% 20%,rgba(0,180,255,.24),transparent 30%),radial-gradient(circle at 82% 24%,rgba(215,181,109,.20),transparent 30%),linear-gradient(135deg,#051124,#071a34 48%,#03101f);color:#fff;overflow:hidden}
.sales-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:50px;align-items:center}
.sales-hero h1{font-size:clamp(38px,5.8vw,70px);line-height:1.03;margin:20px 0;letter-spacing:-.055em}
.sales-hero p{font-size:clamp(17px,2.1vw,21px);color:#c5d4e6;max-width:680px;margin:0}
.offer-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.30);backdrop-filter:blur(12px)}
.offer-box img{border-radius:22px;box-shadow:0 20px 54px rgba(0,0,0,.24)}
.price-panel{background:linear-gradient(135deg,#071426,#0b2b54);color:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow)}
.price-panel .price{color:#fff}
.price-panel p,.price-panel li{color:#c9d8ea}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.check-item{padding:18px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(11,36,66,.05)}
.check-item strong{display:block;color:#0d1b31;margin-bottom:5px}
.check-item p{margin:0;color:#627188}
.faq-list{display:grid;gap:14px}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(11,36,66,.05)}
.faq-item h3{margin:0 0 8px;color:#0d1b31;font-size:20px}
.faq-item p{margin:0;color:#627188}
.blog-card{display:flex;flex-direction:column;min-height:100%}
.blog-card .tag{width:max-content;margin-bottom:14px}
.blog-card .button{width:max-content;margin-top:auto}
@media (max-width:900px){.sales-hero-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.pricing-card.featured:before{position:static;display:inline-flex;margin-bottom:12px}}

/* Staff & Professional Team Page */
.nav-menu{gap:16px}.nav-menu a{font-size:13px}
.staff-hero{padding-bottom:82px}
.staff-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:52px;align-items:center}
.staff-hero h1{max-width:780px}
.staff-hero-panel{position:relative;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:rgba(255,255,255,.07);box-shadow:0 30px 80px rgba(0,0,0,.26);backdrop-filter:blur(14px);overflow:hidden}
.staff-hero-panel:before{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border-radius:50%;background:rgba(0,180,255,.18);filter:blur(4px)}
.staff-hero-logo{position:relative;width:74px;height:74px;padding:8px;border-radius:22px;background:#061426;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 34px rgba(0,153,255,.22);margin-bottom:20px}
.staff-hero-logo img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.staff-hero-panel strong{position:relative;display:block;font-size:25px;line-height:1.25;color:#fff;margin-bottom:10px}
.staff-hero-panel p{position:relative;font-size:15px;margin:0;color:#bdd0e6}
.staff-skill-chips{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.staff-skill-chips span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);color:#d8ecff;font-size:11px;font-weight:800;letter-spacing:.04em}
.staff-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.staff-card{grid-column:span 2;position:relative;min-height:100%;padding:28px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(180deg,#fff,#f9fbfe);box-shadow:0 14px 42px rgba(11,36,66,.07);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.staff-card:nth-child(4){grid-column:2/span 2}.staff-card:nth-child(5){grid-column:4/span 2}
.staff-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue),var(--blue-2),var(--gold));opacity:.72}
.staff-card:after{content:"";position:absolute;width:150px;height:150px;right:-75px;bottom:-80px;border-radius:50%;background:rgba(0,119,255,.055)}
.staff-card:hover{transform:translateY(-7px);border-color:#bdd8f5;box-shadow:0 28px 68px rgba(5,34,67,.14)}
.staff-card-featured{background:radial-gradient(circle at top right,rgba(0,180,255,.10),transparent 34%),linear-gradient(180deg,#fff,#f6faff)}
.staff-card-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}
.staff-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(135deg,#061426,#0b3970);color:#fff;font-size:21px;font-weight:950;letter-spacing:.06em;box-shadow:0 14px 34px rgba(5,32,63,.20);border:1px solid rgba(255,255,255,.08)}
.staff-number{font-size:12px;font-weight:900;letter-spacing:.14em;color:#91a1b6}
.staff-name{position:relative;margin-bottom:12px}
.staff-name h3{margin:0;color:#0d1b31;font-size:22px;line-height:1.3}
.staff-nickname{display:inline-block;margin-top:5px;color:#0b7de9;font-size:14px;font-weight:850}
.staff-role{position:relative;margin:0 0 14px!important;color:#0b3159!important;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.staff-focus{position:relative;min-height:110px;margin:0;color:#627188}
.staff-tags{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.staff-tags span{padding:6px 9px;border:1px solid #d9e9f9;border-radius:999px;background:#eef7ff;color:#176dbb;font-size:11px;font-weight:850}
.staff-values .card{position:relative;padding-top:30px}
.staff-value-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#087ff2,#21c2ff);color:#fff;font-weight:950;margin-bottom:20px;box-shadow:0 12px 30px rgba(0,119,255,.22)}
@media (max-width:1050px){.nav-menu{position:absolute;left:16px;right:16px;top:88px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#071426;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.30)}.nav-menu.open{display:flex}.nav-menu a{padding:12px 10px;border-radius:12px;font-size:14px}.menu-toggle{display:block}.staff-hero-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-card,.staff-card:nth-child(4),.staff-card:nth-child(5){grid-column:auto}.staff-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px);width:100%;justify-self:center}}
@media (max-width:680px){.staff-hero-panel{padding:24px}.staff-grid{grid-template-columns:1fr}.staff-card,.staff-card:last-child{grid-column:auto;max-width:none}.staff-focus{min-height:auto}.staff-avatar{width:64px;height:64px;border-radius:19px}.staff-name h3{font-size:20px}}


/* =========================================================
   Bilingual language switcher - Indonesia / English
   ========================================================= */
.language-switcher{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:76px;
  min-height:38px;
  margin-left:4px;
  padding:4px 8px;
  border:1px solid rgba(125,211,252,.24);
  border-radius:999px;
  background:rgba(7,20,38,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.language-button{
  appearance:none;
  border:0;
  padding:4px 3px;
  background:transparent;
  color:var(--muted, #9fb1c8);
  font:inherit;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.06em;
  cursor:pointer;
  transition:color .2s ease, transform .2s ease;
}
.language-button:hover{color:#fff;transform:translateY(-1px)}
.language-button.active{color:var(--accent, #38bdf8)}
.language-button:focus-visible{outline:2px solid var(--accent, #38bdf8);outline-offset:3px;border-radius:4px}
.language-divider{color:rgba(159,177,200,.45);font-size:11px;user-select:none}
@media (max-width:1100px){
  .nav-menu .language-switcher{margin:8px 14px 14px;align-self:flex-start}
}

/* Staff page - Panda Developer and Friend identity update */
.staff-hero-logo-pdf{width:100%;height:auto;padding:10px;border-radius:24px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}
.staff-hero-logo-pdf img{width:100%;height:auto;max-width:320px;object-fit:contain;border-radius:18px}
.team-brand-section{padding-top:8px}
.team-brand-card{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:32px;align-items:center;padding:32px;border:1px solid var(--border);border-radius:32px;background:linear-gradient(180deg,#ffffff,#f7fbff);box-shadow:0 18px 52px rgba(11,36,66,.08)}
.team-brand-visual{position:relative;padding:18px;border-radius:28px;background:linear-gradient(135deg,#061426,#0b2b54);box-shadow:0 25px 64px rgba(5,31,61,.20)}
.team-brand-visual:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.14);border-radius:22px;pointer-events:none}
.team-brand-visual img{position:relative;display:block;width:100%;height:auto;border-radius:18px}
.team-brand-content .section-title{margin-top:12px}
.team-brand-content .section-lead{max-width:none}
.team-brand-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.team-brand-point{padding:20px;border:1px solid #d9e9f9;border-radius:22px;background:#eef7ff}
.team-brand-point h3{margin:0 0 8px;color:#0d1b31;font-size:19px}
.team-brand-point p{margin:0;color:#5e6f87;font-size:15px}
.staff-members-section{padding-top:28px}
@media (max-width:1050px){
  .team-brand-card{grid-template-columns:1fr}
  .team-brand-points{grid-template-columns:1fr}
}
@media (max-width:680px){
  .team-brand-card{padding:22px;border-radius:26px}
  .team-brand-visual{padding:12px;border-radius:22px}
  .team-brand-point{padding:18px;border-radius:18px}
}


/* =========================================================
   AMANTA CONSISTENT NAVIGATION V5
   Shared by every company-profile page.
   ========================================================= */
.site-header{position:fixed!important;inset:0 0 auto 0!important;z-index:10000!important;pointer-events:auto;background:rgba(5,16,34,.94)}
.navbar{position:relative;z-index:2;height:78px;gap:20px}
.brand,.menu-toggle,.nav-menu,.nav-menu a,.language-switcher,.language-button{pointer-events:auto}
.brand{position:relative;z-index:3;flex:0 0 auto}
.nav-menu{position:relative;z-index:3;display:flex;align-items:center;gap:14px;min-width:0}
.nav-menu a{display:inline-flex;align-items:center;justify-content:center;padding:9px 0;white-space:nowrap;font-size:13px;font-weight:700}
.nav-menu a.active{color:#fff}
.nav-menu .nav-cta{padding:11px 16px}
.menu-toggle{position:relative;z-index:4}
.hero::before,.hero::after,.page-hero::before,.page-hero::after,.staff-hero-panel::before,.staff-card::before,.staff-card::after,.portfolio-visual::before,.team-brand-visual::before{pointer-events:none}
a[href],button,input,select,textarea,label{pointer-events:auto;touch-action:manipulation}
body.nav-open{overflow:hidden}

@media (max-width:1280px){
  .menu-toggle{display:block!important;width:46px;height:44px;padding:9px 11px}
  .nav-menu{
    position:fixed!important;
    left:16px!important;right:16px!important;top:88px!important;
    z-index:10001!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    max-height:calc(100dvh - 104px);
    overflow-y:auto;
    padding:14px!important;
    border:1px solid rgba(255,255,255,.14);
    border-radius:20px;
    background:#051022;
    box-shadow:0 24px 70px rgba(0,0,0,.50);
  }
  .nav-menu.open{display:flex!important}
  .nav-menu a{display:block!important;width:100%;padding:12px 14px!important;border-radius:12px;font-size:14px!important}
  .nav-menu a:hover,.nav-menu a.active{background:rgba(255,255,255,.08)}
  .nav-menu .nav-cta{text-align:center;margin-top:5px}
  .nav-menu .language-switcher{align-self:flex-start;margin:10px 4px 2px!important}
}
@media (min-width:1281px){
  .menu-toggle{display:none!important}
  .nav-menu{display:flex!important}
}
@media (max-width:620px){
  .navbar{height:72px}
  .nav-menu{left:12px!important;right:12px!important;top:80px!important;max-height:calc(100dvh - 94px)}
}

/* AMANTA V6 - definitive global navigation consistency */
.site-header,.navbar,.nav-menu,.nav-menu a,.language-switcher,.language-button{pointer-events:auto!important}
.site-header{z-index:99999!important}
.navbar{position:relative;z-index:2}
.nav-menu{position:relative;z-index:3}
.language-switcher{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto}
.language-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:27px;min-height:27px}
@media (min-width:1281px){
  .nav-menu{display:flex!important;align-items:center;flex-wrap:nowrap}
}
@media (max-width:1280px){
  .nav-menu{z-index:99998!important}
  .nav-menu.open{display:flex!important}
  .nav-menu .language-switcher{display:inline-flex!important}
}