@charset "UTF-8";
:root{color-scheme:dark;--bg:#141614;--text:#f5f6ef;--muted:#a9afa5;--line:#363b33;--accent:#d4ff63;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}
::selection{background:var(--accent);color:var(--bg)}
.page-shell{max-width:1512px;margin:auto;padding:0 clamp(1.5rem,5.3vw,5rem)}
.skip-link{position:absolute;top:-100px;left:1.5rem;padding:1rem;z-index:5;background:var(--accent);color:var(--bg)}
.skip-link:focus{top:1rem}
.header{min-height:119px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:2rem}
.wordmark{display:inline-flex;align-items:center;font-size:2rem;font-weight:700;letter-spacing:-.075rem}
.brand-emblem{width:44px;height:44px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;isolation:isolate;margin-right:0}
.brand-emblem .emblem-grid{background-size:6px 6px}
.brand-star{width:28px;height:28px;fill:var(--accent);transform:rotate(-8deg);--glow-core:2px;--glow-soft:7px;--glow-halo:14px}
.brand-star,.pixel-star{filter:drop-shadow(0 0 var(--glow-core) rgb(212 255 99 / .5)) drop-shadow(0 0 var(--glow-soft) rgb(212 255 99 / .3)) drop-shadow(0 0 var(--glow-halo) rgb(212 255 99 / .18))}
.brand-period{color:var(--accent)}
.header-link{font-size:.94rem;display:flex;align-items:center;gap:1.4rem;padding:12px 0}
.header-link:hover{color:var(--accent)}
.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:2rem;align-items:center;padding:88px 0 90px}
.eyebrow{font-family:"Courier New",monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;line-height:1.7;margin:0 0 25px;color:var(--muted)}
h1{font-size:clamp(3.2rem,5.9vw,5.65rem);letter-spacing:-.065em;line-height:1.035;font-weight:500;margin:0 0 28px}
.play{color:var(--accent)}
.intro{max-width:410px;color:var(--muted);font-size:1.0625rem;line-height:1.7;margin:0 0 31px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:18px 21px;background:var(--accent);color:var(--bg);border-radius:4px;font-weight:700;font-size:.94rem;min-height:54px;transition:background .15s,transform .15s}
.button:hover{background:#e0ff93;transform:translateY(-2px)}
.button:focus-visible{outline-offset:5px}
.button span{font-size:1.25rem}
.hero-emblem{height:360px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.emblem-grid{position:absolute;inset:0;background-image:linear-gradient(#2a3027 1px,transparent 1px),linear-gradient(90deg,#2a3027 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 25%,transparent 70%);z-index:-1}
.pixel-star{width:62%;max-width:280px;fill:var(--accent);transform:rotate(-8deg);--glow-core:6px;--glow-soft:22px;--glow-halo:50px}
.emblem-label{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-family:"Courier New",monospace;font-size:.75rem;letter-spacing:.1em;white-space:nowrap;color:var(--muted)}
.coordinate{position:absolute;top:2px;right:10px;font-family:"Courier New",monospace;color:var(--muted);font-size:.75rem}
.services{display:grid;grid-template-columns:.75fr 1fr 1fr;gap:3.3rem;border-top:1px solid var(--line);padding:37px 0 46px}
.section-label{display:flex;align-items:baseline;gap:2rem}
.section-label h2{font-size:.9rem;line-height:1.6;font-weight:400;margin:0}
.section-label>span{color:var(--accent)}
.service-number{font-family:"Courier New",monospace;color:var(--muted);font-size:.75rem}
.service h3{font-weight:500;letter-spacing:-.025em;font-size:1.75rem;margin:15px 0 12px}
.service p{font-size:1rem;line-height:1.65;max-width:320px;margin:0;color:var(--muted)}
.contact{border-top:1px solid var(--line);padding:43px 0 50px;display:flex;justify-content:space-between;align-items:center;gap:2rem}
.contact .eyebrow{margin-bottom:12px;color:var(--accent)}
.contact h2{font-size:clamp(2rem,3.1vw,3rem);font-weight:500;letter-spacing:-.045em;margin:0;line-height:1.15}
.contact-email{display:inline-flex;gap:1.8rem;align-items:center;font-size:1.35rem;border-bottom:1px solid var(--accent);padding:10px 0;overflow-wrap:anywhere;min-width:0}
.contact-email:hover{color:var(--accent)}
.contact-email span[aria-hidden]{color:var(--accent);flex-shrink:0}
.contact-pending{color:var(--muted);line-height:1.6}
.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:26px 0 30px;color:var(--muted);font-size:.8125rem;line-height:1.6}
.footer a:hover{color:var(--accent)}
@media(min-width:1600px){.hero{padding:110px 0}}
@media(max-width:950px){.hero{gap:1rem;padding:64px 0}.hero-emblem{height:300px}.hero .eyebrow{max-width:280px}.services{grid-template-columns:.55fr 1fr 1fr;gap:2rem}.contact{align-items:flex-start;flex-direction:column;gap:1.4rem}.contact-pending{margin:0}}
@media(max-width:650px){.header{min-height:91px}.wordmark{font-size:1.7rem}.brand-emblem{width:38px;height:38px;margin-right:0}.brand-star{width:24px;height:24px}.header-link{gap:.65rem}.hero{grid-template-columns:1fr;padding:48px 0 39px;gap:22px}.hero .eyebrow{max-width:none;font-size:.75rem;letter-spacing:.055em;margin-bottom:22px}h1{font-size:clamp(3.1rem,10.7vw,4.3rem)}.intro{max-width:360px}.hero-emblem{height:230px;margin-top:10px}.pixel-star{width:158px;--glow-core:4px;--glow-soft:14px;--glow-halo:32px}.coordinate{right:20px;top:10px}.emblem-label{bottom:0}.services{grid-template-columns:1fr;gap:30px;padding:29px 0 37px}.section-label{justify-content:space-between}.service{position:relative;padding-left:42px}.service-number{position:absolute;left:0;top:6px}.service h3{margin:0 0 8px;font-size:1.55rem}.service p{max-width:100%}.contact{padding:34px 0 37px}.contact-email{font-size:1.2rem;max-width:100%}.footer{flex-wrap:wrap;gap:10px 20px;padding:23px 0}.footer span:nth-child(2){display:none}.footer a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);padding:70px 0 80px;align-items:start}
.contact-intro h1{font-size:clamp(3.5rem,6vw,5.5rem)}
.contact-aside{max-width:300px;color:var(--muted);line-height:1.7;font-size:.94rem;margin-top:45px}
.form-panel{min-width:0}.form-panel h2{font-size:1.6rem;font-weight:500;letter-spacing:-.035em;margin:0 0 10px}
.form-instruction{color:var(--muted);font-size:.875rem;margin:0 0 28px}.field{margin-bottom:25px}
.field label{display:block;font-size:.94rem;margin-bottom:10px}.field input,.field textarea{width:100%;border:1px solid #50574a;border-radius:4px;background:#1b1e19;color:var(--text);padding:14px;font:inherit;font-size:1rem;line-height:1.5}.field textarea{resize:vertical;min-height:150px}
.field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.field-help{font-size:.8125rem;color:var(--muted);line-height:1.55;margin:8px 0 0}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-privacy{color:var(--muted);font-size:.8125rem;line-height:1.65;margin:22px 0}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.form-privacy a:hover{color:var(--accent)}
button{font-family:inherit;cursor:pointer;border:0}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button:focus-visible,.retry-button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.form-status{font-size:.94rem;color:var(--accent);line-height:1.6;margin:17px 0 0}.form-status.is-error{color:#ffc3af}.retry-button{display:block;padding:12px 0;color:var(--text);background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}.retry-button[hidden]{display:none}
@media(max-width:750px){.contact-layout{grid-template-columns:1fr;gap:30px;padding:45px 0}.contact-intro h1{font-size:clamp(3rem,12vw,3.75rem)}.contact-intro .intro{margin-bottom:0}.contact-aside{display:none}.form-panel{border-top:1px solid var(--line);padding-top:30px}}