:root{color-scheme:light dark;--bg:#f3f7f5;--ink:#152a30;--muted:#4c6268;--accent:#216e60;--line:#c6d7cf;--panel:#e7efe9;--radius:18px}
@media(prefers-color-scheme:dark){:root{--bg:#0d1b21;--ink:#edf4ec;--muted:#b3c7c6;--accent:#90dbc0;--line:#304b4d;--panel:#152b31}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif;line-height:1.7}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(1080px,calc(100% - 48px));margin:auto}header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:750}.brand img{width:40px;height:40px;border-radius:10px}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;padding:56px 0 72px}h1{font-size:clamp(36px,4vw,56px);letter-spacing:-.045em;line-height:1.2;margin:0 0 24px;word-break:keep-all}h2{font-size:28px;letter-spacing:-.035em;line-height:1.35;margin:0 0 20px}h3{font-size:21px;margin:32px 0 12px}p{margin:0 0 20px}.lead{font-size:19px;max-width:30em;color:var(--muted)}.cta{display:inline-block;white-space:nowrap;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;padding:12px 22px;border-radius:var(--radius)}.cta:hover{opacity:.85}.screen{display:block;width:min(100%,300px);height:auto;margin:auto;border-radius:var(--radius);border:1px solid var(--line)}.feature{padding:56px 0;border-top:1px solid var(--line)}.feature p{max-width:55ch;color:var(--muted)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:36px;background:var(--panel);border-radius:var(--radius)}figure{margin:0}figcaption{margin-top:18px;text-align:center;color:var(--muted)}.article{max-width:720px;padding:56px 0 72px}.article h1{font-size:40px}.article p,.article li{color:var(--muted)}.article a{overflow-wrap:anywhere}.date{font-size:14px;color:var(--muted)}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}details p{margin:16px 0 0}footer{padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:14px}.skip{position:absolute;left:16px;top:-80px;background:var(--bg);padding:12px}.skip:focus{top:12px}.lang{padding-top:32px;border-top:1px solid var(--line);margin-top:48px}.tagline{color:var(--accent);font-weight:700;margin-bottom:12px}
@media(max-width:767px){header,main,footer{width:calc(100% - 32px)}header{gap:12px;font-size:14px}nav{gap:14px}.hero{grid-template-columns:1fr;gap:32px;padding:36px 0 48px}.hero .screen{max-width:260px}.gallery{grid-template-columns:1fr;padding:24px;gap:32px}.article{padding-top:36px}.article h1{font-size:32px}.feature{padding:40px 0}}