:root{--ink:#f2f7fa;--muted:#91a0ad;--paper:#0b0f14;--card:#141b23;--line:#26313d;--orange:#4c8dff;--orange-dark:#3978e2;--amber:#b7f34a;--cream:#182419;--dark:#070a0e;--green:#54d6a0;--radius:24px;--shadow:0 28px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.header{width:min(1180px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.04em}.brand small{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:0;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--orange),var(--amber));font-size:12px}.nav{display:flex;gap:34px;color:#5f5d57;font-size:14px;font-weight:600}.nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:13px;padding:15px 22px;font:700 14px Manrope;cursor:pointer;transition:.2s transform,.2s background,.2s box-shadow}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 17px}.button-ghost,.button-outline{background:transparent;border:1px solid #ccc6ba}.button-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(231,111,46,.24)}.button-primary:hover{background:var(--orange-dark)}
.hero{min-height:700px;padding:82px 0 66px;display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:var(--orange)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px #ffead0}.hero h1{font-size:clamp(54px,6vw,84px);line-height:.97;letter-spacing:-.065em;margin:24px 0 27px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-lead{max-width:580px;font-size:18px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #b5afa4;padding-bottom:4px}.text-link span{margin-left:7px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:52px}.hero-note p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.hero-note strong{color:var(--ink)}.rack-mini{display:flex;gap:4px;padding:9px;background:#fff;border-radius:12px}.rack-mini i{width:8px;height:22px;border-radius:3px;background:var(--orange)}.rack-mini i:nth-child(2){background:var(--amber)}.rack-mini i:nth-child(3){background:var(--green)}
.hero-visual{position:relative;min-height:540px;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(3px)}.glow-one{width:430px;height:430px;background:#ffe5c8;top:35px;right:20px}.glow-two{width:260px;height:260px;background:#dcebe3;bottom:5px;left:30px}.dashboard-card{position:relative;width:min(500px,90%);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}.dashboard-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 0 4px #dcf3e9}.dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 15px}.dashboard-summary div{background:#f5f3ed;border-radius:13px;padding:12px;display:flex;flex-direction:column}.dashboard-summary span{font-size:8px;color:var(--muted)}.dashboard-summary strong{font-size:22px}.dashboard-summary .warning{color:var(--orange)}.device-table{border:1px solid #ece8df;border-radius:16px;overflow:hidden}.device-table>div{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px;align-items:center;padding:11px 13px;border-bottom:1px solid #eeeae2;font-size:9px}.device-table>div:last-child{border:0}.device-table .table-head{background:#f4f1ea;color:var(--muted);font-weight:700}.device-table b{text-align:right;color:var(--green)}.device-table b.attention{color:var(--orange)}.device-table b.idle{color:#8e918d}.device-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.device-dot.green{background:var(--green)}.device-dot.orange{background:var(--orange)}.device-dot.gray{background:#a8afab}.queue{margin-top:15px}.queue>div{display:flex;justify-content:space-between;font-size:10px;font-weight:700}.queue>i{display:block;height:6px;background:#ebe7df;border-radius:5px;margin:7px 0}.queue>i b{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--orange),var(--amber));border-radius:5px}.queue small{font-size:8px;color:var(--muted)}.floating-card{position:absolute;background:#fff;border:1px solid #ebe5dc;border-radius:16px;box-shadow:0 14px 35px rgba(58,43,26,.13);padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:10px}.floating-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ddf3e9;color:#287659;font-weight:800}.floating-card div{display:flex;flex-direction:column}.floating-card small{color:var(--muted)}.floating-left{left:0;bottom:83px}.floating-right{right:-7px;top:84px}.floating-right>span{background:var(--cream);color:var(--orange)}
.trust-strip{display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:112px}.trust-strip p{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:11px;color:var(--muted)}.trust-strip div{display:flex;align-items:center;gap:14px}.trust-strip strong{color:var(--orange);font-size:13px}.trust-strip span{font-size:12px;font-weight:700;line-height:1.35}.section{padding-top:120px;padding-bottom:120px}.section-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;margin-bottom:52px}.section-heading.compact{margin-bottom:38px}.section-heading h2,.difference h2,.demo h2{font-size:clamp(38px,4.6vw,60px);line-height:1.05;letter-spacing:-.055em;margin:15px 0 0}.section-heading>p{color:var(--muted);margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{min-height:285px;border:1px solid var(--line);border-radius:var(--radius);padding:25px;display:flex;flex-direction:column;background:#fff}.feature-card.featured{background:var(--cream);border-color:#f0c891}.feature-number{font-size:10px;color:var(--muted)}.feature-icon{margin:auto 0 24px;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#f2eee7;color:var(--orange);font-size:22px}.featured .feature-icon{background:var(--orange);color:#fff}.feature-card h3{font-size:19px;margin:0 0 8px}.feature-card p{color:var(--muted);font-size:13px;margin:0}
.difference{display:grid;grid-template-columns:1fr 1.05fr;gap:16px}.difference-copy{position:relative;min-height:630px;padding:52px;border-radius:32px;background:var(--dark);color:#fff;overflow:hidden}.difference-copy .kicker{color:var(--amber)}.difference-copy p{max-width:490px;color:#c7c6c0}.text-link.light{position:absolute;bottom:48px;border-color:#77766e}.difference-list{border:1px solid var(--line);background:#fff;border-radius:32px;padding:14px 38px}.difference-list article{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:29px 0;border-bottom:1px solid var(--line)}.difference-list article:last-child{border:0}.difference-list article>span{color:var(--orange);font-size:12px;font-weight:800}.difference-list h3{margin:0 0 7px;font-size:18px}.difference-list p{margin:0;color:var(--muted);font-size:13px}.model-section{border-top:1px solid var(--line)}.model-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center}.model-flow>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;display:flex;flex-direction:column}.model-flow span{font-size:11px;color:var(--muted);margin-top:6px}.model-flow>i{font-style:normal;color:var(--orange);font-size:24px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.price-card.popular{background:var(--cream);border-color:var(--orange)}.popular-label{position:absolute;right:20px;top:18px;background:var(--orange);color:#fff;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:800;text-transform:uppercase}.plan{text-transform:uppercase;letter-spacing:.12em;color:var(--orange);font-size:10px;font-weight:800}.price-card h3{font-size:21px;margin:18px 0 24px}.price{font-size:29px;font-weight:800;letter-spacing:-.04em}.price small{font-size:11px;color:var(--muted);font-weight:600}.price-card ul{list-style:none;padding:21px 0;margin:20px 0;border-top:1px solid var(--line)}.price-card li{padding:6px 0;color:#5f5e58;font-size:13px}.price-card li:before{content:"✓";color:var(--orange);font-weight:800;margin-right:10px}.price-card .button{width:100%}.risk-note{font-size:11px;color:#89877f;max-width:820px;margin:20px auto 0;text-align:center}
.demo{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;padding:72px;border-radius:34px;background:#ffead0;margin-bottom:120px}.demo-copy>p{color:#74685d;max-width:430px}.telegram-contact{width:max-content;display:flex;gap:13px;align-items:center;margin-top:42px;padding:10px 16px 10px 10px;border:1px solid rgba(231,111,46,.18);border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 10px 24px rgba(58,43,26,.08);transition:.2s transform,.2s box-shadow}.telegram-contact:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(58,43,26,.13)}.telegram-contact>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--orange)}.telegram-contact div{display:flex;flex-direction:column}.telegram-contact small{color:var(--muted)}.demo-form{padding:32px;background:#fff;border-radius:24px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:800;color:#5f5e58}.demo-form input,.demo-form select,.demo-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#faf8f3;padding:13px 14px;font:500 13px Manrope;color:var(--ink);outline:none;resize:vertical}.demo-form select:focus,.demo-form textarea:focus{border-color:var(--orange)}.demo-form>label{margin-top:17px}.estimate{display:flex;align-items:end;justify-content:space-between;background:var(--dark);color:#fff;border-radius:15px;padding:17px 19px;margin:20px 0}.estimate div{display:flex;flex-direction:column}.estimate span,.estimate small{font-size:9px;color:#bbb9b2}.estimate strong{font-size:19px}.submit-button{width:100%}.form-status{min-height:18px;margin:10px 0 0;text-align:center;color:var(--orange-dark);font-size:11px}.footer{height:120px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.footer .brand{color:var(--ink)}
@media(max-width:900px){.nav{display:none}.brand small{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-note{justify-content:center}.hero-lead{margin-inline:auto}.hero-visual{min-height:520px}.trust-strip{grid-template-columns:repeat(3,1fr);padding:20px 0}.trust-strip p{grid-column:1/-1;text-align:center}.section-heading,.difference,.demo{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.demo{padding:45px;gap:40px}.floating-right{right:0}}
@media(max-width:600px){.section-shell,.header{width:min(100% - 26px,1180px)}.header{height:70px}.button-small{display:none}.hero{padding:45px 0}.hero h1{font-size:52px}.hero-actions{flex-direction:column}.hero-visual{min-height:465px}.dashboard-card{width:100%;padding:15px}.floating-card{display:none}.trust-strip{grid-template-columns:1fr}.trust-strip div{justify-content:center}.section{padding-top:80px;padding-bottom:80px}.section-heading{gap:20px}.feature-grid{grid-template-columns:1fr}.difference-copy{padding:35px;min-height:560px}.difference-list{padding:10px 24px}.model-flow{grid-template-columns:1fr}.model-flow>i{transform:rotate(90deg);text-align:center}.pricing-grid{grid-template-columns:1fr}.demo{width:100%;border-radius:0;padding:55px 20px;margin-bottom:80px}.field-row{grid-template-columns:1fr}.estimate{align-items:start;flex-direction:column;gap:5px}.telegram-contact{max-width:100%}.footer{height:auto;padding:35px 0;gap:25px;flex-direction:column;text-align:center}}

/* Dark product theme */
.nav{color:#aab2ad}.brand small{color:#929b96}
.button-ghost,.button-outline{border-color:#48524d;color:var(--ink)}
.text-link{border-color:#5a625e}
.rack-mini,.floating-card,.dashboard-card,.feature-card,.difference-list,.model-flow>div,.price-card,.demo-form{background:var(--card);border-color:var(--line)}
.glow-one{background:#172f5d;opacity:.72}.glow-two{background:#243a1d;opacity:.72}
.dashboard-card{background:rgba(25,31,28,.96);border-color:#343d38}.dashboard-summary div{background:#222925}.device-table{border-color:#323b36}.device-table>div{border-color:#303934}.device-table .table-head{background:#222824}.queue>i{background:#303732}
.floating-card{box-shadow:0 14px 35px rgba(0,0,0,.3)}
.feature-card.featured,.price-card.popular{background:#172235;border-color:#315a9a}.feature-icon{background:#1d2732}
.difference-copy{background:#090d0b}.difference-copy p{color:#abb3ae}.difference-list article,.price-card ul{border-color:var(--line)}
.price-card li{color:#c3c8c4}.risk-note{color:#858f89}
.demo{background:#101821}.demo-copy>p{color:#a8b5c0}.telegram-contact{border-color:#2c4f7d;background:#141b23;box-shadow:0 10px 24px rgba(0,0,0,.24)}.telegram-contact>span{background:#1d2732}
.demo-form input,.demo-form select,.demo-form textarea{background:#131815;border-color:#323b36;color:var(--ink)}.demo-form input::placeholder,.demo-form textarea::placeholder{color:#717b75}
.estimate{background:#090d0b}.footer{border-color:var(--line)}
.eyebrow span{box-shadow:0 0 0 5px rgba(76,141,255,.18)}.button-primary{box-shadow:0 10px 24px rgba(76,141,255,.24)}