:root{
  --bg:#06101c;--panel:#0b1726;--panel2:#101e2e;--line:#203148;
  --text:#f4f7fb;--muted:#9caabd;--accent:#55e6a5;--accent2:#7bb7ff;
  --warn:#f3c86a;--danger:#ff6e6e;--shadow:0 22px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#101826;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{height:72px;background:var(--bg);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);position:sticky;top:0;z-index:20;border-bottom:1px solid #142438}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.brand b{color:var(--accent)}
.brand-mark{width:30px;height:30px;border:2px solid var(--accent);display:grid;place-items:center;border-radius:8px;font-size:14px}
.top-actions{display:flex;align-items:center;gap:12px}.pill{font-size:11px;letter-spacing:.13em;color:#b9c8d9;border:1px solid #30435a;border-radius:99px;padding:6px 10px}.lang-btn{border:1px solid #30435a;background:transparent;color:#fff;border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer}
.hero{min-height:650px;background:radial-gradient(circle at 75% 50%,#16314b 0,#0a1828 34%,#06101c 72%);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px clamp(24px,8vw,130px);overflow:hidden}
.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#5dce9b;margin-bottom:10px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin:0 0 24px;letter-spacing:-.045em}.hero h1 span{color:#9bb0c6}.hero p{max-width:620px;color:#b7c4d2;font-size:18px}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary,.mevo-btn,.ghost{border:0;border-radius:11px;padding:13px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--accent);color:#062015}.secondary{background:#14263a;color:#fff;border:1px solid #2b4158}.small{padding:11px 14px;font-size:13px}.mevo-btn{background:#7bb7ff;color:#07111f}.ghost{background:transparent;border:1px solid #2a3e55;color:#d7e1eb}
.hero-device{position:relative;height:430px;display:grid;place-items:center}.camera-glow{position:absolute;width:330px;height:330px;background:#3b8fbe;filter:blur(90px);opacity:.22}.mevo{width:280px;height:165px;border-radius:28px;background:linear-gradient(145deg,#202a35,#080d13);box-shadow:0 30px 60px #0008, inset 0 1px #ffffff18;position:relative;transform:rotate(-6deg)}.lens{position:absolute;left:38px;top:45px;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a8e6ff 0 4%,#315b78 15%,#07121e 38%,#020509 66%);box-shadow:inset 0 0 0 7px #151c24}.speaker{position:absolute;right:34px;top:58px;width:90px;height:45px;background:repeating-linear-gradient(0deg,#303b47 0 3px,transparent 3px 8px);opacity:.7}.mevo-label{position:absolute;right:38px;bottom:25px;color:#9aa7b6;letter-spacing:.2em;font-size:12px}.status-dot{position:absolute;right:24px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.adapter{position:absolute;bottom:50px;right:12%;padding:14px 18px;background:#151b22;color:#cbd3db;border:1px solid #3b4753;border-radius:10px;font-weight:800;font-size:13px;box-shadow:var(--shadow);transform:rotate(4deg)}.adapter small{font-size:8px;letter-spacing:.18em}.ethernet-line{position:absolute;width:150px;height:3px;background:#8998a8;right:25%;bottom:90px;transform:rotate(-13deg)}
.section{padding:75px clamp(20px,8vw,130px);max-width:1320px;margin:auto}.section-head{margin-bottom:30px}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:0 0 10px;letter-spacing:-.035em}.section-head p{color:#667487;max-width:720px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-card{display:flex;align-items:center;text-align:left;gap:18px;padding:24px;background:#fff;border:2px solid #e2e8ef;border-radius:18px;cursor:pointer;position:relative;transition:.2s}.connection-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #14233812}.connection-card.selected{border-color:#101c2b;box-shadow:0 15px 40px #14233816}.card-icon{width:52px;height:52px;border-radius:14px;background:#eaf8f1;color:#15945e;display:grid;place-items:center;font-size:28px;font-weight:800}.card-body{flex:1}.card-body h3{margin:3px 0 3px;font-size:20px}.card-body p{margin:0;color:#718095}.recommended{font-size:9px;letter-spacing:.18em;font-weight:900;color:#15945e}.recommended.fallback{color:#708096}.radio{width:20px;height:20px;border:2px solid #bdc7d3;border-radius:50%}.selected .radio{border:6px solid #101c2b}.workflow{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow.hidden{display:none}.step{background:#fff;border:1px solid #e4e9ef;border-radius:16px;padding:22px;display:flex;gap:14px}.step.warning{border-color:#f1dfb3;background:#fffcf2}.num{flex:0 0 30px;height:30px;border-radius:50%;background:#101c2b;color:#fff;display:grid;place-items:center;font-weight:800}.step h3{margin:0 0 5px;font-size:16px}.step p{margin:0;color:#6e7c8d;font-size:13px}.dark-panel{max-width:none;background:var(--bg);color:#fff}.dark-panel .section-head p{color:#9aaabd}.phone-row{display:flex;gap:70px;align-items:center;justify-content:center;max-width:1000px;margin:auto}.phone{width:260px;height:500px;background:#02060a;border:7px solid #263344;border-radius:34px;padding:10px;box-shadow:0 30px 70px #0007}.phone-notch{height:18px;width:90px;border-radius:0 0 14px 14px;background:#000;margin:auto}.phone-screen{height:448px;border-radius:20px;background:linear-gradient(#17283b,#0c1623);padding:20px;color:#fff}.fake-app-title{font-size:22px;font-weight:800;margin-bottom:22px}.fake-camera{height:170px;border-radius:14px;background:radial-gradient(circle at 50% 45%,#314c61 0 10%,#132131 11% 35%,#080e15 36%);margin-bottom:18px}.fake-row{padding:14px 2px;border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;color:#c8d3df}.green{color:var(--accent)}.fake-live{margin-top:28px;text-align:center;padding:12px;border-radius:10px;background:#e85151;font-weight:900}.callout-list{max-width:500px}.callout-list div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #1b2a3d;color:#d9e2ec}.callout-list b{color:var(--accent);font-size:12px;letter-spacing:.15em}
.configurator{background:var(--bg);color:#fff;border-radius:26px;padding:32px;box-shadow:var(--shadow);max-width:1000px}.field{margin-bottom:20px}.field label,.generated-label{display:block;color:#91a3b6;font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:8px}.field input{width:100%;background:#0f1d2c;border:1px solid #2b3d52;border-radius:11px;color:#fff;padding:14px 15px;outline:none;font:inherit}.field input:focus{border-color:#6aaeff}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1}.mini{background:#1b2d42;color:#d8e4ef;border:1px solid #31465c;border-radius:9px;padding:0 14px;cursor:pointer}.generated{background:#071521;border:1px solid #21374c;border-radius:13px;padding:18px;margin:22px 0}.generated code{display:block;color:var(--accent);font-size:14px;overflow-wrap:anywhere}.config-actions,.share-row{display:flex;gap:10px;flex-wrap:wrap}.share-row{margin-top:12px}.qr-box{margin-top:18px;padding:20px;background:#fff;border-radius:15px;color:#172333;text-align:center;max-width:300px}.qr-box #qrcode{display:flex;justify-content:center;margin-bottom:10px}.qr-box p{font-size:12px;margin:0;color:#617083}.hidden{display:none!important}.message{min-height:20px;color:var(--accent);font-size:13px;margin:12px 0 0}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.timeline>div{border:1px solid #e0e6ed;border-radius:15px;padding:18px;background:#fff}.timeline span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#101c2b;color:#fff;font-weight:800;margin-bottom:12px}.timeline p{margin:0;font-size:13px;color:#68788b}.timeline p b{color:#101c2b;font-size:15px}.verify{background:#eef4f8;max-width:none}.verify-card{max-width:800px;margin:auto;background:#fff;border:1px solid #dfe7ef;border-radius:22px;padding:34px}.verify-card h2{margin-bottom:8px}.verify-card>label{display:block;padding:13px 0;border-bottom:1px solid #edf0f4}.verify-card input{accent-color:#15945e}.success-box{margin-top:22px;padding:18px;border-radius:13px;background:#eaf8f1;display:flex;gap:13px;align-items:center;color:#126b46}.success-box>span{width:30px;height:30px;border-radius:50%;background:#15945e;color:#fff;display:grid;place-items:center;font-weight:900}.success-box small{display:block;color:#4c7564;margin-top:2px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.video-card{display:flex;align-items:center;gap:16px;text-decoration:none;color:#101826;border:1px solid #e0e6ed;background:#fff;border-radius:16px;padding:20px}.video-card:hover{box-shadow:0 15px 40px #14233812}.play{width:48px;height:48px;border-radius:50%;background:#101c2b;color:#fff;display:grid;place-items:center}.video-card small{display:block;color:#718095;margin-top:3px}footer{background:#06101c;color:#8293a6;padding:25px clamp(20px,8vw,130px);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-device{height:340px}.connection-grid,.workflow,.video-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr 1fr}.phone-row{gap:35px}.phone{width:220px;height:430px}.phone-screen{height:378px}.fake-camera{height:125px}}
@media(max-width:600px){.topbar{height:62px}.pill{display:none}.hero{padding:45px 20px 35px}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-device{height:280px;transform:scale(.82)}.section{padding:55px 18px}.configurator{padding:22px 16px;border-radius:18px}.config-actions>*{flex:1}.timeline{grid-template-columns:1fr 1fr}.phone-row{flex-direction:column}.callout-list{width:100%}.footer,footer{display:block}.video-card{padding:15px}.connection-card{padding:18px}.top-actions{gap:7px}}