*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050b14;color:#eef6ff;font:15px Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:20;background:#07111ddd;border-bottom:1px solid #18364c}.owner{text-align:center;padding:9px;background:#0b1928;color:#9eb2c4;font-size:12px}.owner b{color:#fff}.owner strong{color:#39d9ff}.nav{max-width:1200px;margin:auto;padding:13px 20px;display:flex;align-items:center;gap:20px}.brand{font-weight:800;margin-right:auto}.brand small{display:block;color:#7891a7;font-size:10px}.nav nav{display:flex;gap:18px;font-size:12px;color:#a9bbca}.btn{display:inline-block;padding:11px 17px;border:1px solid #28506b;border-radius:30px;background:#0c1a29;font-weight:700;font-size:12px}.btn.primary{background:linear-gradient(100deg,#31dcff,#7886ff);color:#04101a;border:0}.wrap{max-width:1200px;margin:auto;padding:0 20px}.hero{padding-top:100px;padding-bottom:85px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{color:#35dbff;font-size:11px;font-weight:800;letter-spacing:.18em}.hero h1,.page h1,h2{font-family:Arial,sans-serif;letter-spacing:-.04em;line-height:1.04}.hero h1{font-size:68px;margin:10px 0}.hero h1 span,.page h1 span{color:#54dfff}.lead{color:#a1b5c6;font-size:18px;max-width:720px}.panel,.card{border:1px solid #1b3b53;border-radius:20px;background:linear-gradient(145deg,#0d1d2d,#08131f)}.panel{padding:27px}.panel h3{font-size:25px}.mini{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini div{padding:15px;border:1px solid #1b3b53;border-radius:11px;background:#081522}.mini b,.mini span{display:block}.mini span{color:#7891a7;font-size:10px}.section{padding-top:70px;padding-bottom:70px}.section h2{font-size:45px;margin:8px 0}.section>p,.card p,.panel p,.page p{color:#8da4b8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:22px}.card h3{font-size:20px;margin:12px 0}.tag{display:inline-block;padding:5px 8px;border:1px solid #23607a;border-radius:7px;color:#38d9ff;font-size:9px;font-weight:800}.previewart{height:145px;margin:-22px -22px 18px;padding:15px;background:#07121d;border-radius:20px 20px 0 0;border-bottom:1px solid #1b3b53}.fake{height:100%;padding:10px;border:1px solid #23465d;border-radius:10px;background:#0a1826}.fake i{display:block;height:13px;margin:6px;border-radius:4px;background:#102a3d}.fake .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.fake .cols i{height:40px}.disclaimer{padding:24px;border:1px solid #66512e;border-radius:16px;background:#17130c}.disclaimer h3{color:#ffd38b;margin-top:0}.disclaimer p{color:#b8a788;font-size:12px}.page{padding-top:85px;padding-bottom:45px}.page h1{font-size:56px;margin:8px 0;max-width:900px}.features{border-top:1px solid #1a354b}.feature{padding:20px 4px;border-bottom:1px solid #1a354b}.feature h3{margin:0}.feature p{margin:5px 0;color:#879fb3;font-size:12px}.domains{display:grid;grid-template-columns:1fr 1fr;gap:12px}.domain{padding:22px;border:1px solid #1d4058;border-radius:15px;background:#081522}.domain code{color:#3bdcff;font-size:17px;font-weight:800}.domain p{font-size:11px}.flow{padding:18px;border:1px solid #1c3d55;border-radius:14px;background:#07131f;display:flex;justify-content:space-between;gap:10px;overflow:auto}.flow span{white-space:nowrap}.flow b{color:#3d728f}.cta{margin:60px auto 80px;padding:45px;text-align:center;border:1px solid #27516b;border-radius:25px;background:#091724}.cta p{color:#8fa5b8}.previewtop{height:58px;padding:10px 18px;display:flex;align-items:center;border-bottom:1px solid #18364c;background:#07121d}.previewtop a:last-child{margin-left:auto;color:#8fa7ba;font-size:11px}.app{display:grid;grid-template-columns:190px 1fr;min-height:calc(100vh - 58px)}.side{padding:15px 10px;border-right:1px solid #18364c;background:#050f19}.side button{width:100%;text-align:left;padding:10px;border:0;border-radius:8px;background:transparent;color:#7891a5;font-size:11px;cursor:pointer}.side button:hover,.side button.on{background:#10263a;color:#fff}.main{padding:23px}.mainhead{display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.metric{padding:14px;border:1px solid #18364c;border-radius:11px;background:#081522}.metric small{color:#71899e}.metric b{display:block;font-size:25px}.table{margin-top:14px;border:1px solid #18364c;border-radius:11px;overflow:hidden}.row{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;padding:10px;border-bottom:1px solid #142d40;font-size:10px}.row.head{background:#0c1d2c;color:#70889d}.status{color:#38d9ff}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:50;place-items:center}.modal.show{display:grid}.modalbox{width:min(600px,92%);padding:25px;border:1px solid #28536d;border-radius:18px;background:#091725}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields input,.fields select,.lookup input{width:100%;padding:11px;border:1px solid #20445c;border-radius:8px;background:#06121d;color:#fff}.customer,.kiosk{min-height:calc(100vh - 58px);display:grid;place-items:center;padding:25px}.lookup,.kioskbox{width:min(600px,100%);padding:30px;border:1px solid #21465e;border-radius:20px;background:#091725}.result{display:none;margin-top:15px;padding:15px;border:1px solid #23664e;border-radius:10px;background:#071d17}.result.show{display:block}.kioskbox{text-align:center;width:min(720px,100%);border:9px solid #111d29}.kgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.kgrid button{padding:20px;border:1px solid #24465e;border-radius:11px;background:#0c1c2b;color:#fff;cursor:pointer}.kmsg{margin-top:14px;padding:12px;background:#06121d;border-radius:9px;color:#91a8ba;font-size:11px}footer{max-width:1160px;margin:0 auto 30px;border-top:1px solid #18364c;padding-top:20px;color:#6e879b;font-size:10px}@media(max-width:800px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:48px}.cards,.domains{grid-template-columns:1fr}.app{grid-template-columns:1fr}.side{display:none}.metrics{grid-template-columns:1fr 1fr}.kgrid,.fields{grid-template-columns:1fr}}
/* v6 detailed features */.feature-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.feature-jump a{padding:9px 13px;border:1px solid #1d4058;border-radius:9px;background:#081522;color:#a9bdcd;font-size:10px;font-weight:700}.portal-section{padding-top:35px;padding-bottom:72px}.portal-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;padding:29px;border:1px solid #1c4059;border-radius:21px;background:linear-gradient(125deg,#0d2031,#08131f);margin-bottom:15px}.portal-intro h2{font-size:38px;margin:8px 0}.portal-intro p{color:#8ea6ba;font-size:12px}.portal-badge{display:inline-block;padding:6px 9px;border-radius:7px;border:1px solid #23617b;background:#0b2635;color:#3cddff;font-size:8px;font-weight:800}.portal-summary{padding:18px;border:1px solid #1b3c54;border-radius:13px;background:#07131f}.portal-summary b,.portal-summary span{display:block}.portal-summary span{color:#7992a7;font-size:9px}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{min-height:190px;padding:21px;border:1px solid #18374f;border-radius:16px;background:linear-gradient(145deg,#0b1a29,#07121e)}.feature-card h3{font-size:17px;margin:16px 0 7px}.feature-card p{font-size:10.5px;color:#849db2}.ficon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid #1d4962;background:#0d2638;color:#38dafe;font-size:8px;font-weight:800}.settings-callout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;margin-top:17px;padding:24px;border:1px solid #28526c;border-radius:17px;background:#091724}.settings-callout p{color:#8ea6ba;font-size:11px}.client-intro{background:linear-gradient(125deg,#101b31,#08131f)}.website-intro{background:linear-gradient(125deg,#0b2429,#08131f)}.kiosk-intro{background:linear-gradient(125deg,#211b15,#08131f)}.system-intro{background:linear-gradient(125deg,#151b32,#08131f)}.system-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;margin-top:18px}.system-flow div{padding:13px;border:1px solid #1b4058;border-radius:9px;background:#081725;font-size:9px;font-weight:700}.system-flow .wide{grid-column:1/-1}.system-flow .sql{border-color:#28546d;color:#43dfff}@media(max-width:900px){.portal-intro,.settings-callout{grid-template-columns:1fr}.feature-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.feature-cards{grid-template-columns:1fr}.portal-intro h2{font-size:31px}.system-flow{grid-template-columns:1fr}.system-flow .wide{grid-column:1}}