:root{--ink:#172033;--ink-soft:#35405a;--muted:#68738a;--line:#e8ebf2;--paper:#fbfcff;--white:#fff;--blue:#4f72ff;--blue-dark:#3453d5;--mint:#bdeee0;--mint-dark:#168a72;--peach:#ffe0c8;--lilac:#ded7ff;--shadow:0 24px 70px rgba(32,48,90,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,233,241,.8)}.nav{height:76px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:11px;font-weight:750;font-size:17px;letter-spacing:-.3px;white-space:nowrap}.logo strong{font-weight:900}.logo-mark{position:relative;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,#5d7cff,#3858d8);box-shadow:0 7px 20px rgba(79,114,255,.28);display:grid;place-items:center;flex:none}.logo-mark:before{content:"";width:15px;height:13px;border:2px solid #fff;border-top:0;border-radius:3px;position:absolute;bottom:8px}.logo-mark:after{content:"";width:13px;height:13px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);position:absolute;top:7px}.logo-mark span{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;opacity:.95}.logo-mark span:nth-child(1){left:9px;bottom:10px}.logo-mark span:nth-child(2){left:16px;bottom:10px}.logo-mark span:nth-child(3){right:8px;top:17px}.navlinks{display:flex;align-items:center;gap:26px;margin-left:auto;color:#68738a;font-size:14px;font-weight:700}.navlinks a{padding:28px 0;position:relative}.navlinks a:hover,.navlinks a.active{color:var(--ink)}.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;border-radius:3px;background:var(--blue)}.nav-cta{display:inline-flex;gap:9px;align-items:center;background:#edf1ff;color:var(--blue-dark);padding:10px 15px;border-radius:12px;font-size:13px;font-weight:850}.nav-cta span{font-size:18px;line-height:1}.nav-cta:hover{background:#e2e8ff}
.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#f7f9ff 0%,#edf2ff 55%,#f8fbff 100%);border-bottom:1px solid #e5e9f4}.hero-inner{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:72px 0 90px;position:relative;z-index:2}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:460px;height:460px;background:rgba(104,137,255,.13);right:7%;top:-190px}.glow-two{width:300px;height:300px;background:rgba(104,227,196,.14);left:31%;bottom:-190px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dce3ff;background:rgba(255,255,255,.72);color:#5166b8;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.1em}.pulse{width:7px;height:7px;border-radius:50%;background:#54c6a6;box-shadow:0 0 0 5px rgba(84,198,166,.13)}.hero h1{font-size:clamp(48px,6.3vw,76px);line-height:1.01;letter-spacing:-4px;margin:20px 0 22px;font-weight:850}.hero h1 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:590px;color:#59667e;font-size:18px;line-height:1.7;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:13px;justify-content:center;padding:14px 20px;border-radius:13px;font-weight:850;transition:.2s ease}.btn.primary{background:var(--ink);color:#fff;box-shadow:0 10px 25px rgba(23,32,51,.15)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(23,32,51,.2)}.btn span{font-size:19px}.text-link{font-weight:800;color:#58657c;font-size:14px}.text-link:hover{color:var(--blue)}.text-link span{margin-left:5px;color:var(--blue)}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#778197;font-size:12px;font-weight:750}.trust-row span:first-child{color:#398b76}
.smart-scene{position:relative;min-height:470px;display:grid;place-items:center}.scene-orbit{position:absolute;border:1px solid rgba(79,114,255,.14);border-radius:50%}.orbit-a{width:500px;height:500px;transform:rotate(22deg)}.orbit-b{width:385px;height:385px;border-color:rgba(84,198,166,.16);transform:rotate(-30deg)}.dashboard-card{width:min(490px,100%);background:rgba(255,255,255,.91);border:1px solid rgba(224,229,240,.95);border-radius:27px;padding:19px;box-shadow:0 35px 90px rgba(46,63,112,.16);transform:rotate(1.4deg);position:relative;z-index:3}.dash-top,.dash-bottom{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 15px}.dash-top strong{display:block;font-size:17px;letter-spacing:-.4px}.mini-label{display:block;color:#98a1b2;font-size:9px;letter-spacing:.12em;font-weight:900}.online{display:flex;align-items:center;gap:6px;background:#effaf6;color:#348d77;padding:6px 9px;border-radius:9px;font-size:10px;font-weight:850}.online i{width:6px;height:6px;border-radius:50%;background:#48b996}.room-house{position:relative;background:linear-gradient(160deg,#f7f9ff,#edf2fb);border-radius:19px;min-height:300px;overflow:hidden}.house-svg{width:100%;height:300px;display:block}.house-shadow{fill:#dfe6f2}.house-roof{fill:#7889b9}.house-wall{fill:#fff}.window{fill:#cfe5ff}.door{fill:#aab9da}.node{fill:#fff;stroke:#5c78eb;stroke-width:4}.node-a{fill:#71d6bc}.node-b{fill:#ffd09f}.node-c{fill:#92a6ff}.signal{fill:none;stroke:#8ca0ed;stroke-width:2;stroke-dasharray:4 5;opacity:.8}.room-label{position:absolute;background:rgba(255,255,255,.94);border:1px solid #e4e9f2;box-shadow:0 9px 25px rgba(40,55,95,.09);border-radius:11px;padding:7px 10px;font-size:10px;color:#667187;display:flex;gap:7px;align-items:center}.room-label b{color:var(--ink);font-size:10px}.label-light{left:17px;top:48px}.label-energy{right:16px;top:74px}.label-temp{right:18px;bottom:20px}.icon-dot{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-weight:900}.sun{background:#fff0c9;color:#e0a52a}.bolt{background:#e0f8f1;color:#168a72}.temp{background:#e9edff;color:#5871db}.dash-bottom{padding:14px 5px 2px}.dash-bottom strong{font-size:21px}.energy{text-align:right;font-size:10px;color:#8791a4}.energy b{display:block;color:var(--ink);font-size:11px}.energy i{display:block;width:86px;height:4px;background:#e8ecf4;border-radius:5px;margin-top:5px;overflow:hidden}.energy i span{display:block;width:58%;height:100%;background:#69cbb0;border-radius:5px}.floating-chip{position:absolute;z-index:5;background:#fff;border:1px solid #e4e8f1;border-radius:14px;padding:9px 12px;display:flex;gap:9px;align-items:center;box-shadow:0 15px 35px rgba(37,52,91,.12)}.floating-chip>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:#5c73e3;font-weight:900}.floating-chip small{display:block;font-size:8px;letter-spacing:.12em;color:#98a1b2;font-weight:900}.floating-chip b{font-size:12px}.chip-matter{top:65px;right:-18px}.chip-device{bottom:53px;left:-17px}.chip-device>span{background:#e6f8f2;color:#168a72}.hero-wave{position:absolute;bottom:-1px;left:-2%;width:104%;height:65px;background:var(--paper);clip-path:ellipse(55% 68% at 50% 100%)}
.topic-strip{background:#fff;border-bottom:1px solid var(--line)}.topic-inner{min-height:76px;display:flex;align-items:center;gap:10px;overflow:auto;white-space:nowrap}.topic-title{font-size:12px;font-weight:850;color:#8b94a6;margin-right:9px}.topic-inner a{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;color:#56627a;font-size:12px;font-weight:800}.topic-inner a:hover{background:#f3f5fa;color:var(--blue-dark)}.topic-icon{width:25px;height:25px;border-radius:8px;background:#f0f3ff;color:#5a70de;display:grid;place-items:center;font-size:13px}
.section{padding:94px 0}.section-intro{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end;margin-bottom:35px}.section-kicker{display:inline-block;color:#6d78a0;font-size:10px;letter-spacing:.14em;font-weight:950}.section-intro h2,.final-note h2{font-size:clamp(37px,4.2vw,55px);line-height:1.04;letter-spacing:-2.5px;margin:9px 0 0}.section-intro h2 span,.final-note h2 span{color:var(--blue)}.section-intro>p{margin:0;color:#737e92;font-size:15px}.section-intro>p strong{color:#4f5b72}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card{min-height:370px;border-radius:24px;padding:29px;position:relative;overflow:hidden;border:1px solid rgba(25,37,61,.06);transition:.22s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(35,50,90,.11)}.feature-blue{background:#edf2ff}.feature-mint{background:#e6f7f1}.feature-peach{background:#fff0e4}.feature-lilac{background:#f0edff}.feature-number{position:absolute;right:25px;top:24px;color:rgba(30,43,73,.17);font-weight:950;font-size:13px}.card-kicker{font-size:10px;letter-spacing:.13em;font-weight:950;color:#6e7890}.feature-card h3{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:10px 0 10px;max-width:340px}.feature-card h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.feature-card p{max-width:350px;color:#68748a;font-size:14px;margin:0}.card-arrow{position:absolute;left:29px;bottom:27px;color:#4d61b7;font-size:12px;font-weight:900}.card-arrow span{font-size:17px;margin-left:4px}.card-illustration{position:absolute;right:24px;bottom:13px;width:180px;height:150px}.matter-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#5871dc;font-size:34px;box-shadow:0 12px 35px rgba(61,84,159,.14);position:absolute;right:25px;top:22px;z-index:2}.orbit-line{position:absolute;width:150px;height:75px;border:2px solid rgba(86,111,220,.22);border-radius:50%;transform:rotate(-25deg);right:-2px;top:23px}.tiny-device{position:absolute;width:54px;height:37px;border-radius:10px;background:#fff;right:78px;bottom:15px;box-shadow:0 10px 25px rgba(60,80,140,.12)}.meter-circle{width:108px;height:108px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(42,126,104,.11);display:grid;place-content:center;text-align:center;position:absolute;right:35px;top:9px}.meter-circle:after{content:"";position:absolute;inset:9px;border:6px solid #d7f2e9;border-right-color:#56b99d;border-radius:50%;transform:rotate(-35deg)}.meter-circle b{font-size:23px;z-index:2}.meter-circle small{font-size:9px;color:#8994a6;z-index:2}.meter-bars{position:absolute;right:15px;bottom:5px;display:flex;gap:5px;align-items:end}.meter-bars i{display:block;width:10px;border-radius:5px 5px 2px 2px;background:#75cbb1}.meter-bars i:nth-child(1){height:22px}.meter-bars i:nth-child(2){height:37px}.meter-bars i:nth-child(3){height:29px}.meter-bars i:nth-child(4){height:52px}.meter-bars i:nth-child(5){height:43px}.plug-shape{position:absolute;right:36px;top:20px;width:82px;height:98px;border-radius:22px;background:#fff;box-shadow:0 16px 35px rgba(160,96,49,.13);display:flex;justify-content:center;gap:14px;padding-top:29px}.plug-shape span{width:10px;height:25px;background:#9fa7b5;border-radius:5px}.wifi-arc{position:absolute;border:3px solid #edac76;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;right:4px}.wifi-arc.a{width:110px;height:75px;top:7px}.wifi-arc.b{width:73px;height:50px;top:21px;right:22px}.nodes span{position:absolute;width:30px;height:30px;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(80,64,154,.1)}.nodes span:nth-child(1){left:18px;top:25px}.nodes span:nth-child(2){right:25px;top:15px}.nodes span:nth-child(3){right:54px;bottom:15px}.nodes i{position:absolute;width:72px;height:2px;background:#a49adb;transform-origin:left center}.nodes i:nth-of-type(1){left:42px;top:42px;transform:rotate(-17deg)}.nodes i:nth-of-type(2){left:46px;top:49px;transform:rotate(54deg)}.nodes i:nth-of-type(3){left:101px;top:42px;transform:rotate(104deg)}.more-link{text-align:center;margin-top:25px}.more-link a{display:inline-flex;gap:9px;align-items:center;color:#5267c6;font-size:13px;font-weight:900}.more-link a span{font-size:18px}.more-link a:hover{text-decoration:underline}
.why-panel{min-height:500px;border-radius:31px;background:linear-gradient(135deg,#182238,#263555);color:#fff;display:grid;grid-template-columns:1fr .8fr;align-items:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}.why-panel:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-180px;top:-180px;background:rgba(112,137,255,.13)}.why-copy{padding:58px 60px;position:relative;z-index:2}.section-kicker.light{color:#9eacd2}.why-copy h2{font-size:clamp(40px,4.4vw,59px);line-height:1.02;letter-spacing:-2.6px;margin:10px 0 21px}.why-copy h2 em{font-style:normal;color:#93a8ff}.why-copy p{color:#bdc6d8;max-width:550px;font-size:15px}.light-link{display:inline-flex;gap:9px;color:#fff;font-size:13px;font-weight:900;margin-top:12px}.light-link span{color:#9eb0ff;font-size:18px}.principle-visual{height:390px;position:relative;display:grid;place-items:center}.principle-ring{position:absolute;border-radius:50%;border:1px solid rgba(158,176,255,.22)}.ring-one{width:320px;height:320px}.ring-two{width:210px;height:210px;border-color:rgba(106,211,180,.25)}.principle-center{width:142px;height:142px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:grid;place-content:center;text-align:center;box-shadow:0 0 60px rgba(115,139,255,.15);position:relative;z-index:2}.principle-center span{width:31px;height:31px;border-radius:10px;background:#78d0b4;color:#18342d;display:grid;place-items:center;margin:0 auto 8px;font-weight:950}.principle-center b{font-size:12px}.principle-center small{color:#aeb9ce;font-size:8px;margin-top:2px}.principle-pill{position:absolute;padding:7px 11px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:850;color:#d5dced}.p1{top:63px;left:28px}.p2{top:54px;right:25px}.p3{bottom:66px;right:65px}
.guide-card{background:#fff;border:1px solid var(--line);border-radius:27px;display:grid;grid-template-columns:1fr .9fr;gap:30px;overflow:hidden;box-shadow:0 15px 45px rgba(30,46,82,.06)}.guide-copy{padding:50px 48px}.guide-copy h2{font-size:36px;line-height:1.1;letter-spacing:-1.4px;margin:10px 0 15px}.guide-copy p{color:#727e93;font-size:15px;max-width:500px;margin-bottom:26px}.steps-visual{background:#f3f5fb;padding:40px 45px;position:relative;display:grid;gap:11px;align-content:center}.step{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8ebf3;border-radius:12px;padding:11px 14px;position:relative;z-index:2;box-shadow:0 6px 18px rgba(45,58,90,.04)}.step b{width:27px;height:27px;border-radius:9px;background:#eaf0ff;color:#526ad4;display:grid;place-items:center;font-size:11px}.step span{font-size:11px;font-weight:800;color:#5f6b80}.step.muted{opacity:.57}.step-line{position:absolute;left:58px;top:59px;bottom:59px;border-left:2px dashed #bdc8e9}
.final-note{display:grid;grid-template-columns:1fr .6fr;gap:60px;align-items:end;padding-top:30px;padding-bottom:110px}.final-note p{color:#737e92;font-size:14px;margin:0}.site-footer{background:#151e30;color:#fff;padding:50px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-logo{color:#fff}.footer-top p{color:#9da8bc;font-size:12px;margin:14px 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-content:start;justify-content:flex-end}.footer-links a{font-size:12px;color:#c4cbda}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#7f8ba2;font-size:10px}
.article-wrap{padding:60px 0 80px}.article{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px}.article h1{font-size:clamp(38px,5vw,58px);line-height:1.06;letter-spacing:-1.5px;margin:12px 0 18px}.article .lead{font-size:19px;color:var(--muted)}.article h2{font-size:27px;margin-top:35px}.article p{font-size:17px}.source,.affiliate{margin-top:30px;padding:17px 19px;border-radius:13px}.source{background:#f4f7fb}.affiliate{background:#fff8e5;border:1px solid #f1dfae}.article a{color:var(--blue-dark);text-decoration:underline}.notice{max-width:820px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}
@media(max-width:960px){.nav-cta{display:none}.hero-inner{grid-template-columns:1fr;gap:25px;padding-top:55px}.hero-copy{max-width:720px}.smart-scene{min-height:470px}.section-intro{grid-template-columns:1fr;gap:15px}.why-panel{grid-template-columns:1fr}.principle-visual{min-height:350px}.guide-card{grid-template-columns:1fr}.final-note{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.container{width:min(100% - 28px,1160px)}.site-header .nav{height:68px}.navlinks{gap:15px}.navlinks a:nth-child(3){display:none}.navlinks a{padding:24px 0}.navlinks a.active:after{bottom:13px}.hero h1{font-size:51px;letter-spacing:-2.8px}.hero-lead{font-size:16px}.hero-inner{padding:45px 0 75px}.smart-scene{min-height:410px}.dashboard-card{transform:none}.orbit-a{width:390px;height:390px}.orbit-b{width:300px;height:300px}.chip-matter{right:-4px;top:32px}.chip-device{left:-4px;bottom:32px}.room-house,.house-svg{min-height:270px;height:270px}.article-grid{grid-template-columns:1fr}.feature-card{min-height:350px}.why-copy{padding:42px 28px}.principle-visual{height:310px}.ring-one{width:255px;height:255px}.ring-two{width:170px;height:170px}.guide-copy{padding:38px 28px}.steps-visual{padding:35px 25px}.footer-top{display:block}.footer-links{justify-content:flex-start;margin-top:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}
@media(max-width:470px){.navlinks{display:none}.logo{font-size:15px}.hero h1{font-size:45px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.trust-row{gap:10px;display:grid}.dashboard-card{padding:12px;border-radius:21px}.room-house,.house-svg{height:235px;min-height:235px}.room-label{font-size:8px;padding:6px 7px}.room-label b{font-size:8px}.label-light{left:8px;top:28px}.label-energy{right:8px;top:48px}.label-temp{right:8px;bottom:12px}.dash-top strong{font-size:15px}.dash-bottom strong{font-size:18px}.floating-chip{transform:scale(.88)}.chip-matter{right:-8px}.chip-device{left:-8px}.feature-card h3{font-size:24px}.card-illustration{opacity:.82}.why-copy h2{font-size:42px}.principle-pill{font-size:8px}.p1{left:2px}.p2{right:2px}.p3{right:20px}.section{padding:70px 0}}