:root{
  --ink:#071735;--ink2:#112954;--blue:#075eee;--blue2:#1b8cff;--light:#eef8ff;
  --pale:#f7fbff;--line:#dbeafa;--muted:#55708d;--white:#fff;--shadow:0 24px 65px rgba(5,65,145,.10);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:var(--white);overflow-x:hidden}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{letter-spacing:-.045em;line-height:1.11}
h1{font-weight:850;font-size:clamp(2.7rem,5.15vw,5.9rem)}
h2{font-weight:830;font-size:clamp(2rem,4vw,3.85rem)}
h3{font-size:1.32rem;letter-spacing:-.025em}
p{color:#46617f}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #35a4ff;outline-offset:4px}
.skip{position:absolute;z-index:100;left:10px;top:-100px;background:#fff;color:#071735;padding:10px 18px}
.skip:focus{top:10px}
.container{max-width:1210px;width:calc(100% - 48px);margin:0 auto}
.site-header{height:84px;background:rgba(255,255,255,.97);border-bottom:1px solid #edf2f8;position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}
.header-inner{display:flex;align-items:center;gap:35px;height:100%}
.logo{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:1.46rem;letter-spacing:-.06em;font-weight:850;color:var(--ink)}
.logo span span{color:var(--blue)}
.logo-dot{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(125deg,#0765ef,#56acff);box-shadow:0 7px 15px rgba(9,100,240,.2);position:relative;overflow:hidden}
.logo-dot:before{content:"";width:18px;height:18px;border:2px solid rgba(255,255,255,.9);border-right-color:transparent;transform:rotate(38deg);border-radius:50%}
.nav{display:flex;gap:28px;align-items:center;margin-left:auto}
.nav a{font-size:.91rem;font-weight:650;color:#2e4666;transition:color .2s}
.nav a:hover,.nav a[aria-current="page"]{color:var(--blue)}
.header-btn{margin-left:2px}
.btn{border:1px solid transparent;display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:12px;min-height:52px;padding:12px 23px;font-weight:800;font-size:.99rem;transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(130deg,#0569fc,#004ee6);color:#fff;box-shadow:0 12px 24px rgba(0,83,221,.18)}
.btn-primary:hover{box-shadow:0 15px 28px rgba(0,83,221,.27)}
.btn-outline{background:rgba(255,255,255,.8);color:#064ccb;border-color:#bad7fc}
.btn-soft{background:#e8f2ff;color:#064ccb}
.arrow{font-size:1.1rem}
.mobile-toggle{display:none;margin-left:auto;background:#eff6ff;border:1px solid #d9eaff;border-radius:10px;padding:9px 12px;color:var(--ink);font-size:1.32rem}
.label{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-size:.76rem;letter-spacing:.13em;font-weight:850;color:#0057e8}
.label .pill{width:8px;height:8px;background:#0a71f7;box-shadow:0 0 0 5px #e3f0ff;border-radius:100%}
.highlight{color:var(--blue)}
.section{padding:106px 0}
.section.alt{background:linear-gradient(180deg,#f6fbff,#eef7ff)}
.section.slim{padding:76px 0}
.section-head{max-width:760px;margin-bottom:42px}
.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}
.section-head p{font-size:1.09rem;line-height:1.7;margin-bottom:0}
.section-head h2{margin:15px 0 18px}
.hero{position:relative;overflow:hidden;background:radial-gradient(700px 400px at 90% 28%,#d7eeff 0%,transparent 78%),radial-gradient(600px 480px at 10% 86%,#e5f5ff 0%,transparent 72%),linear-gradient(120deg,#fff 0%,#f3faff 100%);border-bottom:1px solid #e2f0fe}
.hero .container{position:relative}
.hero-grid{min-height:676px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;padding:58px 0 74px}
.hero h1{margin:20px 0 22px;max-width:690px}
.hero p{font-size:1.15rem;line-height:1.72;max-width:605px;margin-bottom:28px}
.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.proof-points{display:flex;gap:17px;flex-wrap:wrap;margin-top:26px;font-size:.82rem;font-weight:750;color:#385675}
.proof-points span:before{content:'✓';color:#0783ed;font-weight:900;margin-right:7px}
.hero-vis{height:520px;position:relative;display:flex;align-items:center;justify-content:center}
.orb-stage{position:relative;width:min(100%,460px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.orb-stage:before{content:"";position:absolute;inset:8%;border:1px solid #9dcffd;border-radius:50%;animation:ring 7s ease-in-out infinite}
.orb-stage:after{content:"";position:absolute;inset:0;border:1px solid #badbfc;border-radius:50%;animation:ring 8s ease-in-out infinite reverse}
.orb-stage .orb-img{width:57%;height:57%;object-fit:cover;border-radius:50%;box-shadow:0 15px 45px rgba(0,71,188,.3),0 0 0 15px rgba(79,163,255,.075);animation:float 6.3s ease-in-out infinite}
.orb-stage .orbit{border-radius:50%;position:absolute;inset:12%;border:2px solid rgba(45,151,253,.23);transform:rotate(15deg)}
.orb-stage .orbit.two{inset:18%;border-color:rgba(36,152,254,.25);transform:rotate(-16deg)}
.float-card{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:13px;border:1px solid #d8e7f7;background:rgba(255,255,255,.97);box-shadow:0 12px 26px rgba(40,90,150,.12);font-size:.79rem;font-weight:700;z-index:3;max-width:230px;animation:float 6s ease-in-out infinite}
.float-card small{display:block;font-size:.7rem;color:#6d8195;font-weight:550}
.float-card.c1{top:10%;left:-8%;animation-delay:-1.3s}
.float-card.c2{bottom:19%;left:-12%;animation-delay:-3.2s}
.float-card.c3{top:49%;right:-9%;animation-delay:-2s}
.c-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;background:#e9f3ff;border-radius:8px;font-size:1rem}
.c-icon.green{background:#e3fbf0;color:#05864d}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ring{0%,100%{transform:scale(.98);opacity:.6}50%{transform:scale(1.035);opacity:1}}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-26px;position:relative;z-index:1}
.metric{padding:26px 26px;background:#fff;border:1px solid #dcecfb;border-radius:16px;box-shadow:0 16px 34px rgba(14,88,145,.07)}
.metric strong{display:block;font-size:1.06rem;margin-bottom:5px;letter-spacing:-.02em}
.metric span{font-size:.88rem;color:#59718c}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.feature{position:relative;padding:31px 29px;min-height:235px;background:#fff;border:1px solid #dbe9fa;border-radius:20px;box-shadow:0 12px 30px rgba(16,63,123,.035);overflow:hidden}
.feature:after{content:"";position:absolute;right:-55px;top:-70px;width:132px;height:132px;border-radius:50%;background:#f2f8ff}
.feature .ico{display:grid;place-items:center;width:48px;height:48px;background:#e8f2ff;color:#0064f1;border-radius:14px;margin-bottom:22px;font-size:1.4rem}
.feature h3{margin-bottom:11px}
.feature p{font-size:.95rem;line-height:1.62;margin-bottom:0}
.feature a{margin-top:17px;display:inline-flex;color:#0054dc;font-weight:800;font-size:.88rem}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:76px}
.split h2{margin:14px 0 19px}
.split p{font-size:1.06rem;line-height:1.75}
.diagram{padding:28px;background:linear-gradient(145deg,#f9fcff,#e8f3ff);border:1px solid #d8eafa;border-radius:28px;box-shadow:var(--shadow)}
.diagram-head{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#5580aa;margin-bottom:25px}
.workflow{display:flex;gap:14px;align-items:center;padding:16px;background:#fff;border:1px solid #dbeaf8;border-radius:13px;box-shadow:0 10px 21px rgba(25,91,150,.045)}
.workflow + .flowline{margin:6px 0 6px 28px;height:22px;width:2px;background:linear-gradient(#67a3ef,#b9d7fc)}
.workflow .stepdot{background:#e6f2ff;width:38px;height:38px;display:grid;place-items:center;border-radius:100%;font-size:1rem}
.workflow strong{display:block;font-size:.94rem}
.workflow span{display:block;font-size:.8rem;color:#65809b}
.workflow.success{border-color:#bce7d7;background:#f8fffc}
.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.tag{font-size:.85rem;background:#edf5ff;color:#184f9c;border:1px solid #d5e9fd;padding:9px 12px;border-radius:9px;font-weight:700}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.path{background:#fff;border:1px solid #d9eafc;border-radius:20px;padding:31px;position:relative}
.path .num{display:grid;place-items:center;background:#0768f5;color:white;width:41px;height:41px;font-weight:800;border-radius:100%;margin-bottom:23px}
.path h3{margin-bottom:10px}
.path p{font-size:.97rem;margin-bottom:0}
.quote-callout{background:#061a40;color:#fff;border-radius:27px;padding:48px;position:relative;overflow:hidden}
.quote-callout:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(#2b78ff55,transparent 69%);right:-100px;top:-140px}
.quote-callout h2{max-width:790px;position:relative;z-index:1}
.quote-callout p{color:#cae1fa;max-width:740px;position:relative;z-index:1}
.quote-callout .btn{position:relative;z-index:1}
.lead-section{padding:60px 0;background:linear-gradient(135deg,#071a41 0%,#082e73 100%);color:#fff}
.lead-section p{color:#c5ddf9}
.lead-section .inner{display:flex;gap:40px;align-items:center;justify-content:space-between}
.page-hero{padding:104px 0 96px;background:radial-gradient(600px 460px at 84% 32%,#dceeff,transparent 80%),linear-gradient(120deg,#f8fcff,#eaf6ff);border-bottom:1px solid #e0efff}
.page-hero h1{margin:17px 0 22px;font-size:clamp(2.6rem,5vw,5rem);max-width:920px}
.page-hero p{font-size:1.2rem;line-height:1.7;max-width:800px}
.note{font-size:.83rem;color:#68819b}
.text-block{max-width:820px;font-size:1.1rem}
.text-block p{line-height:1.8}
.industry-card{border:1px solid #d9e8f7;background:white;border-radius:19px;padding:31px}
.industry-card h3{margin-bottom:12px}
.industry-card p{font-size:.97rem;margin-bottom:0}
.team-section{background:#061a40;padding:85px 0;color:#fff}
.team-section h2,.team-section p{color:#fff}
.team-section p{color:#c4d6ed}
.faq{max-width:880px;margin:0 auto}
.faq details{padding:20px 0;border-bottom:1px solid #dce8f5}
.faq summary{list-style:none;cursor:pointer;font-size:1.09rem;font-weight:750;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';font-weight:400;color:#0066fa;font-size:1.7rem}
.faq details[open] summary:after{content:'−'}
.faq details p{padding-top:14px;line-height:1.65;max-width:750px}
.demo-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:start}
.demo-panel{border-radius:23px;border:1px solid #d8e8f8;background:linear-gradient(145deg,#fff,#f1f9ff);padding:33px;box-shadow:var(--shadow)}
.demo-panel h3{margin:14px 0}
.demo-panel p{font-size:.96rem}
.demo-note{font-size:.78rem;color:#68819d;margin-top:14px}
.demo-live{background:#051638;border-radius:19px;min-height:260px;display:grid;justify-items:center;align-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}
.demo-live:before{content:'';background:radial-gradient(#236ffc88,transparent 68%);position:absolute;inset:-50%}
.demo-live img{height:125px;width:125px;border-radius:100%;position:relative;box-shadow:0 0 28px #1160c9}
.demo-live h3{position:relative;margin:17px 0 6px;color:#fff}
.demo-live p{position:relative;color:#bfdbfa;margin:0}
.demo-live button{position:relative;margin-top:23px}
.demo-live .status{font-size:.8rem;max-width:250px;margin-top:14px;position:relative;color:#cee4ff}
.demo-live .status.error{color:#ffd0d0}
.site-footer{background:#041532;color:#fff;padding:65px 0 30px}
.site-footer .logo{color:#fff}
.site-footer p,.site-footer a{color:#b7cbe5}
.footer-grid{display:grid;grid-template-columns:1.6fr .9fr .9fr .9fr;gap:40px;padding-bottom:48px}
.footer-grid h4{font-size:.87rem;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:18px}
.footer-grid a{display:block;font-size:.91rem;padding:5px 0}
.footer-grid a:hover{color:#fff}
.footer-bottom{border-top:1px solid #1e3b67;padding-top:25px;font-size:.81rem;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#96b2d2}
.small-subtitle{color:#7a93ac;font-size:.87rem}
@media(max-width:1100px){.nav{gap:15px}.header-inner{gap:20px}.hero-grid{gap:8px}.float-card.c1{left:-2%}.float-card.c2{left:-3%}.float-card.c3{right:-3%}.split{gap:38px}}
@media(max-width:900px){.site-header{height:72px}.mobile-toggle{display:inline-flex}.nav{display:none;position:absolute;left:0;right:0;top:72px;padding:20px 24px 25px;background:#fff;box-shadow:0 25px 42px #124a8e22;flex-direction:column;align-items:stretch;margin:0;gap:0}.nav.open{display:flex}.nav a{padding:11px 0;border-bottom:1px solid #e9f2fb}.header-btn{display:none}.hero-grid{grid-template-columns:1fr;gap:0;text-align:center;padding:60px 0 65px}.hero h1,.hero p{margin-left:auto;margin-right:auto}.action-row,.proof-points{justify-content:center}.hero-vis{height:400px}.orb-stage{width:390px}.grid-3,.workflow-grid{grid-template-columns:repeat(2,1fr)}.split,.demo-layout{grid-template-columns:1fr;gap:36px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.logo{font-size:1.33rem}.hero-grid{padding:40px 0 44px}.hero h1{font-size:clamp(2.45rem,9.4vw,3.6rem);margin:15px 0}.hero p{font-size:1rem;line-height:1.63;margin-bottom:21px}.hero-vis{height:295px;margin-top:4px}.orb-stage{width:290px}.orb-stage .orb-img{width:60%;height:60%}.float-card{font-size:.62rem;padding:8px 9px;gap:6px;max-width:145px}.float-card small{font-size:.59rem}.float-card .c-icon{width:26px;height:26px}.float-card.c1{left:-2%;top:7%}.float-card.c2{left:-3%;bottom:14%}.float-card.c3{right:-1%;top:53%}.action-row .btn{width:100%}.proof-points{gap:8px 13px;margin-top:21px;font-size:.75rem}.metrics,.grid-3,.grid-2,.workflow-grid{grid-template-columns:1fr}.metrics{margin-top:0}.section{padding:66px 0}.section.slim{padding:50px 0}.section-head{margin-bottom:27px}.section-head p{font-size:1rem}.feature{min-height:0;padding:27px 25px}.page-hero{padding:73px 0 70px}.page-hero p{font-size:1rem}.lead-section .inner{display:block}.lead-section .btn{margin-top:12px;width:100%}.quote-callout{padding:31px 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-top:45px}.demo-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Keep the booking CTA visible inside the collapsed mobile navigation. */
@media (min-width:901px){#mobile-demo-link{display:none!important}}
@media (max-width:900px){#mobile-demo-link{display:inline-flex!important}}
/* On phones, introduce the Lexi orb immediately after the headline,
   rather than burying the brand visual below all CTA/supporting copy. */
@media(max-width:620px){
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hero-copy{display:contents}
  .hero-grid .label{order:1;align-self:center}
  .hero-grid h1{order:2}
  .hero-grid .hero-vis{order:3;height:254px;margin:-6px 0 9px}
  .hero-grid .hero-vis .orb-stage{width:256px}
  .hero-grid .hero-vis .float-card{max-width:132px}
  .hero-grid p{order:4;margin:0 auto 17px}
  .hero-grid .action-row{order:5;width:100%}
  .hero-grid .proof-points{order:6;margin-top:18px}
}