@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_1243c3{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_1243c3{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a6c19694cd327cd4-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/851c4691abdf3def-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a8a8dd7277bab4cf-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/313510e2713fb214-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk Fallback;src:local("Arial");ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.00%;size-adjust:100.94%}.__className_67a390{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.__variable_67a390{--font-body:"Hanken Grotesk","Hanken Grotesk Fallback"}:root{--bg:#f6f5f1;--bg-2:#efede6;--surface:#ffffff;--surface-2:#f9f8f4;--ink:#15181d;--ink-2:#39404b;--muted:#5d6470;--line:#e4e1d9;--line-2:#d3cfc4;--brand:#11705a;--brand-ink:#0b5242;--brand-soft:#e1f1eb;--brand-bright:#1fae86;--on-brand:#ffffff;--ok:#15744a;--ok-soft:#e3f3e9;--warn:#8f5508;--warn-soft:#fcf0da;--bad:#b0281f;--bad-soft:#fbe5e2;--info:#3b4db0;--info-soft:#e8ebfa;--p-wifi:#2a64c1;--p-zigbee:#784ad0;--p-thread:#0b7367;--p-matter:#b43073;--p-zwave:#a74b0a;--p-bt:#166c9e;--logo-bg:#15181d;--logo-line:#4b5360;--logo-dot:#f6f5f1;--shadow-sm:0 1px 2px rgba(21,24,29,0.06);--shadow:0 1px 2px rgba(21,24,29,0.05),0 10px 28px -14px rgba(21,24,29,0.2);--shadow-lg:0 2px 4px rgba(21,24,29,0.04),0 30px 60px -28px rgba(21,24,29,0.38);--r-sm:8px;--r:12px;--r-lg:18px;--header-h:64px;--font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--font-body:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1115;--bg-2:#12161b;--surface:#161b21;--surface-2:#1a2027;--ink:#ebeef1;--ink-2:#c7cdd4;--muted:#9aa3ae;--line:#262d35;--line-2:#333b45;--brand:#3cc79f;--brand-ink:#86e3c7;--brand-soft:#12332a;--brand-bright:#3cc79f;--on-brand:#052219;--ok:#50c98d;--ok-soft:#11301f;--warn:#e7ad4f;--warn-soft:#33260e;--bad:#f2806f;--bad-soft:#3b1714;--info:#9aaaf6;--info-soft:#1c2247;--p-wifi:#74a5f6;--p-zigbee:#ad8cf2;--p-thread:#45c4b5;--p-matter:#ee7cb3;--p-zwave:#f49a58;--p-bt:#63bbec;--logo-bg:#ebeef1;--logo-line:#9aa3ae;--logo-dot:#161b21;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow:0 1px 2px rgba(0,0,0,0.35),0 12px 30px -14px rgba(0,0,0,0.6);--shadow-lg:0 30px 60px -24px rgba(0,0,0,0.75);color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1115;--bg-2:#12161b;--surface:#161b21;--surface-2:#1a2027;--ink:#ebeef1;--ink-2:#c7cdd4;--muted:#9aa3ae;--line:#262d35;--line-2:#333b45;--brand:#3cc79f;--brand-ink:#86e3c7;--brand-soft:#12332a;--brand-bright:#3cc79f;--on-brand:#052219;--ok:#50c98d;--ok-soft:#11301f;--warn:#e7ad4f;--warn-soft:#33260e;--bad:#f2806f;--bad-soft:#3b1714;--info:#9aaaf6;--info-soft:#1c2247;--p-wifi:#74a5f6;--p-zigbee:#ad8cf2;--p-thread:#45c4b5;--p-matter:#ee7cb3;--p-zwave:#f49a58;--p-bt:#63bbec;--logo-bg:#ebeef1;--logo-line:#9aa3ae;--logo-dot:#161b21;color-scheme:dark}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}body{font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}main{flex:1 1}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--brand-ink)}img,svg{display:block;max-width:100%}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}::selection{background:var(--brand-soft)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:var(--r-sm);text-decoration:none;font-weight:600}.skip-link:focus{top:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;font-weight:650;font-size:15px;line-height:1;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s,transform .1s}.btn:active{transform:translateY(1px)}.badge svg,.btn svg,.icon-btn svg,.pill-btn svg{flex-shrink:0}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-ink);color:var(--on-brand)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary:hover{background:var(--brand-ink)}}.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink-2);color:var(--ink)}.btn-quiet{background:transparent;color:var(--ink-2);border-color:var(--line)}.btn-quiet:hover{background:var(--surface-2);color:var(--ink)}.btn-sm{min-height:34px;padding:0 12px;font-size:14px;border-radius:8px;gap:6px}.btn-lg{min-height:50px;padding:0 22px;font-size:16px;border-radius:12px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--muted);flex:0 0 auto}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.link-btn{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;padding:0}.link-btn:hover{color:var(--brand-ink)}.pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-size:13.5px;font-weight:600;color:var(--ink);text-align:left}.pill-btn:hover{border-color:var(--brand);color:var(--brand-ink)}.chip{--pc:var(--muted);display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:650;line-height:1.5;color:var(--pc);background:color-mix(in srgb,var(--pc) 12%,transparent);white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip-neutral{--pc:var(--ink-2)}.p-wifi{--pc:var(--p-wifi)}.p-zigbee{--pc:var(--p-zigbee)}.p-thread{--pc:var(--p-thread)}.p-matter{--pc:var(--p-matter)}.p-zwave{--pc:var(--p-zwave)}.p-bt{--pc:var(--p-bt)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;font-size:12.5px;font-weight:650;line-height:1.4}.badge svg{flex:0 0 auto}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-bad{color:var(--bad);background:var(--bad-soft)}.badge-info{color:var(--info);background:var(--info-soft)}.step-num{display:inline-grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--bg);font-family:var(--font-display);font-weight:700;font-size:14px}.muted{color:var(--muted)}.switch{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line-2);transition:background .15s;flex:0 0 auto}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s}.switch input:checked+.switch-track{background:var(--brand)}.switch input:checked+.switch-track:after{transform:translateX(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--brand);outline-offset:2px}.arrow-link{display:inline-flex;align-items:center;gap:6px;font-weight:650;text-decoration:none}.arrow-link:hover{text-decoration:underline}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.logo,.logo:hover{color:var(--ink)}.logo-word{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.03em}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.sh-inner{display:flex;align-items:center;gap:28px;height:var(--header-h)}.sh-nav{display:flex;gap:4px;flex:1 1}.sh-nav a{padding:8px 12px;border-radius:8px;color:var(--ink-2);font-weight:600;font-size:15px;text-decoration:none}.sh-nav a:hover{color:var(--ink);background:var(--surface)}@media (max-width:760px){.site-header{position:static}.sh-inner{flex-wrap:wrap;height:auto;padding-top:10px;gap:6px 12px}.sh-cta{margin-left:auto}.sh-nav{order:3;flex:1 0 100%;overflow-x:auto;margin:0 -20px;padding:2px 14px 8px;scrollbar-width:none}.sh-nav::-webkit-scrollbar{display:none}.sh-nav a{white-space:nowrap;padding:7px 10px}.sh-nav a:first-child{display:none}html{scroll-padding-top:12px}}.site-footer{margin-top:72px;border-top:1px solid var(--line);background:var(--bg-2);padding:48px 0 28px;font-size:14.5px}.sf-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:32px;gap:32px}.sf-brand p{color:var(--muted);margin-top:12px;max-width:300px}.sf-meta{font-size:13px}.site-footer h2{font-family:var(--font-body);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.site-footer ul{list-style:none;display:grid;grid-gap:7px;gap:7px}.site-footer nav a{color:var(--ink-2);text-decoration:none}.site-footer nav a:hover{color:var(--brand);text-decoration:underline}.sf-legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:grid;grid-gap:6px;gap:6px}@media (max-width:860px){.sf-grid{grid-template-columns:1fr 1fr}.sf-brand{grid-column:1/-1}}.hero{position:relative;padding:56px 0 40px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--line-2) 1.1px,transparent 0);background-size:24px 24px;mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000 10%,transparent 70%);opacity:.7;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-gap:48px;gap:48px;align-items:center}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);margin-bottom:16px}.hero h1{font-size:clamp(36px,5.2vw,58px);letter-spacing:-.035em;line-height:1.04;max-width:14ch}.lead{margin-top:20px;font-size:clamp(17px,1.6vw,19.5px);color:var(--ink-2);max-width:34em}.hero-ctas{gap:12px;margin-top:28px}.hero-ctas,.hero-proof{display:flex;flex-wrap:wrap}.hero-proof{list-style:none;gap:8px 20px;margin-top:26px;font-size:14.5px;color:var(--ink-2)}.hero-proof li{display:inline-flex;align-items:center;gap:6px}.hero-proof svg{color:var(--brand)}.demo{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:18px}.demo-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.demo-title{font-family:var(--font-display);font-weight:700;font-size:18px}.demo-eco{font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--ink);color:var(--bg)}.demo-list{list-style:none;display:grid;grid-gap:4px;gap:4px;padding:10px 0}.demo-list li{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:10px}.demo-list li>svg{margin-top:2px;flex:0 0 auto}.demo-list li[data-status=ok]>svg{color:var(--ok)}.demo-list li[data-status=hub]{background:var(--warn-soft)}.demo-list li[data-status=hub]>svg{color:var(--warn)}.demo-list li[data-status=incompatible]>svg{color:var(--bad)}.demo-list b{display:block;font-size:15px}.demo-list small{display:block;font-size:13.5px;color:var(--muted)}.demo-fix{display:grid;grid-gap:2px;gap:2px;padding:13px 14px;border-radius:12px;background:var(--brand-soft);color:var(--brand-ink)}.demo-fix-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.demo-fix b{font-size:16px}.demo-fix small{font-size:13.5px}.demo figcaption{margin-top:12px;font-size:12.5px;color:var(--muted);text-align:center}.steps{padding:8px 0 40px}.steps-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.steps-grid li{display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.steps-grid h2{font-size:18px;margin-bottom:4px}.steps-grid p{color:var(--muted);font-size:15px}.section-head{margin-bottom:22px;max-width:720px}.section-head h2{font-size:clamp(26px,3vw,34px)}.section-head p{margin-top:6px;color:var(--muted);font-size:16.5px}.cfg-section{padding:44px 0 56px;background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.explore,.faq,.problems{padding:64px 0 0}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.problem{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.problem h3{font-size:19px}.problem p{color:var(--ink-2);flex:1 1}.explore-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.explore-card{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}.explore-card:hover{border-color:var(--brand);color:var(--ink);transform:translateY(-2px)}.explore-card span{font-size:13px;color:var(--muted)}.explore-card b{font-family:var(--font-display);font-size:19px}.explore-guides{background:var(--ink);border-color:var(--ink)}.explore-guides b,.explore-guides:hover{color:var(--bg)}.explore-guides span{color:color-mix(in srgb,var(--bg) 70%,transparent)}.faq-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);grid-gap:32px;gap:32px}.faq h2{font-size:clamp(26px,3vw,34px)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:16px 32px 16px 0;font-weight:650;font-size:17px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:12px;font-size:22px;font-weight:400;color:var(--muted);transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{padding:0 0 18px;color:var(--ink-2);max-width:62ch}.faq-more{margin-top:16px;color:var(--muted)}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{max-width:18ch}.demo{max-width:520px}.problem-grid,.steps-grid{grid-template-columns:1fr}.explore-grid{grid-template-columns:repeat(2,1fr)}.faq-inner{grid-template-columns:1fr;gap:12px}}@media (max-width:560px){.container{padding:0 16px}.hero{padding:32px 0 28px}.hero-ctas .btn{flex:1 1 auto}.steps-grid li{padding:14px}.cfg-section{padding:32px 0 40px}.explore,.faq,.problems{padding-top:48px}}.cfg{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px}.step-head{display:flex;gap:12px;align-items:flex-start}.step-head h3{font-size:19px}.step-head p{color:var(--muted);font-size:14.5px;margin-top:2px}.setup{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px 20px;gap:16px 20px;align-items:end;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.setup .step-head{grid-column:1/-1}.eco-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.eco-opt{--ec:var(--muted);position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:10px;column-gap:10px;align-items:center;text-align:left;padding:12px 14px;border-radius:var(--r);border:1.5px solid var(--line-2);background:var(--surface);transition:border-color .15s,background .15s}.eco-opt:hover{border-color:var(--ink-2)}.eco-opt[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.eco-opt[data-eco=alexa]{--ec:#20a4e0}.eco-opt[data-eco=google]{--ec:#e8a713}.eco-opt[data-eco=apple]{--ec:var(--ink)}.eco-dot{grid-row:1/span 2;width:12px;height:12px;border-radius:50%;background:var(--ec);box-shadow:0 0 0 3px color-mix(in srgb,var(--ec) 22%,transparent)}.eco-opt[data-eco=none] .eco-dot{background:conic-gradient(#20a4e0 0 33%,#e8a713 0 66%,var(--ink) 0)}.eco-name{font-weight:700;font-size:15.5px;line-height:1.2}.eco-sub{font-size:13px;color:var(--muted)}.region-pick{display:grid;grid-gap:4px;gap:4px;font-size:12.5px;color:var(--muted);font-weight:600}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:40px;padding:0 34px 0 12px;border-radius:10px;border:1px solid var(--line-2);background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;font-size:14.5px;font-weight:600;color:var(--ink)}.cfg-grid{display:grid;grid-template-columns:minmax(0,1fr) 392px;grid-gap:24px;gap:24px;align-items:start}.cfg-main{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px}.cfg-main,.templates{min-width:0}.templates h3{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--ink-2);margin-bottom:10px}.templates h3 svg{color:var(--brand)}.tpl-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);grid-gap:10px;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}.tpl{scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;text-align:left;padding:13px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);transition:border-color .15s,box-shadow .15s}.tpl:hover{border-color:var(--brand);box-shadow:var(--shadow)}.tpl b{font-size:15px}.tpl-desc{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.tpl-meta{font-size:12.5px;font-weight:700;color:var(--brand);margin-top:4px}.catalog{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0}.cat-toolbar{display:flex;gap:10px;flex-wrap:wrap}.search{flex:1 1 280px;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 8px 0 13px;border:1px solid var(--line-2);border-radius:11px;background:var(--surface-2);color:var(--muted)}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink);height:42px}.search input::-webkit-search-cancel-button{display:none}.room-pick{display:flex;align-items:center;gap:6px}.room-pick-label{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.room-new,.room-pick select{min-height:44px}.room-new{padding:0 12px;border:1px solid var(--brand);border-radius:10px;background:var(--surface);width:170px}.search-info{font-size:14px;color:var(--muted)}.cat-tabs{display:flex;flex-wrap:wrap;gap:6px}.cat-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap}.cat-tab:hover{border-color:var(--line-2);color:var(--ink)}.cat-tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.cat-count{font-size:12px;font-weight:700;padding:0 6px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.cat-tab[aria-pressed=true] .cat-count{background:color-mix(in srgb,var(--bg) 18%,transparent);color:var(--bg)}.cat-filters{display:flex;flex-wrap:wrap;gap:8px 22px}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.dcard{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);transition:border-color .15s,background .15s}.dcard:hover{border-color:var(--line-2)}.dcard[data-in="1"]{border-color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 45%,var(--surface))}.dcard-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2)}.dcard-body{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.dcard-name{font-family:var(--font-body);font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.dcard-name a{color:var(--ink);text-decoration:none}.dcard-name a:hover{color:var(--brand);text-decoration:underline}.dcard-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13.5px;color:var(--muted)}.dcard-note{font-size:13px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dcard .badge{margin-top:2px}.dcard-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}.dcard-price{font-family:var(--font-display);font-weight:700;font-size:17px;white-space:nowrap}.dcard-own{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted);padding:4px 6px;border-radius:6px;white-space:nowrap}.dcard-own:hover{color:var(--ink);background:var(--surface-2)}.dcard-own[aria-pressed=true]{color:var(--brand)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);overflow:hidden}.stepper button{display:grid;place-items:center;width:32px;height:32px;color:var(--ink-2)}.stepper button:hover{background:var(--surface-2);color:var(--ink)}.stepper span{min-width:24px;text-align:center;font-weight:700;font-size:14px}.stepper.sm button{width:26px;height:26px}.stepper.sm span{min-width:20px;font-size:13px}.cat-empty{color:var(--muted);padding:20px 0;text-align:center}.cat-tip{font-size:13.5px;color:var(--muted);padding:12px 14px;border-radius:10px;background:var(--surface-2)}.cat-tip b{color:var(--ink-2)}.cfg-side{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 16px)}.sheet-backdrop{display:none}.panel{display:flex;flex-direction:column;max-height:calc(100vh - var(--header-h) - 32px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);scrollbar-width:thin}.panel-head{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.panel-head h3{font-size:20px}.panel-head p{font-size:13.5px;color:var(--muted)}.panel-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.plan-step>.btn{flex:0 0 auto}.panel-close{display:none}.panel>.verdict{margin:14px 18px 4px}.verdict{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border-radius:12px}.verdict>svg{flex:0 0 auto;margin-top:1px}.verdict b{display:block;font-size:16px;line-height:1.3}.verdict p{font-size:14px;margin-top:2px}.v-ok{background:var(--ok-soft);color:var(--ok)}.v-bad p,.v-ok p,.v-warn p{color:var(--ink-2)}.v-warn{background:var(--warn-soft);color:var(--warn)}.v-bad{background:var(--bad-soft);color:var(--bad)}.pp{padding:14px 18px;border-bottom:1px solid var(--line)}.pp:last-child{border-bottom:0}.pp h4{font-family:var(--font-body);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.pp h4,.pp-sub{color:var(--muted)}.pp-sub{font-size:13.5px;margin:-4px 0 10px}.eco-compare ul{list-style:none;display:grid;grid-gap:6px;gap:6px}.eco-row{width:100%;display:grid;grid-template-columns:auto 1fr;grid-gap:2px 10px;gap:2px 10px;align-items:baseline;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);position:relative}.eco-row:hover{border-color:var(--brand)}.eco-row b{font-size:15px}.eco-row span{font-size:13.5px;color:var(--ink-2)}.eco-row[data-tone=bad] span{color:var(--bad)}.eco-row[data-tone=ok] span{color:var(--ok)}.eco-row em{grid-column:2;font-style:normal;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}.eco-row[data-best="1"]{border-color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 50%,var(--surface))}.plan-steps{list-style:none;display:grid;grid-gap:8px;gap:8px}.plan-step{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.plan-info{min-width:0}.plan-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.plan-name b{font-size:15px}.plan-price{font-weight:700;font-size:14px;color:var(--brand)}.plan-step p{font-size:13.5px;color:var(--ink-2);margin-top:2px}.plan-step .plan-alt{color:var(--muted);font-size:13px}.plan-alt .link-btn{font-size:13px}.swaps ul{list-style:none;display:grid;grid-gap:12px;gap:12px}.swap p{font-size:14px}.swap-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.swap-opts>span{font-size:13px;color:var(--muted)}.note-box{display:flex;gap:9px;margin:12px 18px 0;padding:11px 12px;border-radius:10px;background:var(--info-soft);color:var(--ink-2);font-size:13.5px}.note-box svg{color:var(--info);flex:0 0 auto;margin-top:2px}.map{font-size:14px}.map-root{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--ink);color:var(--bg)}.map-root b{font-size:14px}.map-root-dot{width:10px;height:10px;border-radius:50%;background:var(--brand-bright)}.map-root-sub{font-size:12.5px;opacity:.75}.map-tree{list-style:none;margin:0 0 0 16px;border-left:2px solid var(--line-2)}.map-group{position:relative;padding:10px 0 2px 20px}.map-group:before{content:"";position:absolute;left:-2px;top:0;width:16px;height:22px;border-bottom:2px solid var(--line-2);border-bottom-left-radius:8px}.map-group:last-child{margin-left:-2px;padding-left:22px}.map-group:last-child:before{left:0;border-left:2px solid var(--line-2);background:var(--surface)}.map-node{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2)}.map-node b{font-size:14px}.map-node svg{flex:0 0 auto}.map-caps{font-size:12px;color:var(--muted)}.map-flag{font-size:11.5px;font-weight:700;color:var(--bad)}.map-group[data-status=hub] .map-flag{color:var(--warn)}.map-direct .map-node svg{color:var(--p-wifi)}.map-pending .map-node{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent);color:var(--warn)}.map-pending .map-node b{color:var(--ink)}.map-incompatible .map-node,.map-region .map-node{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,transparent);color:var(--bad)}.map-incompatible .map-node b,.map-region .map-node b{color:var(--ink)}.map-leaves{list-style:none;margin:2px 0 0 14px}.map-leaf{position:relative;display:flex;justify-content:space-between;gap:10px;padding:4px 0 4px 18px}.map-leaf:before{content:"";position:absolute;left:0;top:50%;width:12px;border-top:2px solid var(--pc)}.map-leaf:after{content:"";position:absolute;left:-1px;top:-2px;bottom:50%;border-left:2px solid var(--pc);opacity:.55}.map-pending .map-leaf:before{border-top-style:dashed;--pc:var(--warn)}.map-incompatible .map-leaf:before,.map-region .map-leaf:before{border-top-style:dashed;--pc:var(--bad)}.map-name{min-width:0}.map-qty{color:var(--muted)}.map-proto{font-size:12px;font-weight:650;color:var(--pc);white-space:nowrap}.map-pending .map-proto{color:var(--warn)}.room-block+.room-block{margin-top:12px}.room-block h5{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:4px}.room-block ul{list-style:none}.line{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto auto;grid-gap:10px;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}.line:first-child{border-top:0}.line-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.line[data-status=hub] .line-dot{background:var(--warn)}.line[data-status=incompatible] .line-dot,.line[data-status=region] .line-dot{background:var(--bad)}.line-name{display:flex;flex-direction:column;min-width:0}.line-name b{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-name small{font-size:12.5px;color:var(--muted)}.line-price{font-weight:700;font-size:14px;white-space:nowrap;min-width:52px;text-align:right}.line-price.muted{font-weight:600;font-size:13px}.room-block.owned h5{color:var(--brand)}.buy-box{display:grid;grid-gap:12px;gap:12px;background:var(--surface-2)}.totals{display:flex;justify-content:space-between;align-items:baseline}.totals span{font-size:14px;color:var(--muted);font-weight:600}.totals b{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em}.buy{display:grid;grid-gap:6px;gap:6px}.buy a{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.buy a:hover{border-color:var(--brand)}.buy-go{display:inline-flex;align-items:center;gap:4px;color:var(--brand);white-space:nowrap}.disclosure,.price-note{font-size:12.5px;color:var(--muted)}.empty{display:grid;justify-items:center;text-align:center;grid-gap:8px;gap:8px;padding:28px 22px 26px}.empty-art{width:120px;height:64px;margin-bottom:6px}.empty-art path{stroke:var(--line-2);stroke-width:2;fill:none;stroke-dasharray:4 4}.empty-art circle{fill:var(--surface);stroke:var(--line-2);stroke-width:2}.empty-art .n-root{fill:var(--ink);stroke:var(--ink)}.empty-art .n-off{fill:var(--brand-soft);stroke:var(--brand)}.empty b{font-family:var(--font-display);font-size:18px}.empty p{font-size:14.5px;color:var(--muted);max-width:300px}.empty-tpls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}.mobile-bar{display:none}@media (max-width:1100px){.cfg-grid{grid-template-columns:minmax(0,1fr) 360px}.device-grid{grid-template-columns:1fr}}@media (max-width:1023px){.cfg-grid{grid-template-columns:1fr}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-side{position:fixed;inset:0;z-index:70;display:none}.cfg-side[data-open="1"]{display:block}.sheet-backdrop{display:block;position:absolute;inset:0;background:rgba(10,12,15,.5);animation:fade-in .2s ease}.panel{position:absolute;left:0;right:0;bottom:0;max-height:90vh;max-height:90dvh;border-radius:20px 20px 0 0;border-bottom:0;animation:sheet-up .25s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom)}.panel-close{display:inline-grid}.mobile-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);text-align:left}.mb-dot{width:11px;height:11px;border-radius:50%;background:var(--brand-bright);flex:0 0 auto}.mobile-bar[data-tone=warn] .mb-dot{background:#f1b04d}.mobile-bar[data-tone=bad] .mb-dot{background:#f2806f}.mb-text{display:flex;flex-direction:column;flex:1 1;min-width:0}.mb-text b{font-size:15px}.mb-text small{font-size:13px;opacity:.75}.mb-cta{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14px;white-space:nowrap}.cfg-section{padding-bottom:96px}}@media (max-width:680px){.setup{grid-template-columns:1fr;padding:16px}.eco-options{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{padding:16px 14px;border-radius:var(--r)}.device-grid{grid-template-columns:1fr}.cat-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:0 14px 4px;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.room-pick{flex:1 1 100%}.room-pick select{flex:1 1}}@media (max-width:400px){.dcard{grid-template-columns:minmax(0,1fr) auto}.dcard-ico{display:none}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@keyframes fade-in{0%{opacity:0}}.page{padding-top:32px}.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;margin-bottom:18px}.crumbs,.crumbs a{color:var(--muted)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--brand);text-decoration:underline}.crumbs span[aria-hidden]{opacity:.6}.page-head{max-width:780px;margin-bottom:28px}.page-head h1{font-size:clamp(30px,4.2vw,44px);letter-spacing:-.03em}.page-head .lead{margin-top:12px}.page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:14px;color:var(--muted)}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.panel-card h2{font-size:22px;margin-bottom:12px}.dev-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:24px;gap:24px;align-items:start}.dev-main{display:grid;grid-gap:20px;gap:20px;min-width:0}.support{list-style:none;display:grid;grid-gap:10px;gap:10px}.support-row{display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:12px 18px;gap:12px 18px;align-items:start;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}.support-eco{align-items:flex-start;gap:6px}.support-eco,.support-ecos{display:flex;flex-direction:column}.support-ecos{gap:2px}.support-eco b{font-size:16px}.support-detail p{color:var(--ink-2);font-size:15px}.support-hubs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.support-hubs a{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line-2);font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none}.support-hubs a:hover{border-color:var(--brand);color:var(--brand-ink)}.support-hubs .hub-price{color:var(--muted);font-weight:600}.support-hubs .tag-adv{font-size:11px;font-weight:700;color:var(--warn)}.explain p+p{margin-top:10px}.explain p{color:var(--ink-2)}.dev-aside{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 16px);display:grid;grid-gap:14px;gap:14px}.buy-card{display:grid;grid-gap:12px;gap:12px}.buy-card .price-big{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1}.buy-card .price-big small{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:6px}.fact-list{list-style:none;display:grid;grid-gap:8px;gap:8px;font-size:14px}.fact-list li{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.fact-list li:last-child{border-bottom:0;padding-bottom:0}.fact-list span{color:var(--muted)}.fact-list b{font-weight:650;text-align:right}.mini-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.mini-list a{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;height:100%}.mini-list a:hover{border-color:var(--brand)}.mini-list b{font-size:15px}.mini-list span{font-size:13px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.compat-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}.compat-table caption{text-align:left;padding:14px 16px 6px;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.compat-table td,.compat-table th{padding:10px 14px;text-align:left;border-top:1px solid var(--line);vertical-align:middle}.compat-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;background:var(--surface-2)}.compat-table td.c,.compat-table th.c{text-align:center;width:112px}.compat-table td.num,.compat-table th.num{text-align:right;width:80px;white-space:nowrap}.compat-table tbody tr:hover{background:var(--surface-2)}.compat-table a{color:var(--ink);font-weight:650;text-decoration:none}.compat-table a:hover{color:var(--brand);text-decoration:underline}.compat-table .brand-cell{color:var(--muted);font-size:13.5px;display:block}.cell{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:64px;padding:3px 8px;border-radius:7px;font-size:12.5px;font-weight:700}.cell-direct{background:var(--ok-soft);color:var(--ok)}.cell-hub{background:var(--warn-soft);color:var(--warn)}.cell-no,.legend{color:var(--muted)}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;margin-bottom:14px}.legend span{display:inline-flex;align-items:center;gap:6px}.table-stack{display:grid;grid-gap:18px;gap:18px}.jump{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:32px 0 12px}.group-head h2{font-size:24px}.group-head p{color:var(--muted);font-size:14.5px}.dev-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px}.dev-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 10px;gap:4px 10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;height:100%}.dev-list a:hover{border-color:var(--brand)}.dev-list b{font-size:15px;line-height:1.3}.dev-list .dl-price{font-weight:700;white-space:nowrap}.dev-list .dl-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.callout{padding:16px 18px;border-radius:var(--r);background:var(--brand-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--brand) 25%,transparent)}.callout a{font-weight:650}.callout-warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding:24px;border-radius:var(--r-lg);background:var(--ink);color:var(--bg)}.cta-band h2{color:var(--bg);font-size:22px}.cta-band p{color:color-mix(in srgb,var(--bg) 75%,transparent);margin-top:4px}.pill-nav{display:flex;flex-wrap:wrap;gap:8px}.pill-nav a{padding:7px 13px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:14px;text-decoration:none}.pill-nav a:hover{border-color:var(--brand);color:var(--brand-ink)}.pill-nav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pill-nav-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px}.nav-groups{display:grid;grid-gap:14px;gap:14px;margin-bottom:8px}.card-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px;gap:14px}.card-link{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}.card-link:hover{border-color:var(--brand);color:var(--ink);transform:translateY(-2px)}.card-link h2,.card-link h3{font-size:19px}.card-link p{color:var(--muted);font-size:15px;flex:1 1}.card-link .card-meta{font-size:13px;font-weight:650;color:var(--brand)}.guide-layout{display:grid;grid-template-columns:minmax(0,720px) 280px;grid-gap:48px;gap:48px;align-items:start}.prose{font-size:17.5px;line-height:1.7;color:var(--ink-2)}.prose>*+*{margin-top:18px}.prose h2{font-size:26px;margin-top:40px}.prose h2,.prose strong{color:var(--ink)}.prose ol,.prose ul{padding-left:22px}.prose li+li{margin-top:8px}.prose li::marker{color:var(--brand)}.prose .callout{font-size:16px;margin-top:28px}.guide-aside{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 20px);display:grid;grid-gap:14px;gap:14px}.guide-aside h2{font-size:13px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px}.guide-aside ul{list-style:none;display:grid;grid-gap:6px;gap:6px;font-size:15px}.guide-aside a{text-decoration:none}.guide-aside a:hover{text-decoration:underline}.notfound{text-align:center;padding:72px 0 24px;display:grid;justify-items:center;grid-gap:14px;gap:14px}.nf-code{font-family:var(--font-display);font-size:96px;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--line-2)}.notfound p{color:var(--muted);max-width:460px}.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}@media (max-width:960px){.dev-layout,.guide-layout{grid-template-columns:1fr}.dev-aside,.guide-aside{position:static}}@media (max-width:560px){.support-row{grid-template-columns:1fr;gap:8px}.support-eco{flex-direction:row;align-items:center;justify-content:space-between}.support-ecos{flex-direction:row;flex-wrap:wrap;gap:2px 12px}.panel-card{padding:18px 16px}.prose{font-size:17px}.cta-band{padding:20px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mt-0{margin-top:0}.mt-20{margin-top:20px}.hub-group{margin-bottom:20px}.hub-group h3{font-size:17px;margin:4px 0 10px}.hub-group-sub{font-family:var(--font-body);font-weight:500;font-size:14.5px;letter-spacing:0;color:var(--muted)}