:root{--bg:#0b100d;--panel:#111914;--panel-hi:#151e18;--edge:#243028;--edge-hi:#364238;--ink:#e6dfc4;--body:#c9ccbd;--dim:#9ea393;--faint:#747b70;--copper:#c66c36;--copper-bright:#e28a48;--amber:#f2b93f;--green:#9cc961;--teal:#72bab4;--kofi:#ff5e5b;--focus:#f2c879;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--text:"Source Sans 3 Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:var(--copper-bright);text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}header{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--edge);background:#0b100de6;position:sticky;top:0}.nav{align-items:center;gap:18px;height:60px;display:flex}.brand{white-space:nowrap;color:var(--ink);font:600 19px var(--display);letter-spacing:.06em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand svg{fill:none;width:24px;height:24px;stroke:var(--copper-bright);stroke-width:1.4px}.brand svg circle{fill:var(--copper-bright)}.brand b{color:var(--copper-bright);font-weight:600}.brand small{color:var(--faint);letter-spacing:.08em;font-size:14px}.nav-links{gap:22px;margin-left:auto;display:flex}.nav-links a{color:var(--dim);font-size:15px;font-weight:600;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current]{color:var(--ink)}.btn{cursor:pointer;font:600 16px var(--display);letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:3px;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-play{color:#1c1305;background:linear-gradient(#f6c865 0%,#e9a93b 100%);padding:11px 22px;box-shadow:inset 0 1px #fff6,0 6px 20px #f2b93f40}.nav .btn-play{padding:8px 16px;font-size:15px}.btn-play.lg{padding:15px 34px;font-size:20px}.hero{text-align:center;border-top:none;padding:64px 0 48px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(900px 420px at 50% -10%,#1d2a20 0%,#0000 60%),radial-gradient(520px 300px at 50% 12%,#e28a481a 0%,#0000 70%);position:absolute;inset:0}.eyebrow{color:var(--amber);font:600 14px var(--display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}.hero h1{font:600 clamp(38px, 6vw, 66px)/1.02 var(--display);letter-spacing:.01em;margin:0 0 18px}.hero h1 .accent{color:var(--copper-bright)}.hero .lede{max-width:720px;color:var(--body);margin:0 auto 28px;font-size:clamp(16px,2.2vw,20px)}.cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.cta-hint{color:var(--dim);margin:14px auto 0;font-size:15px}.hero-note{color:var(--teal);margin:8px 0 0;font-size:14px}.shot{border:1px solid var(--edge-hi);border-radius:4px;max-width:980px;margin:40px auto 0;overflow:hidden;box-shadow:0 30px 80px #000000a6,0 0 0 1px #00000080}.shot img{width:100%;height:auto;display:block}.dev-callout{text-align:left;border:1px solid #4a4128;border-left:3px solid var(--amber);background:#17170f;border-radius:3px;max-width:720px;margin:22px auto 0;padding:14px 18px}.dev-callout-tag{color:var(--amber);font:600 13px var(--display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;display:inline-block}.dev-callout p{color:var(--body);margin:0;font-size:15px}section{border-top:1px solid var(--edge);padding:56px 0}section h2{font:600 clamp(28px, 3.6vw, 38px)/1.1 var(--display);letter-spacing:.01em;margin:0 0 8px}section .sub{color:var(--dim);margin:0 0 30px;font-size:17px}.features{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature{border:1px solid var(--edge);background:var(--panel);border-radius:4px;padding:20px}.feature .ic{font-size:24px}.feature h3{color:var(--ink);font:600 21px var(--display);letter-spacing:.02em;margin:10px 0 6px}.feature p{color:var(--dim);margin:0;font-size:15px}.steps{counter-reset:step;grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.step{border:1px solid var(--edge);background:var(--panel);border-radius:4px;padding:18px 18px 18px 62px;position:relative}.step:before{counter-increment:step;content:counter(step);border:1px solid var(--edge-hi);width:32px;height:32px;color:var(--amber);font:600 18px var(--display);background:#1a211b;border-radius:3px;place-items:center;display:grid;position:absolute;top:17px;left:16px}.step h3{font:600 20px var(--display);letter-spacing:.02em;margin:0 0 4px}.step p{color:var(--dim);margin:0;font-size:15px}.faq details{border:1px solid var(--edge);background:var(--panel);border-radius:4px;margin-bottom:10px;padding:0 18px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:16px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--copper-bright);font:600 24px var(--display)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--dim);margin:0 0 16px}.faq details p b{color:var(--ink)}.support-card{border:1px solid var(--edge-hi);background:linear-gradient(#141c16,#0f1511);border-radius:4px;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;padding:32px;display:grid}.support-card h2{margin-top:0}.support-card p{color:var(--body)}.support-cta{text-align:center}.btn-kofi{background:var(--kofi);color:#210606;padding:15px 28px;font-size:18px;box-shadow:0 8px 24px #ff5e5b40}.support-cta .small{color:var(--dim);margin-top:12px;font-size:13px;display:block}.contact-wrap{text-align:center}.contact-wrap .sub{margin-bottom:24px}.contact-form{text-align:left;flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex;position:relative}.cf-row{gap:12px;display:flex}.cf-row>input{flex:1;min-width:0}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{resize:vertical;border:1px solid var(--edge-hi);width:100%;color:var(--ink);font:inherit;background:#0e1410;border-radius:3px;padding:11px 13px;font-size:16px}.cf-label{color:var(--dim);margin-bottom:-6px;font-size:14px}.contact-form select{border:1px solid var(--edge-hi);width:100%;color:var(--ink);font:inherit;background:#0e1410;border-radius:3px;padding:11px 13px;font-size:16px}.contact-form select:focus{border-color:var(--copper-bright);outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6b7367}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--copper-bright);outline:none}.contact-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cf-send{align-self:center;margin-top:4px}.cf-send[disabled]{opacity:.6;cursor:default}.contact-status{text-align:center;min-height:18px;margin:6px 0 0;font-size:15px}.contact-status.ok{color:var(--green)}.contact-status.err{color:#ff7a66}.contact-addr{color:var(--dim);margin-top:18px;font-size:15px}.legal-body{color:var(--dim);font-size:15px}.legal-body h3{color:var(--ink);font:600 19px var(--display);letter-spacing:.02em;margin:22px 0 6px}.legal-body ul{margin:0 0 8px;padding-left:20px}.legal-body b{color:var(--body)}.legal-body .help-lead{color:var(--body);font-size:16px}.legal-body .help-foot{margin-top:18px;font-style:italic}footer{border-top:1px solid var(--edge);color:var(--dim);padding:30px 0 50px;font-size:14px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.foot-links{flex-wrap:wrap;gap:6px 18px;display:flex}.foot-links a{color:var(--dim);text-decoration:none}.foot-links a:hover{color:var(--ink)}.foot-credit{margin-top:20px}.foot-credit a{color:inherit}.foot-credit a:hover,.foot-credit a:focus-visible{color:var(--ink)}@media (max-width:860px){.features,.steps{grid-template-columns:1fr}.support-card{text-align:center;grid-template-columns:1fr;padding:24px}.nav-links,.brand small{display:none}}@media (max-width:560px){.cf-row{flex-direction:column}.wrap{padding:0 16px}.hero{padding-top:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:hover{transition:none;transform:none}}
