:root{--ink:#10231d;--paper:#f1eddf;--paper2:#e6dfcc;--clay:#ad3e1d;--acid:#d9eb79;--mint:#77d9ad;--line:rgba(16,35,29,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;line-height:1.55;background-image:radial-gradient(circle at 8% 4%,rgba(217,235,121,.55),transparent 25rem),radial-gradient(circle at 91% 30%,rgba(214,90,49,.13),transparent 30rem),linear-gradient(rgba(16,35,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,35,29,.035) 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px}a{color:inherit}.masthead{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:12px clamp(18px,4vw,64px);background:rgba(241,237,223,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:900 .9rem Rockwell,"Courier New",monospace;letter-spacing:.06em}.masthead nav{display:flex;gap:18px;margin-left:auto}.masthead nav a{font:700 .76rem Rockwell,"Courier New",monospace;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.quiet{border:1px solid var(--ink);background:transparent;padding:8px 12px;font:700 .75rem Rockwell,"Courier New",monospace}.hero{min-height:78vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:center;gap:clamp(36px,8vw,120px);padding:clamp(60px,9vw,130px) clamp(20px,8vw,130px)}.kicker{margin:0 0 14px;font:900 .76rem Rockwell,"Courier New",monospace;letter-spacing:.16em;color:var(--clay)}h1,h2,h3{font-family:Rockwell,"Courier New",monospace;line-height:1}h1{font-size:clamp(3.4rem,9vw,8.2rem);letter-spacing:-.07em;margin:0;max-width:9ch}h1 em{color:var(--clay);font-style:normal}.lede{font-size:clamp(1.1rem,2vw,1.4rem);max-width:660px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;background:var(--clay);color:#fff;text-decoration:none;padding:13px 18px;font:900 .82rem Rockwell,"Courier New",monospace;text-transform:uppercase;box-shadow:5px 5px 0 var(--ink)}.button.dark{background:var(--ink)}.text-link{font-weight:700}.signal-card{padding:32px;background:var(--ink);color:var(--paper);box-shadow:18px 18px 0 var(--acid);transform:rotate(1.5deg)}.signal-card span,.signal-card b{display:block}.signal-card span{font:900 .72rem Rockwell,"Courier New",monospace;letter-spacing:.14em;color:var(--acid)}.signal-card b{font-size:1.1rem;margin-top:5px}.signal-card i{display:block;height:42px;border-left:2px dashed var(--mint);margin:10px 0 10px 8px}.signal-card small{display:block;margin-top:24px;color:var(--mint)}.warning{margin:0 clamp(20px,8vw,130px);padding:18px 22px;display:flex;gap:18px;background:var(--acid);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.warning strong{font-family:Rockwell,"Courier New",monospace}.section{padding:clamp(70px,9vw,120px) clamp(20px,8vw,130px)}.section-heading{max-width:850px;margin-bottom:38px}.section h2{font-size:clamp(2.3rem,5vw,5rem);letter-spacing:-.055em;margin:0}.meter{height:8px;background:var(--paper2);margin-top:24px;max-width:470px}.meter span{display:block;height:100%;width:0;background:var(--clay);transition:width .3s}output{display:block;margin-top:8px;font:700 .76rem Rockwell,"Courier New",monospace}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.step{position:relative;padding:25px;border:1px solid var(--line);background:rgba(255,255,255,.34);min-height:220px}.step.done{background:rgba(119,217,173,.22)}.step label{display:flex;align-items:center;gap:12px;cursor:pointer}.step input{position:absolute;opacity:0}.step label span{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);font:900 .9rem Rockwell,"Courier New",monospace}.step.done label span{background:var(--ink);color:var(--acid)}.step strong{font:900 1.05rem Rockwell,"Courier New",monospace}.step pre{overflow:auto;background:var(--ink);color:var(--mint);padding:13px;font-size:.78rem}.copy{border:0;border-bottom:2px solid var(--ink);background:transparent;padding:5px 0;font-weight:700}.port-grid{display:flex;gap:10px;margin-top:18px}.port-grid div{flex:1;padding:12px;background:var(--ink);color:var(--paper)}.port-grid small,.port-grid b{display:block}.port-grid small{font:700 .65rem Rockwell,"Courier New",monospace;color:var(--mint)}.port-grid b{font:900 2rem Rockwell,"Courier New",monospace}.mode-grid,.funding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mode,.funding-grid article{padding:30px;border:2px solid var(--ink);background:var(--paper)}.mode.recommended{background:var(--ink);color:var(--paper);box-shadow:12px 12px 0 var(--acid)}.mode h3,.funding-grid h3{font-size:1.8rem;margin:18px 0 10px}.stamp{font:900 .68rem Rockwell,"Courier New",monospace;letter-spacing:.12em;color:var(--clay)}.mode.recommended .stamp{color:var(--acid)}.faq{border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--line);padding:20px 3px}summary{cursor:pointer;font:900 1.05rem Rockwell,"Courier New",monospace}details p{max-width:850px}.privacy-panel{background:var(--clay);color:#fff}.privacy-panel .kicker{color:var(--acid)}.privacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:rgba(255,255,255,.35);margin:34px 0}.privacy-grid div{background:var(--clay);padding:25px}.privacy-grid strong{font:900 .75rem Rockwell,"Courier New",monospace}.funding-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{display:flex;justify-content:space-between;gap:24px;padding:36px clamp(20px,8vw,130px);background:var(--ink);color:var(--paper)}footer div{display:flex;gap:18px;flex-wrap:wrap}footer a{color:var(--mint)}.policy{max-width:900px;margin:0 auto;padding:clamp(70px,10vw,130px) 22px}.policy h1{font-size:clamp(3.5rem,8vw,7rem);max-width:none}.policy section{padding:26px 0;border-top:1px solid var(--line)}.policy h2{font-size:1.6rem}.reveal{animation:rise .65s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:800px){.masthead nav{display:none}.quiet{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto}.signal-card{transform:none}.steps,.mode-grid,.funding-grid,.privacy-grid{grid-template-columns:1fr}.warning{flex-direction:column}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}

/* Long setup commands must scroll within their card on small screens. */
pre{max-width:100%;overflow:auto} .mode,.step,.funding-grid article{min-width:0;overflow-wrap:anywhere}.port-grid{flex-wrap:wrap}.port-grid div{min-width:70px}.step input:focus-visible+span{outline:3px solid var(--clay);outline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.masthead{flex-wrap:wrap}.brand{min-width:0}.brand img{flex-shrink:0}
/* Keep setup, help and policy navigation available at phone widths. */
.masthead{flex-wrap:wrap}.masthead nav{flex-wrap:wrap;gap:8px 18px}.masthead nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){.masthead{position:relative}.masthead nav{display:flex;flex-basis:100%;margin-left:0}}

/* Both setup languages remain usable with a keyboard and enlarged phone text. */
.languages{display:flex;flex-wrap:wrap;gap:8px}.languages a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font:700 .85rem Rockwell,"Courier New",monospace}.languages [aria-current]{background:var(--ink);color:var(--paper);text-decoration:none}.skip{position:absolute;left:16px;top:-100px;z-index:30;background:var(--ink);color:var(--paper);padding:12px}.skip:focus{top:10px}h1,h2,h3,.brand,.signal-card,.warning{overflow-wrap:anywhere}html[lang=es] h1{font-size:clamp(3rem,7vw,6.5rem);max-width:15ch}.hero>*{min-width:0}.button{max-width:100%;overflow-wrap:anywhere}.step label span{flex-shrink:0}.mode>.button{margin-bottom:16px}.signal-card{max-width:100%}.port-grid div{flex:1 1 8rem;min-width:0}.port-grid b{white-space:nowrap;overflow-wrap:normal}@media(max-width:800px){.signal-card{box-shadow:8px 8px 0 var(--acid)}}
