:root{--bg:#040910;--surface:#08131f;--surface2:#0b1927;--line:#183047;--line2:#214661;--text:#f2f7fb;--muted:#8ea2b5;--blue:#168eff;--cyan:#40c8ff;--green:#3bd78d;--amber:#ffad42;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.site-header{position:fixed;z-index:50;inset:0 0 auto;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(4,9,16,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(87,148,198,.14)}.logo{display:flex;align-items:center;gap:11px}.logo>img{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 44px}.logo b{display:block;font-size:1.2rem;line-height:1}.logo small{display:block;margin-top:5px;color:#7892aa;font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.site-header nav{display:flex;align-items:center;gap:29px}.site-header nav>a{color:#a9bac9;font-size:.86rem}.site-header nav>a:hover{color:#fff}.site-header .nav-contact{border-left:1px solid var(--line);padding-left:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border:0;border-radius:9px;background:linear-gradient(135deg,#0878e2,#1fa8ff);box-shadow:0 12px 32px rgba(13,132,238,.24);color:#fff!important;font-weight:750;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(13,132,238,.34)}.btn.small{padding:10px 16px;font-size:.78rem}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle i{display:block;width:25px;height:2px;margin:6px;background:#fff}.hero{min-height:920px;position:relative;display:flex;align-items:center;padding:150px max(24px,calc((100vw - var(--max))/2)) 320px;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#040910 0%,rgba(4,9,16,.93) 42%,rgba(4,9,16,.25) 78%),linear-gradient(0deg,#040910 0%,transparent 38%)}.hero-copy{position:relative;z-index:2;width:min(680px,100%);margin-top:-90px}.eyebrow,.kicker{color:#54bfff;font-size:.72rem;font-weight:800;letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:26px;height:2px;background:var(--blue);box-shadow:0 0 12px var(--blue)}h1{margin:20px 0 25px;font-size:clamp(3.25rem,6.1vw,5.4rem);line-height:.98;letter-spacing:-.055em}h1 em{font-style:normal;background:linear-gradient(90deg,#eaf6ff,#4ebcff);-webkit-background-clip:text;color:transparent}.lead{max-width:630px;color:#a3b5c5;font-size:1.17rem}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.watch{display:flex;align-items:center;gap:10px;font-weight:650}.watch i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #2a4d69;border-radius:50%;color:var(--cyan);font-size:.58rem}.hero-points{display:flex;gap:26px;margin-top:28px;color:#87a0b5;font-size:.78rem}.hero-points span:before{content:'✓';margin-right:8px;color:var(--green)}.product-window{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:flex;width:min(1060px,calc(100% - 48px));height:310px;overflow:hidden;border:1px solid #294c67;border-radius:18px;background:#eff4f8;color:#0a1722;box-shadow:0 30px 100px #000,0 0 80px rgba(28,147,255,.12)}.product-window>aside{width:72px;padding:17px 14px;background:#07131f}.product-window>aside img{display:block;width:42px;height:42px;object-fit:contain;margin:auto}.product-window>aside span,.product-window>aside i{display:block;height:9px;margin:20px 4px;border-radius:6px;background:#16314a}.product-window>aside span{background:var(--blue)}.product-main{flex:1;padding:23px}.product-main>header{display:flex;justify-content:space-between;align-items:center}.product-main small{font-size:.59rem;letter-spacing:.1em;color:#6f8ba2}.product-main h2{margin:0;font-size:1.65rem}.user{text-align:right}.user b,.user span{display:block;font-size:.7rem}.user span{color:#7890a4}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.metric-row article{padding:11px 13px;border:1px solid #d7e2ea;border-radius:8px;background:#fff}.metric-row strong{display:block;font-size:1.12rem}.metric-row em{color:#16a86a;font-style:normal;font-size:.6rem}.metric-row em.warn{color:#e08a16}.panel-row{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;margin-top:10px}.panel-row>article{height:122px;padding:12px;background:#fff;border:1px solid #d7e2ea;border-radius:8px}.panel-title{display:flex;justify-content:space-between;font-size:.68rem}.panel-title span{color:#7890a4}.sales-chart svg{width:100%;height:90px}.fill{fill:url(#chartfill)}.stroke{fill:none;stroke:#168eff;stroke-width:3}.latest p{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px;margin:9px 0;font-size:.61rem}.latest p span{color:#6e8599}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.trust{display:flex;justify-content:center;gap:70px;flex-wrap:wrap;padding:30px 20px;border-block:1px solid rgba(62,110,149,.18);color:#60768a;font-size:.66rem;font-weight:800;letter-spacing:.13em}.section{max-width:var(--max);margin:auto;padding:110px 24px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section h2,.workflow h2,.demo h2{margin:12px 0 22px;font-size:clamp(2.45rem,4.7vw,3.8rem);line-height:1.06;letter-spacing:-.045em}.intro-copy>p:last-child,.section-heading>p,.workflow-copy>p,.anywhere-copy>p,.control-panel>div>p,.faq-heading>p,.demo-copy>p{color:var(--muted);font-size:1.02rem}.outcomes article{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.outcomes strong{color:#308bd0;font-size:.7rem}.outcomes b{font-size:1rem}.outcomes p{margin:3px 0;color:#7d92a5;font-size:.86rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:48px}.section-heading>p{max-width:510px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module{min-height:245px;padding:28px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#0a1723,#06101a);transition:.25s}.module:hover{transform:translateY(-4px);border-color:#296186}.module.feature{grid-column:span 2;background:radial-gradient(circle at 85% 22%,rgba(23,145,255,.15),transparent 38%),linear-gradient(145deg,#0b1a29,#06101a)}.module.report{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.module-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:21px;border:1px solid #24516f;border-radius:10px;background:#0b2135;color:#58c2ff;font-size:1.35rem}.module .label{color:#3285bc;font-size:.58rem;font-weight:800;letter-spacing:.13em}.module h3{margin:0 0 9px;font-size:1.2rem}.module>p,.module>div>p{margin:0;color:#8499ac;font-size:.86rem}.job-flow{display:flex;align-items:center;gap:10px;margin-top:28px;color:#8fa5b7;font-size:.69rem}.job-flow span{padding:7px 9px;border:1px solid #213d53;border-radius:6px}.job-flow .dot{margin-right:6px}.job-flow b{color:#335570}.mini-bars{height:140px;display:flex;align-items:flex-end;gap:12px;padding:0 10px 0 35px;border-bottom:1px solid #24445b}.mini-bars i{height:var(--bar);flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#41bdff,#0b68c4)}.workflow{background:linear-gradient(180deg,#050c14,#07131e 55%,#050c14);border-block:1px solid #132c3e}.workflow-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.workflow-copy ol{list-style:none;padding:0;margin:30px 0 0}.workflow-copy li{display:flex;align-items:center;gap:15px;margin:16px 0}.workflow-copy li>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #24577a;border-radius:50%;color:#54baff;font-size:.75rem}.workflow-copy b,.workflow-copy small{display:block}.workflow-copy small{color:#738a9f}.route-card{padding:28px;border:1px solid #26506e;border-radius:18px;background:radial-gradient(circle at 85% 10%,rgba(25,143,246,.16),transparent 35%),#07121d;box-shadow:0 25px 70px #02070b}.illus-brand,.form-head,.demo-note{display:flex;align-items:center;gap:12px}.illus-brand img,.form-head img,.demo-note img{display:block;width:48px;height:48px;object-fit:contain}.illus-brand b,.illus-brand small,.form-head b,.form-head small,.demo-note b,.demo-note small{display:block}.illus-brand small,.form-head small,.demo-note small{color:#6f869b;font-size:.7rem}.route-line{margin:35px 0}.route-line>div{display:flex;align-items:center;gap:15px}.route-line>div>i{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#0c89f5;color:#fff;font-style:normal;font-weight:800}.route-line b,.route-line small{display:block}.route-line small{color:#758da1}.route-line em{display:block;width:2px;height:32px;margin-left:18px;background:linear-gradient(var(--blue),#214b68)}.route-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.route-stats>span{padding:13px;border:1px solid #19364c;border-radius:8px;background:#091a28}.route-stats small,.route-stats b{display:block}.route-stats small{color:#70889d}.anywhere{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;align-items:center}.device-stage{position:relative;min-height:460px}.desktop-device{position:absolute;inset:20px 60px 40px 0;border:9px solid #1b2a38;border-radius:17px;background:#eef3f7;box-shadow:0 30px 80px #000;transform:perspective(1100px) rotateY(7deg)}.device-top{height:36px;display:flex;align-items:center;padding:5px 12px;background:#081521}.device-top img{width:26px;height:26px;object-fit:contain}.device-top span{width:90px;height:6px;margin-left:12px;border-radius:4px;background:#19354d}.device-content{height:calc(100% - 36px);display:flex;color:#0a1722}.device-content aside{width:70px;background:#0a1926}.device-content main{flex:1;padding:34px}.device-content main small,.device-content main b{display:block}.device-content main small{color:#3b8cc1;font-weight:800}.device-content main b{font-size:1.6rem}.form-lines{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.form-lines i{height:70px;border:1px solid #d8e3eb;border-radius:8px;background:#fff;box-shadow:0 6px 18px #ccd7df}.mobile-device{position:absolute;right:0;bottom:0;width:160px;height:330px;padding:30px 15px 15px;border:6px solid #223441;border-radius:29px;background:#071420;box-shadow:0 25px 65px #000}.mobile-head{display:flex;align-items:center;gap:7px}.mobile-head img{width:25px;height:25px;object-fit:contain}.mobile-head b{font-size:.75rem}.mobile-device>small{display:block;margin-top:25px;color:#558eb7;font-size:.58rem}.mobile-device h4{margin:2px 0 17px}.mobile-device p{padding:10px 8px;border:1px solid #18364c;border-radius:7px;background:#0b1d2c;font-size:.66rem}.mobile-device p .dot{margin-right:6px}.anywhere-copy ul{list-style:none;padding:0;margin:25px 0}.anywhere-copy li{margin:12px 0;color:#a5b6c5}.anywhere-copy li:before{content:'✓';margin-right:11px;color:var(--green)}.solution-row{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.solution-row article{min-height:220px;padding:33px 25px;border-right:1px solid var(--line)}.solution-row article:last-child{border:0}.solution-row small{color:#398ec5}.solution-row h3{margin:24px 0 10px}.solution-row p{color:#7e94a7;font-size:.86rem}.control-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:58px;border:1px solid #1c3c54;border-radius:22px;background:radial-gradient(circle at 10% 10%,rgba(24,143,242,.16),transparent 38%),#071420}.permission{padding:20px;border:1px solid #224b67;border-radius:13px;background:#050d15}.permission>p{display:grid;grid-template-columns:25px 1fr auto;align-items:center;margin:0;padding:11px 4px;border-bottom:1px solid #142c3d;font-size:.72rem}.permission>p i{color:var(--green);font-style:normal}.permission>p i.off{color:#5e7488}.permission>p em{color:#71899c;font-style:normal}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;padding:23px 0;list-style:none;cursor:pointer;font-size:1rem;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:1.45rem}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-4px 0 24px;color:#879caf}.demo{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-block:50px;padding:70px;border:1px solid #215274;border-radius:23px;background:radial-gradient(circle at 10% 20%,rgba(22,143,245,.25),transparent 36%),linear-gradient(145deg,#0b2032,#07131e)}.demo-note{margin-top:35px}.demo-form{padding:28px;border:1px solid #1b3b52;border-radius:15px;background:#050d15}.form-head{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #153048}.demo-form label{display:block;margin:13px 0;color:#8ea5b8;font-size:.72rem}.demo-form input,.demo-form select,.demo-form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #1e3c53;border-radius:8px;background:#0a1926;color:#f1f7fb;outline:none}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,142,255,.1)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-form .btn{width:100%;margin-top:5px}.consent{display:block;margin-top:11px;text-align:center;color:#586e81}.trap{position:absolute!important;left:-9999px!important}footer{max-width:var(--max);margin:auto;padding:70px 24px 28px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-top>div{display:flex;flex-direction:column;gap:9px}.footer-top>div:first-child p{max-width:390px;color:#73899d;font-size:.82rem}.footer-top>div>b{font-size:.75rem}.footer-top>div>a:not(.logo){color:#788fa2;font-size:.78rem}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:25px;border-top:1px solid #132b3d;color:#536b7f;font-size:.7rem}.show-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.show-on-scroll.visible{opacity:1;transform:none}.toast{position:fixed;z-index:70;bottom:24px;left:50%;transform:translate(-50%,25px);padding:13px 18px;border:1px solid #21506d;border-radius:8px;background:#0b2131;opacity:0;pointer-events:none;transition:.3s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:920px){.site-header{height:68px;padding:0 20px}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:18px;background:#07121d;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:10px}.site-header .nav-contact{padding-left:10px;border:0}.hero{min-height:970px;padding:120px 22px 345px}.hero-copy{margin-top:-40px}.hero-overlay{background:linear-gradient(90deg,#040910 0%,rgba(4,9,16,.91) 65%,rgba(4,9,16,.25)),linear-gradient(0deg,#040910 0%,transparent 45%)}.product-window{height:300px}.metric-row{grid-template-columns:1fr 1fr}.metric-row article:nth-child(n+3){display:none}.intro,.workflow-inner,.anywhere,.faq,.demo,.control-panel{grid-template-columns:1fr}.intro,.workflow-inner,.anywhere,.faq,.demo{gap:48px}.section-heading{align-items:start;flex-direction:column;gap:10px}.module-grid{grid-template-columns:1fr 1fr}.module.feature,.module.report{grid-column:span 2}.solution-row{grid-template-columns:1fr 1fr}.solution-row article:nth-child(2){border-right:0}.device-stage{min-height:420px}.demo{margin-inline:20px;padding:45px}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.logo>img{width:39px;height:39px;flex-basis:39px}.hero{min-height:1020px;padding:110px 19px 330px}.hero-image{object-position:68% center;opacity:.66}.hero-copy{margin:0}.lead{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.watch{justify-content:center}.hero-points{gap:10px;flex-wrap:wrap}.product-window{width:calc(100% - 20px);height:285px}.product-window>aside{width:48px;padding:12px 8px}.product-window>aside img{width:32px;height:32px}.product-main{padding:15px}.product-main h2{font-size:1.25rem}.panel-row{grid-template-columns:1fr}.latest{display:none}.trust{gap:18px 30px}.section{padding:78px 19px}.module-grid{grid-template-columns:1fr}.module.feature,.module.report{grid-column:auto}.module.report{grid-template-columns:1fr}.job-flow{gap:5px}.job-flow span{padding:6px;font-size:.58rem}.route-card{padding:20px}.device-stage{min-height:330px}.desktop-device{inset:10px 35px 30px 0;height:285px}.device-content main{padding:25px 15px}.mobile-device{width:125px;height:260px}.solution-row{grid-template-columns:1fr}.solution-row article{border-right:0;border-bottom:1px solid var(--line)}.control-panel{padding:32px 20px}.demo{margin-inline:10px;padding:35px 20px}.fields{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.show-on-scroll{opacity:1;transform:none;transition:none}}
.logo>img.wordmark{width:230px;height:58px;max-width:none;object-fit:contain;object-position:left center;flex:0 0 230px}.header-wordmark{overflow:visible}.contact-email{display:inline-block;margin-top:12px;color:#57bdff;font-weight:750}.contact-email:hover{text-decoration:underline}
@media(max-width:620px){.logo>img.wordmark{width:190px;height:52px;flex-basis:190px}}
.site-header .header-wordmark{display:flex;align-items:center;width:260px;min-width:260px;height:68px;flex:0 0 260px}.site-header .header-wordmark>img.wordmark{display:block!important;width:250px!important;min-width:250px!important;max-width:250px!important;height:auto!important;max-height:64px!important;object-fit:contain!important;object-position:left center!important;flex:0 0 250px!important}
@media(max-width:920px){.site-header .header-wordmark{width:225px;min-width:225px;height:58px;flex-basis:225px}.site-header .header-wordmark>img.wordmark{width:215px!important;min-width:215px!important;max-width:215px!important;max-height:56px!important;flex-basis:215px!important}}
@media(max-width:380px){.site-header .header-wordmark{width:198px;min-width:198px;flex-basis:198px}.site-header .header-wordmark>img.wordmark{width:190px!important;min-width:190px!important;max-width:190px!important;flex-basis:190px!important}}

/* Premium motion and interaction */
.site-header{transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}
.site-header nav>a:not(.btn){position:relative;transition:color .25s ease}
.site-header nav>a:not(.btn)::after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:right .3s ease}
.site-header nav>a:not(.btn):hover::after{right:0}
.header-wordmark>img{transition:transform .35s ease,filter .35s ease}
.header-wordmark:hover>img{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 0 14px rgba(39,169,255,.28))}
.btn{position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;top:-80%;left:-45%;width:30%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(18deg);transition:left .65s ease}
.btn:hover::after{left:125%}
.product-window{animation:dashboard-float 6s ease-in-out infinite}
.module{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .35s ease}
.module:hover{box-shadow:0 18px 48px rgba(0,0,0,.3),0 0 35px rgba(22,142,255,.07)}
.module-icon{transition:transform .35s ease,background-color .3s ease,box-shadow .3s ease}
.module:hover .module-icon{transform:translateY(-3px) rotate(-3deg);background:#0e2b43;box-shadow:0 0 24px rgba(50,177,255,.13)}
.module-grid .show-on-scroll:nth-child(2),.solution-row .show-on-scroll:nth-child(2){transition-delay:.08s}
.module-grid .show-on-scroll:nth-child(3),.solution-row .show-on-scroll:nth-child(3){transition-delay:.16s}
.module-grid .show-on-scroll:nth-child(4),.solution-row .show-on-scroll:nth-child(4){transition-delay:.24s}
.route-line>div>i{animation:route-pulse 2.8s ease-in-out infinite}
.route-line>div:nth-of-type(2)>i{animation-delay:.35s}.route-line>div:nth-of-type(3)>i{animation-delay:.7s}
.faq-list summary span{transition:transform .3s ease,color .3s ease}.faq-list details[open] summary span{color:var(--cyan)}
.contact-email{transition:color .25s ease,text-shadow .25s ease}.contact-email:hover{color:#8bd5ff;text-shadow:0 0 18px rgba(64,200,255,.25)}
@keyframes dashboard-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}
@keyframes route-pulse{0%,100%{box-shadow:0 0 0 0 rgba(22,142,255,0)}50%{box-shadow:0 0 0 7px rgba(22,142,255,.09)}}
@media(prefers-reduced-motion:reduce){.product-window,.route-line>div>i{animation:none}.btn::after{display:none}.module-grid .show-on-scroll,.solution-row .show-on-scroll{transition-delay:0s}}
.product-window.show-on-scroll{opacity:0;transform:translateX(-50%) translateY(18px);animation:none}.product-window.show-on-scroll.visible{opacity:1;transform:translateX(-50%) translateY(0);animation:dashboard-float 6s ease-in-out .8s infinite}
@media(prefers-reduced-motion:reduce){.product-window.show-on-scroll,.product-window.show-on-scroll.visible{opacity:1;transform:translateX(-50%);animation:none}}
.faq-list details{transition:background-color .3s ease,border-color .3s ease,padding .3s ease}.faq-list details:hover{border-color:#28536f}.faq-list details[open]{padding:0 18px;background:linear-gradient(90deg,rgba(18,119,202,.08),rgba(18,119,202,0));border-color:#2a5c7d}.faq-list summary{transition:color .25s ease,padding .3s ease}.faq-list summary:hover{color:#65c5ff}.faq-list details>p{overflow:hidden;transform-origin:top;margin-top:-4px}.faq-list details[open]>p{will-change:height,opacity,transform}.faq-list details.is-opening summary span,.faq-list details[open] summary span{transform:rotate(45deg)}
@media(max-width:620px){.faq-list details[open]{padding:0 12px}.faq-list summary{gap:14px}.faq-list summary span{flex:0 0 auto}}

/* Tablet, iPad and iOS spacing */
@media (min-width:621px) and (max-width:1024px){
  .site-header{padding-left:32px;padding-right:32px}
  .hero{padding-left:32px;padding-right:32px}
  .section{padding-left:32px;padding-right:32px}
  .product-window{width:calc(100% - 64px)}
  .module{padding:25px}
  .workflow-inner{padding-left:32px;padding-right:32px}
  .control-panel{padding:46px 38px}
  .demo{margin-left:32px;margin-right:32px;padding:46px 38px}
  footer{padding-left:32px;padding-right:32px}
}

@media (max-width:620px){
  .site-header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}
  .site-header nav{top:calc(68px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .hero{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-top:calc(110px + env(safe-area-inset-top))}
  .section{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .product-window{width:calc(100% - 28px);max-width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 20px)}
  .module{padding:24px 20px}
  .route-card{padding:22px 18px}
  .route-stats{gap:8px}
  .route-stats>span{padding:11px 9px}
  .control-panel{padding:30px 18px}
  .permission{padding:18px 14px}
  .permission>p{grid-template-columns:22px 1fr;gap:3px 6px}
  .permission>p em{grid-column:2}
  .demo{margin-left:max(12px,env(safe-area-inset-left));margin-right:max(12px,env(safe-area-inset-right));padding:32px 18px}
  .demo-form{padding:22px 16px}
  .demo-form input,.demo-form select,.demo-form textarea{font-size:16px;padding:12px 11px}
  footer{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:calc(28px + env(safe-area-inset-bottom))}
  .footer-top{gap:34px 22px}
}