:root{--ink:#171512;--muted:#6b645b;--paper:#f5f0e7;--panel:#fffaf0;--line:#d8c8ad;--accent:#ff3d00;--accent-2:#0e8f68;--dark:#11110f}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(120deg,rgba(255,61,0,.08),transparent 38%),radial-gradient(circle at 78% 8%,rgba(14,143,104,.16),transparent 32%),var(--paper);color:var(--ink);font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 64px}.hero{min-height:420px;display:flex;flex-direction:column;justify-content:center;border-bottom:2px solid var(--ink)}.cardTop,.eyebrow,.inputRow,.modeSwitch,.requirements div,.step{display:flex;align-items:center}.eyebrow{gap:8px;width:-moz-fit-content;width:fit-content;padding:8px 12px;border:1px solid var(--ink);border-radius:999px;text-transform:uppercase;font-size:13px;background:var(--panel)}.eyebrow,h1{letter-spacing:0}h1{max-width:880px;margin:24px 0 12px;font-size:clamp(48px,8vw,112px);line-height:.9}.hero p{max-width:690px;margin:0 0 28px;color:var(--muted);font-size:21px;line-height:1.42}.modeSwitch{width:-moz-fit-content;width:fit-content;gap:4px;margin-bottom:18px;padding:4px;border:2px solid var(--ink);background:var(--panel)}.modeSwitch button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:154px;min-height:42px;border:0;background:transparent;color:var(--ink);font-weight:700}.modeSwitch button.active{background:var(--dark);color:white}.inputRow{gap:12px;max-width:900px;padding:10px;border:2px solid var(--ink);background:var(--panel);box-shadow:8px 8px 0 var(--dark)}.inputRow input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:18px}.inputRow button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:0;background:var(--accent);color:white;font-weight:700}.error{width:-moz-fit-content;width:fit-content;margin-top:16px;padding:10px 12px;background:#ffe0d6;border:1px solid var(--accent);color:#8c1c00}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;padding:24px 0}.step{min-height:118px;align-items:flex-start;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);background:rgba(255,250,240,.72)}.step strong{font-size:18px}.block p,.meta p,.meta span,.requirements span,.source p,.step span{color:var(--muted)}.source{margin:8px 0 24px;padding:24px;background:var(--dark);color:white}.source span{color:#ffb197;text-transform:uppercase;font-size:12px}.source h2{margin:8px 0;font-size:clamp(28px,4vw,52px);line-height:1}.source p{margin:0;color:#d7d0c4}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.shortCard{padding:18px;border:2px solid var(--ink);background:var(--panel)}.cardTop{justify-content:space-between}.cardTop span{text-transform:uppercase;color:var(--accent-2);font-size:13px;font-weight:700}.cardTop button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ink);background:transparent}.shortCard h3{margin:18px 0 8px;font-size:30px;line-height:1}.hook{margin:0 0 16px;font-size:18px;font-weight:700}.block,.meta{padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}.block strong,.meta strong{display:block;margin-bottom:6px}.block p,.meta p{margin:0;line-height:1.5}.meta span{display:block;margin-top:10px;font-size:14px}.requirements{margin-top:24px;padding:22px;border:1px solid var(--line);background:rgba(255,250,240,.66)}.requirements h2{margin:0 0 14px}.requirements div{justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.requirements strong{text-transform:uppercase;color:var(--accent-2)}@media (max-width:860px){.grid,.pipeline{grid-template-columns:1fr}.inputRow{align-items:stretch;flex-direction:column}.modeSwitch{width:100%}.modeSwitch button{min-width:0;flex:1 1}.inputRow button{justify-content:center}.requirements div{align-items:flex-start;flex-direction:column}}