.hero{padding:150px 0}.hero .bg{background-image:url(/site/img/hero-cranes-dusk.webp);background-position:60% 40%}.hgrid{grid-template-columns:1.02fr 1fr;align-items:center;gap:40px;display:grid}.devices{height:440px;position:relative}.devices .laptop{width:560px;position:absolute;top:20px;left:10px}.devices .laptop .scr{width:540px;height:337px}.devices .laptop iframe{width:1440px;height:900px;transform:scale(.375)}.devices .phone{border-radius:30px;width:172px;position:absolute;top:120px;right:-10px}.devices .phone .ps{border-radius:23px;width:156px;height:338px}.devices .phone iframe{width:390px;height:844px;transform:scale(.4)}.benefits{z-index:5;margin-top:-80px;position:relative}.btiles{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:repeat(5,1fr);display:grid;box-shadow:0 24px 48px -20px #0f172a40}.bt{text-align:center;border-right:1px solid var(--line-2);padding:26px 22px}.bt:last-child{border-right:0}.bt .ic{margin:0 auto}.bt b{letter-spacing:-.015em;margin-top:14px;font-size:15.5px;font-weight:700;display:block}.bt span{color:var(--muted);margin-top:5px;font-size:13.5px;line-height:1.45;display:block}.steps{grid-template-columns:repeat(8,1fr);margin-top:40px;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(to right,var(--accent-100),var(--accent),var(--accent-100));height:2px;position:absolute;top:22px;left:6%;right:6%}.step{text-align:center;padding:0 6px;position:relative}.step .n{border:2px solid var(--accent-100);width:46px;height:46px;color:var(--accent-ink);background:#fff;border-radius:50%;place-items:center;margin:0 auto;display:grid;position:relative}.step.hl .n{background:var(--accent);border-color:var(--accent);color:#fff}.step b{margin-top:12px;font-size:14.5px;font-weight:650;line-height:1.3;display:block}.step span{color:var(--muted);margin-top:3px;font-size:12.5px;line-height:1.4;display:block}.tradetop{grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;display:grid}.points{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pt{color:var(--ink-2);flex-direction:column;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.pt .ic{border-radius:10px;width:36px;height:36px}.pt .ic svg{width:18px;height:18px}.trades{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1fr;gap:14px;margin-top:44px;display:grid}.tc{color:#fff;background:#1e293b 50%/cover;border-radius:16px;height:250px;position:relative;overflow:hidden}.tc:after{content:"";background:linear-gradient(#080d191a,#080d1959 45%,#080d19eb 100%);position:absolute;inset:0}.tc .lbl{z-index:2;position:absolute;bottom:16px;left:16px;right:16px}.tc .lbl .ti{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.tc .lbl .ti svg{width:18px;height:18px}.tc b{letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.25;display:block}.tc small{color:#cbd5e1;margin-top:3px;font-size:12.5px;display:block}.tc.feat{box-shadow:0 0 0 3px var(--accent)}.tc.feat .ti{background:var(--accent)}.tc .badge{z-index:2;background:var(--accent);color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.tc .badge.soon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29}.split{grid-template-columns:1fr 1.1fr;align-items:center;gap:72px;display:grid}.phonestage{background:radial-gradient(400px 300px at 50% 40%,#d7f3e6,#d7f3e600),var(--bg);border:1px solid var(--line-2);border-radius:24px;place-items:center end;height:600px;padding-right:44px;display:grid;position:relative;overflow:hidden}.phonestage .phone{border-radius:44px;width:282px;padding:10px}.phonestage .phone .ps{border-radius:35px;width:260px;height:563px}.phonestage .phone iframe{width:390px;height:844px;transform:scale(.6667)}.phonestage .phone iframe,.devices .phone iframe{width:390px;height:844px}.chip{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;box-shadow:0 10px 24px -10px #0f172a40}.chip svg{width:16px;height:16px;color:var(--accent)}.mods{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.mod{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;padding:14px;display:flex}.mod .ic{border-radius:10px;width:36px;height:36px}.mod .ic svg{width:18px;height:18px}.mod b{font-size:14.5px;font-weight:650;display:block}.mod span{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.4;display:block}.ind{color:#fff;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:56px;display:grid;position:relative;overflow:hidden}.ind:after{content:"";background:radial-gradient(closest-side,#34d39940,#34d39900);border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-120px}.ind h2{color:#fff}.ind .lead{color:#a9b4c6}.ind .list{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.ind .it{color:#d9e0ea;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;gap:10px;padding:12px 14px;font-size:14px;display:flex}.ind .it svg{color:var(--accent-bright);width:18px;height:18px;margin-top:1px}.ind .it b{color:#fff;font-weight:600;display:block}.panel{z-index:1;color:var(--ink);background:#fff;border-radius:16px;padding:20px;position:relative;box-shadow:0 20px 40px #0000004d}.panel .ph{justify-content:space-between;align-items:center;display:flex}.tagp{color:#075985;background:#e0f2fe;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:650}.panel .meta{color:var(--muted);margin-top:2px;font-size:13px}.kv{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.kv div{background:var(--bg);border-radius:10px;padding:10px 12px}.kv span{color:var(--muted);font-size:11.5px;display:block}.kv b{font-size:14px;font-weight:650}.cl{border-top:1px solid var(--line-2);margin-top:16px;padding-top:12px}.cl .r{color:var(--ink-2);align-items:center;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.box{border:1.5px solid #cbd2db;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.box.on{background:var(--accent);border-color:var(--accent);color:#fff}.box svg{stroke-width:3px;width:12px;height:12px}.pband .bg{background-image:url(/site/img/toolbelt.webp);background-position:right 30%;background-size:cover;left:35%}@media (max-width:760px){.hero{padding:100px 0 120px}.hgrid{grid-template-columns:1fr;gap:36px}.devices{height:280px}.devices .laptop{width:300px;top:0;left:6px}.devices .laptop .scr{width:280px;height:175px}.devices .laptop iframe{transform:scale(.19445)}.devices .laptop .base{height:10px;margin:0 -22px}.devices .phone{border-radius:20px;width:112px;padding:5px;top:70px;right:0}.devices .phone .ps{border-radius:15px;width:102px;height:221px}.devices .phone iframe{transform:scale(.2615)}.benefits{margin-top:-70px}.btiles{grid-template-columns:1fr}.bt{text-align:left;border-right:0;border-bottom:1px solid var(--line-2);grid-template-columns:42px 1fr;column-gap:14px;padding:16px 18px;display:grid}.bt .ic{grid-row:1/3;margin:0}.bt b{margin-top:0}.bt span{margin-top:2px}.steps{grid-template-columns:1fr;margin-top:28px}.steps:before{background:linear-gradient(to bottom,var(--accent-100),var(--accent),var(--accent-100));width:2px;height:auto;inset:23px auto 23px 22px}.step{text-align:left;grid-template-columns:46px 1fr;column-gap:14px;padding:0 0 18px;display:grid}.step .n{grid-row:1/3;margin:0}.step b{margin-top:4px}.tradetop{grid-template-columns:1fr;gap:24px}.points{grid-template-columns:1fr}.pt{flex-direction:row;align-items:center}.trades{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.tc{height:170px}.tc.feat{grid-column:1/-1;height:200px}.tc:last-child{grid-column:1/-1;height:120px}.split{grid-template-columns:1fr;gap:36px}.phonestage{height:470px}.phonestage .phone{border-radius:34px;width:212px;padding:8px}.phonestage .phone .ps{border-radius:27px;width:196px;height:424px}.phonestage .phone iframe{transform:scale(.5026)}.chip{display:none}.phonestage{place-items:center;padding-right:0}.mods{grid-template-columns:1fr}.ind{grid-template-columns:1fr;gap:32px;padding:32px 22px}.ind .list{grid-template-columns:1fr}.kv b{font-size:12.5px}}