:root{--brand:#08a3bc;--brand-dark:#078ca2;--ink:#10283d;--muted:#667b8d;--line:#d9e9ed;--soft:#f2fbfc;--white:#fff;--shadow:0 24px 70px rgba(12,91,108,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);display:flex;align-items:center;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:21px}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(8,163,188,.22)}.brand b{font-weight:850}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a,.login-link{text-decoration:none;color:#486176;font-size:13px;font-weight:750}.nav-links a:hover,.login-link:hover{color:var(--brand-dark)}.nav-actions{display:flex;align-items:center;gap:15px}.primary,.secondary,.white-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:13px 19px;font-size:13px;font-weight:850;transition:.18s}.primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(8,163,188,.20)}.primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.primary.small{padding:11px 17px}.secondary{border:1px solid #b8dce3;color:var(--brand-dark);background:#fff}.hero{padding:100px 0 88px;background:radial-gradient(circle at 85% 20%,rgba(8,163,188,.13),transparent 30%),linear-gradient(180deg,#fbfeff,#fff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center}.kicker,.section-title>span,.cta-card>div>span{color:var(--brand-dark);font-size:11px;font-weight:900;letter-spacing:.12em}.hero h1{font-size:clamp(52px,6.4vw,76px);line-height:.98;letter-spacing:-.055em;margin:20px 0 22px}.hero h1 em{font-style:normal;color:var(--brand)}.hero-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:11px;margin-top:30px}.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.trust span{font-size:11px;font-weight:750;color:#60778a;padding:7px 10px;background:#f5fafb;border:1px solid #e3eef1;border-radius:999px}.panel-card{background:#fff;border:1px solid #cfe3e8;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.panel-top,.server-head,.footer-row{display:flex;align-items:center;justify-content:space-between}.panel-brand{display:flex;align-items:center;gap:8px}.panel-brand span{width:27px;height:27px;border-radius:7px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.panel-brand b{font-size:13px}.live{color:#15865a;background:#ecfbf2;border:1px solid #d7f3e2;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:850}.server-head{margin:24px 0 16px;padding:18px;background:var(--soft);border-radius:12px}.server-head small{display:block;color:#88a0ae;font-size:9px}.server-head strong{display:block;font-size:21px;margin:4px 0}.server-head span{font-size:11px;color:var(--muted)}.server-head button{border:0;background:var(--brand);color:#fff;border-radius:8px;padding:9px 13px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.stats div{padding:14px;border:1px solid #e0ecef;border-radius:10px}.stats small{display:block;color:#90a1ad;font-size:9px}.stats b{display:block;margin-top:4px;font-size:18px}.service-row{display:flex;justify-content:space-between;padding:11px 3px;border-bottom:1px solid #edf2f4;font-size:11px}.service-row b{color:#16845a}.section{padding:82px 0}.section-title{text-align:center;margin-bottom:34px}.section-title h2{font-size:40px;letter-spacing:-.035em;margin:8px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{border:1px solid var(--line);border-radius:14px;padding:25px;background:#fff}.steps i,.install-step i{width:32px;height:32px;border-radius:9px;background:var(--soft);color:var(--brand-dark);display:grid;place-items:center;font-style:normal;font-weight:900}.steps h3{font-size:17px;margin:18px 0 7px}.steps p,.section-title p,.install-step p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.soft{background:var(--soft);border-top:1px solid #e4f0f2;border-bottom:1px solid #e4f0f2}.feature-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.section-title.left{text-align:left;margin:0}.section-title.left h2{font-size:38px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-grid div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.feature-grid b{display:block;font-size:13px}.feature-grid span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.cta{padding:66px 0}.cta-card{padding:34px 38px;border-radius:18px;background:var(--brand);display:flex;align-items:center;justify-content:space-between;color:#fff}.cta-card>div>span{color:#d9f8fc}.cta-card h2{font-size:34px;margin:7px 0 0}.white-btn{background:#fff;color:var(--brand-dark)}footer{padding:28px 0;border-top:1px solid var(--line)}.footer-brand{font-size:15px}.footer-brand span{width:29px;height:29px;border-radius:7px}.footer-row>span{font-size:10px;color:#8a9aa6}
.docs-main{min-height:calc(100vh - 150px);padding:88px 0 70px;background:linear-gradient(180deg,#fbfeff,#fff)}.docs-hero{max-width:820px;text-align:center}.docs-hero h1{font-size:48px;letter-spacing:-.045em;margin:14px 0}.docs-hero p{color:var(--muted);font-size:16px;line-height:1.65}.install-box{max-width:820px;margin-top:35px;border:1px solid var(--line);border-radius:18px;padding:28px 30px;background:#fff;box-shadow:0 16px 50px rgba(12,91,108,.07)}.install-step{display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:start;padding:12px 0}.install-step h3{font-size:15px;margin:1px 0 5px}.command{margin:13px 0;padding:16px 18px;border-radius:10px;background:#0d2e38;color:#d9fbff;font:700 12px/1.6 ui-monospace,SFMono-Regular,Consolas;overflow:auto}.docs-note{max-width:820px;margin-top:20px;display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:13px;background:var(--soft);border:1px solid #d7edf1}.docs-note b{font-size:14px}.docs-note span{font-size:12px;color:var(--muted);flex:1}.docs-note .primary{padding:10px 14px;white-space:nowrap}
@media(max-width:850px){.nav-links{display:none}.hero{padding:70px 0}.hero-grid,.feature-layout{grid-template-columns:1fr}.hero-grid{gap:45px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust{justify-content:center}.panel-card{max-width:600px;margin:auto}.steps{grid-template-columns:1fr}.section-title.left{text-align:center}.feature-grid{grid-template-columns:1fr 1fr}.cta-card{display:block;text-align:center}.cta-card .white-btn{margin-top:20px}.docs-main{padding-top:60px}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1120px)}.site-header{height:68px}.brand{font-size:18px}.brand span{width:34px;height:34px}.login-link{display:none}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.feature-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-title h2,.section-title.left h2{font-size:32px}.cta{padding:45px 0}.cta-card{padding:28px 22px}.cta-card h2{font-size:28px}.footer-row{gap:15px}.docs-hero h1{font-size:38px}.install-box{padding:20px}.docs-note{display:block;text-align:center}.docs-note span{display:block;margin:6px 0 14px}.docs-note .primary{width:100%}}

/* 2026 public site expansion */
.nav-links a.active{color:var(--brand-dark)}
.mini-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.mini-strip .wrap{min-height:62px;display:flex;align-items:center;justify-content:center;gap:22px;color:#6e8495;font-size:12px}.mini-strip b{color:var(--brand)}
.ui-shot,.dashboard-visual{background:#fff;border:1px solid #cfe3e8;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.ui-top,.dash-top{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.ui-brand{display:flex;align-items:center;gap:8px}.ui-brand span,.preview-icon{display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:900}.ui-brand span{width:28px;height:28px;border-radius:7px}.ui-brand b{font-size:12px}.online{font-size:9px;color:#16845a}.ui-body{display:grid;grid-template-columns:112px 1fr;min-height:360px}.ui-body aside{background:linear-gradient(180deg,var(--brand),var(--brand-dark));padding:16px 10px;display:grid;align-content:start;gap:5px;color:#fff}.ui-body aside b,.ui-body aside span{font-size:9px;padding:9px;border-radius:7px}.ui-body aside b{background:rgba(255,255,255,.16)}.ui-main{padding:23px;background:#f7fbfc}.ui-main small{font-size:8px;color:#92a5b1}.ui-main h3{margin:6px 0 17px;font-size:16px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-grid div{background:#fff;border:1px solid #deebee;border-radius:8px;padding:12px}.metric-grid span{display:block;font-size:8px;color:#93a4ae}.metric-grid b{display:block;margin-top:4px;font-size:17px}.graph-card{margin-top:12px;background:#fff;border:1px solid #deebee;border-radius:9px;padding:13px}.graph-card>span{font-size:9px;color:#728797}.bars{height:116px;display:flex;align-items:flex-end;gap:9px;padding-top:17px}.bars i{flex:1;background:var(--brand);border-radius:3px 3px 0 0}.bars i:nth-child(1){height:42%}.bars i:nth-child(2){height:65%}.bars i:nth-child(3){height:53%}.bars i:nth-child(4){height:82%}.bars i:nth-child(5){height:70%}.bars i:nth-child(6){height:61%}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.preview-card{text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.18s}.preview-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(12,91,108,.09);border-color:#abd9e2}.preview-head{display:flex;align-items:center;gap:11px}.preview-icon{width:37px;height:37px;border-radius:10px}.preview-head b{display:block;font-size:14px}.preview-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.mini-panel{height:112px;margin:18px 0 12px;padding:11px;background:#f3fafb;border:1px solid #e0eef1;border-radius:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-panel i{background:#fff;border:1px solid #dce9ed;border-radius:6px}.mini-panel.reseller i:nth-child(1){grid-column:1/-1}.integration-mini{height:112px;margin:18px 0 12px;display:grid;gap:7px}.integration-mini span{display:flex;align-items:center;padding:0 12px;border-radius:8px;background:#f3fafb;border:1px solid #e0eef1;color:#536b7d;font-size:10px;font-weight:800}.preview-link{font-size:10px;font-weight:900;color:var(--brand-dark)}
.page-hero{padding:92px 0;background:radial-gradient(circle at 85% 18%,rgba(8,163,188,.12),transparent 32%),linear-gradient(180deg,#fbfeff,#fff)}.page-hero.center{text-align:center}.page-hero.center>div>p{margin-left:auto;margin-right:auto}.page-hero h1{font-size:clamp(46px,5vw,66px);line-height:1.02;letter-spacing:-.05em;margin:15px 0 20px}.page-hero p{font-size:17px;line-height:1.65;color:var(--muted);max-width:590px;margin:0 0 26px}.split-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.dashboard-visual{padding:0}.dash-top{font-size:12px}.dash-top span{font-size:9px;color:#16845a}.dash-body{display:grid;grid-template-columns:128px 1fr;min-height:340px}.dash-body aside{padding:14px 10px;background:linear-gradient(180deg,#0d839a,#076e80);display:grid;align-content:start;gap:6px;color:#fff}.dash-body aside b,.dash-body aside i{font-style:normal;padding:10px;border-radius:6px;font-size:9px}.dash-body aside b{background:rgba(255,255,255,.16)}.dash-body>div{padding:24px;background:#f7fbfc}.dash-body small{font-size:8px;color:#91a4b0}.dash-body h3{margin:5px 0 17px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-stats span{padding:13px;background:#fff;border:1px solid #deebee;border-radius:8px;font-size:9px;color:#7a8f9e}.dash-stats b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}.dash-table{margin-top:13px;background:#fff;border:1px solid #deebee;border-radius:9px;padding:9px}.dash-table i{display:block;height:32px;border-bottom:1px solid #edf2f4}.dash-table i:last-child{border:0}.compact{padding:55px 0}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-row>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.feature-row b{display:block;font-size:12px}.feature-row span{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px}.api-block{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.api-block h2{font-size:36px;letter-spacing:-.035em;margin:9px 0 12px}.api-block p{color:var(--muted);font-size:13px;line-height:1.65}.code-window{background:#0c303b;border-radius:14px;padding:18px;box-shadow:0 18px 50px rgba(9,63,76,.12)}.code-window code{display:block;color:#d9fbff;font:650 11px/1.65 ui-monospace,SFMono-Regular,Consolas;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);white-space:pre-wrap}.code-window code:last-child{border:0}
.reseller-ui{padding:18px}.reseller-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:6px 0 15px}.reseller-cards div{border:1px solid var(--line);border-radius:10px;padding:15px;background:#f8fcfd}.reseller-cards small{font-size:8px;color:#90a4af}.reseller-cards b{display:block;font-size:24px;margin:5px 0}.reseller-cards span{font-size:8px;color:#6e8493}.client-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.client-list div{display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;padding:13px;border-bottom:1px solid #edf2f4;font-size:10px}.client-list div:last-child{border:0}.client-list i{width:18px;height:18px;border-radius:5px;background:var(--soft)}.client-list b{color:#16845a;font-size:9px}
.integration-grid.big{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;text-align:left}.integration-grid.big article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:0 10px 34px rgba(12,91,108,.055)}.logo-box{width:42px;height:42px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.integration-grid.big h3{margin:16px 0 7px}.integration-grid.big p{font-size:12px!important;margin:0 0 14px!important}.integration-grid.big article>span{font-size:9px;color:var(--brand-dark);font-weight:850}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.setup-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.setup-card h3{font-size:18px;margin:9px 0 13px}.setup-card ol{padding-left:18px;margin:0 0 16px;color:#5e7485;font-size:11px;line-height:1.8}.tiny-code{background:#0d303a;color:#d9fbff;border-radius:9px;padding:13px;font:650 9px/1.7 ui-monospace,SFMono-Regular,Consolas;overflow:auto}
.command-layout{max-width:900px;display:grid;gap:11px;margin-top:34px}.command-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.command-card.featured{border-color:#9ed6e0;box-shadow:0 12px 34px rgba(8,163,188,.08)}.command-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.command-title>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--brand-dark);font-size:10px;font-weight:900}.command-title b{display:block;font-size:13px}.command-title small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.command-line{display:grid;grid-template-columns:1fr auto;gap:8px;background:#0c303b;border-radius:9px;padding:9px}.command-line code{padding:5px 7px;color:#d9fbff;font:650 10px/1.6 ui-monospace,SFMono-Regular,Consolas;white-space:nowrap;overflow:auto}.command-line button{border:0;border-radius:7px;background:var(--brand);color:#fff;padding:8px 11px;font-size:9px;font-weight:850;cursor:pointer}.short-note{max-width:900px;margin-top:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;background:var(--soft);border:1px solid #d8edf1;border-radius:12px;padding:15px 17px}.short-note b{font-size:12px}.short-note span{font-size:10px;color:var(--muted)}.short-note .primary{padding:9px 12px}
@media(max-width:900px){.split-hero,.api-block{grid-template-columns:1fr}.preview-grid,.integration-grid.big,.setup-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr 1fr}.page-hero{text-align:center}.page-hero p{margin-left:auto;margin-right:auto}.dashboard-visual{max-width:650px;margin:auto}.api-block{text-align:center}.code-window{text-align:left}}
@media(max-width:560px){.mini-strip .wrap{gap:8px;flex-wrap:wrap;padding:14px 0}.ui-body{grid-template-columns:84px 1fr}.metric-grid{grid-template-columns:1fr 1fr}.feature-row{grid-template-columns:1fr}.dash-body{grid-template-columns:88px 1fr}.dash-stats,.reseller-cards{grid-template-columns:1fr}.page-hero{padding:62px 0}.page-hero h1{font-size:42px}.command-line{grid-template-columns:1fr}.command-line button{width:100%}.short-note{grid-template-columns:1fr;text-align:center}}
.preview-grid{grid-template-columns:repeat(4,1fr)}.admin-mini i:nth-child(4){grid-column:1/-1}.admin-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:18px}.admin-stat{background:#f7fbfc;border:1px solid var(--line);border-radius:10px;padding:15px}.admin-stat small{display:block;font-size:8px;color:#8fa2ae}.admin-stat b{display:block;font-size:23px;margin:5px 0}.admin-stat span{font-size:8px;color:#718795}.admin-activity{margin:0 18px 18px;border:1px solid var(--line);border-radius:10px;padding:12px}.admin-activity>span{font-size:9px;color:#718795}.admin-activity i{display:block;height:28px;border-bottom:1px solid #edf2f4}@media(max-width:1050px){.preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.preview-grid{grid-template-columns:1fr}}
/* Standalone cPanel-style homepage */
.home-command-card{max-width:900px;margin:0 auto;background:#fff;border:1px solid #bfe1e7;border-radius:17px;padding:22px;box-shadow:0 18px 48px rgba(12,91,108,.08)}
.home-command-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.home-command-top b{display:block;font-size:15px}.home-command-top div>span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.command-badge{padding:7px 10px;border-radius:999px;background:var(--soft);color:var(--brand-dark);font-size:9px;font-weight:900}.home-command{padding:11px}.home-command code{font-size:12px}.home-command button,.copy-example button{transition:.15s}.home-command button:hover,.copy-example button:hover{background:var(--brand-dark)}
.command-help{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.command-help span{padding:11px 12px;border:1px solid #e0ecef;background:#f8fcfd;border-radius:9px;color:#607688;font-size:10px;line-height:1.5}
.access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:940px;margin:0 auto}.access-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px}.featured-access{border-color:#9fd5df;box-shadow:0 14px 38px rgba(8,163,188,.08)}.access-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:#fff;font-weight:900;margin-bottom:16px}.access-card>div>span{color:var(--brand-dark);font-size:9px;font-weight:900;letter-spacing:.09em}.access-card h3{font-size:25px;margin:5px 0 7px}.access-card p{color:var(--muted);font-size:12px;line-height:1.65;min-height:40px}.copy-example{display:grid;grid-template-columns:1fr auto;gap:7px;background:#0c303b;border-radius:9px;padding:8px;margin-top:16px}.copy-example code{color:#d9fbff;font:650 10px/1.6 ui-monospace,SFMono-Regular,Consolas;padding:6px;overflow:auto;white-space:nowrap}.copy-example button{border:0;border-radius:7px;background:var(--brand);color:#fff;font-size:9px;font-weight:850;padding:8px 11px;cursor:pointer}.backend-note{max-width:940px;margin:14px auto 0;display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:14px 16px;border:1px solid #d8edf1;border-radius:12px;background:#fff;color:var(--muted);font-size:10px}.backend-note b{color:var(--ink)}.backend-note strong{color:var(--brand-dark)}
@media(max-width:760px){.access-grid,.command-help{grid-template-columns:1fr}.home-command-top{align-items:flex-start}.backend-note{display:grid}.hero-copy>p b{white-space:nowrap}}