:root{--navy:#0a1f44;--navy2:#0d2a5c;--deep:#061430;--blue:#1e5bd8;--blue2:#0d3a8c;--sky:#4f86f0;--ink:#13213d;--muted:#5b6880;--line:#d9e1ec;--mist:#f3f6fa;--silver:#c9d2de;
--serif:"Cinzel",Georgia,serif;--serif2:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--mist);line-height:1.5;font-size:16px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top{background:radial-gradient(ellipse at 12% 0%,#1a3f86 0%,transparent 55%),linear-gradient(180deg,var(--navy) 0%,var(--deep) 100%);color:#fff;padding:26px 0 22px;position:relative}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--blue2),var(--sky),#e9eef5,var(--sky),var(--blue2))}
.hd{display:flex;align-items:center;gap:16px}
.mono{width:56px;height:56px;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 10px 24px -10px rgba(0,0,0,.6)}
h1{font-family:var(--serif);font-weight:700;letter-spacing:.08em;margin:0;font-size:clamp(1.6rem,4.5vw,2.2rem);background:linear-gradient(135deg,#fff 0%,#c9d2de 40%,#f4f7fb 60%,#9aa7b8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.who{margin:2px 0 0;font-family:var(--serif2);font-size:1.12rem;color:#c9d2de;letter-spacing:.02em}
.sr{margin-top:18px}
#q{width:100%;max-width:480px;height:46px;border-radius:999px;border:1px solid rgba(201,210,222,.35);background:rgba(255,255,255,.08);color:#fff;padding:0 20px;font:inherit;font-size:1rem}
#q::placeholder{color:#aab6c9}
#q:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px rgba(79,134,240,.45);background:rgba(255,255,255,.12)}
main{padding-top:10px;padding-bottom:20px}
.grp{margin:26px 0 8px}
.gh{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:8px}
h2{font-family:var(--serif);color:var(--navy);font-weight:600;font-size:1.18rem;letter-spacing:.06em;margin:0;display:flex;align-items:center;gap:10px}
.n{font-family:var(--sans);font-size:.72rem;font-weight:600;color:#fff;background:linear-gradient(160deg,var(--blue),var(--blue2));border-radius:7px;padding:3px 7px;letter-spacing:.04em}
.gh p{margin:0;color:var(--muted);font-family:var(--serif2);font-style:italic;font-size:1.06rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tile{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);position:relative;box-shadow:0 1px 2px rgba(10,31,68,.04),0 10px 24px -20px rgba(10,31,68,.45);transition:transform .12s,box-shadow .12s,border-color .12s}
a.tile:hover{transform:translateY(-2px);border-color:#a9bde3;box-shadow:0 14px 28px -18px rgba(13,58,140,.55)}
a.tile:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.badge{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:.92rem;letter-spacing:.04em;color:#fff;background:linear-gradient(160deg,#2f6cf0 0%,var(--blue) 45%,var(--blue2) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
#talk .badge{background:linear-gradient(160deg,var(--navy2),var(--deep));color:#dfe6f0}
#sheets .badge,#money .badge{background:linear-gradient(160deg,#eef2f7,#c9d2de);color:var(--navy)}
.txt{min-width:0;flex:1}
.txt strong{display:block;font-weight:600;font-size:1rem;color:var(--navy);line-height:1.25}
.txt small{display:block;color:var(--muted);font-size:.86rem;margin-top:2px;line-height:1.3}
.go{color:#9aa7b8;font-size:1.05rem}
a.tile:hover .go{color:var(--blue)}
.soon{background:#f8fafc;border-style:dashed;color:var(--muted)}
.soon .badge{opacity:.55}
.pill{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--blue2);background:#e6edfb;border-radius:999px;padding:3px 9px}
.none{color:var(--muted);text-align:center;padding:20px}
.hide{display:none!important}
.install details{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.install summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;min-height:60px}
.install summary::-webkit-details-marker{display:none}
.install summary:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}
.chev{color:var(--blue);transition:transform .15s}
details[open] .chev{transform:rotate(180deg)}
.guide{padding:0 22px 18px;border-top:1px solid var(--line)}
.guide h3{font-family:var(--serif);color:var(--blue2);font-size:.98rem;letter-spacing:.05em;margin:18px 0 6px}
.guide ol{margin:0;padding-left:1.3em}
.guide li{margin:5px 0}
.fine{color:var(--muted);font-size:.88rem;margin:16px 0 0}
.foot{color:#8693a8;font-size:.82rem;padding-top:14px;padding-bottom:30px;text-align:center}
.foot span{font-family:var(--serif);letter-spacing:.1em}
@media (max-width:560px){.wrap{padding:0 16px}.tiles{grid-template-columns:1fr}.tile{min-height:70px}.hd{gap:12px}.mono{width:48px;height:48px}}
@media (display-mode:standalone){.top{padding-top:18px}}