:root{--ink:#102126;--ink2:#1a3034;--cream:#f7f2e6;--paper:#fffaf0;--teal:#278f98;--tealDark:#176b72;--red:#df3828;--orange:#ee6e34;--green:#22a34a;--muted:#6f756f;--line:#cfc8b8;--panel:#fffaf1;--shadow:#16272d22;--dark:#14272b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 8%,#2a96961a 0 15%,transparent 15.3%),linear-gradient(135deg,#f7f2e7 0%,#eee6d5 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(#1e3438 .55px,transparent .65px);background-size:5px 5px;z-index:-1}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:82px;border-bottom:3px solid var(--ink);box-shadow:0 4px 0 var(--red);background:#f8f2e5f2;backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20;gap:24px}.brand img{display:block;width:180px;max-height:48px;object-fit:contain}.nav{display:flex;gap:22px;margin-left:auto}.nav a{text-decoration:none;font-size:13px;font-weight:850}.top-actions{display:flex;gap:7px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid var(--ink);background:#fbf5e8;color:var(--ink);padding:12px 16px;border-radius:16px 16px 16px 5px;font-weight:900;box-shadow:3px 3px 0 #c9c1b0;transition:.12s transform,.12s box-shadow,.12s background}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #b8b09f}.btn.primary{background:var(--red);color:#fff9ed;box-shadow:4px 4px 0 var(--ink)}.btn.teal{background:var(--teal);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn.small{padding:8px 11px;font-size:12px}.menu{display:none;background:none;border:0;font-size:24px}.disabled-link{opacity:.65}.hero{min-height:720px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:64px;padding:84px 0 72px}.eyebrow,.label{display:inline-block;background:var(--teal);color:white;border:2px solid var(--ink);border-radius:999px;padding:6px 11px;font-size:10px;letter-spacing:.14em;font-weight:900;box-shadow:3px 3px 0 var(--ink)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.055em;margin:22px 0 28px;max-width:900px}h1 em,h2 em{color:var(--red);font-style:normal}.lede{font-size:21px;line-height:1.55;max-width:790px;color:#35494c}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.ticker{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.ticker span{font:800 10px/1 ui-monospace,monospace;letter-spacing:.07em;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:9px 2px}.hero-machine{position:relative;border:3px solid var(--ink);border-radius:38px 38px 38px 10px;padding:28px;background:#e9e2d2;box-shadow:10px 10px 0 var(--teal);transform:rotate(1deg)}.machine-tag{font:900 11px ui-monospace,monospace;letter-spacing:.15em;margin-bottom:16px}.device-face{border:3px solid var(--ink);background:var(--paper);padding:34px;border-radius:28px 28px 28px 7px;display:grid;justify-items:center;text-align:center;box-shadow:inset 0 0 0 8px #eee6d5}.device-face img{width:125px;height:125px;object-fit:contain;margin-bottom:8px}.device-face strong{font-size:28px}.device-face small{font:800 9px ui-monospace,monospace;letter-spacing:.1em}.lamps{display:flex;gap:12px;margin-top:28px}.lamps i{width:16px;height:16px;border:2px solid var(--ink);border-radius:50%;background:var(--green);box-shadow:2px 2px 0 var(--ink)}.lamps i:nth-child(2){background:var(--orange)}.lamps i:nth-child(3){background:var(--teal)}.wire-cut{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;font:900 12px ui-monospace,monospace}.wire-cut b{color:var(--red);font-size:30px}.manifesto{background:var(--dark);color:#fffaf0;border-block:3px solid var(--ink);padding:72px 0;box-shadow:inset 0 5px 0 var(--red)}.manifesto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.section-no{font:900 12px ui-monospace,monospace;color:var(--red);letter-spacing:.14em}.manifesto h2,.section-head h2,.studio-section h2,.final-cta h2{font-size:clamp(36px,5vw,62px);line-height:1.02;letter-spacing:-.04em;margin:10px 0}.big-copy{font-size:20px;line-height:1.6}.manifesto .big-copy{color:#d7e2df}.process,.ha-section,.opensource,.keygen-section,.final-cta{padding:90px 0}.section-head{display:flex;gap:22px;align-items:flex-start;margin-bottom:38px}.section-head .section-no{margin-top:8px}.kicker{font:900 11px ui-monospace,monospace;color:var(--tealDark);letter-spacing:.16em;margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.steps article{border:3px solid var(--ink);background:var(--panel);padding:22px 18px;min-height:190px;border-radius:22px 22px 22px 6px;box-shadow:5px 5px 0 #24909a33}.steps article b{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;background:var(--teal);color:white}.steps h3{margin:18px 0 8px}.steps p{font-size:13px;line-height:1.5}.prompt-step code{font-size:12px;line-height:1.5}.steps .red-card{background:var(--red);color:white;box-shadow:5px 5px 0 var(--ink)}.examples-section{padding:90px 0;background:#e8e0cf;border-block:3px solid var(--ink)}.usecases{display:grid;grid-template-columns:1fr 1fr;gap:22px}.usecase{position:relative;border:3px solid var(--ink);border-radius:28px 28px 28px 7px;background:var(--paper);padding:28px;box-shadow:7px 7px 0 #24909a42;min-height:390px}.case-top{display:flex;justify-content:space-between;gap:20px;font:900 11px ui-monospace,monospace;letter-spacing:.08em}.micro{background:var(--red);color:#fff;padding:6px 8px;border:2px solid var(--ink);border-radius:999px;white-space:nowrap}.usecase h3{font-size:30px;line-height:1.08;margin:22px 0}.usecase blockquote{margin:0 0 22px;border-left:5px solid var(--teal);padding:12px 18px;background:#eee7d8;font:700 16px/1.5 ui-monospace,monospace}.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:900 11px ui-monospace,monospace;margin-bottom:20px}.flow span{border:2px solid var(--ink);padding:8px 10px;border-radius:8px;background:white}.terminal{font:700 14px/1.7 ui-monospace,monospace;background:var(--dark);color:#dff6e9;border:3px solid var(--ink);padding:16px;border-radius:16px 16px 16px 5px;box-shadow:4px 4px 0 var(--red);margin-bottom:18px}.beacon{width:170px;border:3px solid var(--ink);padding:14px;border-radius:22px;background:var(--teal);color:white;text-align:center;box-shadow:5px 5px 0 var(--ink);margin-bottom:20px}.beacon i{display:block;width:14px;height:14px;background:var(--green);border:2px solid var(--ink);border-radius:50%;margin:0 auto 8px}.beacon strong{display:block;font:900 24px ui-monospace,monospace}.beacon small{font:900 9px ui-monospace,monospace}.power-section,.ecosystem{background:var(--dark);color:#fffaf0;padding:90px 0;border-block:3px solid #09181c}.section-head.inverse .kicker{color:#6fd1d6}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.meters article{text-align:center;border:3px solid #071316;background:#20383d;padding:30px;border-radius:26px;box-shadow:7px 7px 0 var(--red)}.dial{width:210px;height:210px;border:8px solid #061317;border-radius:50%;margin:auto;background:radial-gradient(circle,#fff8e9 0 55%,#d9d0bf 56% 63%,#278f98 64%);color:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;box-shadow:inset 0 0 0 7px #fff8e9,0 0 0 3px #c4bcae}.dial span{font-size:68px;font-weight:950;line-height:.8}.dial small{font:900 18px ui-monospace,monospace}.dial i{position:absolute;width:5px;height:64px;background:var(--red);bottom:50%;left:50%;transform-origin:bottom;transform:rotate(38deg);border-radius:99px}.meters h3{font-size:24px;margin:24px 0 6px}.meters p{color:#cbd8d5}.power-note{max-width:840px;margin:30px auto 0;text-align:center;color:#aebfbb;font-size:12px;line-height:1.5}.sleep-diagram{display:grid;grid-template-columns:1fr .8fr auto 1fr;gap:20px;align-items:center;margin-top:52px;border-top:2px solid #395156;padding-top:36px}.sleep-diagram>div{border:3px solid #071316;border-radius:22px;background:#f6efdf;color:var(--ink);padding:22px;text-align:center}.sleep-diagram strong{display:block;font-size:38px}.sleep-diagram span{text-align:center;font:800 12px/1.8 ui-monospace,monospace;color:#8fd0d4}.sleep-diagram>b{font-size:28px;color:var(--red)}.sleep-diagram .wake{background:var(--red);color:white}.sleep-diagram .wake small{display:block;margin-top:6px}.ha-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.ha-flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border:3px solid var(--ink);padding:36px;background:#eee6d7;border-radius:28px;box-shadow:7px 7px 0 var(--teal)}.ha-flow div{border:3px solid var(--ink);padding:22px;background:white;border-radius:18px;font-weight:900}.ha-flow span{font:900 10px ui-monospace,monospace}.ha-flow .ha-box{background:var(--teal);color:white}.entity-panel{border:3px solid var(--ink);border-radius:24px;background:var(--paper);overflow:hidden;box-shadow:6px 6px 0 var(--red)}.entity-panel div{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:2px solid var(--line)}.entity-panel div:last-child{border-bottom:0}.entity-panel b{color:var(--tealDark)}.studio-section{background:#dfd6c5;padding:90px 0;border-block:3px solid var(--ink)}.studio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.studio-grid>div:first-child p:not(.kicker){font-size:17px;line-height:1.6}.studio-mock{background:var(--panel);border:3px solid var(--ink);border-radius:26px 26px 26px 8px;padding:22px;box-shadow:9px 9px 0 var(--teal)}.mock-head{display:flex;align-items:center;gap:15px;border-bottom:3px solid var(--ink);padding-bottom:14px}.mock-head img{width:150px}.mock-head span{font-weight:950;letter-spacing:.15em}.studio-mock label{display:block;font:900 10px ui-monospace,monospace;letter-spacing:.15em;margin:24px 0 10px}.prompt{border:3px solid var(--ink);border-radius:22px 22px 22px 7px;background:white;padding:22px;font:700 18px/1.5 ui-monospace,monospace;box-shadow:6px 6px 0 var(--teal)}.compile-row{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:24px;font:900 10px ui-monospace,monospace;flex-wrap:wrap}.compile-row span{background:#eee6d7;padding:8px;border:2px solid var(--ink);border-radius:9px}.open-grid{display:grid;grid-template-columns:1fr .8fr;gap:50px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none}.checks li{border:2px solid var(--ink);background:#f6efe0;padding:12px;border-radius:12px;font-weight:800}.checks li:before{content:"✓";color:var(--green);margin-right:9px}.github-card{background:var(--dark);color:#fff;border:3px solid var(--ink);border-radius:28px 28px 28px 8px;padding:34px;box-shadow:8px 8px 0 var(--red)}.github-card>span{font:900 10px ui-monospace,monospace;color:#84ced3}.github-card>strong{display:block;font-size:42px;line-height:1;margin:18px 0}.github-card p{color:#c4d1ce}.hardware-section{padding:90px 0;background:#e8e0cf;border-block:3px solid var(--ink)}.narrow{max-width:880px}.hardware-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:34px;margin-top:42px}.hardware-tree{border:3px solid var(--ink);border-radius:24px;background:var(--paper);padding:30px;box-shadow:7px 7px 0 var(--teal)}.hardware-tree .root{text-align:center;background:var(--red);color:white;border:3px solid var(--ink);border-radius:18px;padding:20px;font-size:28px;font-weight:950}.hardware-tree>span{display:block;width:3px;height:35px;background:var(--ink);margin:auto}.branches{display:grid;gap:10px}.branches article{border:2px solid var(--ink);background:#efe7d8;padding:14px;border-radius:12px}.branches b,.branches small{display:block}.branches small{margin-top:4px;color:var(--muted)}.nina-card{border:3px solid var(--ink);border-radius:28px 28px 28px 8px;background:var(--paper);padding:25px;box-shadow:8px 8px 0 var(--red);display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.nina-card img{width:100%;max-height:360px;object-fit:contain;background:white;border:2px solid var(--ink);border-radius:18px}.nina-card h3{font-size:42px;margin:14px 0}.nina-card p{line-height:1.55}.separation{padding:12px;border-left:5px solid var(--teal);background:#eee6d7}.keygen-card{border:3px solid var(--ink);border-radius:28px 28px 28px 8px;background:var(--panel);padding:34px;box-shadow:8px 8px 0 var(--teal);display:flex;justify-content:space-between;gap:50px;align-items:center}.keygen-card h2{font-size:42px;margin:8px 0}.local-badge{display:inline-block;font:900 10px ui-monospace,monospace;padding:8px 11px;background:#dfeee3;border:2px solid #56815c;border-radius:999px;color:#355b3b}.eco-flow{text-align:center}.core{display:inline-block;border:3px solid #071316;background:var(--red);padding:22px 54px;border-radius:22px;font-size:32px;font-weight:950;box-shadow:6px 6px 0 #000}.core small{display:block;font:900 9px ui-monospace,monospace;margin-top:6px}.eco-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px auto 22px;max-width:850px}.eco-tools a{text-decoration:none;border:3px solid #071316;background:#fff5e4;color:var(--ink);border-radius:18px;padding:20px;font-weight:950;box-shadow:5px 5px 0 var(--teal)}.eco-tools small{display:block;margin-top:5px;font-weight:700}.down{font:900 11px ui-monospace,monospace;color:#94c7c9;margin:18px}.boards{display:flex;justify-content:center;gap:18px;align-items:center}.boards b{border:3px solid #071316;background:#20383d;padding:18px 24px;border-radius:17px}.caps{display:inline-block;border-top:2px solid #476064;border-bottom:2px solid #476064;padding:12px;font:900 11px ui-monospace,monospace;color:#c9d7d4}.final-cta{text-align:center}.final-cta>img{width:120px}.final-cta h2{font-size:clamp(48px,7vw,86px)}.final-cta .hero-buttons{justify-content:center}.no-cable{display:inline-block;margin-top:36px;border:3px solid var(--ink);padding:12px 17px;background:var(--red);color:white;box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg)}footer{border-top:3px solid var(--ink);background:#ded5c4;padding:25px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#59625f}footer img{width:135px}
@media(max-width:980px){.nav{display:none}.top-actions{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.hero-machine{max-width:500px}.steps{grid-template-columns:repeat(3,1fr)}.usecases,.ha-grid,.studio-grid,.open-grid,.hardware-grid{grid-template-columns:1fr}.meters{grid-template-columns:1fr}.sleep-diagram{grid-template-columns:1fr}.nina-card{grid-template-columns:1fr}.manifesto-grid{grid-template-columns:1fr;gap:24px}.eco-tools{grid-template-columns:1fr}}@media(max-width:680px){.wrap{width:min(100% - 24px,1180px)}.topbar{padding:0 14px;height:70px}.brand img{width:135px}.top-actions .btn:not(:first-child){display:none}.nav.open{display:flex;position:absolute;left:0;right:0;top:70px;background:#f8f2e5;border-bottom:3px solid var(--ink);padding:18px;flex-direction:column}.menu{display:block}.hero{padding-top:55px}.hero-buttons .btn{width:100%}.steps{grid-template-columns:1fr 1fr}.usecase{padding:20px}.dial{width:180px;height:180px}.hardware-grid{display:block}.nina-card{margin-top:25px}.keygen-card{display:block}.keygen-card .btn{margin-top:20px}.boards{flex-direction:column}.footer .wrap,footer .wrap{flex-direction:column}.top-actions{display:none}h1{font-size:52px}.final-cta h2{font-size:50px}}@media(max-width:430px){.steps{grid-template-columns:1fr}.case-top{align-items:flex-start;flex-direction:column}.usecases{grid-template-columns:1fr}.checks{grid-template-columns:1fr}}

.capabilities-section{padding:90px 0;background:#f5eedf;border-block:3px solid var(--ink)}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.cap-grid article{display:grid;grid-template-columns:52px 1fr auto;gap:15px;align-items:center;min-height:116px;border:3px solid var(--ink);background:var(--paper);padding:17px;border-radius:20px 20px 20px 6px;box-shadow:5px 5px 0 #24909a38}.cap-grid article:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 #24909a50}.cap-icon{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--ink);border-radius:50%;background:var(--teal);color:#fff;font:950 16px ui-monospace,monospace;box-shadow:3px 3px 0 var(--ink)}.cap-grid h3{margin:0 0 5px;font-size:18px}.cap-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.cap-grid b{align-self:start;background:#dff0e3;color:#236037;border:2px solid #4f805d;border-radius:999px;padding:6px 8px;font:950 9px ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.cap-grid .cap-feature{background:#e3f0ed}.cap-grid .cap-feature b{background:var(--red);border-color:var(--ink);color:white}.cap-callout{margin-top:28px;border:3px solid var(--ink);background:var(--dark);color:white;padding:20px 24px;border-radius:18px 18px 18px 5px;box-shadow:6px 6px 0 var(--red);display:flex;gap:18px;align-items:center;justify-content:center;text-align:center}.cap-callout strong{color:#79d0d4;font:950 12px ui-monospace,monospace;letter-spacing:.1em}.cap-callout span{font-size:18px;font-weight:800}@media(max-width:980px){.cap-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.cap-grid{grid-template-columns:1fr}.cap-callout{flex-direction:column;gap:6px}}

/* R3 — Telegram via Home Assistant practical integration */
.telegram-demo{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center;margin-top:48px;padding-top:44px;border-top:2px solid var(--line)}
.telegram-copy h3{font-size:clamp(30px,4vw,48px);line-height:1.03;margin:18px 0 14px;letter-spacing:-.025em}.telegram-copy>p{font-size:16px;line-height:1.65;color:#465653}.telegram-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:24px 0}.telegram-flow b{border:2px solid var(--ink);border-radius:12px;background:var(--paper);padding:10px 12px;font-size:12px;box-shadow:3px 3px 0 #c9c1b0}.telegram-flow b:last-child{background:#dff2f4}.telegram-flow span{font:900 9px ui-monospace,monospace;color:var(--tealDark)}.integration-note{background:#eee6d7;border-left:5px solid var(--teal);padding:15px 17px;border-radius:0 14px 14px 0}.integration-note strong{color:var(--ink)}
.phone-chat{max-width:500px;width:100%;justify-self:end;border:3px solid var(--ink);border-radius:30px 30px 30px 9px;background:#e8e1d4;overflow:hidden;box-shadow:9px 9px 0 var(--teal)}.phone-head{display:flex;align-items:center;gap:12px;background:var(--dark);color:white;padding:15px 18px;border-bottom:3px solid var(--ink)}.phone-head div{display:flex;flex-direction:column}.phone-head small{color:#a8c4c1;margin-top:2px}.phone-head i{margin-left:auto;color:var(--green);font-style:normal;font-size:10px}.tg-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#278f98;border:2px solid #071316;box-shadow:2px 2px 0 #071316;font-size:17px}.chat-body{min-height:390px;padding:20px 18px;background:radial-gradient(circle at 25% 20%,#278f980f 0 20%,transparent 20.5%),#f3eddf;display:flex;flex-direction:column;gap:13px}.chat-time{align-self:center;background:#d5cdbd;border:1px solid #aaa291;border-radius:999px;padding:4px 9px;font:800 9px ui-monospace,monospace;color:#59615d}.bubble{max-width:82%;padding:12px 14px;border:2px solid var(--ink);font-size:13px;line-height:1.5;box-shadow:3px 3px 0 #bdb5a6}.bubble small{display:block;margin-top:7px;font:800 8px ui-monospace,monospace;opacity:.62;text-align:right}.bubble.bot{align-self:flex-start;background:#fffaf0;border-radius:17px 17px 17px 5px}.bubble.user{align-self:flex-end;background:#dcefed;border-radius:17px 17px 5px 17px}.bubble strong{font-size:13px}.chat-input{display:flex;justify-content:space-between;align-items:center;background:#fffaf0;border-top:3px solid var(--ink);padding:13px 16px;color:#8b8a82;font-size:13px}.chat-input b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal);color:white;border:2px solid var(--ink)}.telegram-footnote{max-width:920px;margin:24px auto 0;text-align:center;color:var(--muted);font-size:11px;line-height:1.55}
@media(max-width:980px){.telegram-demo{grid-template-columns:1fr}.phone-chat{justify-self:start;max-width:620px}}@media(max-width:680px){.telegram-demo{gap:28px;margin-top:36px;padding-top:32px}.telegram-flow{align-items:flex-start}.phone-chat{border-radius:22px 22px 22px 7px}.chat-body{min-height:350px;padding:15px 12px}.bubble{max-width:90%}}
