:root{--bg:#f6f4ef;--ink:#0d1220;--mut:#5b6476;--card:#fff;--line:#dcd8cd;--night:#0a0e1a;--cy:#2fb8e6;--vi:#7b6cf0;--warm:#e8a64a;--ok:#2e9e6b;--bad:#d1495b;--sh:0 8px 30px rgba(13,18,32,.08);--f:"Iowan Old Style","Palatino Linotype",Georgia,serif;--s:system-ui,-apple-system,"Segoe UI",sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1220;--ink:#e9ecf5;--mut:#9aa3b8;--card:#141a2b;--line:#252d44}}
:root[data-theme=dark]{--bg:#0d1220;--ink:#e9ecf5;--mut:#9aa3b8;--card:#141a2b;--line:#252d44}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;scroll-padding-top:70px}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--s)}
a{color:inherit}:focus-visible{outline:2px solid var(--cy);outline-offset:3px}
.w{max-width:1040px;margin:0 auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;gap:18px;height:54px}.logo{font:700 20px var(--f);text-decoration:none}.logo i{color:var(--cy);font-style:normal}
nav .l{display:flex;gap:14px;margin-left:auto;font-size:13px;overflow-x:auto;white-space:nowrap}nav .l a{text-decoration:none;color:var(--mut)}
h1{font:700 clamp(32px,5.4vw,58px)/1.06 var(--f);margin:10px 0 12px;letter-spacing:-1px}
h2{font:700 clamp(24px,3.2vw,36px)/1.15 var(--f);margin:0 0 8px;letter-spacing:-.4px}h3{font:600 18px var(--f);margin:0 0 6px}
section{padding:56px 0}.alt{background:color-mix(in srgb,var(--ink) 4%,var(--bg))}.sub{color:var(--mut);max-width:66ch;margin:0 0 22px}
.dark{background:var(--night);color:#e9ecf5}.dark .sub{color:#aab3c8}
.ey{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cy)}
.badge{display:inline-block;border:1px solid var(--warm);color:var(--warm);border-radius:999px;padding:4px 12px;font-size:12px;letter-spacing:.08em;margin-bottom:8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--sh)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lab{font-size:10.5px;font-weight:700;letter-spacing:.1em;padding:2px 8px;border-radius:5px;color:#04121a;display:inline-block;vertical-align:middle}
.FACT{background:var(--cy)}.INT{background:var(--warm)}.AI{background:var(--vi);color:#fff}.INF{background:var(--bad);color:#fff}.USER{background:var(--ok);color:#fff}
button,input,textarea{font:inherit;color:inherit}
.pill{padding:9px 16px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:.2s}
.pill:hover{border-color:var(--cy)}.pill[aria-pressed=true],.pill[aria-selected=true],.pill[aria-expanded=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.row{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--cy);color:#04121a;font-weight:600;text-decoration:none;border:0;cursor:pointer;min-height:44px}
.hero .w{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.hero{padding:44px 0}
.media{display:flex;gap:12px;align-items:flex-start}
.media .cv{flex:1.1;aspect-ratio:1;border-radius:12px;overflow:hidden}.media .vd{flex:.8;position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000}
img,video{display:block;width:100%;height:100%;object-fit:cover}
.vd button{position:absolute;right:8px;bottom:8px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(10,14,26,.75);color:#fff;cursor:pointer}
.fig{border-radius:12px;overflow:hidden;background:#222}.cap{font-size:12px;color:var(--mut);margin-top:6px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.panel{margin-top:14px;min-height:60px}
.bar{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;width:100%;background:none;border:0;padding:8px 0;text-align:left;cursor:pointer;border-radius:8px}
.bar:hover,.bar[aria-expanded=true]{background:color-mix(in srgb,var(--cy) 10%,transparent)}
.seg{display:flex;gap:4px}.seg i{height:16px;flex:1;border-radius:4px;background:var(--line)}.seg i.on{background:var(--cy)}
.ms{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:10px;letter-spacing:.05em;text-align:center}.ms i{height:8px;border-radius:4px;background:var(--line);display:block}
.tl{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}
.tl button{min-height:64px;font:700 20px var(--f)}
input[type=range]{width:100%;height:44px;accent-color:var(--cy)}
.axis{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:var(--mut)}
textarea{width:100%;min-height:90px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600;min-height:32px}details p{margin:8px 0 0;color:var(--mut)}
footer{background:var(--night);color:#9aa3b8;padding:36px 0;font-size:14px}footer a{text-decoration:none;margin-right:14px}
.rv{opacity:0;transform:translateY(14px);transition:.5s}.rv.in{opacity:1;transform:none}
@media(max-width:800px){.hero .w,.two{grid-template-columns:1fr}.bar{grid-template-columns:110px 1fr 36px}.tl{grid-template-columns:1fr}
table,thead,tbody,tr,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--line);padding:8px 0}td{border:0;padding:3px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}