:root{
  --jone-navy:#031c4a;
  --jone-navy-2:#06152f;
  --jone-blue:#087eff;
  --jone-cyan:#20e5f2;
  --jone-ink:#0b1731;
  --jone-muted:#667085;
  --jone-line:#e7ebf1;
  --jone-bg:#f7f9fc;
  --jone-white:#fff;
  --jone-radius:24px;
  --jone-shadow:0 30px 80px rgba(3,28,74,.18);
  --jone-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--jone-ink);font-family:var(--jone-font);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.jone-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.jone-header{position:fixed;z-index:100;top:0;left:0;width:100%;background:rgba(3,28,74,.84);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.jone-header__inner{height:80px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.jone-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:800;letter-spacing:.04em}
.jone-brand__mark{width:42px;height:42px;object-fit:contain}
.jone-brand__name{font-size:21px}
.jone-nav{justify-self:center}
.jone-nav__list{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.jone-nav__list a{color:rgba(255,255,255,.82);font-size:14px;font-weight:600;transition:.2s ease}
.jone-nav__list a:hover{color:#fff}
.jone-nav-toggle{display:none;background:transparent;border:0;padding:10px}
.jone-nav-toggle span:not(.screen-reader-text){display:block;width:24px;height:2px;background:#fff;margin:5px 0}

.jone-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;background:linear-gradient(135deg,var(--jone-blue),#1664ff);color:#fff;font-weight:750;font-size:15px;box-shadow:0 12px 30px rgba(8,126,255,.26);transition:transform .2s ease,box-shadow .2s ease}
.jone-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(8,126,255,.34)}
.jone-btn--small{min-height:44px;padding:0 18px;font-size:14px}
.jone-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.24);box-shadow:none}
.jone-btn--ghost:hover{border-color:rgba(255,255,255,.55);box-shadow:none}

.jone-hero{position:relative;overflow:hidden;padding:168px 0 100px;min-height:790px;background:radial-gradient(circle at 77% 30%,rgba(32,229,242,.17),transparent 26%),radial-gradient(circle at 62% 18%,rgba(8,126,255,.2),transparent 30%),linear-gradient(145deg,#031c4a 0%,#041733 58%,#020b1d 100%);color:#fff}
.jone-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.jone-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:70px;align-items:center}
.jone-eyebrow,.jone-section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--jone-cyan)}
.jone-eyebrow::before,.jone-section-kicker::before{content:"";width:24px;height:2px;background:currentColor}
.jone-hero h1{margin:22px 0 20px;font-size:clamp(54px,6vw,82px);line-height:.96;letter-spacing:-.055em;max-width:700px}
.jone-hero h1 span{background:linear-gradient(90deg,#fff 0%,var(--jone-cyan) 58%,#6facff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.jone-hero__lead{max-width:630px;margin:0;color:rgba(255,255,255,.72);font-size:19px;line-height:1.7}
.jone-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.jone-hero__trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;color:rgba(255,255,255,.44);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.jone-hero__trust span+span::before{content:"•";margin-right:18px;color:rgba(255,255,255,.2)}

.jone-product-frame{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:#0c1730;box-shadow:0 45px 110px rgba(0,0,0,.38);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
.jone-product-frame::before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(32,229,242,.08)}
.jone-product-frame__bar{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:#101b34;border-bottom:1px solid rgba(255,255,255,.07)}
.jone-product-frame__dots{display:flex;gap:7px}.jone-product-frame__dots i{width:8px;height:8px;border-radius:50%;background:#40506f}
.jone-product-frame__url{justify-self:center;background:#17243f;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:7px 30px;color:#7d8ba7;font-size:10px}
.jone-product-frame__body{display:grid;grid-template-columns:62px 1fr;min-height:430px}
.jone-demo-sidebar{padding:18px 10px;background:#071126;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:20px}.jone-demo-logo img{width:32px;height:32px}.jone-demo-sidebar>span{width:26px;height:8px;border-radius:8px;background:#24334e}.jone-demo-sidebar>span.is-active{background:var(--jone-blue)}
.jone-demo-main{padding:22px;background:linear-gradient(180deg,#0d1830,#0a1428)}
.jone-demo-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.jone-demo-head b{font-size:15px}.jone-demo-head em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--jone-cyan);padding:6px 8px;border-radius:999px;background:rgba(32,229,242,.08);border:1px solid rgba(32,229,242,.18)}
.jone-demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.jone-demo-kpis article{padding:16px;border-radius:13px;background:#121f39;border:1px solid rgba(255,255,255,.05)}.jone-demo-kpis small{display:block;color:#71809d;font-size:9px}.jone-demo-kpis strong{display:block;margin:7px 0 2px;font-size:24px}.jone-demo-kpis span{font-size:9px;color:#8090aa}
.jone-demo-chart{margin-top:12px;padding:16px;border-radius:14px;background:#101d36;border:1px solid rgba(255,255,255,.05);color:var(--jone-blue)}.jone-demo-chart__top{display:flex;justify-content:space-between;color:#fff;font-size:10px}.jone-demo-chart__top small{color:#6e7d99}.jone-demo-chart svg{width:100%;display:block;margin-top:8px}
.jone-demo-events{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.jone-demo-events span{height:43px;border-radius:10px;background:#111e37;border:1px solid rgba(255,255,255,.04)}

.jone-intro{padding:105px 0;background:#fff}
.jone-intro__grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:end}
.jone-intro h2,.jone-section-head h2,.jone-security h2,.jone-cta h2{margin:16px 0 0;font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.045em}
.jone-intro p{margin:0;color:var(--jone-muted);font-size:18px;line-height:1.8}
.jone-section-kicker{color:var(--jone-blue)}

.jone-features{padding:110px 0;background:var(--jone-bg)}
.jone-section-head{max-width:720px;margin-bottom:46px}
.jone-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.jone-feature-grid article{padding:30px;min-height:240px;background:#fff;border:1px solid var(--jone-line);border-radius:20px;transition:.22s ease}.jone-feature-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(3,28,74,.08);border-color:#dce5f2}
.jone-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#edf5ff;color:var(--jone-blue);font-weight:850;font-size:12px}
.jone-feature-grid h3{font-size:21px;margin:24px 0 10px}.jone-feature-grid p{color:var(--jone-muted);line-height:1.65;margin:0}

.jone-security{padding:105px 0;background:var(--jone-navy);color:#fff;overflow:hidden}
.jone-security__grid{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:80px}.jone-security__mark{display:flex;justify-content:center}.jone-security__mark img{width:min(330px,80%);filter:drop-shadow(0 30px 55px rgba(8,126,255,.3))}.jone-security p{max-width:690px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.68)}

.jone-cta{padding:90px 0;background:#fff}.jone-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:56px;border-radius:28px;background:linear-gradient(135deg,#f4f8ff,#eefbfc);border:1px solid #dfeafa}.jone-cta h2{font-size:42px}.jone-cta p{max-width:680px;color:var(--jone-muted);line-height:1.7}
.jone-home-faq{padding:96px 0;background:var(--jone-bg)}.jone-home-faq .ssm-faq{max-width:900px;margin:0 auto}.jone-home-faq .ssm-faq>h2{text-align:center;font-size:clamp(36px,4vw,52px);letter-spacing:-.04em;margin:0 0 34px}.jone-home-faq .ssm-faq-item{background:#fff;border-color:var(--jone-line);border-radius:16px}.jone-home-faq .ssm-faq-item summary{font-size:17px;color:var(--jone-navy)}

.jone-footer{padding:70px 0 30px;background:#061326;color:#fff}.jone-footer__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.jone-footer h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#8da0be;margin:0 0 18px}.jone-footer a:not(.jone-brand){display:block;color:#c0cada;font-size:14px;margin:11px 0}.jone-footer__brand p{max-width:330px;color:#8290a7;line-height:1.65;font-size:14px}.jone-footer__bottom{margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#6f7e96;font-size:12px}
.jone-generic{padding:140px 0 80px}.jone-generic h1{font-size:52px;letter-spacing:-.04em}

@media (max-width:1050px){
  .jone-header__inner{grid-template-columns:auto auto 1fr}.jone-nav{position:fixed;top:80px;left:0;width:100%;padding:24px 20px 34px;background:#06152f;display:none}.jone-nav.is-open{display:block}.jone-nav__list{flex-direction:column;align-items:flex-start}.jone-nav-toggle{display:block;justify-self:end}.jone-header__cta{display:none}
  .jone-hero{padding-top:145px}.jone-hero__grid{grid-template-columns:1fr;gap:58px}.jone-product-frame{max-width:820px;transform:none}.jone-intro__grid,.jone-security__grid{grid-template-columns:1fr}.jone-feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
  .jone-container{width:min(100% - 28px,1180px)}.jone-header__inner{height:70px}.jone-nav{top:70px}.jone-brand__mark{width:36px;height:36px}.jone-brand__name{font-size:18px}
  .jone-hero{padding:125px 0 72px;min-height:auto}.jone-hero h1{font-size:48px}.jone-hero__lead{font-size:17px}.jone-hero__actions{flex-direction:column}.jone-btn{width:100%}.jone-hero__trust{gap:10px}.jone-hero__trust span+span::before{margin-right:10px}
  .jone-product-frame{border-radius:16px}.jone-product-frame__body{grid-template-columns:42px 1fr}.jone-demo-sidebar{padding-inline:6px}.jone-demo-main{padding:12px}.jone-demo-kpis{grid-template-columns:1fr 1fr}.jone-demo-kpis article:nth-child(3){display:none}.jone-product-frame__url{padding-inline:14px}.jone-demo-events{grid-template-columns:repeat(2,1fr)}
  .jone-intro,.jone-features,.jone-security,.jone-home-faq,.jone-cta{padding:74px 0}.jone-intro__grid{gap:28px}.jone-intro h2,.jone-section-head h2,.jone-security h2{font-size:39px}.jone-feature-grid{grid-template-columns:1fr}.jone-cta__inner{padding:32px 24px;display:block}.jone-cta__inner .jone-btn{margin-top:22px}.jone-footer__grid{grid-template-columns:1fr 1fr}.jone-footer__brand{grid-column:1/-1}
}

/* Interior pages */
.jone-page-shell{background:#fff}
.jone-page-hero{position:relative;overflow:hidden;padding:164px 0 92px;background:radial-gradient(circle at 82% 18%,rgba(32,229,242,.16),transparent 25%),linear-gradient(145deg,#031c4a 0%,#041733 62%,#020b1d 100%);color:#fff}
.jone-page-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;pointer-events:none;mask-image:linear-gradient(to bottom,black,transparent 96%)}
.jone-page-hero__inner{position:relative;z-index:1;max-width:900px;margin-left:auto;margin-right:auto;text-align:center}
.jone-page-hero h1{margin:22px auto 20px;max-width:900px;font-size:clamp(46px,6vw,76px);line-height:1;letter-spacing:-.052em}
.jone-page-hero p{max-width:760px;margin:0 auto;color:rgba(255,255,255,.72);font-size:19px;line-height:1.75}
.jone-page-hero__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}
.jone-page-content{padding:92px 0;background:var(--jone-bg)}
.jone-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.jone-detail-grid article{padding:34px;background:#fff;border:1px solid var(--jone-line);border-radius:22px}
.jone-detail-grid h2{margin:22px 0 10px;font-size:25px;letter-spacing:-.025em}
.jone-detail-grid p{margin:0;color:var(--jone-muted);font-size:16px;line-height:1.7}
.jone-editor-content{padding:80px 0;background:#fff}
.jone-prose{max-width:860px}
.jone-prose h2,.jone-prose h3{letter-spacing:-.025em}
.jone-prose p,.jone-prose li{color:var(--jone-muted);font-size:17px;line-height:1.8}
.jone-page-cta,.jone-contact-panel{padding:80px 0;background:#fff}
.jone-page-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px;border-radius:26px;background:linear-gradient(135deg,#f4f8ff,#eefbfc);border:1px solid #dfeafa}
.jone-page-cta h2{margin:14px 0 8px;font-size:38px;letter-spacing:-.04em}
.jone-page-cta p{margin:0;color:var(--jone-muted)}

@media (max-width:700px){
  .jone-page-hero{padding:124px 0 66px}.jone-page-hero h1{font-size:44px}.jone-page-hero p{font-size:17px}.jone-page-hero__actions{flex-direction:column}.jone-detail-grid{grid-template-columns:1fr}.jone-page-content{padding:66px 0}.jone-page-cta__inner{display:block;padding:32px 24px}.jone-page-cta__inner .jone-btn{margin-top:22px}
}