*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:#3e4752;background:linear-gradient(135deg,#e6ecf2,#d8e0e7 48%,#d0dce7);font:14px/1.68 Inter,Arial,sans-serif}body:before{content:"";position:fixed;z-index:-1;inset:auto -18vw 12vh auto;width:45vw;height:45vw;border-radius:50%;background:radial-gradient(circle,rgba(77,166,255,.2),transparent 67%)}a{color:inherit}.topbar{height:62px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;padding:0 26px;background:rgba(226,233,240,.86);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.75)}.brand{font:600 18px Fraunces,Georgia,serif;letter-spacing:-.055em;text-decoration:none;color:#17161a;white-space:nowrap}.brand span{color:#0A84FF}.topnav{display:flex;gap:3px;margin-left:28px}.topnav a{padding:6px 10px;border-radius:8px;text-decoration:none;color:#66717d;font-size:12px;font-weight:600}.topnav a:hover{color:#0A84FF;background:rgba(10,132,255,.09)}.language{margin-left:auto;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(10,132,255,.16);border-radius:9px;background:rgba(255,255,255,.52);font-size:11px;color:#96a0aa}.lang{display:block;border:0;border-radius:6px;background:transparent;padding:5px 8px;font:700 11px Inter;color:#687380;cursor:pointer;text-decoration:none;line-height:1.2}.lang.active{color:#fff;background:#0A84FF;box-shadow:0 2px 6px rgba(10,132,255,.2)}.menu-toggle{display:none;width:34px;height:34px;padding:7px;border:1px solid rgba(10,132,255,.16);border-radius:9px;background:rgba(255,255,255,.5)}.menu-toggle span{display:block;height:2px;margin:3px 0;border-radius:2px;background:#0A84FF}.sidebar-backdrop{display:none}.progress{height:3px;position:fixed;z-index:32;top:62px;inset-inline:0}.progress i{display:block;height:100%;width:0;background:#0A84FF}.shell{display:grid;grid-template-columns:242px minmax(0,1fr);max-width:1320px;margin:62px auto 0}.sidebar{position:sticky;top:65px;height:calc(100vh - 65px);padding:20px 0 28px;overflow:auto;border-right:1px solid rgba(255,255,255,.66);background:rgba(255,255,255,.22);backdrop-filter:blur(14px)}.side-group{margin:0 0 17px}.side-group b{display:block;margin:0 17px 5px;color:#0A84FF;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.side-group a{display:block;padding:4px 17px;border-left:2px solid transparent;text-decoration:none;color:#63707d;font-size:12px}.side-group a:hover,.side-group a.active{color:#0A84FF;border-left-color:#0A84FF;background:rgba(255,255,255,.52)}main{width:min(840px,100%);padding:30px 34px 80px;margin:0 auto}.hero,section{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.68);border-radius:18px;box-shadow:0 1px 2px rgba(42,64,88,.06);backdrop-filter:blur(15px);padding:23px;margin-bottom:14px}.hero{text-align:center;padding:42px 28px}.eyebrow,.section-label{color:#0A84FF;font-size:10px;font-weight:700;letter-spacing:.12em}.hero h1{max-width:650px;margin:10px auto;font:600 clamp(32px,4vw,50px)/1.05 Fraunces,Georgia,serif;letter-spacing:-.055em;color:#17161a}.hero p{max-width:620px;margin:0 auto;color:#62707d}.hero-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-meta span{font-size:11px;color:#3974af;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.76);border-radius:999px;padding:4px 9px}h2{margin:5px 0 8px;color:#202832;font:600 25px/1.15 Fraunces,Georgia,serif;letter-spacing:-.04em}h3{margin:16px 0 3px;color:#25313d;font-size:14px}p{margin:0;max-width:72ch}p+p{margin-top:10px}ol{margin:13px 0;padding-left:20px;max-width:72ch}li{padding-left:4px;margin-bottom:6px}li::marker{color:#0A84FF;font-weight:700}.notice{display:flex;gap:9px;margin-top:15px;padding:10px 12px;border-radius:11px;background:rgba(10,132,255,.075);border:1px solid rgba(10,132,255,.15);font-size:12px}.notice strong{color:#0A84FF}.notice.danger{background:rgba(215,67,67,.07);border-color:rgba(215,67,67,.16)}.notice.danger strong{color:#c94343}code{font:500 .92em "JetBrains Mono",monospace;color:#0872d7}.code{margin-top:15px;border:1px solid rgba(10,132,255,.18);border-radius:12px;overflow:hidden;background:linear-gradient(145deg,rgba(253,254,255,.88),rgba(227,239,251,.7));box-shadow:0 5px 16px rgba(49,79,108,.06)}.code header{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:rgba(10,132,255,.08);border-bottom:1px solid rgba(10,132,255,.12);color:#3979b9;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.copy{border:1px solid rgba(255,255,255,.65);border-radius:7px;background:#0A84FF;color:#fff;padding:4px 8px;font:700 10px Inter;cursor:pointer;box-shadow:0 2px 6px rgba(10,132,255,.18)}.copy.copied{background:#16884d}pre{overflow:auto;margin:0;padding:13px;color:#304354;font:12px/1.6 "JetBrains Mono",monospace}@media(max-width:800px){.code pre{overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.code code{white-space:inherit}html{scroll-padding-top:72px}.topbar{height:58px;padding:0 12px;gap:8px}.menu-toggle{display:block;flex:0 0 auto}.brand{font-size:16px}.topnav{display:none}.language{margin-left:auto}.progress{top:58px}.shell{display:block;margin-top:58px}.sidebar{display:block;position:fixed;z-index:40;top:58px;bottom:0;left:0;width:min(82vw,286px);height:auto;padding:17px 0 32px;transform:translateX(-105%);transition:transform .22s ease;background:rgba(234,240,246,.97);border-right:1px solid rgba(10,132,255,.13);box-shadow:18px 0 45px rgba(52,74,99,.16)}body.menu-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;z-index:35;inset:58px 0 0;background:rgba(66,82,100,.2);backdrop-filter:blur(2px)}body.menu-open .sidebar-backdrop{display:block}main{padding:16px 11px 50px}.hero,section{padding:17px;border-radius:15px;margin-bottom:10px}.hero{padding:29px 16px}.hero h1{font-size:33px}h2{font-size:22px}.side-group a{padding:7px 18px;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* v20 — platform chooser and premium FAQ */
.section-intro{color:#62707d;margin-bottom:18px}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.platform-card{position:relative;min-width:0;padding:16px;border:1px solid rgba(10,132,255,.12);border-radius:15px;background:rgba(255,255,255,.42);box-shadow:0 1px 2px rgba(40,63,87,.05)}.platform-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.platform-index{font:600 24px/1 Fraunces,serif;color:#0A84FF}.platform-badge{font-size:8px;font-weight:700;letter-spacing:.08em;color:#4f789d}.platform-card h3{margin:0 0 6px;font:600 18px/1.15 Fraunces,serif;color:#202a34}.platform-card p{font-size:12px;line-height:1.65;color:#65717d;min-height:59px}.platform-recommended{position:absolute;top:-7px;right:12px;padding:2px 7px;border-radius:999px;background:#0A84FF;color:#fff;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 3px 8px rgba(10,132,255,.2)}.platform-code{margin-top:13px}.platform-code pre{font-size:10.5px;min-height:53px}.platform-note{display:flex;gap:10px;margin-top:12px;padding:11px 13px;border-left:3px solid #0A84FF;border-radius:3px 11px 11px 3px;background:rgba(10,132,255,.07);font-size:12px}.platform-note strong{color:#176ead;white-space:nowrap}.copy svg{width:12px;height:12px;fill:currentColor;vertical-align:-2px;margin-right:3px}.faq-section{padding-bottom:18px}.faq-list{margin-top:18px;border-top:1px solid rgba(10,132,255,.12)}.faq-item{border-bottom:1px solid rgba(10,132,255,.12)}.faq-item summary{display:grid;grid-template-columns:31px 1fr 18px;align-items:center;gap:7px;padding:14px 2px;cursor:pointer;list-style:none;color:#27333f;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-number{font:600 14px Fraunces,serif;color:#0A84FF}.faq-item summary i{position:relative;width:16px;height:16px;border-radius:50%;background:rgba(10,132,255,.09)}.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;left:4px;right:4px;top:7px;height:1.5px;background:#0A84FF}.faq-item summary i:after{transform:rotate(90deg);transition:transform .2s}.faq-item[open] summary i:after{transform:rotate(0)}.faq-answer{padding:0 27px 14px 40px;color:#687480;font-size:12.5px}.faq-item[open] summary{color:#0A70d6}
@media(max-width:800px){.platform-grid{grid-template-columns:1fr}.platform-card p{min-height:0}.platform-note{display:block}.platform-note strong{display:block;margin-bottom:3px}.faq-item summary{grid-template-columns:27px 1fr 18px}.faq-answer{padding-left:34px;padding-right:8px}}

/* v21 — portfolio-matched premium typography, liquid header, and themes */
:root{color-scheme:light;--bg:#d8e0e7;--bg-2:#e6ecf2;--surface:rgba(255,255,255,.42);--surface-strong:rgba(247,251,255,.72);--border:rgba(255,255,255,.68);--ink:#17161a;--ink-2:#27333f;--muted:#66717d;--line:rgba(43,63,84,.11);--accent:#0a84ff;--code:#f5faff;--shadow:rgba(42,64,88,.07)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101010;--bg-2:#171717;--surface:rgba(30,30,30,.68);--surface-strong:rgba(36,36,36,.84);--border:rgba(255,255,255,.12);--ink:#f2f2f2;--ink-2:#d8d8d8;--muted:#999;--line:rgba(255,255,255,.1);--accent:#4da6ff;--code:#111820;--shadow:rgba(0,0,0,.28)}
body{color:var(--muted);background:radial-gradient(circle at 86% -8%,rgba(10,132,255,.18),transparent 31%),linear-gradient(135deg,var(--bg-2),var(--bg) 52%,color-mix(in srgb,var(--bg) 90%,#0a84ff));font-family:Inter,Arial,sans-serif;transition:background .2s ease,color .2s ease}
body:before{background:radial-gradient(circle,rgba(77,166,255,.18),transparent 67%)}
.topbar{height:58px;inset:10px 12px auto;max-width:1040px;margin:auto;padding:7px 8px 7px 17px;border:1px solid var(--border);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 76%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);box-shadow:0 8px 24px var(--shadow),inset 0 1px 0 color-mix(in srgb,var(--border) 90%,transparent)}
.brand{font-family:Newsreader,"Iowan Old Style",Georgia,serif;font-size:18px;font-weight:600;line-height:1;letter-spacing:-.025em;color:var(--ink);font-optical-sizing:auto;font-feature-settings:"kern" 1,"liga" 1}
.topnav a{color:var(--muted);transition:color .16s ease,background .16s ease}.topnav a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.language{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 60%,transparent);color:var(--muted)}
.lang{min-width:31px;padding:5px 8px;border-radius:999px;color:var(--muted);text-align:center;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.lang:hover{color:var(--ink)}.lang.active{color:#fff;background:var(--accent);box-shadow:0 3px 9px color-mix(in srgb,var(--accent) 25%,transparent)}
.theme-toggle{position:relative;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface-strong) 60%,transparent);color:var(--ink);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.theme-toggle:active{transform:scale(.96)}.theme-toggle svg{position:absolute;width:14px;height:14px;transition:opacity .16s ease,transform .18s ease}.theme-toggle .sun{opacity:0;transform:rotate(-22deg) scale(.78)}.theme-toggle .moon{opacity:1;transform:none}:root[data-theme="dark"] .theme-toggle .sun{opacity:1;transform:none}:root[data-theme="dark"] .theme-toggle .moon{opacity:0;transform:rotate(22deg) scale(.78)}
.menu-toggle{border-color:var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface-strong) 60%,transparent)}.menu-toggle span{background:var(--accent)}
.progress{top:68px}.shell{margin-top:78px}.sidebar{top:78px;color:var(--muted);border-color:var(--line)}.side-group b{color:var(--ink-2)}.side-group a:hover,.side-group a.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
main{width:min(860px,100%)}.hero,section{background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero h1,h2,.platform-card h3,.platform-index,.faq-number{font-family:Newsreader,"Iowan Old Style",Georgia,serif;font-optical-sizing:auto}.hero h1{font-weight:600;letter-spacing:-.032em;color:var(--ink)}h2{font-weight:600;letter-spacing:-.028em;color:var(--ink-2)}h3{color:var(--ink-2)}.hero p,.section-intro,.platform-card p{color:var(--muted)}
.hero-meta span,.platform-card{color:var(--muted);background:color-mix(in srgb,var(--surface-strong) 68%,transparent);border-color:var(--border);box-shadow:0 1px 2px var(--shadow)}.faq-item,.faq-list{border-color:var(--line)}.faq-item summary{color:var(--ink-2)}
.notice,.platform-note{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}code{color:var(--accent)}.code{background:linear-gradient(145deg,var(--surface-strong),var(--code));border-color:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 5px 16px var(--shadow)}.code header{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 14%,transparent)}pre{color:var(--ink-2)}
:root[data-theme="dark"] .sidebar{background:transparent}:root[data-theme="dark"] .notice.danger{background:rgba(215,67,67,.1)}
@media(max-width:800px){html{scroll-padding-top:76px}.topbar{height:50px;top:7px;inset-inline:7px;padding:6px 7px 6px 8px;gap:7px}.menu-toggle{width:32px;height:32px;flex:0 0 32px}.brand{font-size:17px}.top-actions{gap:4px}.language{padding:2px}.lang{min-width:29px;padding:5px 6px}.theme-toggle{width:32px;height:32px;flex:0 0 32px}.progress{top:57px}.shell{margin-top:67px}.sidebar{top:57px;background:color-mix(in srgb,var(--bg-2) 96%,transparent);border-color:var(--line)}.sidebar-backdrop{inset:57px 0 0;background:rgba(20,31,43,.26);backdrop-filter:blur(5px)}main{padding-top:20px}.hero{padding:34px 20px}.hero h1{letter-spacing:-.028em}}
@media(max-width:390px){.brand{font-size:16px}.lang{min-width:27px;padding-inline:5px}.topbar{gap:5px}}

/* v22 — right-aligned controls and softer language switch */
.language{position:relative;isolation:isolate;overflow:hidden;gap:0;padding:2px;background:color-mix(in srgb,var(--surface-strong) 42%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--border) 72%,transparent)}
.language:before{content:"";position:absolute;z-index:-1;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background:var(--accent);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateX(0);transition:transform .2s cubic-bezier(.22,1,.36,1)}
.language:has(.lang:nth-child(2).active):before{transform:translateX(100%)}
.lang{position:relative;z-index:1;min-width:33px;padding:6px 8px;color:var(--muted);background:transparent!important;box-shadow:none!important;transition:color .18s ease,transform .16s ease}.lang:hover{color:var(--ink)}.lang:active{transform:scale(.96)}.lang.active{color:#fff}
.menu-toggle{flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.menu-toggle:active{transform:scale(.96)}.menu-toggle span{width:14px;height:1.5px;margin:1.6px 0}
@media(max-width:800px){.top-actions{margin-left:auto}.language{flex:0 0 auto}.lang{min-width:30px;padding:5px 6px}.menu-toggle{display:flex;order:3}.theme-toggle{order:2}.language{order:1}}
@media(max-width:390px){.top-actions{gap:3px}.lang{min-width:28px;padding-inline:5px}}

/* v23 — portfolio-aligned brand, terminal chrome, and clean mobile menu */
.platform-card h3{color:var(--ink);font-weight:600}.platform-card p{color:color-mix(in srgb,var(--ink-2) 76%,var(--muted));}.platform-badge{color:color-mix(in srgb,var(--accent) 60%,var(--ink-2))}
.code header{position:relative;justify-content:flex-start;gap:8px;color:color-mix(in srgb,var(--accent) 70%,var(--ink-2))}.code header:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ff5f57;box-shadow:11px 0 0 #febc2e,22px 0 0 #28c840;margin-right:23px}.code header>span{margin-right:auto}.code header .copy{margin-left:auto}
.menu-toggle{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--border) 88%,var(--accent));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 76%,transparent),color-mix(in srgb,var(--surface) 68%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--border) 88%,transparent),0 3px 10px var(--shadow)}.menu-toggle:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--surface-strong) 78%,transparent)}.menu-toggle span{position:relative;background:var(--ink-2);transform-origin:center;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .14s ease,width .18s ease}body.menu-open .menu-toggle span:nth-child(1){transform:translateY(4.7px) rotate(45deg)}body.menu-open .menu-toggle span:nth-child(2){opacity:0;width:6px}body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-4.7px) rotate(-45deg)}body.menu-open .menu-toggle{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface-strong))}
.sidebar-backdrop,body.menu-open .sidebar-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(39,52,66,.22)}
@media(max-width:800px){.topbar{height:48px;padding:6px 7px 6px 14px}.brand{font-size:17px}.progress{top:55px}.shell{margin-top:65px}.sidebar{top:55px}.sidebar-backdrop{inset:55px 0 0}.menu-toggle span{width:13px;height:1.5px;margin:1.55px 0}}

/* v24 — centered terminal label and refined macOS card */
.code header{min-height:37px;padding:7px 10px}.code header>span{position:absolute;left:50%;margin:0;transform:translateX(-50%);font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:600;letter-spacing:.1em;color:color-mix(in srgb,var(--ink-2) 70%,var(--accent));pointer-events:none}.code header .copy{position:relative;z-index:1;margin-left:auto}.code header:before{position:relative;z-index:1}
.platform-card:nth-child(2){border-color:color-mix(in srgb,var(--accent) 18%,var(--border));background:linear-gradient(150deg,color-mix(in srgb,var(--surface-strong) 76%,transparent),color-mix(in srgb,var(--accent) 5%,var(--surface)));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 7%,transparent),inset 0 1px 0 color-mix(in srgb,var(--border) 86%,transparent)}
.platform-card:nth-child(2) h3{display:flex;align-items:center;gap:8px}.platform-card:nth-child(2) h3:before{content:"";width:17px;height:17px;flex:0 0 17px;background:currentColor;opacity:.88;clip-path:path("M13.6 9.1c0-2 1.6-3 1.7-3.1-.9-1.4-2.4-1.5-2.9-1.5-1.2-.1-2.4.7-3 .7-.6 0-1.5-.7-2.5-.7C5.6 4.5 4.2 5.3 3.5 6.6c-1.5 2.6-.4 6.5 1.1 8.6.7 1 1.6 2.2 2.7 2.1 1.1 0 1.5-.7 2.9-.7 1.3 0 1.7.7 2.9.7 1.2 0 2-1 2.7-2.1.8-1.2 1.2-2.4 1.2-2.5-.1 0-3.4-1.3-3.4-3.6ZM11.6 3.2c.6-.8 1-1.8.9-2.8-.9 0-2 .6-2.7 1.3-.6.7-1.1 1.7-1 2.7 1 .1 2.1-.5 2.8-1.2Z")}.platform-card:nth-child(2) .platform-code{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 8%,transparent)}

/* v26 — dedicated “What is Hermes?” overview */
.hermes-intro{position:relative;overflow:hidden;padding:27px}.hermes-intro:before{content:"";position:absolute;width:230px;height:230px;right:-115px;top:-115px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%);pointer-events:none}.intro-copy{position:relative;max-width:690px}.intro-copy h2{max-width:650px;margin:8px 0 12px;font-size:clamp(27px,4vw,39px);line-height:1.04;letter-spacing:-.035em}.intro-copy h2 span{color:var(--accent)}.intro-copy>p{max-width:690px;color:color-mix(in srgb,var(--ink-2) 74%,var(--muted));font-size:13.5px;line-height:1.7}.intro-copy>p a{color:var(--accent);font-weight:600;text-decoration:none}.intro-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.intro-links a{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 58%,transparent);color:var(--ink-2);font-size:11px;font-weight:650;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.intro-links a:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-strong));transform:translateY(-1px)}.intro-links a span{color:var(--accent)}
.capability-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:23px}.capability-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-strong) 52%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--border) 76%,transparent)}.cap-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.cap-icon svg{width:16px;height:16px}.capability-grid h3{margin:1px 0 3px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.3}.capability-grid p{color:var(--muted);font-size:10.5px;line-height:1.52}
@media(max-width:560px){.hermes-intro{padding:22px 18px}.intro-copy h2{font-size:29px}.intro-copy>p{font-size:12.5px}.capability-grid{grid-template-columns:1fr;gap:7px;margin-top:19px}.capability-grid article{grid-template-columns:32px minmax(0,1fr);padding:11px 12px}.cap-icon{width:30px;height:30px}.capability-grid h3{font-size:11.5px}.capability-grid p{font-size:10px}.intro-links a{min-height:34px;padding:7px 11px}}

/* v27 — exact portfolio canvas colors and precise two-line intro title */
body{background-color:#d8e0e7;background-image:none;color:var(--muted)}body:before{display:none}:root[data-theme="dark"] body{background-color:#101010;background-image:radial-gradient(circle at 85% -10%,rgba(255,255,255,.035),transparent 34%);color:var(--muted)}
.intro-copy h2 span{display:inline-block;max-width:100%;white-space:nowrap;font-size:.88em;letter-spacing:-.038em}
@media(max-width:560px){.intro-copy h2{font-size:29px}.intro-copy h2 span{font-size:.82em;letter-spacing:-.042em}}

/* v30 — clean touch feedback without browser blue tap boxes */
a,button,summary,[role="button"]{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;outline:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}
a:focus,button:focus,summary:focus,[role="button"]:focus{outline:none}
a:focus-visible,button:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 46%,transparent);outline-offset:3px}
.lang,.theme-toggle,.menu-toggle,.copy,.topnav a,.side-group a,.intro-links a,.faq-item summary{transition-property:transform,color,background-color,border-color,box-shadow,opacity;transition-duration:.16s;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:transform}
.lang:active,.theme-toggle:active,.menu-toggle:active,.copy:active,.intro-links a:active{transform:scale(.97)}
.topnav a:active,.side-group a:active,.faq-item summary:active{transform:translateY(1px);opacity:.86}
.copy{outline:0!important}.copy:focus:not(:focus-visible),.lang:focus:not(:focus-visible),.theme-toggle:focus:not(:focus-visible),.menu-toggle:focus:not(:focus-visible){outline:0!important;box-shadow:none}
.language:focus-within{outline:none;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--border) 72%,transparent)}

/* v31 — neutral copy button, blue confirmation */
.copy{border:1px solid color-mix(in srgb,var(--ink-2) 14%,var(--border));background:color-mix(in srgb,var(--surface-strong) 72%,var(--bg));color:var(--ink-2);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--border) 86%,transparent),0 2px 6px var(--shadow)}
.copy:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--surface-strong) 86%,var(--bg));color:var(--ink)}
.copy.copied{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 3px 9px color-mix(in srgb,var(--accent) 24%,transparent)}
:root[data-theme="dark"] .copy{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);color:var(--ink-2)}
:root[data-theme="dark"] .copy:hover{background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.13));color:var(--ink)}
:root[data-theme="dark"] .copy.copied{background:var(--accent);border-color:var(--accent);color:#07111c}

/* v32 — comprehensive guide components */
.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}.check-grid>div,.trouble-grid>div,.tier-grid>div{padding:12px;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 48%,transparent)}.check-grid strong,.trouble-grid strong,.tier-grid b{display:block;margin-bottom:3px;color:var(--ink);font-size:11px}.check-grid span,.trouble-grid span,.tier-grid span{display:block;color:var(--muted);font-size:10.5px;line-height:1.5}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.info-card{min-width:0;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 52%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--border) 76%,transparent)}.info-kicker{margin-bottom:7px;color:var(--accent);font-size:8px;font-weight:750;letter-spacing:.11em}.info-card h3{margin:0 0 5px;font:600 17px/1.15 Newsreader,serif;color:var(--ink)}.info-card p{min-height:48px;color:var(--muted);font-size:11px;line-height:1.55}.info-card .intro-links{margin-top:10px}.mini-link{display:inline-flex;margin-top:10px;color:var(--accent);font-size:10.5px;font-weight:650;text-decoration:none}
.step-list{display:grid;gap:7px;margin-top:17px}.step-list article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 38%,transparent)}.step-list article>b{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:9px}.step-list h3{margin:0 0 2px;color:var(--ink);font-size:11.5px}.step-list p{color:var(--muted);font-size:10.5px;line-height:1.5}.step-list a{color:var(--accent)}
.dual-code{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.dual-code>div{min-width:0}.dual-code h3{margin:0 0 7px;color:var(--ink-2);font-size:11px}.dual-code .code{height:calc(100% - 24px);margin-top:0}.fact-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.fact-strip span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-strong) 44%,transparent);color:var(--muted);font-size:9.5px}.fact-strip b{color:var(--ink-2)}
.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.command-grid div{display:flex;align-items:center;gap:7px;padding:8px 9px;border-bottom:1px solid var(--line)}.command-grid code{min-width:48px}.command-grid span{color:var(--muted);font-size:9.5px}
.table-wrap{margin-top:17px;overflow:auto;border:1px solid var(--line);border-radius:13px}.table-wrap table{width:100%;border-collapse:collapse;font-size:10.5px}.table-wrap th,.table-wrap td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}.table-wrap th{color:var(--ink-2);font-size:9px;text-transform:uppercase;letter-spacing:.07em;background:color-mix(in srgb,var(--surface-strong) 50%,transparent)}.table-wrap td{color:var(--muted)}.table-wrap tr:last-child td{border-bottom:0}.table-wrap a{color:var(--accent);font-weight:650;text-decoration:none}
.setup-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:16px}.setup-flow span{padding:7px 9px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--ink-2);font-size:9.5px;font-weight:600}.setup-flow i{color:var(--accent);font-style:normal}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}.channel-grid span{padding:9px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-strong) 38%,transparent);color:var(--ink-2);font-size:10px;text-align:center}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.resource-grid a{padding:12px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 45%,transparent);text-decoration:none}.resource-grid strong{display:block;color:var(--ink);font-size:11px}.resource-grid span{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}.tier-grid,.trouble-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}
@media(max-width:620px){.check-grid,.info-grid,.dual-code,.resource-grid{grid-template-columns:1fr}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card p{min-height:0}.tier-grid,.trouble-grid{grid-template-columns:1fr}.setup-flow i{display:none}.setup-flow span{flex:1 1 calc(50% - 6px);text-align:center}}