:root{--black:#111917;--panel:#182522;--copper:#ef7d32;--yellow:#ffd43b;--green:#31d19c;--paper:#f4f7f2;--ink:#17221f;--muted:#5a6b65;--line:#b9c5bf;--white:#fff;--shadow:0 24px 65px #1119172e;font-family:Inter,"Noto Sans",Arial,sans-serif;color:var(--ink);background:#dce4df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:16px;line-height:1.72;background:#dce4df;word-break:keep-all;overflow-wrap:break-word}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.skip{position:fixed;z-index:50;top:.5rem;left:.5rem;padding:.7rem 1rem;background:var(--yellow);color:var(--black);font-weight:900;transform:translateY(-150%)}.skip:focus{transform:none}.page-shell{max-width:1500px;margin:auto;background:var(--paper);box-shadow:0 0 90px #11191720}
.site-header{min-height:88px;display:flex;align-items:center;gap:2rem;padding:1rem clamp(1.2rem,5vw,5rem);background:var(--black);color:#fff;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:.85rem;margin-right:auto;font-weight:950;line-height:1.05}.brand img{width:48px;height:48px;border-radius:10px;box-shadow:4px 4px 0 var(--copper)}.brand span{display:grid}.brand strong{margin-top:.35rem;color:var(--yellow);font:850 .72rem/1 ui-monospace,monospace;letter-spacing:.16em}.site-header nav,footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:1.35rem}.site-header nav a{font-size:.9rem;font-weight:850}.site-header nav a:hover,.text-link:hover{color:var(--yellow)}.language{padding:.3rem .65rem;border:1px solid var(--yellow);color:var(--yellow);font-weight:900}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.72fr) minmax(250px,.55fr);gap:clamp(2rem,4vw,4.5rem);align-items:center;padding:clamp(5rem,8vw,8rem) clamp(1.2rem,5vw,5rem);overflow:hidden;background:linear-gradient(115deg,#101816 0 68%,#25312e 68%);color:#fff}.hero:before{content:"ELECTRICAL SAFETY / CONTROL BOARD";position:absolute;top:1.4rem;left:clamp(1.2rem,5vw,5rem);color:var(--yellow);font:800 .7rem ui-monospace,monospace;letter-spacing:.15em}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 58px,#ffffff08 59px 60px);mask-image:linear-gradient(90deg,#000,transparent 82%);pointer-events:none}.hero>*{position:relative;z-index:1}.eyebrow{margin:0 0 .85rem;color:#b75a22;font:900 .76rem/1.4 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.hero .eyebrow,.final-cta .eyebrow{color:var(--yellow)}.hero h1,.page-intro h1,.article header h1{margin:0;font-size:clamp(3rem,6vw,6.1rem);line-height:1.01;letter-spacing:-.06em;font-weight:950}.hero h1 span{color:var(--yellow)}.lede{max-width:49rem;margin:1.4rem 0 0;color:#d8e0dc;font-size:clamp(1.05rem,1.7vw,1.2rem)}
.breaker-panel{border:2px solid #596760;background:#0b1210;box-shadow:12px 12px 0 var(--copper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.panel-label{padding:.65rem .8rem;background:var(--yellow);color:var(--black);font-size:.72rem;font-weight:950;letter-spacing:.08em}.breaker-panel article{display:grid;grid-template-columns:50px 1fr 22px;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #31413c}.breaker-panel article>span{display:grid;place-items:center;height:38px;background:#26332f;color:var(--yellow);font-weight:950}.breaker-panel article div{display:grid}.breaker-panel article b{font-size:1.55rem;color:#fff;line-height:1}.breaker-panel article small{color:#9badA6;font-size:.68rem}.breaker-panel article i{width:18px;height:34px;border:2px solid #54736a;border-radius:12px;background:linear-gradient(var(--green) 0 45%,#1d2925 45%);box-shadow:0 0 14px #31d19c55}.panel-floor{display:flex;align-items:center;gap:.7rem;padding:.85rem;color:#b9c9c3}.panel-floor b{color:var(--yellow);font-size:1.2rem}.panel-floor span{font-size:.65rem}.phone-stage{margin:0;padding:8px;border-radius:1.7rem;background:#080d0c;box-shadow:var(--shadow);transform:rotate(1deg) translateY(1rem)}.phone-stage img{display:block;border-radius:1.2rem}
.store-block{margin-top:1.6rem}.store-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.store-link{display:inline-flex;background:#000;border-radius:10px}.store-link img{display:block}.store-row>.store-link{width:194px;height:75px;min-width:194px;min-height:75px;flex:0 0 194px;align-items:center;justify-content:center;overflow:hidden}.store-row>.store-link img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.store-row>.store-link img[src*="google-play"]{width:194px;height:75px}/* store-badge-frame-sync: both marketplace controls have the exact same frame */
.circuit-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--yellow);color:var(--black)}.circuit-strip div{position:relative;display:flex;justify-content:center;gap:.65rem;padding:.95rem;border-right:1px solid #11191730;font:900 .76rem ui-monospace,monospace;letter-spacing:.08em}.circuit-strip div:not(:last-child):after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--copper);transform:translateY(-50%)}
.section,.page-intro,.article,.policy,.faq-list,.support-grid,.official-source{margin-inline:clamp(1.2rem,5vw,5rem)}.section{padding-block:clamp(4rem,8vw,7rem)}.decision{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:clamp(2.5rem,8vw,8rem);align-items:center}.decision h2,.section-heading h2,.final-cta h2,.page-intro h1{margin:.2rem 0 1rem;font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;letter-spacing:-.04em;font-weight:950}.decision p{max-width:48rem;color:var(--muted)}.text-link{display:inline-block;margin-top:1rem;border-bottom:3px solid var(--copper);font-weight:900}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:#33423d;box-shadow:12px 12px 0 var(--yellow)}.decision-grid span,.mini-protocol span{display:grid;min-height:110px;place-content:center;padding:1rem;background:var(--black);color:#fff;text-align:center;font:850 .76rem ui-monospace,monospace}.decision-grid b,.mini-protocol b{display:block;color:var(--yellow);font-size:1.5rem}
.app-preview{margin-inline:0;padding-inline:clamp(1.2rem,5vw,5rem);background:#e5ebe7;border-block:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:2rem;align-items:end;margin-bottom:2.4rem}.section-heading>p{color:var(--muted)}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.2rem);max-width:1100px;margin:auto}.screens figure{margin:0;padding:1rem;background:#fff;border:1px solid #9cadA7;box-shadow:10px 10px 0 var(--black)}.screens figure:nth-child(2){transform:translateY(1.4rem)}.screens img{display:block;width:100%;border-radius:1rem}.screens figcaption{padding:.9rem .2rem 0;font-weight:850}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#a7b4af;border:1px solid #a7b4af}.guide-card{min-height:225px;padding:1.5rem;background:#fff;transition:.18s ease}.guide-card:hover{background:#fff9dc;box-shadow:inset 6px 0 var(--copper)}.guide-card span{color:#a64f1c;font:850 .72rem ui-monospace,monospace;letter-spacing:.06em}.guide-card h2,.guide-card h3{margin:.7rem 0;font-size:1.25rem;line-height:1.32}.guide-card p{margin:0;color:var(--muted)}.final-cta{margin:0 clamp(1.2rem,5vw,5rem) clamp(4rem,8vw,7rem);padding:clamp(2rem,5vw,4rem);background:var(--black);color:#fff;box-shadow:14px 14px 0 var(--copper)}.final-cta h2{max-width:900px}
.page-intro{padding:clamp(4rem,8vw,7rem) 0 3rem;border-bottom:7px solid var(--yellow)}.page-intro p{max-width:800px;color:var(--muted);font-size:1.08rem}.all-guides{margin:3rem clamp(1.2rem,5vw,5rem) 5rem}.article{padding-block:3rem 6rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:3.5rem;color:var(--muted);font-size:.84rem}.article header{max-width:1060px}.article header h1{font-size:clamp(2.5rem,5vw,5.2rem)}.article header .lede{color:var(--muted)}.article-meta{color:var(--muted);font-size:.84rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(2rem,7vw,7rem);margin-top:4rem;align-items:start}.article-copy{max-width:820px}.article-copy section{padding:0 0 2.7rem;margin-bottom:2.5rem;border-bottom:1px solid var(--line)}.article-copy .index{display:inline-block;margin-bottom:.7rem;padding:.25rem .55rem;background:var(--black);color:var(--yellow);font:800 .7rem ui-monospace,monospace}.article-copy h2,.policy h2{margin:0 0 .8rem;font-size:1.52rem;line-height:1.35}.article-copy p,.policy p{color:#465952}.article-aside{position:sticky;top:1rem;padding:1.5rem;border:1px solid #869791;background:#fff;box-shadow:8px 8px 0 var(--yellow)}.article-aside>img{border-radius:18px}.article-aside h2{margin:.9rem 0 .4rem}.article-aside p{color:var(--muted)}.mini-protocol{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 2.5rem;background:#42534d}.mini-protocol span{min-height:82px;font-size:.62rem}.official-source{margin-block:3rem;padding:1.5rem;border-left:8px solid var(--yellow);background:#e7ede9}.official-source h2{margin-top:0}.official-source div{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem}.official-source a{font-weight:900;text-decoration:underline;overflow-wrap:anywhere}.related{margin-top:4rem;padding-top:3rem;border-top:2px solid var(--black)}.faq-list{padding-block:3rem}.faq-list details{background:#fff;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:1.3rem;font-size:1.04rem;font-weight:900}.faq-list details p{margin:0;padding:0 1.3rem 1.4rem;color:var(--muted)}
.policy{max-width:850px;padding-block:clamp(4rem,8vw,7rem)}.policy h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.1}.policy h2{margin-top:2.5rem}.primary-button,.contact-email{display:inline-flex;margin-top:1rem;padding:.85rem 1.1rem;background:var(--black);color:#fff;font-weight:900;box-shadow:5px 5px 0 var(--yellow)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-block:3rem 6rem}.support-grid>div{padding:1.5rem;border:1px solid #9cadA7;background:#fff}.support-grid h2{margin-top:0}.support-grid p{color:var(--muted)}.contact{min-height:60vh}.source-note{color:var(--muted);font-size:.82rem}footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;padding:2.5rem clamp(1.2rem,5vw,5rem);border-top:1px solid #33423d;background:var(--black);color:#dce5e1}footer p{max-width:800px;margin:.5rem 0 0}footer .source-note{grid-column:1/-1;color:#9eaea8}
:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1}.phone-stage{width:min(100%,310px);justify-self:center}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;padding-top:.8rem;border-top:1px solid #ffffff22}.hero,.decision,.section-heading,.article-layout{grid-template-columns:1fr}.hero-copy{grid-column:auto}.hero{padding-top:5rem}.circuit-strip{grid-template-columns:repeat(2,1fr)}.screens{grid-template-columns:1fr;max-width:420px}.screens figure:nth-child(2){transform:none}.article-aside{position:static}.support-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:520px){.hero h1{font-size:clamp(2.65rem,14vw,4rem)}.guide-grid{grid-template-columns:1fr}.store-row{flex-direction:column;align-items:flex-start}.store-row>.store-link{max-width:100%}.mini-protocol{grid-template-columns:1fr 1fr}.breaker-panel article b{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}
@media(max-width:520px){.guide-grid.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-grid>.guide-card{min-width:0}}
@media(max-width:760px){.circuit-strip div:nth-child(2n):after{display:none}}