:root{color-scheme:light;--bg:#f4f8fc;--surface:#fff;--surface-soft:#edf4fa;--line:#dce7f0;--text:#142a3f;--muted:#597187;--blue:#147fc0;--cyan:#19a8d3;--green:#13866d;--warning-bg:#fff8e8;--warning-line:#f0d89f;--shadow:0 18px 48px rgba(22,50,75,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);line-height:1.6}.topbar{max-width:1200px;min-height:86px;margin:auto;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center}.brand img{width:min(320px,42vw);height:auto;display:block}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a{color:var(--muted);font-size:.9rem;font-weight:650;text-decoration:none}.topbar nav a:hover,.notice a{color:var(--blue)}.topbar nav .source-link{padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}main{max-width:1200px;margin:auto;padding:48px 28px 64px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:40px;padding:18px 0 36px}.hero-copy{padding:10px 0}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.14em;margin:0 0 15px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #13866d18}h1{font-size:clamp(2.7rem,6.5vw,5rem);line-height:1.04;letter-spacing:-.06em;margin:0 0 22px;font-weight:760}h1 span{color:var(--blue)}.lead{max-width:590px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.2rem);margin:0}.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-pills span,.chip{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.75rem;font-weight:700}.install-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.card-heading .eyebrow{margin-bottom:5px}.card-heading h2,.section-heading h2{font-size:1.45rem;line-height:1.25;letter-spacing:-.025em;margin:0}.chip{white-space:nowrap;color:var(--blue);background:#edf7fd;border-color:#d0e9f8}.card-copy{color:var(--muted);font-size:.92rem;margin:12px 0 14px}.install-state{min-height:28px;color:#8a6413;font-size:.87rem;margin:0 0 12px}.install-state.ready{color:var(--green)}.install-state.error{color:#ba3e37}esp-web-install-button{display:block}.install-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:0 22px;border:0;border-radius:11px;background:var(--blue);color:white;font:inherit;font-size:1rem;font-weight:750;line-height:1;cursor:pointer;box-shadow:0 8px 20px #147fc022;transition:background .15s,transform .15s}.install-button:hover:not(:disabled){background:#0e6da9;transform:translateY(-1px)}.install-button:focus-visible{outline:3px solid #55b6e9;outline-offset:3px}.install-button:disabled{background:#9db0bf;box-shadow:none;cursor:not-allowed}.usb-icon{font-size:1.25rem}.install-note{font-size:.78rem;color:var(--muted);margin:10px 0 15px}.erase-note{padding:13px 14px;border:1px solid var(--warning-line);border-radius:11px;background:var(--warning-bg);color:#665021;font-size:.8rem;line-height:1.5}.erase-note strong{color:#684b0d}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 58px}.steps article{display:flex;gap:13px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.step-num{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#e9f5fc;color:var(--blue);font-size:.72rem;font-weight:800}.steps h3,.feature-card h3{font-size:.97rem;margin:1px 0 5px}.steps p,.feature-card p,.section-heading>p,.notice p,.notice li{margin:0;color:var(--muted);font-size:.86rem}.features{padding:20px 0 52px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:8px}.section-heading>p{max-width:400px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card,.notice{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.feature-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:13px;border-radius:11px;background:#e9f5fc;color:var(--blue);font-size:1.18rem;font-weight:800}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice h2{font-size:1rem;margin:0 0 11px}.notice ul{margin:0;padding-left:19px}.notice li+li{margin-top:5px}.notice-small{margin-top:10px!important}.notice a{text-decoration:none;font-weight:650}kbd,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}kbd{padding:1px 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft);color:var(--text);font-size:.78rem}code{padding:2px 5px;border-radius:5px;background:var(--surface-soft);color:var(--text)}.pending{margin:22px 2px 0;color:var(--muted);font-size:.76rem}footer{max-width:1200px;margin:auto;padding:19px 28px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.76rem}@media(max-width:820px){main{padding-top:30px}.hero{grid-template-columns:1fr;gap:25px}.hero-copy{padding-bottom:0}.install-card{max-width:620px}.section-heading{align-items:start;flex-direction:column;gap:8px}.steps{grid-template-columns:1fr;margin-bottom:42px}}@media(max-width:600px){.topbar{min-height:72px;padding:10px 17px}.brand img{width:min(250px,54vw)}.topbar nav{gap:12px}.topbar nav a{font-size:.78rem}.topbar nav a:first-child{display:none}.topbar nav .source-link{padding:7px 9px}main{padding:24px 16px 42px}.hero{padding-top:5px}.hero h1{font-size:clamp(2.65rem,13vw,4rem)}.install-card{padding:20px 17px;border-radius:16px}.card-heading h2{font-size:1.25rem}.chip{font-size:.67rem;padding:5px 8px}.feature-grid,.notice-grid{grid-template-columns:1fr}.features{padding-bottom:38px}.feature-card,.notice{padding:17px}.steps article{padding:15px}footer{padding:16px;flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}