*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f6fa;--ink:#14151c;--sub:#5b5f72;--accent:#3d52e0;--card-bg:#14151c0a;--card-border:#14151c1a;--surface:#fff;--surface-border:#14151c14;--surface-shadow:0 20px 60px #14151c1f}@media (prefers-color-scheme:dark){:root{--bg:#090a0f;--ink:#ecedf2;--sub:#9296a8;--accent:#7c8cff;--card-bg:#ffffff0d;--card-border:#ecedf21f;--surface:#14151c;--surface-border:#ecedf21f;--surface-shadow:0 20px 60px #00000080}}html,body,#root{width:100%;height:100%}.page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.content{z-index:2;text-align:center;opacity:1;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;transition:opacity .3s;display:flex;position:relative}.content--hidden{opacity:0;pointer-events:none}.logo{letter-spacing:-.02em;color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:clamp(3.5rem,11vw,7rem);font-weight:300;line-height:.95;transition:opacity .3s}.logo--hidden{opacity:0}.logo--alt{font-family:Roboto Mono,monospace}.logo-svg{width:auto;height:clamp(2.8rem,9.8vw,7rem);margin-bottom:2.5rem;transition:opacity .3s;overflow:visible}.tagline{color:var(--sub);letter-spacing:.02em;max-width:36ch;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:300;line-height:1.6}.product-link{letter-spacing:.04em;color:var(--ink);background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-family:Roboto Mono,monospace;font-size:.85rem;font-weight:400;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex}.product-link:hover{border-color:var(--accent);transform:translateY(-1px)}.product-icon{opacity:.7;width:16px;height:16px;transition:opacity .2s,transform .2s}.product-link:hover .product-icon{opacity:1;transform:translate(1px,-1px)}.footer-btns{bottom:calc(1.75rem + env(safe-area-inset-bottom));z-index:2;white-space:nowrap;align-items:center;gap:.6rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.footer-btn{letter-spacing:.02em;color:var(--sub);cursor:pointer;text-transform:capitalize;background:0 0;border:none;padding:.75rem .25rem;font-family:Roboto Mono,monospace;font-size:.7rem;font-weight:300;transition:color .2s}.footer-btn:hover{color:var(--ink)}.footer-btns--hidden{opacity:0;pointer-events:none}.footer-sep{color:var(--sub);opacity:.6;-webkit-user-select:none;user-select:none;font-family:Roboto Mono,monospace;font-size:.7rem}@keyframes fadeInModal{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(20px);background:#14151c33;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-glass{background:var(--surface);border:1px solid var(--surface-border);width:100%;max-width:480px;box-shadow:var(--surface-shadow);color:var(--ink);border-radius:20px;padding:2.5rem;animation:.3s cubic-bezier(.22,1,.36,1) both fadeInModal;position:relative}.modal-glass--large{width:70vw;max-width:70vw;max-height:70vh;overflow-y:auto}.modal-close{color:var(--sub);cursor:pointer;background:0 0;border:none;font-family:Roboto Mono,monospace;font-size:1.6rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1.25rem}.modal-close:hover{color:var(--ink)}.modal-title{letter-spacing:.02em;color:var(--sub);margin-bottom:1.5rem;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:300}.modal-body{letter-spacing:.02em;color:var(--sub);flex-direction:column;gap:1rem;font-family:Roboto Mono,monospace;font-size:.9rem;font-weight:300;line-height:1.6;display:flex}.modal-body a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.modal-note{color:var(--sub);opacity:.7;border-top:1px solid var(--surface-border);padding-top:1rem;font-size:.7rem;line-height:1.7}@media (width<=480px){.content{gap:1rem;padding:1.5rem}.modal-glass{border-radius:16px;padding:1.5rem}.modal-glass--large{width:100%;max-width:100%;max-height:80vh}.modal-overlay{align-items:flex-end;padding:1rem}}