:root{
  --bg:#f4f1ea;--ink:#14232f;--muted:#4f5f6b;--line:#d9d3c7;--accent:#3d6e8c;--accent-soft:#e3ebef;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#0f1a22;--ink:#eef1f3;--muted:#a7b4bd;--line:#24343f;--accent:#8fb3c9;--accent-soft:#1a2a35}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6}
a{color:inherit}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}
header{padding:clamp(1.25rem,3vw,2rem) 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mark{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:700;letter-spacing:.14em}
.mark img{width:32px;height:32px;display:block}
.lang{display:flex;gap:.25rem;font-size:.85rem;letter-spacing:.08em}
.lang a{text-decoration:none;padding:.35rem .6rem;border-radius:999px;color:var(--muted);border:1px solid transparent}
.lang a:hover,.lang a:focus-visible{border-color:var(--line);color:var(--ink)}
.lang a[aria-current="page"]{color:var(--ink);border-color:var(--line);background:var(--accent-soft)}
main{flex:1;display:flex;align-items:center;padding:clamp(2rem,8vh,6rem) 0}
.banner{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 2rem;padding:.45rem .9rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);max-width:100%}
.banner::before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}
.wordmark{margin:0;font-size:clamp(4.5rem,18vw,11rem);line-height:.9;font-weight:800;letter-spacing:.06em}
h1{margin:1rem 0 0;font-size:clamp(1.35rem,3.6vw,2.4rem);font-weight:500;letter-spacing:-.01em;line-height:1.25;overflow-wrap:break-word}
.rule{width:64px;height:2px;background:var(--accent);margin:2.25rem 0;border:0}
.lead{margin:0;max-width:38rem;font-size:clamp(1rem,1.6vw,1.15rem);color:var(--muted)}
.lead+.lead{margin-top:1rem}
footer{padding:1.5rem 0 2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.lang a{transition:border-color .15s,color .15s}}
@media (max-width:420px){.banner{font-size:.7rem;letter-spacing:.07em;padding:.4rem .75rem}}