/* Responsive navigation is independent of the animated presentation canvas. */
#nav{zoom:calc(1 / var(--reference-scale));width:100vw;height:88px;background:#faf9f7ed;border-bottom:1px solid #e4e7ef99;transition:background .25s,box-shadow .25s}
#nav.is-scrolled{background:#faf9f7f5;box-shadow:0 6px 28px #11111808}
#nav>.wrap{width:calc(100% - 64px);max-width:1360px;gap:28px;margin:auto;display:flex;align-items:center}
.logo svg{width:42px;height:42px;flex:none}.logo .landing-wordmark{display:flex;align-items:baseline;line-height:1;letter-spacing:-.045em;font-family:Inter,sans-serif}.landing-wordmark>b{font-size:23px;font-weight:900;color:#1c1c1e}.landing-wordmark>span{font-size:20.24px;font-weight:500;color:#8e8ea0;letter-spacing:-.01em}footer .landing-wordmark>b{color:#fff}footer .landing-wordmark>span{color:#ffffff85}footer .logo svg{width:38px;height:38px}#nav .logo{gap:11px;flex:none}
.landing-navigation{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}.landing-nav-link{display:inline-flex;align-items:center;gap:8px;font:550 17px Inter,sans-serif;letter-spacing:-.015em;color:#3d3d4e;background:none;border:0;border-radius:10px;padding:14px 12px;min-height:48px;white-space:nowrap;transition:background .18s,color .18s}.landing-nav-link:hover,.landing-nav-link[aria-expanded=true]{color:#c63e00;background:#fff0e8}.landing-chevron{display:block;width:16px;height:16px;flex:none;align-self:center;transform-origin:center;transition:transform .2s}.landing-nav-link[aria-expanded=true] .landing-chevron{transform:rotate(180deg)}.landing-solutions{position:relative}
.landing-dropdown{position:absolute;top:calc(100% + 12px);left:-100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:720px;max-width:calc(100vw - 48px);background:#fff;border:1px solid #e4e7ef;border-radius:22px;padding:14px;gap:4px;box-shadow:0 20px 60px #1111181c,0 3px 10px #11111808;animation:menu-appear .2s ease}
.landing-dropdown[hidden],.landing-mobile-panel[hidden]{display:none}.landing-dropdown-heading{grid-column:1/-1;padding:10px 14px 14px;font:600 11px Inter,sans-serif;letter-spacing:.12em;color:#9898a8;text-transform:uppercase}.landing-dropdown>a{display:flex;gap:14px;padding:16px 14px;border-radius:13px;align-items:flex-start;transition:background .15s}.landing-dropdown>a:hover{background:#f6f7fb}.solution-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff3ef;color:#ff4f00;flex:none}.solution-icon svg{width:21px;height:21px}.solution-icon-1{color:#7c3aed;background:#f5f0ff}.solution-icon-2{color:#0284c7;background:#f0f9ff}.solution-icon-3{color:#059669;background:#ecfdf5}.solution-icon-4{color:#d97706;background:#fffbeb}.solution-icon-5{color:#16a34a;background:#f0fdf4}.landing-dropdown strong{display:block;font:650 16px/1.4 Inter,sans-serif;letter-spacing:-.015em;color:#111118}.landing-dropdown small{display:block;font:400 13.5px/1.55 Inter,sans-serif;color:#6e6e82;margin-top:5px}.landing-dropdown-note{grid-column:1/-1;border-top:1px solid #eceef3;margin:8px 8px 0;padding:16px 6px 4px;font:400 13px/1.5 Inter,sans-serif;color:#6e6e82}
.landing-nav-actions{display:flex;gap:10px;align-items:center;flex:none}.landing-signin{font:550 16px Inter,sans-serif;color:#3d3d4e;padding:14px 13px;min-height:48px;border-radius:10px}.landing-signin:hover{background:#f0f0f4}.landing-start{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:14px 20px;background:#111118;border:1px solid #111118;color:#fff;border-radius:11px;font:600 16px Inter,sans-serif;white-space:nowrap;transition:background .18s,border-color .18s}.landing-start:hover{background:#ff4f00;border-color:#ff4f00}.landing-mobile-toggle{display:none}
.landing-mobile-panel{position:absolute;top:88px;left:0;right:0;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;background:#faf9f7;border-bottom:1px solid #e4e7ef;padding:16px max(24px,calc((100vw - 760px)/2)) 28px;box-shadow:0 16px 32px #11111812;animation:menu-appear .2s ease;scrollbar-gutter:stable}
.landing-mobile-panel>a,.landing-mobile-panel summary{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:18px 14px;border-radius:12px;font:600 19px Inter,sans-serif;letter-spacing:-.02em;color:#1c1c1e;cursor:pointer;list-style:none}.landing-mobile-panel summary::-webkit-details-marker{display:none}.landing-mobile-panel summary::after{content:'+';font-size:25px;font-weight:400;color:#9898a8}.landing-mobile-panel details[open] summary::after{content:'−';color:#ff4f00}.landing-mobile-panel>a::after{content:'↗';color:#a4a4b2;font-size:17px;font-weight:400}.landing-mobile-panel>a:hover,.landing-mobile-panel summary:hover{background:#f0f0f4}.landing-mobile-solutions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 18px}.landing-mobile-solutions>a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e4e7ef;border-radius:12px;background:#fff;font:550 15px/1.4 Inter,sans-serif;color:#3d3d4e;min-height:64px}.landing-mobile-solutions .solution-icon{width:36px;height:36px;border-radius:9px}.landing-mobile-solutions .solution-icon svg{width:18px;height:18px}.landing-mobile-panel>div{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px;padding:22px 14px 0;border-top:1px solid #e4e7ef;font:550 17px Inter,sans-serif}.landing-mobile-panel>div>a:first-child{padding:14px 0}
@keyframes menu-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1279px){#nav>.wrap{gap:18px;width:calc(100% - 48px)}.landing-nav-link{padding:14px 9px;font-size:16px}.landing-navigation{gap:2px}.landing-start{padding:14px 16px}.landing-nav-actions{gap:4px}}
@media(max-width:1199px){#nav>.wrap{justify-content:space-between}.landing-navigation,.landing-nav-actions{display:none}.landing-mobile-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;border:1px solid #dfe2eb;border-radius:12px;background:#fff;padding:12px}.landing-mobile-toggle>span{width:22px;height:2px;background:#1c1c1e;transition:transform .2s}.mobile-open .landing-mobile-toggle>span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-open .landing-mobile-toggle>span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:calc(122px / var(--reference-scale))}}
@media(max-width:599px){#nav{height:78px}#nav>.wrap{width:calc(100% - 36px)}#nav .logo svg{width:38px;height:38px}#nav .landing-wordmark>b{font-size:21px}#nav .landing-wordmark>span{font-size:18.48px}.landing-mobile-panel{top:78px;max-height:calc(100dvh - 78px);padding:12px 18px 24px}.landing-mobile-solutions{grid-template-columns:1fr}.landing-mobile-panel>a,.landing-mobile-panel summary{font-size:19px}.landing-mobile-panel>div{padding:20px 4px 0;gap:12px}.landing-mobile-panel .landing-start{font-size:15px;padding:14px 16px}.landing-mobile-panel{scroll-padding-bottom:24px}}
/* One compact installation panel. No pinned scrolling or forced progression. */
#ss.install-section{height:auto;position:relative;margin:150px 0 0;padding:70px 0;scroll-margin-top:120px}#ss.install-section>.wrap{display:grid;grid-template-columns:520px minmax(0,1fr);gap:70px;align-items:center}.install-copy .eb i{background:none}.install-copy .eb svg{width:27px;height:27px}.install-copy h2{font:680 62px/1.04 'Inter Display',Inter,sans-serif;letter-spacing:-.035em;margin:22px 0}.install-copy>p{font:400 21px/1.6 Inter,sans-serif;color:#626876;max-width:490px}.install-checks{display:flex;flex-direction:column;gap:12px;font:500 17px Inter,sans-serif;color:#4a4a5a;margin:28px 0}.install-primary{display:inline-flex;background:#14161c;color:#fff;border-radius:10px;padding:17px 22px;font:600 18px Inter,sans-serif}.install-primary:hover{background:#ff4f00}.install-docs{display:block;font:500 17px Inter,sans-serif;text-decoration:underline;text-underline-offset:7px;margin-top:24px}.install-demo{background:radial-gradient(ellipse at 10% 5%,#d6f0e5,transparent 65%),radial-gradient(ellipse at 100% 100%,#d7e6ff,transparent 70%),#f1f6f5;border:1px solid #e2e9e5;border-radius:28px;padding:28px;box-shadow:0 24px 50px -38px #233b4355}.install-demo-top{display:flex;justify-content:space-between;align-items:center;font:500 14px Inter,sans-serif;color:#718077;margin:0 0 22px}.install-demo-top>span:first-child{display:flex;align-items:center;gap:8px;color:#42554b}.install-demo-top i{width:7px;height:7px;border-radius:50%;background:#3c9467}.install-code{border:1px solid #dee5e2;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 24px -22px #233b4360}.install-code>div{display:flex;justify-content:space-between;background:#f8faf9;border-bottom:1px solid #e2e6ee;padding:14px 18px;font:400 14px PlexMono,monospace;color:#6b6b7e}.install-code pre{padding:20px 18px;font:400 13px/1.8 PlexMono,monospace;color:#4a4a5a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.install-code em{color:#bf500d;font-style:normal}.install-code>small{display:block;padding:0 18px 20px;font:400 12px/1.6 Inter,sans-serif;color:#6b6b7e}.install-preview{margin-top:22px;border:1px solid #e0e8e4;background:#ffffffc9;border-radius:14px;padding:20px}.install-preview-label{display:flex;justify-content:space-between;align-items:center;font:600 14px Inter,sans-serif;color:#42554b}.install-preview-label button{background:#fff;border:1px solid #d7e2dc;border-radius:7px;padding:9px 12px;font:500 13px Inter,sans-serif;color:#42554b}.install-preview-label button:hover{border-color:#78b197}.install-connection{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:28px 0 22px}.install-customer,.install-team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:180px}.install-customer>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d7e2dc;border-radius:10px;background:white;color:#668976;font-size:24px}.install-team svg{width:40px;height:40px}.install-connection strong{font:600 15px Inter,sans-serif;color:#1c1c1e}.install-connection small{font:400 12px/1.5 Inter,sans-serif;color:#6b6b7e}.install-path{flex:1;position:relative;border-top:2px dashed #b9d6c9;min-width:60px}.install-path i{position:absolute;left:calc(var(--connection,0)*100%);top:-5px;width:8px;height:8px;border-radius:50%;background:#41946c;opacity:var(--connection,0);box-shadow:0 0 0 5px #41946c15}.install-path>span{display:block;font:400 10px Inter,sans-serif;color:#6b6b7e;text-align:center;margin-top:8px}.is-connected .install-team{filter:drop-shadow(0 3px 9px #41946c24)}.install-preview-status{font:400 12px/1.6 Inter,sans-serif;color:#6b6b7e;margin:0}.is-connected .install-preview-status{color:#23824f}
.landing-scroll-layer{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.section-arrived>.landing-scroll-layer{opacity:1;transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.landing-scroll-layer{opacity:1;transform:none;transition:none}.landing-dropdown{animation:none}#nav,.landing-mobile-toggle>span,.landing-chevron{transition:none}.install-path i{box-shadow:none}}
@media(max-width:999px){.hero{padding-top:calc(110px / var(--reference-scale))}#ss.install-section{zoom:calc(1 / var(--reference-scale));width:100vw;margin-top:70px;padding:24px 0;scroll-margin-top:90px}#ss.install-section>.wrap{width:calc(100% - 36px);display:grid;grid-template-columns:1fr;gap:28px;max-width:680px}.install-copy h2{font-size:38px}.install-copy>p{font-size:16px;max-width:none}.install-copy .eb{font-size:14px}.install-checks{font-size:14px;gap:10px;margin:22px 0}.install-primary{font-size:14px;padding:14px 18px}.install-docs{font-size:14px;margin-top:20px}.install-demo{padding:16px;border-radius:20px}.install-demo-top{font-size:11px;gap:12px}.install-code pre{font-size:10px;padding:16px 12px}.install-code>div{font-size:11px;padding:12px}.install-code>small{font-size:11px;padding:0 12px 16px}.install-preview{padding:14px}.install-preview-label{font-size:11px;gap:10px}.install-preview-label button{font-size:11px;padding:8px}.install-connection{gap:8px}.install-customer,.install-team{width:110px}.install-connection strong{font-size:12px}.install-connection small{font-size:10px}.install-path{min-width:24px}.install-preview-status{font-size:11px}}
/* Header and hero share a fluid type scale, separate from the animation stage. */
#nav{height:80px;background:#fffdfaf2}#nav>.wrap{max-width:1440px;gap:32px}#nav .logo svg{width:38px;height:38px}#nav .landing-wordmark>b{font-size:22px}#nav .landing-wordmark>span{font-size:19.36px}
.landing-navigation{justify-content:flex-start;gap:10px;margin-left:12px}.landing-nav-link{font-size:16px;padding:14px 10px}.landing-nav-group{position:relative}.landing-dropdown{left:-100px;top:calc(100% + 14px);width:680px}.landing-dropdown strong{font-size:16px}.landing-dropdown small{font-size:14px}.landing-nav-actions{gap:12px}.landing-sales{font:550 15px Inter,sans-serif;padding:12px 4px;white-space:nowrap;color:#3d3d4e}.landing-sales:hover{color:#c63e00}.landing-signin{border:1px solid #d9dce5;border-radius:9px;padding:13px 17px;min-height:46px;font-size:15px}.landing-start{font-size:15px;border-radius:9px;min-height:46px;padding:13px 18px}.solution-icon>span{font:500 23px Inter,sans-serif;font-style:normal}
.hero{zoom:calc(1 / var(--reference-scale));width:100vw;padding:100px 20px 0!important;text-align:center}.hero-surface{max-width:1600px;margin:auto;background:#f4f2ed;border:1px solid #efede7;border-radius:36px;padding:78px 40px 0;overflow:hidden}.hero-copy{max-width:1040px;margin:0 auto}.hero-eyebrow{font:600 11px/1.5 Inter,sans-serif;letter-spacing:.14em;color:#807d74;margin-bottom:24px}.hero .hero-copy h1{font:600 clamp(64px,5vw,76px)/1.07 Inter,sans-serif;letter-spacing:-.045em;color:#141b24;margin:0 auto;max-width:980px}.hero .hero-copy h1 span{color:#141b24}.hero .hero-copy p.lead{width:auto;max-width:720px;font:400 20px/1.55 Inter,sans-serif;color:#69717d;margin:28px auto 30px;letter-spacing:-.012em}.hero .ctas{gap:12px;flex-wrap:wrap}.hero .cta{min-height:52px;height:auto;padding:15px 24px;font:600 16px/1.3 Inter,sans-serif;border-radius:10px;justify-content:center;cursor:pointer}.hero .cta.o{background:#ff4f00;box-shadow:0 5px 12px #ff4f0014}.hero .cta.o:hover{background:#df4500}.hero .cta.w{border:1px solid #d9dce3;background:#fff;color:#26303d}.hero .cta.w:hover{border-color:#a4aab5}.hero-play-icon{display:grid;place-items:center;border:1px solid #dfe2e8;width:24px;height:24px;border-radius:50%;font-size:9px;padding-left:2px}.hero .platform-quick-links{font:400 12px/1.6 Inter,sans-serif;color:#7c8089;margin:22px auto 0;gap:20px;flex-wrap:wrap}.hero .platform-quick-links a{border-color:#d7d6d1}.hero-preview-viewport{max-width:1200px;width:100%;margin:54px auto 0;height:calc(700px * var(--hero-preview-scale,1))}.hero #show{zoom:var(--hero-preview-scale,1);width:1360px;height:700px;margin:0;border-radius:32px 32px 0 0;text-align:left}.hero .hcard{border-radius:28px}.hero .hc h3{font-family:Inter,sans-serif;font-weight:600}.hero .hc p{font-family:Inter,sans-serif}.hero .hc .lm{font-family:Inter,sans-serif}.hero .tb{min-width:60px;min-height:60px}
@media(min-width:1200px) and (max-width:1379px){#nav>.wrap{gap:20px;width:calc(100% - 48px)}.landing-navigation{gap:3px;margin-left:0}.landing-nav-actions{gap:8px}.landing-sales{font-size:14px}.landing-start{padding:13px 14px}.landing-dropdown{left:-160px}}
@media(min-width:768px) and (max-width:1199px){.hero{padding-top:104px!important}.hero-surface{padding:60px 28px 0}.hero .hero-copy h1{font-size:clamp(48px,6.3vw,64px)}.hero .hero-copy p.lead{font-size:19px;max-width:640px}.landing-mobile-panel{top:80px;max-height:calc(100dvh - 80px)}}
@media(max-width:767px){#nav{height:76px}#nav .logo svg{width:36px;height:36px}#nav .landing-wordmark>b{font-size:21px}#nav .landing-wordmark>span{font-size:18.48px}.landing-mobile-panel{top:76px;max-height:calc(100dvh - 76px)}.hero{padding:88px 12px 0!important}.hero-surface{padding:42px 16px 0;border-radius:24px}.hero-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:20px}.hero .hero-copy h1{font-size:clamp(38px,8vw,44px);line-height:1.09;letter-spacing:-.04em}.hero .hero-copy h1 br{display:none}.hero .hero-copy h1 span{display:block;margin-top:3px}.hero .hero-copy p.lead{font-size:17px;line-height:1.55;margin:22px auto 26px;max-width:490px}.hero .ctas{flex-direction:column;gap:10px;max-width:340px;margin:auto}.hero .cta{width:100%;min-height:52px;padding:14px 18px;font-size:16px}.hero .platform-quick-links{gap:9px 16px;font-size:11px;max-width:330px;margin-top:20px}.hero-preview-viewport{margin-top:34px;max-width:580px;height:calc(96px + var(--hero-card-copy-height,280px) + 756px * var(--hero-app-scale,.25) + 60px)}.hero #show{zoom:1;width:100%;height:100%;border-radius:20px 20px 0 0}.hero .tabs{top:20px;gap:9px}.hero .tb{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:13px}.hero .tb svg.ic{width:21px;height:21px}.hero .tb svg.ring{width:54px;height:54px}.hero .tb .stem{top:50px;height:26px}.hero .hcard{left:12px;right:12px;top:96px;bottom:18px;border-radius:19px}.hero .hc .tx{left:22px;right:22px;top:24px;bottom:auto;width:auto;justify-content:initial;display:flex;text-align:left}.hero .fchip{font-size:13px;margin-bottom:14px;gap:8px}.hero .fchip i{width:26px;height:26px;border-radius:8px}.hero .hc h3{font-size:27px;line-height:1.12;letter-spacing:-.025em;margin-bottom:14px}.hero .hc p{font-size:16px;line-height:1.55}.hero .hc .lm{font-size:14px;margin-top:18px;border-bottom-width:1px}.hero .hc .vp{left:14px;right:14px;top:var(--hero-card-copy-height,280px);bottom:auto;width:auto;height:calc(756px * var(--hero-app-scale,.25) + 24px);border-radius:12px}.hero .vp .lx{left:12px;top:12px;transform:scale(var(--hero-app-scale,.25))!important}}
@media(prefers-reduced-motion:reduce){.hero .rv{transform:none!important;opacity:1!important}}