@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,700;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800&family=Instrument+Serif:ital@0;1&family=Unbounded:wght@700;800;900&display=swap";:root{--color-background:#f5f0e8;--color-surface:#ede7dc;--color-primary:#2b7a6e;--color-accent:#c4553a;--color-dark:#5a4f43;--color-text:#5a4f43;--color-text-secondary:#9b8f82;--color-success:#2b7a6e;--color-vulnerable:#d4a04a;--color-peek:#d4a04a;--color-blank-tile:#e2d9cc;--color-missed-tile-text:#fde8e3;--color-key-fill:#faf7f2;--color-key-border:#0000000f;--color-key-text:#5a4f43;--color-key-wrong:#d4cbc0;--color-empty-pip:#d4cbc0;--color-rainbow-1:#2b7a6e;--color-rainbow-2:#d4a04a;--color-rainbow-3:#7b6ba4;--color-rainbow-4:#c4553a;--color-rainbow-5:#3266ad;--color-rainbow-6:#c4728a;--color-rainbow-7:#5a9e6b;--font-mono:"Barlow", system-ui, sans-serif;--font-serif:"Fraunces", Georgia, serif;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--max-game-width:420px;--key-height:48px;--key-gap:5px;--tile-gap:6px;--pip-size:12px;--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-mono);background:var(--color-background);color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:manipulation}#root{justify-content:center;display:flex}@media (width<=375px){:root{--key-height:42px;--key-gap:4px;--pip-size:10px}}@media (width>=600px){body{background:#e8e1d4}#root{align-items:center}#root>*{background:var(--color-background);border-radius:16px;max-height:820px;overflow:hidden;box-shadow:0 4px 24px #00000014}}.site{--color-background:#fbf8ff;--color-surface:#f1eafd;--color-primary:#7c5cbf;--color-accent:#e8c84a;--color-dark:#3a2860;--color-text:#3a2860;--color-text-secondary:#8b7aa8;--color-peek:#c87aff;--font-mono:"Unbounded", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-sans:"Archivo", system-ui, sans-serif;background:radial-gradient(circle at 18% 12%, #7c5cbf29, transparent 32%), radial-gradient(circle at 92% 24%, #d4a0201f, transparent 28%), linear-gradient(180deg, var(--color-background) 0%, #f3effb 100%);width:100%;min-height:100svh;color:var(--color-text);overflow-x:hidden}.site__nav{z-index:5;justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 18px;display:flex}.site__brand,.site__nav-links,.download-button,.text-link,.eyebrow,.demo__chrome,.demo__key,.demo__pill,.feature-band span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.site__brand{letter-spacing:.02em;align-items:center;gap:4px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.site__brand span{color:#3a2860}.site__brand span+span{color:var(--color-primary)}.site__nav-links{gap:22px;font-size:12px;display:flex}.site__nav-links a,.text-link{color:var(--color-text-secondary);text-decoration:none}.site__nav-links a:focus-visible,.site__nav-links a:hover,.text-link:focus-visible,.text-link:hover{color:var(--color-primary)}.hero{grid-template-columns:minmax(0,.88fr) minmax(320px,420px);align-items:center;gap:clamp(32px,7vw,96px);width:min(1120px,100% - 32px);min-height:min(760px,100svh - 72px);margin:0 auto;padding:clamp(28px,5vw,62px) 0;display:grid}.hero__copy{min-width:0;max-width:620px}.hero__demo{min-width:0}.eyebrow{color:var(--color-text-secondary);margin-bottom:14px;font-size:12px}.hero h1{font-family:var(--font-mono);color:var(--color-primary);text-transform:uppercase;letter-spacing:0;max-width:680px;font-size:clamp(34px,4.6vw,58px);font-weight:900;line-height:1}html,body,#root{height:auto;min-height:100%;overflow:hidden auto}html,body{background:#fbf8ff}#root{display:block;overflow:visible}@media (width>=600px){#root{align-items:initial}#root>*{box-shadow:none;border-radius:0;max-height:none;overflow:visible}}.hero h1 span{display:block}.hero__lede{max-width:560px;color:var(--color-dark);font-family:var(--font-serif);margin-top:18px;font-size:clamp(22px,2.2vw,29px);font-style:italic;line-height:1.35}.hero__actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.download-button{background:var(--color-primary);color:#faf8ff;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-size:12px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 12px 26px #7c5cbf38}.download-button:focus-visible,.download-button:hover{background:#6f4fb5;transform:translateY(-2px);box-shadow:0 16px 32px #7c5cbf47}.hero__demo{scroll-margin-top:88px}.demo{justify-content:center;display:flex}.demo__phone{background:#141020;border:10px solid #080610;border-radius:34px;flex-direction:column;width:min(100%,390px);min-height:590px;display:flex;overflow:hidden;box-shadow:0 28px 64px #14102047}.demo__chrome{color:#8a7aaa;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:22px 18px 12px;font-size:10px;display:grid}.demo__chrome strong{color:#e8c84a;justify-self:end;font-size:12px}.demo__lives{gap:5px;display:flex}.demo__life{border:2px solid #e8c84a;border-radius:4px;width:12px;height:14px}.demo__life--full{background:#e8c84a}.demo__life--warning{background:#e85a5a;border-color:#e85a5a}.demo__life--empty{background:0 0;border-color:#2a2040}.demo__clue{text-align:center;flex:1;align-content:end;gap:8px;min-height:164px;padding:36px 24px 18px;display:grid}.demo__clue span{font-family:var(--font-serif);color:#5a5070;font-variant:small-caps;letter-spacing:.08em;font-size:13px}.demo__clue p{color:#a090c0;max-width:300px;font-family:var(--font-serif);margin:0 auto;font-size:20px;font-style:italic;line-height:1.28}.demo__tiles{justify-content:center;gap:6px;padding:8px 18px 14px;display:flex}.demo-tile{width:clamp(34px,8.6vw,42px);height:clamp(38px,9.6vw,46px);font-family:var(--font-mono);border-radius:9px;place-items:center;font-size:20px;font-weight:700;display:grid}.demo-tile--empty{color:#2a2040;background:0 0;border:2px solid #2a2040}.demo-tile--correct{color:#141020;background:#e8c84a}.demo-tile--hint{color:#141020;background:#c87aff}.demo-tile--celebrate{color:#141020;border-color:#0000}.demo__message{color:#8a7aaa;min-height:38px;font-family:var(--font-serif);text-align:center;padding:0 22px 14px;font-size:16px;font-style:italic}.demo__message span:first-child{color:#e8c84a}.demo__keyboard{background:#0e0a18;gap:5px;padding:10px 8px;display:grid}.demo__row{justify-content:center;gap:5px;display:flex}.demo__key{color:#8a7aaa;cursor:pointer;background:#1e1830;border:1px solid #ffffff05;border-radius:6px;width:100%;min-width:25px;max-width:34px;height:38px;font-size:14px;transition:background .12s,color .12s,transform .12s}.demo__key:hover:not(:disabled),.demo__key:focus-visible:not(:disabled){outline-offset:2px;outline:2px solid #e8c84a52;transform:translateY(-2px)}.demo__key--correct{color:#141020;background:#e8c84a;border-color:#e8c84a}.demo__key--hint{color:#141020;background:#c87aff;border-color:#c87aff}.demo__key--wrong{color:#2a2040;background:#1e1830;border-color:#0000;text-decoration:line-through}.demo__key:disabled{cursor:default}.demo__actions{background:#0e0a18;justify-content:center;gap:10px;padding:10px 12px 18px;display:flex}.demo__pill{color:#a090c0;cursor:pointer;background:#1e1830;border:1px solid #ffffff08;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:11px;display:inline-flex}.demo__pill:focus-visible,.demo__pill:hover{outline-offset:2px;outline:2px solid #e8c84a52}.demo__pill:disabled{cursor:default;opacity:.48}.feature-band{border-top:1px solid #3a28601f;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:min(1120px,100% - 32px);margin:0 auto;padding:72px 0;display:grid}.feature-band article{align-content:start;gap:12px;display:grid}.feature-band span{color:var(--color-primary);font-size:12px}.feature-band article:nth-child(2) span{color:var(--color-peek)}.feature-band article:nth-child(3) span{color:var(--color-accent)}.feature-band h2{color:var(--color-dark);font-family:var(--font-sans);font-size:clamp(24px,3vw,34px);line-height:1}.feature-band p{color:var(--color-text-secondary);font-size:17px;line-height:1.55}@media (width<=860px){.hero{grid-template-columns:1fr;min-height:auto}.hero__copy{text-align:center;max-width:100%;margin:0 auto}.hero__actions{justify-content:center}.feature-band{grid-template-columns:1fr}}@media (width<=520px){.site{overflow-x:hidden}.site__nav,.hero,.feature-band{width:calc(100% - 32px);max-width:calc(100% - 32px)}.site__nav-links{display:none}.hero h1{max-width:318px;margin:0 auto;font-size:28px}.hero__lede{max-width:300px;margin-left:auto;margin-right:auto}.hero__actions{flex-direction:column;gap:14px}.download-button{width:min(100%,270px);max-width:100%;padding:0 16px}.demo{width:100%;overflow:hidden}.demo__phone{border-width:7px;border-radius:26px;width:min(100%,300px);max-width:100%;min-height:570px}.demo__clue{min-height:126px}.demo__tiles{gap:5px;padding-left:12px;padding-right:12px}.demo-tile{width:clamp(30px,8vw,38px);height:clamp(34px,9vw,42px);font-size:18px}.demo__keyboard,.demo__row{gap:4px}.demo__key{min-width:21px;max-width:28px;height:34px;font-size:12px}}