:root{--navy:#07152f;--navy-2:#0a1d3d;--ink:#10203a;--muted:#65738a;--line:#dce5f1;--soft:#f3f7fc;--blue:#1167f2;--blue-2:#3b82f6;--cyan:#53d7ff;--green:#14b87a;--white:#fff;--shadow:0 24px 70px rgba(8,28,64,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:12px;z-index:200;transform:translateY(-150%);padding:10px 14px;border-radius:8px;color:#fff;background:var(--blue)}
.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:78px;color:#fff;border-bottom:1px solid rgba(255,255,255,.09);transition:background .25s,box-shadow .25s}
.site-header.scrolled{background:rgba(7,21,47,.93);box-shadow:0 12px 40px rgba(2,10,25,.2);backdrop-filter:blur(16px)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:780;letter-spacing:-.03em}
.brand img{width:38px;height:38px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:650;color:#c8d4e8}
.main-nav>a:not(.nav-cta){transition:color .2s}
.main-nav>a:not(.nav-cta):hover,.main-nav>a:not(.nav-cta):focus-visible{color:#fff}
.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 15px 10px 17px;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;background:rgba(255,255,255,.06);transition:background .2s,border-color .2s}
.nav-cta:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)}
.nav-cta svg,.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu-button{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.07)}
.menu-button span:not(.sr-only){display:block;width:20px;height:2px;margin:4px auto;border-radius:2px;background:#fff}
.hero{position:relative;min-height:770px;padding:155px 0 105px;color:#fff;background:var(--navy);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none}
.hero-glow-one{width:650px;height:650px;right:-180px;top:-260px;background:radial-gradient(circle,rgba(20,102,255,.32),transparent 68%)}
.hero-glow-two{width:480px;height:480px;left:20%;bottom:-400px;background:radial-gradient(circle,rgba(42,205,255,.15),transparent 67%)}
.hero-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:21px;color:#397fff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow{color:#8fb7ff}.eyebrow span{width:22px;height:1px;background:#5b96ff}
.hero h1{max-width:620px;margin:0 0 25px;font-size:clamp(48px,5.4vw,76px);line-height:.99;letter-spacing:-.058em;font-weight:760}
.hero h1 em{color:#6fa5ff;font-style:normal}
.hero-copy>p{max-width:590px;margin:0;color:#aebbd0;font-size:18px;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:13px;margin-top:34px}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 21px;border-radius:11px;font-size:14px;font-weight:750;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:var(--blue);box-shadow:0 13px 30px rgba(17,103,242,.3)}
.button-primary:hover{background:#2678f5;box-shadow:0 16px 34px rgba(17,103,242,.4)}
.button-ghost{color:#d7e2f2;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045)}
.button-ghost:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.09)}
.hero-note{display:flex;align-items:center;gap:9px;margin-top:23px;color:#8291aa;font-size:13px}
.status-dot{width:8px;height:8px;border-radius:50%;background:#20d594;box-shadow:0 0 0 5px rgba(32,213,148,.12)}
.product-stage{position:relative;min-width:0;padding:38px 4px 28px 16px}
.stage-ring{position:absolute;width:440px;height:440px;right:5%;top:5%;border:1px solid rgba(80,142,255,.22);border-radius:50%;box-shadow:0 0 0 70px rgba(26,101,236,.035),0 0 0 140px rgba(26,101,236,.025)}
.window{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#f6f8fc;box-shadow:0 45px 100px rgba(0,7,23,.5);transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}
.window-top{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#15253e;background:#fff;border-bottom:1px solid #e6ebf2}
.window-brand{display:flex;align-items:center;gap:7px;font-size:12px}.window-brand img{width:24px;height:24px}.window-tools{display:flex;align-items:center;gap:7px}.window-tools>span:not(.avatar){width:7px;height:7px;border-radius:50%;background:#d4dbe5}.window-tools .avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#1b64d9;background:#e6efff;font-size:10px;font-weight:800}
.window-body{height:408px;display:grid;grid-template-columns:116px 1fr}
.panel-nav{padding:17px 10px;background:#0b1b35}.panel-link{display:flex;align-items:center;gap:8px;height:32px;padding:0 9px;border-radius:7px;color:#72819a;font-size:8px;font-weight:650}.panel-link i{width:9px;height:9px;border:1px solid currentColor;border-radius:3px}.panel-link.active{color:#fff;background:#1767e8}.panel-main{padding:23px 22px;color:#1d2d47;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-heading>div{display:grid;gap:3px}.panel-heading small{color:#8491a5;font-size:6px;font-weight:800;letter-spacing:.14em}.panel-heading strong{font-size:17px}.health,.online{display:flex;align-items:center;gap:5px;color:#268c68;font-size:7px;font-weight:750}.health{padding:6px 8px;border:1px solid #d8eee6;border-radius:20px;background:#f1fbf7}.health i,.online i{width:5px;height:5px;border-radius:50%;background:#21bd80}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-card{display:grid;gap:5px;padding:12px;border:1px solid #e1e7f0;border-radius:9px;background:#fff}.metric-card span{color:#748197;font-size:7px}.metric-card strong{font-size:17px}.metric-card small{color:#2d9c73;font-size:6px}.activity-card{margin-top:10px;padding:12px 13px 8px;border:1px solid #e1e7f0;border-radius:9px;background:#fff}.card-title{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:750}.card-title small{color:#8a97a9;font-weight:600}.chart{height:112px;margin-top:8px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#edf1f6 28px)}.chart svg{width:100%;height:100%;overflow:visible}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#2474ff;stroke-width:2.5;vector-effect:non-scaling-stroke}.site-row{height:53px;display:flex;align-items:center;gap:9px;margin-top:10px;padding:0 12px;border:1px solid #e1e7f0;border-radius:9px;background:#fff}.site-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#236fe9;background:#eaf2ff;font-size:10px;font-weight:800}.site-row>div{display:grid;gap:2px;flex:1}.site-row strong{font-size:8px}.site-row small{color:#8390a3;font-size:6px}.floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.2);border-radius:11px;color:#fff;background:rgba(15,38,74,.92);box-shadow:0 17px 40px rgba(0,8,24,.35);backdrop-filter:blur(10px)}.floating-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:12px;font-weight:900}.floating-card>div{display:grid;gap:3px}.floating-card strong{font-size:9px}.floating-card small{color:#8fa0b9;font-size:7px}.float-icon{color:#42d8a0;background:rgba(43,210,150,.13)}.lock-icon{color:#75a7ff;background:rgba(67,126,243,.16)}.floating-backup{right:-22px;top:17px}.floating-ssl{left:-7px;bottom:2px}.platform-strip{border-bottom:1px solid #e7ecf3;background:#fff}.platform-list{min-height:82px;display:flex;align-items:center;justify-content:center;gap:23px;color:#728097;font-size:13px;font-weight:700}.platform-list i{width:4px;height:4px;border-radius:50%;background:#b8c3d2}
.section{padding:118px 0}.section-head,.security-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:52px}.section-head h2,.security-head h2,.api-copy h2,.reseller-copy h2{margin:0;font-size:clamp(38px,4.4vw,58px);line-height:1.05;letter-spacing:-.052em}.section-head>p,.security-head>p{max-width:485px;margin:0 0 5px;color:var(--muted);font-size:17px;line-height:1.72}.section-kicker{margin-bottom:16px;color:var(--blue)}.section-kicker.light{color:#7cacff}
.resources{background:#f6f8fc}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card{position:relative;min-height:330px;overflow:hidden;padding:34px;border:1px solid #dee6f0;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(16,40,80,.04)}.feature-wide{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:35px;grid-column:1/-1}.feature-number{position:absolute;right:25px;top:22px;color:#a8b5c6;font-size:12px;font-weight:800;letter-spacing:.12em}.feature-card h3{margin:0 0 12px;font-size:25px;letter-spacing:-.035em}.feature-card p{max-width:540px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tag-row span,.endpoint-list span{padding:7px 10px;border:1px solid #dfe7f1;border-radius:7px;color:#52627a;background:#f8fafd;font-size:11px;font-weight:700}.runtime-visual{padding:9px;border:1px solid #dfe7f1;border-radius:14px;background:#f6f8fc}.runtime-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e2e8f1;font-size:12px;font-weight:750}.runtime-top i{padding:5px 7px;border-radius:15px;color:#16815d;background:#dff7ed;font-size:9px;font-style:normal}.runtime-line{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#758299;font-size:11px}.runtime-line strong{color:#2a3a52;font-size:11px}.runtime-line .ok{color:#13875f}.feature-dark{color:#fff;border-color:#0c2146;background:#0a1c3a}.feature-dark p{color:#9caac0}.feature-dark .feature-number{color:#50617c}.feature-icon{width:54px;height:54px;margin:17px 0 28px}.database-icon{display:grid;align-content:center}.database-icon span{height:15px;border:2px solid #5391fb;border-radius:50%;background:#122b55}.database-icon span+span{margin-top:-6px}.shield-icon{display:grid;place-items:center;border-radius:16px;color:#1167f2;background:#e9f1ff;font-size:22px;font-weight:900}.feature-accent{color:#fff;border-color:#1767e8;background:linear-gradient(145deg,#0f62ea,#267bf7)}.feature-accent p{color:#d7e6ff}.feature-accent .feature-number{color:#8db8ff}.automation-flow{display:flex;align-items:center;margin-top:36px}.automation-flow span{display:grid;place-items:center;width:55px;height:55px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(255,255,255,.09);font-size:10px;font-weight:800}.automation-flow span.active{color:#0e6d4d;background:#bff5de}.automation-flow b{width:29px;height:1px;background:rgba(255,255,255,.35)}.stats-feature{min-height:300px}.mini-stats{padding:22px;border:1px solid #dfe7f1;border-radius:14px;background:#f8fafd}.mini-stats>div:first-child{display:flex;align-items:baseline;gap:12px}.mini-stats span{color:#77859a;font-size:10px}.mini-stats strong{font-size:25px}.mini-stats small{color:#15936a;font-size:9px}.bars{height:100px!important;display:flex!important;align-items:end!important;gap:8px!important;margin-top:23px}.bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(#2474ff,#83afff)}
.reseller-section{position:relative;color:#fff;background:var(--navy);overflow:hidden}.reseller-section:after{content:"";position:absolute;width:600px;height:600px;right:-260px;bottom:-330px;border-radius:50%;background:radial-gradient(circle,rgba(26,109,255,.25),transparent 70%)}.reseller-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:105px}.reseller-copy p{max-width:530px;margin:23px 0 0;color:#9fadc1;font-size:16px;line-height:1.72}.check-list{display:grid;gap:14px;margin:30px 0 0;padding:0;list-style:none;color:#cbd6e6;font-size:14px}.check-list li{display:flex;align-items:center;gap:11px}.check-list span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#63e6b4;background:rgba(41,211,148,.12);font-size:11px;font-weight:900}.hierarchy{padding:29px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.05);box-shadow:0 30px 70px rgba(0,6,20,.28)}.hierarchy-label{margin-bottom:22px;color:#61738f;font-size:10px;font-weight:800;letter-spacing:.14em}.person{display:flex;align-items:center;gap:13px;min-height:68px;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#10284e}.person-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#bcd4ff;background:#1d4f99;font-size:13px;font-weight:800}.person>div{display:grid;gap:3px;flex:1}.person small{color:#6f82a0;font-size:7px;font-weight:800;letter-spacing:.12em}.person strong{font-size:12px}.person>b{padding:6px 8px;border-radius:7px;color:#7ca9f5;background:#173868;font-size:8px}.person.reseller{border-color:#256fdd;background:#0f3b7d}.person.reseller .person-avatar{color:#0b5bd5;background:#dceaff}.person.reseller>b{color:#b9d3ff;background:#1c57a8}.connector{width:1px;height:20px;margin:auto;background:#2d568f}.branches{position:relative;height:27px}.branches:before{content:"";position:absolute;left:25%;right:25%;top:12px;height:1px;background:#2d568f}.branches i{position:absolute;top:12px;width:1px;height:15px;background:#2d568f}.branches i:first-child{left:25%}.branches i:last-child{right:25%}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.person.client{background:#0c203e}.person.client .person-avatar{width:34px;height:34px;background:#173762}
.api-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px}.code-window{overflow:hidden;border:1px solid #193762;border-radius:20px;color:#d9e7ff;background:#07172f;box-shadow:0 30px 70px rgba(9,30,67,.2)}.code-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #19345b;background:#0a1d39}.code-head>span{display:flex;gap:6px}.code-head i{width:8px;height:8px;border-radius:50%;background:#294363}.code-head i:nth-child(2){background:#2d5684}.code-head i:nth-child(3){background:#2474ff}.code-head small{color:#67809f;font-size:9px;font-weight:800;letter-spacing:.13em}.code-window pre{margin:0;padding:28px 30px;font:13px/1.85 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.code-method{padding:3px 6px;border-radius:5px;color:#8ac3ff;background:#123766}.code-muted{color:#6f88a8}.code-key{color:#75b0ff}.code-value{color:#8ee3bd}.code-status{padding:13px 30px;border-top:1px solid #173357;color:#7590b1;background:#0a1d39;font-size:10px}.code-status span{display:inline-grid;place-items:center;margin-right:8px;padding:3px 6px;border-radius:5px;color:#79dfb4;background:#103e36;font-weight:800}.api-copy p{margin:22px 0 24px;color:var(--muted);font-size:16px;line-height:1.72}.endpoint-list{display:flex;flex-wrap:wrap;gap:8px}.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:#1467e9;font-size:14px;font-weight:800}.text-link span{font-size:19px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.security-section{background:#f6f8fc}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9e2ed;border-bottom:1px solid #d9e2ed}.security-item{min-height:240px;padding:30px 26px;border-right:1px solid #d9e2ed}.security-item:last-child{border-right:0}.security-item>span{color:#2170ed;font-size:11px;font-weight:850;letter-spacing:.12em}.security-item h3{margin:48px 0 10px;font-size:18px;letter-spacing:-.025em}.security-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.cta-section{padding:0 0 110px;background:#f6f8fc}.cta-card{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:60px;padding:58px 64px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#0758d8,#1473f5 62%,#2d8cff);box-shadow:0 30px 65px rgba(17,103,242,.22)}.cta-card h2{margin:0;font-size:clamp(37px,4.2vw,56px);line-height:1.04;letter-spacing:-.052em}.cta-side p{margin:0 0 24px;color:#d9e8ff;font-size:15px;line-height:1.7}.button-white{color:#145fcf;background:#fff;box-shadow:0 12px 25px rgba(0,44,112,.16)}.button-white:hover{background:#f4f8ff}
.site-footer{padding:48px 0 25px;color:#8b9ab0;background:#061329}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;padding-bottom:37px}.footer-brand{color:#fff}.footer-main p{margin:0;font-size:13px;line-height:1.6}.footer-main nav{display:flex;gap:22px;color:#acb9cb;font-size:12px;font-weight:650}.footer-main nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:21px;border-top:1px solid rgba(255,255,255,.09);font-size:11px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.1s}.reveal[data-delay="2"]{transition-delay:.18s}.reveal[data-delay="3"]{transition-delay:.26s}
@media(max-width:1050px){.hero{padding-top:130px}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:710px}.product-stage{width:min(720px,100%);margin:0 auto}.section{padding:95px 0}.reseller-grid,.api-grid{gap:55px}.security-grid{grid-template-columns:repeat(2,1fr)}.security-item:nth-child(2){border-right:0}.security-item:nth-child(-n+2){border-bottom:1px solid #d9e2ed}}
@media(max-width:820px){.container{width:min(100% - 36px,680px)}.main-nav{position:fixed;inset:78px 0 auto;display:none;align-items:stretch;gap:0;padding:18px;background:#081934;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 25px 45px rgba(0,8,25,.35)}.main-nav.open{display:grid}.main-nav a{padding:14px}.nav-cta{margin-top:7px;justify-content:center}.menu-button{display:block}.hero{min-height:auto;padding:132px 0 85px}.hero-grid{gap:40px}.hero h1{font-size:clamp(44px,11vw,66px)}.window-body{height:370px}.panel-nav{display:none}.window-body{grid-template-columns:1fr}.platform-list{flex-wrap:wrap;gap:10px 18px;padding:20px 0}.section-head,.security-head{display:grid;gap:22px}.section-head>p,.security-head>p{max-width:590px}.feature-wide{grid-template-columns:1fr}.reseller-grid,.api-grid,.cta-card{grid-template-columns:1fr}.api-grid{gap:48px}.reseller-grid{gap:60px}.cta-card{padding:45px}.footer-main{grid-template-columns:1fr}.footer-main nav{flex-wrap:wrap}}
@media(max-width:580px){.container{width:calc(100% - 28px)}.site-header{height:70px}.main-nav{top:70px}.hero{padding-top:113px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.product-stage{padding:12px 0 22px}.window{border-radius:13px;transform:none}.window-body{height:330px}.panel-main{padding:16px 13px}.metric-card:nth-child(3){display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.activity-card{margin-top:8px}.floating-card{display:none}.platform-list{font-size:11px}.platform-list i{display:none}.section{padding:76px 0}.section-head{margin-bottom:34px}.section-head h2,.security-head h2,.api-copy h2,.reseller-copy h2{font-size:38px}.bento-grid{grid-template-columns:1fr}.feature-card,.feature-wide{grid-column:auto;min-height:0;padding:27px}.runtime-visual{margin-top:25px}.client-grid{grid-template-columns:1fr}.branches{display:none}.client-grid .client+.client{margin-top:10px}.hierarchy{padding:20px}.person>b{display:none}.code-window pre{padding:22px 18px;font-size:11px}.code-status{padding:12px 18px}.security-grid{grid-template-columns:1fr}.security-item{min-height:auto;padding:27px 8px;border-right:0;border-bottom:1px solid #d9e2ed}.security-item:last-child{border-bottom:0}.security-item h3{margin-top:28px}.cta-section{padding-bottom:75px}.cta-card{padding:35px 26px}.footer-main{gap:25px}.footer-main nav{gap:14px 20px}.footer-bottom{display:grid;gap:8px}.stage-ring{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.text-link span{transition:none}}