:root{--ink:#07111d;--navy:#081523;--violet:#765cff;--green:#43dda0;--cyan:#53d9ee;--text:#5c6b7d;--line:#e1e6ec;--soft:#f4f6f9;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 16px/1.6 "Plus Jakarta Sans",sans-serif;-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}h1,h2,h3,b,strong,.brand{font-family:Sora,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:108px 0}.dark{position:relative;overflow:hidden;background:#081523;color:#fff}.skip{position:fixed;top:-60px;left:15px;background:#fff;padding:8px 14px;z-index:999}.skip:focus{top:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
header[data-header]{position:fixed;z-index:100;inset:0 0 auto;background:rgba(7,17,29,.15);transition:.3s;border-bottom:1px solid transparent}header[data-header].solid{background:rgba(7,17,29,.9);backdrop-filter:blur(18px);border-color:#223044}.nav{height:74px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px}.brand img{width:38px}.nav nav{margin-left:auto;display:flex;gap:28px}.nav nav a{font-size:13px;font-weight:600;color:#bdc8d5}.nav nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:0;border-radius:10px;background:linear-gradient(135deg,#8068ff,#6445ef);color:#fff;font-weight:700;font-size:13px;box-shadow:0 12px 28px rgba(112,85,255,.25);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(112,85,255,.4)}.navbtn{padding:10px 14px}.menu{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:24px}
.grid{position:absolute;inset:0;background-image:linear-gradient(#8fa3bd0e 1px,transparent 1px),linear-gradient(90deg,#8fa3bd0e 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent)}.hero{padding-top:145px;background:radial-gradient(circle at 74% 35%,#192555 0,transparent 29%),linear-gradient(135deg,#07111d,#0a1727 65%,#101630)}.orb{position:absolute;width:430px;height:430px;border-radius:50%;background:#7257ff;filter:blur(100px);opacity:.16;right:8%;top:20%}.hero-layout{position:relative;display:grid;grid-template-columns:.85fr 1.35fr;gap:55px;align-items:center;padding-bottom:85px}.pill,.heading>span,.split>div>span,.demo-layout>div>span,.roi-box>div>span,.card>span{color:#8169ff;font-size:10px;font-weight:800;letter-spacing:.15em}.pill{display:inline-flex;align-items:center;gap:9px;color:#c1b5ff;border:1px solid #7d6cff45;background:#7560ff18;padding:7px 11px;border-radius:99px}.pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #43dda015}.hero h1{font-size:clamp(48px,5vw,74px);line-height:1.02;letter-spacing:-.055em;margin:25px 0 22px}.hero h1 em{font-style:normal;color:#9a85ff}.hero-copy>p{font-size:17px;color:#a6b4c5;max-width:540px}.actions{display:flex;align-items:center;gap:27px;margin-top:30px}.actions>a:last-child{font-size:13px;font-weight:600;color:#e2e8ef}.checks{display:flex;gap:18px;padding:0;list-style:none;color:#8797aa;font-size:11px;margin:28px 0 0}.checks li::first-letter{color:var(--green)}
.dashboard{position:relative;padding:17px;background:linear-gradient(150deg,#13253a,#091827);border:1px solid #9aabd82d;border-radius:20px;box-shadow:0 45px 90px #0008;transition:transform .16s}.dash-head{display:flex;align-items:center;gap:8px;padding:0 2px 14px}.dash-logo{width:25px;height:25px;border-radius:7px;background:linear-gradient(135deg,var(--violet),var(--cyan))}.dash-head div{display:flex;flex-direction:column}.dash-head b{font-size:10px}.dash-head small{font-size:7px;color:#6e8096}.dash-head>em{margin-left:auto;font-style:normal;font-size:7px;color:#78889a}.dash-head>em i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpis article,.chart,.sites{background:#0a1929;border:1px solid #9aadc51b;border-radius:10px}.kpis article{padding:12px}.kpis small{display:block;color:#74869a;font-size:8px}.kpis b{font-size:19px;display:inline-block;margin:4px 7px 0 0}.kpis em,.kpis span{font-style:normal;font-size:7px;color:#718196}.kpis em,.ok{color:var(--green)!important}.dash-body{display:grid;grid-template-columns:1.7fr 1fr;gap:8px;margin-top:8px}.chart{padding:13px}.chart-title{display:flex;justify-content:space-between}.chart-title span{display:flex;flex-direction:column}.chart-title small{font-size:7px;color:#708298}.chart-title b{font-size:16px}.chart-title em{font-style:normal;color:#6d8094;background:#102236;border-radius:5px;padding:4px 7px;font-size:7px;height:max-content}.chart svg{height:115px}.guides{stroke:#27384a;stroke-width:1}.area{fill:url(#fill)}.line{fill:none;stroke:#836dff;stroke-width:2.5;filter:drop-shadow(0 0 4px #7257ff)}.ai{display:flex;gap:9px;padding:12px;border:1px solid #7f65ff42;border-radius:10px;background:linear-gradient(135deg,#40327355,#102136)}.ai>strong{width:28px;height:28px;display:grid;place-items:center;background:var(--violet);border-radius:8px}.ai span{display:flex;flex-direction:column}.ai small{font-size:6px;color:#a495f5}.ai b{font-size:9px}.ai p{font-size:6px;color:#73859a;margin:2px 0}.sites{grid-column:1/-1;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sites>b{grid-column:1/-1;font-size:8px}.sites>div{display:flex;align-items:center;gap:7px;background:#0e1e30;padding:7px;border-radius:7px}.sites>div>span{width:24px;height:24px;display:grid;place-items:center;background:#182d43;border-radius:6px;color:#69d5eb;font-size:6px}.sites p{display:flex;flex-direction:column;margin:0}.sites p b{font-size:7px}.sites p small{font-size:6px;color:#6f8195}.sites em{font-style:normal;color:var(--green);font-size:6px;margin-left:auto}.dashboard aside{position:absolute;right:-24px;bottom:85px;display:flex;align-items:center;gap:8px;background:#fff;color:#102034;padding:9px 11px;border-radius:9px;box-shadow:0 13px 30px #0006;animation:float 4s ease-in-out infinite}.dashboard aside>b{width:24px;height:24px;display:grid;place-items:center;background:#ddf8ed;color:#1fb377;border-radius:50%;font-size:9px}.dashboard aside span{display:flex;flex-direction:column}.dashboard aside strong{font-size:7px}.dashboard aside small{font-size:6px;color:#7d8995}.ticker{border-top:1px solid #ffffff12;background:#050e18aa}.ticker .shell{height:72px;display:flex;align-items:center;justify-content:space-between;gap:17px;white-space:nowrap;overflow:hidden;font-size:10px;color:#415266}.ticker b{color:#9eacbc}.ticker span{color:#607286}
.heading{max-width:650px}.heading.center{text-align:center;margin:auto}.heading h2,.split h2{font-size:clamp(36px,4vw,52px);line-height:1.1;letter-spacing:-.045em;margin:15px 0}.heading p,.split p{color:var(--text);font-size:16px}.dark .heading p{color:#90a1b5}.bento{display:grid;grid-template-columns:1.2fr .8fr;gap:17px;margin-top:50px}.card{position:relative;overflow:hidden;min-height:360px;padding:35px;border:1px solid #e7ebf0;border-radius:var(--r);background:#f6f8fb}.card h3{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:10px 0}.card p{max-width:490px;color:var(--text);font-size:13px}.wide{min-height:435px;background:linear-gradient(140deg,#f8f9fc,#eeeffa)}.mini{position:absolute;left:35px;right:35px;bottom:-28px;padding:14px;background:#fff;border-radius:13px;box-shadow:0 20px 50px #1d33551c}.mini header{display:flex;justify-content:space-between;font-size:8px}.mini em{color:#20b77d;font-style:normal}.racks{height:180px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:18px;margin-top:10px;border-radius:9px;background:linear-gradient(145deg,#edf0f5,#e3e7ed)}.racks>i{width:67px;height:113px;background:repeating-linear-gradient(0deg,#1b2a3a 0 20px,#637286 21px 24px);border:6px solid #283a4e;border-radius:4px}.racks strong{position:absolute;background:#fff;padding:5px 8px;border-radius:7px;box-shadow:0 8px 18px #10244a20;font-size:7px}.racks strong:nth-last-child(2){left:8%;top:30%}.racks strong:last-child{right:8%;top:22%}.alerts{background:linear-gradient(145deg,#111f31,#081523);color:#fff}.alerts p{color:#8fa1b5}.phone{position:absolute;left:55px;right:-18px;bottom:-50px;height:210px;padding:13px;background:#f1f3f6;color:#142132;border:6px solid #273647;border-radius:22px 22px 0 0}.phone>small{display:block;font-size:7px;margin-bottom:9px}.phone>div{background:#fff;border-radius:9px;padding:10px;margin-top:8px;font-size:9px;box-shadow:0 7px 18px #17345a16}.phone p{color:#5c6b7a;font-size:7px;margin:2px 0}.vars{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.vars i{display:flex;flex-direction:column;padding:11px;background:#f1f4f7;border-radius:9px;font-style:normal;font-size:15px}.vars b{font-size:8px;margin-top:4px}.vars small{font-size:7px;color:#7c8997}.service{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:315px;background:#f2efff}.service a,.case a,.integrate a{color:var(--violet);font-size:13px;font-weight:700}.orbit{height:240px;position:relative}.orbit>i{position:absolute;inset:12px;border:1px solid #7358ff2a;border-radius:50%}.orbit>img{position:absolute;width:70px;padding:14px;background:#fff;border-radius:22px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 15px 30px #5037a42b}.orbit b{position:absolute;padding:7px 10px;background:#fff;border-radius:8px;font-size:8px;box-shadow:0 8px 20px #49387d1e}.orbit b:nth-of-type(1){left:2%;top:31%}.orbit b:nth-of-type(2){right:0;top:23%}.orbit b:nth-of-type(3){left:42%;bottom:2%}
.flow{background:linear-gradient(135deg,#07111d,#0b192a)}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:55px 0 35px}.steps li{text-align:center;position:relative}.steps li:not(:last-child):after{content:"";position:absolute;top:44px;left:70%;width:60%;border-top:1px dashed #4b5c70}.steps i{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 18px;border-radius:21px;border:1px solid #735dff70;background:radial-gradient(circle,#29335d,#111e30);font-style:normal;color:#a794ff;font-size:22px}.steps b{font-size:14px}.steps p{color:#788ba0;font-size:11px}.speed{margin:auto;width:max-content;max-width:100%;padding:8px 16px;background:#0e1c2d;border:1px solid #24364a;border-radius:99px;color:#8192a5;font-size:9px}.speed::first-letter{color:var(--green)}
.split{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:45px}.tabs{display:flex;overflow-x:auto;margin-top:40px;border-bottom:1px solid var(--line)}.tabs button{padding:13px 20px;white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;color:#7c8997;font-size:12px;font-weight:600;cursor:pointer}.tabs button[aria-selected=true]{border-color:var(--violet);color:var(--violet)}.case{display:grid;grid-template-columns:.7fr 1.3fr;min-height:440px;background:#f3f5f8;border-radius:0 0 20px 20px;overflow:hidden}.case-copy{padding:50px}.case-copy>span{color:var(--violet);font-size:9px;font-weight:800;letter-spacing:.13em}.case-copy h3{font-size:29px;line-height:1.2;margin:13px 0}.case-copy p{color:var(--text);font-size:13px}.case-copy ul{padding:0;list-style:none;font-size:12px}.case-copy li{padding:5px}.case-copy li:before{content:"✓";color:var(--green);margin-right:8px}.room{position:relative;margin:30px;border-radius:15px;overflow:hidden;background:linear-gradient(#091625cc,#07111ff5),repeating-linear-gradient(90deg,transparent 0 65px,#ffffff0a 66px);display:flex;align-items:center;justify-content:center;gap:14px}.room>label{position:absolute;top:18px;left:20px;color:#8091a4;font-size:7px}.room>label::first-letter{color:var(--green)}.room>i{width:84px;height:220px;border:5px solid #283a4d;background:repeating-linear-gradient(0deg,#152638 0 30px,#607084 31px 34px);border-radius:5px}.room>div{position:absolute;padding:9px 11px;background:#fff;color:#132032;border-radius:8px;box-shadow:0 12px 28px #0005;display:grid;grid-template-columns:1fr auto;gap:0 14px}.room>div small{grid-column:1/-1;font-size:6px;color:#798797}.room>div b{font-size:10px}.room>div em{font-style:normal;font-size:6px;color:#20af78}.room>div:nth-of-type(1){left:2%;top:28%}.room>div:nth-of-type(2){right:2%;bottom:20%}.room>span{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan);animation:scan 5s linear infinite}
.integrations,.model{background:#f7f8fa}.integrate{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:60px}.cloud{height:400px;position:relative}.cloud svg{position:absolute;width:100%;height:100%}.cloud path{stroke:#d0d7e0;stroke-dasharray:5 7;fill:none}.cloud>strong,.cloud>i{position:absolute;z-index:2;background:#fff;box-shadow:0 14px 40px #1d31531c}.cloud>strong{left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:29px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px}.cloud>strong img{width:43px;margin-bottom:5px}.cloud>i{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e4e8ee;border-radius:10px;color:var(--violet);font-style:normal;font-weight:800;font-size:8px}.cloud>i small{color:#263446}.cloud>i:nth-of-type(1){left:3%;top:10%}.cloud>i:nth-of-type(2){right:4%;top:7%}.cloud>i:nth-of-type(3){right:0;top:48%}.cloud>i:nth-of-type(4){right:10%;bottom:3%}.cloud>i:nth-of-type(5){left:8%;bottom:3%}.cloud>i:nth-of-type(6){left:-1%;top:50%}
.roi{padding-top:30px}.roi-box{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center;padding:60px;border-radius:27px;background:radial-gradient(circle at 0 100%,#403387,#101a32 42%,#121942);color:#fff}.roi-box h2{font-size:38px;line-height:1.15;letter-spacing:-.04em;margin:15px 0}.roi-box>div>p{color:#9baabc}.roi-check{font-size:10px;color:#9babbc}.calc{padding:23px;background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 24px 55px #0005}.calc header{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e5e9ed;font-size:11px}.calc header small{font-size:6px;padding:4px 6px;background:#f1f3f5;border-radius:4px;color:#7d8997}.calc label{display:flex;justify-content:space-between;margin:14px 0 6px;font-size:9px;color:#687687}.calc output{font-weight:700;color:#263446}.calc input{width:100%;accent-color:var(--violet)}.calc>div{margin-top:18px;padding:16px;background:#f0eeff;border-radius:11px}.calc>div small{display:block;font-size:7px}.calc strong{font-size:27px;color:#6348ec}.calc em{font-style:normal;font-size:7px;color:#817c9c}.calc>p{text-align:center;color:#84909c;font-size:7px;margin:8px 0 0}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.plans article{position:relative;padding:32px;background:#fff;border:1px solid #e2e7ec;border-radius:17px}.plans i{display:grid;place-items:center;width:45px;height:45px;background:#eeebff;color:var(--violet);border-radius:12px;font-style:normal}.plans h3{font-size:18px;margin:19px 0 6px}.plans p{font-size:11px;color:var(--text)}.plans .featured{border:2px solid var(--violet);transform:translateY(-7px);box-shadow:0 16px 36px #6247d61b}.plans label{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--violet);color:#fff;border-radius:99px;padding:4px 12px;font-size:6px;letter-spacing:.12em}.price{display:flex;align-items:center;gap:30px;margin-top:24px;padding:20px 24px;background:#fff;border:1px solid #e3e8ed;border-radius:14px}.price>div{display:flex;flex-direction:column}.price small{font-size:7px;color:#84909e}.price b{font-size:25px}.price b em{font:400 9px "Plus Jakarta Sans";color:#748291}.price p{margin:0 auto 0 0;color:#768392;font-size:9px}.faqs{display:grid;grid-template-columns:.55fr 1fr;gap:85px}.faqs .heading p{font-size:12px}.faqs .heading a{color:var(--violet);font-weight:700}.faqs details{padding:18px 0;border-bottom:1px solid var(--line)}.faqs summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font:700 14px Sora}.faqs summary b{color:var(--violet);font-size:20px;transition:.2s}.faqs details[open] summary b{transform:rotate(45deg)}.faqs details p{margin:10px 0 0;color:var(--text);font-size:12px}
.demo{background:radial-gradient(circle at 20% 50%,#1b2451,#07131f 58%)}.demo-layout{position:relative;display:grid;grid-template-columns:.85fr 1fr;gap:85px;align-items:center}.demo h2{font-size:43px;line-height:1.12;letter-spacing:-.04em;margin:15px 0}.demo-layout>div>p{color:#9aaabb}.demo ul{list-style:none;padding:0;color:#adbac9;font-size:11px}.demo li{margin:7px 0}.demo li::first-letter{color:var(--green)}.demo aside{display:flex;flex-direction:column;margin-top:35px;padding-top:20px;border-top:1px solid #ffffff17}.demo aside small{font-size:8px;color:#74869a}.demo aside a{font-size:12px;color:#d0d8e2}.lead{padding:28px;background:#fff;color:var(--ink);border-radius:19px;box-shadow:0 25px 60px #0005}.lead header{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e5e9ed}.lead header small{color:#1ca975;background:#e7f9f1;border-radius:99px;padding:5px 7px;font-size:6px}.lead>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead label{display:block;margin-top:12px;color:#4d5b6a;font-size:8px;font-weight:700}.lead input,.lead select,.lead textarea{width:100%;padding:9px 10px;margin-top:4px;border:1px solid #dce2e8;border-radius:8px;background:#fafbfc;outline:none;font-size:10px}.lead input:focus,.lead select:focus,.lead textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #745cff16}.lead textarea{resize:vertical}.lead button{width:100%;margin-top:17px}.lead>p{margin:8px 0 0;text-align:center;color:#c74848;font-size:9px}.trap{display:none!important}footer{background:#050d16;color:#fff}.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:60px;padding:60px 0}.foot>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.foot>div:first-child p{max-width:270px}.foot>div>b{font-size:9px;text-transform:uppercase;color:#708196;letter-spacing:.1em}.foot a,.foot p{font-size:10px;color:#aab7c6;margin:0}.copy{display:flex;justify-content:space-between;padding:19px 0 28px;border-top:1px solid #172333;color:#64758a;font-size:8px}.wa{position:fixed;z-index:80;right:20px;bottom:20px;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 10px 30px #0004;font-size:9px;font-weight:800}.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-7px)}}@keyframes scan{from{top:10%}to{top:90%}}
@media(max-width:980px){.nav nav{gap:16px}.navbtn{display:none}.hero-layout,.integrate,.roi-box,.demo-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.actions,.checks{justify-content:center}.dashboard{max-width:720px;margin:auto}.bento{grid-template-columns:1fr}.service{grid-column:auto}.split{grid-template-columns:1fr}.case{grid-template-columns:1fr}.room{height:420px}.faqs{gap:40px}.foot{grid-template-columns:1.5fr 1fr 1fr}.foot>div:last-child{grid-column:2/4}}
@media(max-width:740px){.shell{width:calc(100% - 28px)}.section{padding:76px 0}.nav{height:65px}.menu{display:block}.nav nav{position:fixed;left:0;right:0;top:65px;display:flex;flex-direction:column;gap:0;padding:20px;background:#081523;transform:translateY(-130%);transition:.3s}.nav nav.open{transform:none}.nav nav a{padding:12px;border-bottom:1px solid #1b2a3c}.hero{padding-top:110px}.hero-layout{gap:50px;padding-bottom:64px}.hero h1{font-size:46px}.actions,.checks{flex-direction:column}.dashboard{padding:10px}.dashboard aside{right:5px;bottom:-25px}.dash-body{grid-template-columns:1fr}.sites{grid-column:auto;grid-template-columns:1fr}.sites>b{grid-column:auto}.ticker .shell{justify-content:flex-start}.heading h2,.split h2{font-size:36px}.card{padding:25px}.wide{min-height:465px}.mini{left:16px;right:16px}.vars{grid-template-columns:1fr 1fr}.service{grid-template-columns:1fr;min-height:570px}.steps{grid-template-columns:1fr 1fr;gap:30px 0}.steps li:after{display:none}.case-copy{padding:28px 23px}.room{height:330px;margin:12px}.room>i{width:65px;height:175px}.cloud{height:340px;transform:scale(.9);margin-inline:-25px}.roi-box{padding:32px 21px;gap:35px}.roi-box h2{font-size:33px}.plans{grid-template-columns:1fr}.plans .featured{transform:none}.price{flex-direction:column;align-items:flex-start}.price p{margin:0}.price .btn{width:100%}.faqs{grid-template-columns:1fr}.demo-layout{gap:40px}.demo h2{font-size:35px}.lead>div{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr;gap:35px}.foot>div:first-child{grid-column:1/-1}.foot>div:last-child{grid-column:auto}.copy{flex-direction:column;gap:10px}}
@media(max-width:430px){.hero h1{font-size:40px}.kpis{grid-template-columns:1fr 1fr}.kpis article:last-child{grid-column:1/-1}.chart svg{height:90px}.steps{grid-template-columns:1fr}.room{gap:6px}.room>i{width:52px}.roi-box h2{font-size:30px}.foot{grid-template-columns:1fr}.foot>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}

/* 2026 density and legibility pass */
@media(min-width:981px){.shell{width:min(1380px,calc(100% - 80px))}.section{padding:92px 0}.hero-layout{grid-template-columns:.9fr 1.1fr}.bento{grid-template-columns:1.08fr .92fr}.bento>.card:nth-child(3){grid-column:1/-1;min-height:255px}.bento>.card:nth-child(3) h3{margin-bottom:22px}.bento>.card:nth-child(3) .vars{grid-template-columns:repeat(6,1fr)}.integrate{grid-template-columns:.85fr 1.15fr;gap:35px}.cloud{height:360px}.case{min-height:410px}}
.heading>span,.split>div>span,.demo-layout>div>span,.roi-box>div>span,.card>span{font-size:12px}.heading p,.split p{font-size:18px;line-height:1.65}.card{min-height:330px;padding:32px;border-color:#dce3eb;box-shadow:0 12px 35px rgba(28,43,68,.045)}.card h3{font-size:28px}.card p{font-size:15px;line-height:1.65}.wide{min-height:415px}.vars{gap:12px;margin-top:18px}.vars i{min-height:105px;justify-content:center;padding:16px;border:1px solid #e5eaf0;background:#f8f9fb;font-size:22px;transition:.2s}.vars i:hover{transform:translateY(-3px);background:#fff;border-color:#cfc8ff;box-shadow:0 12px 25px rgba(50,61,86,.09)}.vars b{font-size:13px;margin-top:8px}.vars small{font-size:12px;color:#778698}.service{min-height:285px}.service a,.case a,.integrate a{font-size:15px}.orbit b{font-size:11px;padding:9px 13px}.orbit>img{width:82px}.steps b{font-size:16px}.steps p{font-size:13px}.speed{font-size:12px;padding:10px 20px}.tabs button{font-size:14px}.case-copy>span{font-size:11px}.case-copy p,.case-copy ul{font-size:14px}.room>label{font-size:10px}.room>div small{font-size:8px}.room>div b{font-size:13px}.room>div em{font-size:9px}.integrations{padding:82px 0;background:linear-gradient(180deg,#f8fafc,#f2f5f9)}.integrations .heading{padding-right:30px}.cloud{border:1px solid #e2e7ef;border-radius:24px;background:rgba(255,255,255,.66);box-shadow:0 24px 70px rgba(33,48,74,.07)}.cloud>strong{width:132px;height:132px;font-size:13px;border:1px solid #e4e7ef;box-shadow:0 18px 50px rgba(36,50,78,.13)}.cloud>strong img{width:50px}.cloud>i{padding:13px 16px;font-size:11px;box-shadow:0 12px 30px rgba(29,49,80,.11)}.cloud>i small{font-size:11px}.roi-check{font-size:13px}.calc header{font-size:14px}.calc header small{font-size:9px}.calc label{font-size:12px}.calc>div small,.calc em,.calc>p{font-size:10px}.plans h3{font-size:21px}.plans p{font-size:14px}.plans label{font-size:9px}.price small{font-size:10px}.price b em,.price p{font-size:12px}.faqs .heading p,.faqs details p{font-size:14px}.faqs summary{font-size:16px}.demo ul{font-size:14px}.demo aside small{font-size:11px}.demo aside a{font-size:15px}.lead header small{font-size:9px}.lead label{font-size:11px}.lead input,.lead select,.lead textarea{font-size:13px;padding:11px 12px}.foot>div>b{font-size:11px}.foot a,.foot p{font-size:13px}.copy{font-size:11px}
@media(max-width:980px) and (min-width:741px){.bento>.card:nth-child(3){min-height:300px}.vars{grid-template-columns:repeat(3,1fr)}.integrations .heading{text-align:center;margin:auto}.cloud{max-width:720px;margin:25px auto 0}}
@media(max-width:740px){.card p{font-size:14px}.vars i{min-height:98px}.cloud{border:1px solid #e2e7ef;border-radius:20px;background:#fff}.cloud>i{font-size:9px}.cloud>i small{font-size:9px}}

/* Large type / compact layout pass */
body{font-size:18px}.section{padding:72px 0}.nav nav a,.btn{font-size:15px}.hero{padding-top:120px}.hero-layout{padding-bottom:62px;gap:42px}.hero-copy>p{font-size:20px;line-height:1.65;max-width:620px}.actions>a:last-child,.checks{font-size:14px}.ticker .shell{height:60px;font-size:13px}.heading{max-width:760px}.heading h2,.split h2{font-size:clamp(42px,4vw,58px)}.heading p,.split p{font-size:20px}.bento{margin-top:38px}.card{min-height:0;padding:28px}.card h3{font-size:31px}.card p{font-size:17px}.wide{min-height:390px}.bento>.alerts{min-height:390px}.bento>.card:nth-child(3){min-height:0}.vars i{min-height:92px}.vars b{font-size:15px}.vars small{font-size:14px}.service{min-height:250px}.orbit{height:205px}.flow .heading{max-width:800px}.steps{margin:40px 0 25px}.steps b{font-size:18px}.steps p{font-size:15px}.speed{font-size:14px}.case{min-height:360px}.case-copy{padding:38px}.case-copy h3{font-size:34px}.case-copy p,.case-copy ul{font-size:16px}.room{margin:20px}.integrations{padding:66px 0}.cloud{height:310px}.cloud>strong{width:145px;height:145px;font-size:15px}.cloud>i,.cloud>i small{font-size:13px}.roi{padding-top:18px}.roi-box{padding:46px;gap:45px}.roi-box h2{font-size:44px}.roi-box>div>p{font-size:17px}.roi-check{font-size:15px}.calc{padding:27px}.calc header{font-size:17px}.calc header small{font-size:11px}.calc label{font-size:15px}.calc>div small,.calc em,.calc>p{font-size:12px}.calc strong{font-size:34px}.plans{margin-top:36px}.plans article{padding:28px}.plans h3{font-size:24px}.plans p{font-size:16px}.plans label{font-size:11px}.price small{font-size:12px}.price b em,.price p{font-size:14px}.faqs{gap:55px}.faqs .heading p,.faqs details p{font-size:16px}.faqs summary{font-size:18px}.demo-layout{gap:55px}.demo-layout>div>p{font-size:18px}.demo ul{font-size:16px}.demo aside small{font-size:13px}.demo aside a{font-size:17px}.lead{padding:32px}.lead header{font-size:20px}.lead header small{font-size:11px}.lead label{font-size:14px}.lead input,.lead select,.lead textarea{font-size:16px;padding:13px}.foot{padding:48px 0}.foot>div>b{font-size:13px}.foot a,.foot p{font-size:15px}.copy{font-size:13px}
.dash-head b{font-size:14px}.dash-head small,.dash-head>em{font-size:11px}.kpis small{font-size:12px}.kpis b{font-size:25px}.kpis em,.kpis span{font-size:11px}.chart-title small,.chart-title em{font-size:11px}.chart-title b{font-size:22px}.ai small{font-size:10px}.ai b{font-size:14px}.ai p{font-size:11px;line-height:1.4}.sites>b{font-size:12px}.sites>div>span{width:32px;height:32px;font-size:10px}.sites p b{font-size:11px}.sites p small,.sites em{font-size:10px}.dashboard aside strong{font-size:11px}.dashboard aside small{font-size:10px}.mini header{font-size:12px}.racks strong{font-size:11px}.phone>small{font-size:11px}.phone>div{font-size:13px}.phone p{font-size:11px}
@media(min-width:981px){.shell{width:min(1320px,calc(100% - 80px))}.dashboard{padding:20px}.chart svg{height:135px}.bento>.card:nth-child(3){display:grid;grid-template-columns:.55fr 1.45fr;grid-template-rows:auto 1fr;align-items:center;column-gap:48px;min-height:260px}.bento>.card:nth-child(3)>span{grid-column:1;grid-row:1;align-self:end}.bento>.card:nth-child(3)>h3{grid-column:1;grid-row:2;align-self:start;margin:10px 0}.bento>.card:nth-child(3) .vars{grid-column:2;grid-row:1/3;grid-template-columns:repeat(3,1fr);margin:0}.integrate{grid-template-columns:.9fr 1.1fr}.model-grid{gap:18px}}
@media(max-width:980px){.section{padding:62px 0}.hero{padding-top:105px}.wide,.bento>.alerts{min-height:390px}.cloud{height:330px}.case{min-height:0}.roi-box{padding:38px}.demo-layout{gap:38px}}
@media(max-width:740px){body{font-size:17px}.section{padding:52px 0}.hero h1{font-size:43px}.hero-copy>p{font-size:18px}.heading h2,.split h2{font-size:38px}.heading p,.split p{font-size:17px}.card{padding:23px}.card h3{font-size:28px}.card p{font-size:16px}.wide,.bento>.alerts{min-height:420px}.vars b{font-size:14px}.vars small{font-size:13px}.service{min-height:520px}.case-copy h3{font-size:30px}.cloud{height:310px}.cloud>strong{width:110px;height:110px}.cloud>i,.cloud>i small{font-size:10px}.roi-box{padding:28px 20px}.roi-box h2{font-size:34px}.lead label{font-size:13px}.lead input,.lead select,.lead textarea{font-size:16px}}

.proof-band{background:#fff;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{display:flex;align-items:center;gap:16px;padding:28px 25px;border-right:1px solid var(--line)}.proof-grid>div:first-child{border-left:1px solid var(--line)}.proof-grid strong{font:700 34px Sora;color:var(--violet);white-space:nowrap}.proof-grid span{font-size:14px;line-height:1.35;color:var(--text)}.diagnostic{background:#f5f7fa}.diagnostic-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:start}.diagnostic-copy>span{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--violet)}.diagnostic-copy h2{font-size:48px;line-height:1.12;letter-spacing:-.045em;margin:16px 0}.diagnostic-copy>p{font-size:18px;color:var(--text)}.diagnostic-benefits{display:flex;flex-direction:column;gap:8px;margin-top:25px;font-size:14px;color:#526173}.diagnostic-benefits span::first-letter{color:var(--green)}.diagnostic-tool{background:#fff;border:1px solid #dfe5ec;border-radius:22px;padding:30px;box-shadow:0 20px 55px rgba(31,46,72,.08)}.diagnostic-progress{display:flex;align-items:center;gap:15px;color:#7b8795;font-size:10px;font-weight:800;letter-spacing:.1em}.diagnostic-progress i{height:4px;flex:1;background:linear-gradient(90deg,var(--violet) 0 100%);border-radius:99px}.diagnostic-tool h3{font-size:24px;margin:20px 0}.diagnostic-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagnostic-options button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #dfe5ec;background:#f8fafc;border-radius:13px;padding:16px;cursor:pointer;color:var(--ink);transition:.2s}.diagnostic-options button:hover,.diagnostic-options button.selected{border-color:var(--violet);background:#f2efff;box-shadow:0 8px 20px rgba(87,65,197,.1)}.diagnostic-options button>b{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff;color:var(--violet);font-size:18px}.diagnostic-options button>span{font:700 15px Sora}.diagnostic-options small{display:block;margin-top:2px;font:400 12px "Plus Jakarta Sans";color:#778596}.diagnostic-result{margin-top:18px;padding:20px;border-radius:14px;background:#0c1929;color:#fff}.diagnostic-result[hidden]{display:none}.diagnostic-result>div span{display:block;color:#9d8cff;font-size:9px;letter-spacing:.12em}.diagnostic-result>div strong{font-size:18px}.diagnostic-result ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;padding:0;list-style:none;color:#aebac8;font-size:12px}.diagnostic-result li::first-letter{color:var(--green)}.diagnostic-result p{font-size:12px;color:#8d9daf;margin:12px 0}.diagnostic-result .btn{padding:10px 15px}@media(max-width:900px){.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:nth-child(3){border-left:1px solid var(--line)}.diagnostic-layout{grid-template-columns:1fr;gap:32px}}@media(max-width:560px){.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-left:1px solid var(--line)}.proof-grid>div{padding:20px}.diagnostic-copy h2{font-size:36px}.diagnostic-tool{padding:20px}.diagnostic-options{grid-template-columns:1fr}.diagnostic-result ul{grid-template-columns:1fr}}

/* Navigation labels */
.section[id]{scroll-margin-top:94px}
#demo-producto,#casos,#integraciones,#demo{scroll-margin-top:74px}
.nav nav{align-items:center;gap:6px}
.nav nav a,.navbtn{text-transform:uppercase;letter-spacing:.045em}
.nav nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid transparent;border-radius:10px;line-height:1;white-space:nowrap;transition:color .2s,background-color .2s,border-color .2s,transform .2s}
.nav nav a[href="#roi"],.nav nav a[href="index.html#roi"]{min-width:72px}
.nav nav a:hover,.nav nav a:focus-visible,.nav nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.1);transform:translateY(-1px)}
.nav nav a:focus-visible,.navbtn:focus-visible{outline:2px solid #9d8cff;outline-offset:3px}
.navbtn{margin-left:8px;min-height:44px;padding-inline:18px;white-space:nowrap}
@media(max-width:1100px) and (min-width:741px){.nav{gap:16px}.nav nav{gap:2px}.nav nav a{padding-inline:9px;font-size:13px}.nav nav a[href="#roi"],.nav nav a[href="index.html#roi"]{min-width:54px}.navbtn{margin-left:2px;padding-inline:13px;font-size:13px}}
@media(max-width:740px){.section[id]{scroll-margin-top:76px}#demo-producto,#casos,#integraciones,#demo{scroll-margin-top:65px}.nav nav{align-items:stretch;gap:0}.nav nav a,.nav nav a[href="#roi"],.nav nav a[href="index.html#roi"]{justify-content:flex-start;min-width:0;min-height:48px;padding:14px 12px;border-width:0 0 1px;border-radius:0;transform:none}.nav nav a:hover,.nav nav a:focus-visible,.nav nav a[aria-current="page"]{transform:none;background:rgba(255,255,255,.06)}}