:root{--royal:#1d4ed8;--orange:#f97316;--light-blue:#eff6ff;--light-blue-border:#dbeafe;--bg:#f9fafb;--text:#333;--white:#fff}body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}header{background:var(--white);padding:1rem 1rem .5rem;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.05)}header img{max-width:160px;height:auto}header h1{margin:.25rem 0 .75rem;color:var(--royal);font-size:1.75rem;font-weight:800;letter-spacing:.3px}nav{background:var(--royal);padding:.55rem;position:sticky;top:0;z-index:1000;display:flex;justify-content:center;gap:1.5rem}nav a{color:var(--white);text-decoration:none;font-weight:700;position:relative;padding:.25rem .1rem .4rem;letter-spacing:.25px}nav a.active::after,nav a:hover::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--orange);transform-origin:left;transition:width .25s ease-in-out}section{padding:3rem 1.25rem;max-width:1000px;margin:0 auto;border-bottom:1px solid #e5e7eb}section:last-of-type{border-bottom:none}section h2{color:var(--royal);font-size:1.75rem;margin:0 0 .75rem;text-align:center}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.meshtastic-logo{display:block;margin:1.5rem auto;max-width:220px;text-align:center}@media (max-width:600px){.meshtastic-logo{max-width:150px;margin:1rem auto}}.card-box{background:var(--light-blue);border:1px solid var(--light-blue-border);border-radius:14px;padding:1.75rem;box-shadow:0 6px 14px rgba(29,78,216,.08);max-width:760px;margin:0 auto 2rem;text-align:center}.steps-card{background:var(--light-blue);border:1px solid var(--light-blue-border);border-radius:14px;padding:1.25rem;box-shadow:0 6px 14px rgba(29,78,216,.08);max-width:760px;margin:.5rem auto 2rem;text-align:left}.steps-title{color:var(--royal);font-weight:800;font-size:1.25rem;margin:0 0 .75rem;text-align:center}.steps-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.step{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.75rem}.badge{width:34px;height:34px;border-radius:999px;background:var(--royal);color:var(--white);font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.1)}.content strong{color:var(--royal)}.store-buttons{margin-top:.5rem}.store-buttons a{display:inline-block;margin-right:.5rem}.store-buttons img{height:40px}ul.icon-list{list-style:none;padding:0;margin:0;text-align:left}ul.icon-list li{margin:.75rem 0}.back-top{display:inline-block;margin-top:1rem;font-weight:700;color:var(--royal);text-decoration:none}.back-top:hover{text-decoration:underline;color:var(--orange)}footer{background:var(--royal);color:var(--white);text-align:center;padding:1rem}