*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--site-bg);transition:background .18s ease,color .18s ease}
body[data-theme="dark"]{--ink:#eef6ff;--muted:#a9bad2;--line:rgba(148,163,184,.28);--site-bg:#07111f;--panel-bg:rgba(15,31,53,.78);--panel-strong:rgba(18,38,64,.92);--soft-bg:rgba(255,255,255,.06);--shadow:0 32px 90px rgba(0,0,0,.34)}
body[data-theme="light"]{--panel-bg:rgba(255,255,255,.74);--panel-strong:#fff;--soft-bg:rgba(255,255,255,.78);--shadow:0 32px 90px rgba(15,23,42,.12)}
.page{width:min(1680px,calc(100vw - 48px));margin:0 auto;padding:26px 0 52px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;min-width:220px;text-decoration:none;color:inherit}
.logo{width:var(--logo-size);height:var(--logo-size);border-radius:var(--logo-radius);display:grid;place-items:center;background:var(--logo-bg);color:var(--logo-text);font-family:var(--font-heading);font-size:var(--logo-header-font-size);font-weight:900;line-height:1;letter-spacing:-.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.brand strong{display:block;font-size:18px;line-height:1.1}.brand span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}.nav-parent{position:relative;display:inline-flex;align-items:center}
.nav-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--nav-accent) 18%,transparent);background:var(--soft-bg);color:var(--nav-accent);font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease,filter .16s ease}
.nav-link:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.12);background:var(--button-accent);color:white;border-color:transparent}.nav-link.is-active{background:var(--nav-accent);color:white;border-color:transparent}.nav-link.is-active:hover{background:var(--button-accent);color:white;border-color:transparent;filter:brightness(1.05)}.nav-caret{font-size:12px;opacity:.82}
.submenu{display:none;position:absolute;left:0;top:100%;min-width:170px;margin-top:7px;padding:6px;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:var(--panel-strong);box-shadow:0 16px 38px rgba(15,23,42,.12);z-index:50}.submenu:before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px}.submenu a{display:block;padding:8px 10px;border-radius:10px;color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}.submenu a:hover{background:var(--button-accent);color:white}.submenu a.is-active-child{background:var(--nav-accent);color:white}.nav-parent:hover .submenu,.nav-parent:focus-within .submenu{display:block}
.theme-toggle{display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--panel-bg);color:var(--ink);border-radius:999px;width:36px;min-width:36px;height:36px;padding:0;font-size:16px;font-weight:900;line-height:1;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.12);background:var(--soft-bg)}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;padding:58px 0 40px}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--button-accent);font-weight:900;font-size:13px}
h1{font-family:var(--font-heading);font-size:clamp(44px,6vw,82px);line-height:.96;margin:14px 0 18px;letter-spacing:-.06em}.hero p{max-width:780px;font-size:20px;line-height:1.65;color:var(--muted);margin:0}
.content{max-width:900px;margin:0 0 36px;padding:26px;border:1px solid var(--line);border-radius:26px;background:var(--panel-bg);box-shadow:var(--shadow)}.content p{font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 14px}.content p:last-child{margin-bottom:0}
.site-footer{margin-top:44px;padding:24px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:16px;color:var(--muted);font-size:14px}.site-footer.has-footer-links{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:24px;row-gap:12px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.footer-brand strong{color:var(--ink);font-size:14px;line-height:1.2}.footer-copy{color:var(--muted)}.footer-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;width:100%;padding-bottom:2px}.site-footer.has-footer-links .footer-links{grid-column:2;grid-row:1 / span 2;align-self:start;max-width:min(620px,62vw);padding-bottom:0}.footer-links a{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--nav-accent) 22%,var(--line));border-radius:999px;background:var(--soft-bg);color:var(--nav-accent);font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.footer-links a:hover{transform:translateY(-1px);background:var(--button-accent);border-color:var(--button-accent);color:white;box-shadow:0 10px 24px rgba(15,23,42,.12)}body[data-theme="dark"] .footer-links a{background:rgba(255,255,255,.05);border-color:rgba(148,163,184,.28);color:#cfe5ff}body[data-theme="dark"] .footer-links a:hover{background:var(--button-accent);border-color:var(--button-accent);color:white}.footer-social-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;width:100%}.footer-social-links a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-weight:900;text-decoration:none;background:var(--panel)}.footer-social-links a:hover{background:var(--button-accent);border-color:var(--button-accent);color:white}
@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start;margin-left:0}.site-footer.has-footer-links{display:flex}.site-footer.has-footer-links .footer-links{max-width:none}.footer-links,.footer-social-links{justify-content:flex-start}.hero{padding-top:38px}}
@media(max-width:620px){.page{width:min(100% - 28px,1680px)}h1{font-size:42px}.brand{min-width:0}.site-nav{gap:8px}.nav-link{min-height:34px;padding:7px 11px}.theme-toggle{width:34px;min-width:34px;height:34px}}