:root{--bg:#071324;--panel:#10233b;--cyan:#21d4b4;--text:#eaf3ff;--muted:#a9bed2}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}header{position:sticky;top:0;background:#071324f2;border-bottom:1px solid #263b51;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{font-size:23px;font-weight:800}.brand span{color:var(--cyan)}nav{display:flex;gap:24px}nav a{color:#c8d9e8}nav a:hover,nav a.active{color:var(--cyan)}.toggle{display:none;background:none;color:white;border:0;font-size:28px}.hero{padding:105px 0 85px;background:radial-gradient(circle at 80% 25%,#12466a 0%,transparent 42%)}.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,68px);max-width:790px;line-height:1.1;margin:18px 0}.hero p,.intro{color:var(--muted);line-height:1.8;font-size:18px;max-width:710px}.btn{display:inline-block;background:var(--cyan);color:#042032;padding:14px 23px;border-radius:12px;font-weight:800;margin:16px 10px 0 0}.btn.secondary{background:transparent;border:1px solid #58738d;color:white}section{padding:70px 0}h2{font-size:clamp(29px,4vw,43px);margin:10px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{background:linear-gradient(145deg,#122c48,#0d1e32);border:1px solid #27445e;padding:28px;border-radius:20px;transition:transform .2s}.card:hover{transform:translateY(-5px)}.icon{font-size:39px}.card h3{font-size:23px}.card p,.feature li{color:var(--muted);line-height:1.7}.card a{color:var(--cyan);font-weight:bold}.banner{background:linear-gradient(120deg,#0d4c60,#163458);border-radius:24px;padding:38px;margin-top:36px}.pagehead{padding:75px 0 40px;background:linear-gradient(120deg,#0e3e58,#071324)}.feature{background:#0d2036;border:1px solid #24425b;border-radius:20px;padding:30px;margin-top:24px}.feature ul{padding-left:22px;columns:2}.feature li{margin-bottom:12px}footer{border-top:1px solid #294258;padding:30px 0;color:#a7bacd}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.wa{position:fixed;right:22px;bottom:22px;background:#20c863;color:#032516;padding:15px 20px;border-radius:40px;font-weight:bold;box-shadow:0 8px 25px #0008}@media(max-width:750px){.toggle{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b2036;padding:22px 5%;flex-direction:column}nav.open{display:flex}.grid{grid-template-columns:1fr}.hero{padding:65px 0}.feature ul{columns:1}.wa{right:12px;bottom:12px}}
/* Halaman aplikasi kasir */
.kasir-page{scroll-padding-top:96px}.kasir-page h1{font-size:clamp(36px,6vw,58px);margin:18px 0}.kasir-page section{scroll-margin-top:96px}.kasir-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px;color:var(--muted)}.kasir-links a:hover{color:var(--cyan)}.kasir-page a:focus-visible,.kasir-page button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.kasir-gallery figure{margin:0;padding:0;overflow:hidden}.kasir-gallery img{display:block;width:100%;height:auto;background:#10233b}.kasir-gallery figcaption{padding:24px}.kasir-gallery h3{margin:14px 0 8px}.kasir-gallery p{margin-bottom:0}.kasir-tag{display:inline-block;color:var(--cyan);font-size:12px;font-weight:bold;background:#21d4b415;border:1px solid #21d4b440;border-radius:30px;padding:7px 12px}.kasir-section{background:#0a192b;border-block:1px solid #263b51}.kasir-number{color:var(--cyan);font-size:20px;font-weight:bold}.kasir-download{display:flex;align-items:center;justify-content:space-between;gap:32px;background:linear-gradient(120deg,#0d3547,#10233b);border:1px solid #27445e;border-radius:24px;padding:36px;margin-top:28px}.kasir-download h3{font-size:26px;margin:18px 0 12px}.kasir-download p{max-width:620px;color:var(--muted);line-height:1.8}.kasir-download .kasir-note{font-size:14px}.kasir-download-action{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.kasir-download-action .btn{border:0;font-family:inherit;font-size:14px;margin:0;opacity:.55;cursor:not-allowed}.kasir-download-action a{font-size:14px;color:var(--cyan)}@media(max-width:750px){.kasir-download{flex-direction:column;align-items:flex-start;padding:26px}.kasir-links{gap:16px}.kasir-page section{padding:48px 0}}
/* Harga dan manfaat aplikasi owner */
.kasir-hero-price{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:24px 0;color:var(--muted);line-height:1.6}.kasir-hero-price strong{color:var(--cyan);font-size:32px}.kasir-price-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-top:32px}.kasir-base-price,.kasir-cloud{border:1px solid #27445e;border-radius:24px;padding:32px;background:#10233b}.kasir-base-price{background:linear-gradient(145deg,#124654,#10233b)}.kasir-price-layout h3{font-size:24px;margin:18px 0}.kasir-price-layout p{color:var(--muted);line-height:1.8}.kasir-base-price .kasir-price{font-size:clamp(36px,5vw,52px);font-weight:800;color:var(--text);margin:24px 0 0;line-height:1.2}.kasir-base-price .kasir-price-caption{color:var(--cyan);font-weight:bold;margin-top:10px}.kasir-price-layout .kasir-note{font-size:14px;margin-top:24px}.kasir-cloud-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.kasir-cloud-plan{border:1px solid #387293;border-radius:14px;padding:22px 12px;text-align:center;background:#0c1d31}.kasir-cloud-plan:first-child{background:#145369;border-color:var(--cyan)}.kasir-cloud-plan h4{margin:0;font-size:18px;font-weight:500;color:var(--text)}.kasir-cloud-plan p{margin:6px 0 0;color:var(--cyan);font-size:23px;font-weight:bold}.kasir-page #owner .banner h3{font-size:26px;margin:0 0 16px}.kasir-page #owner .banner p{line-height:1.8;color:var(--muted)}@media(max-width:750px){.kasir-price-layout{grid-template-columns:1fr}.kasir-base-price,.kasir-cloud{padding:24px}.kasir-cloud-plan p{font-size:21px}}
.upload-field{display:block;width:100%;margin:12px 0 24px;padding:14px;border:1px solid #58738d;border-radius:10px;background:#071324;color:var(--text);font:inherit}.kasir-download-action .installer-link{font-size:14px;color:#042032}.installer-link[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.owner-gallery{max-width:380px;margin:32px auto}.owner-gallery img{max-height:480px;object-fit:contain}.owner-gallery figcaption{text-align:center}.owner-gallery figure:hover{transform:none}
/* Gambar Owner di kiri, manfaat di kanan pada desktop. */
.owner-layout{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:28px;align-items:center;margin-top:32px}.owner-layout .owner-gallery{max-width:none;width:100%;margin:0}.owner-layout .owner-benefits{grid-template-columns:1fr;gap:14px;margin:0}.owner-benefits .card{padding:22px 26px}.owner-benefits .card h3{margin:10px 0;font-size:21px}.owner-benefits .card p{margin:0}.owner-benefits .card:hover{transform:none}@media(max-width:750px){.owner-layout{grid-template-columns:1fr}.owner-layout .owner-gallery{max-width:380px;margin:0 auto}.owner-layout .owner-benefits{grid-template-columns:1fr}}
.owner-gallery .owner-download{color:#042032;font-size:14px;width:100%;margin:18px 0 0;text-align:center}
.inventory-features{padding-left:22px;color:var(--muted);line-height:1.8;max-width:620px}.inventory-features li{margin:8px 0}
.site-brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{width:auto;height:46px;max-width:200px;object-fit:contain}.brand-logo[hidden],.brand-text[hidden]{display:none}.site-brand .brand-text{color:var(--text)}.site-brand .brand-text[hidden]{display:none}@media(max-width:750px){.brand-logo{height:38px;max-width:170px}}