@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #080b0f;--surface: #10151b;--surface-2: #161d25;--surface-3: #1d2630;--line: #27323d;--text: #edf3f6;--muted: #81909d;--accent: #68e0d4;--accent-strong: #28c8b9;--warm: #ffb454;--danger: #ff746c;--text-soft: color-mix(in srgb, var(--text), var(--muted) 45%);--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--spring: cubic-bezier(.16, 1, .3, 1);font-family:DM Sans,system-ui,sans-serif;background:var(--bg)}:root[data-resolved-theme=light]{color-scheme:light;--bg: #e9eff1;--surface: #f7fafb;--surface-2: #ffffff;--surface-3: #dce5e8;--line: #bbc9ce;--text: #152126;--muted: #65777f;--accent: #168f86;--accent-strong: #087e75;--warm: #9b6419;--danger: #b43f39}*{box-sizing:border-box}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}.icon{width:17px;height:17px;flex:0 0 auto;display:block;overflow:visible}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.icon-button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);cursor:pointer;transition:border-color .18s var(--spring),color .18s var(--spring),background .18s var(--spring),transform .18s var(--spring)}.icon-button:hover,.icon-button[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent),var(--line) 40%);background:color-mix(in srgb,var(--surface-2),var(--accent) 7%);color:var(--accent)}.shell{position:relative;width:100%;height:100%;background:var(--bg);color:var(--text)}.brand{display:flex;align-items:center;gap:11px;padding:0;border:0;background:none;color:inherit;text-decoration:none;cursor:pointer}.brand-mark{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid #37756f;border-radius:var(--radius-md);color:#07110f;background:var(--accent)}.brand-mark i{position:absolute;top:-3px;width:9px;height:9px;border:3px solid var(--accent);border-radius:50%;background:var(--bg)}.brand-mark i:first-child{left:4px}.brand-mark i:nth-child(2){right:4px}.brand-mark b{font:800 12px/1 IBM Plex Mono;letter-spacing:-1px}.brand-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.brand-copy strong{font-size:13px;letter-spacing:.13em}.brand-copy small{margin-top:5px;color:var(--accent);font:600 10px/1 IBM Plex Mono;letter-spacing:.14em}.brand-copy em{margin-left:5px;padding:2px 4px;border:1px solid color-mix(in srgb,var(--accent),var(--line) 60%);border-radius:var(--radius-xs);color:var(--muted);font-style:normal;font-size:10px}.atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,rgba(33,69,70,.12),transparent 33%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28))}.atmosphere:before{content:"";position:absolute;inset:-8%;opacity:.18;background:radial-gradient(ellipse at 18% 16%,rgba(56,112,111,.13),transparent 24%),radial-gradient(ellipse at 82% 29%,rgba(38,82,91,.1),transparent 21%);filter:blur(24px)}@keyframes settings-open{0%{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--muted),transparent 45%);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--accent),var(--muted) 35%)}::-webkit-scrollbar-thumb:active{background-color:var(--accent)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted),transparent 45%) transparent}}.account-menu{position:relative;flex:0 0 auto}.account-button{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--accent);font:700 11px/1 IBM Plex Mono;letter-spacing:.04em;cursor:pointer;transition:border-color .18s var(--spring),transform .18s var(--spring)}.account-button:hover,.account-button[aria-expanded=true]{border-color:var(--accent)}.account-button:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 75%)}.account-button img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.account-popover{position:absolute;z-index:95;top:calc(100% + 8px);right:0;width:260px;animation:settings-open .2s var(--spring) both;display:flex;flex-direction:column;padding:6px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface),transparent 2%);box-shadow:0 18px 44px #00000080}.account-popover button{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.account-popover button:hover,.account-popover button:focus-visible{background:color-mix(in srgb,var(--surface-2),var(--accent) 9%);outline:none}.account-popover button .icon{width:17px;height:17px;color:var(--accent)}.account-popover button span{flex:1}.account-popover header{min-width:0;display:flex;flex-direction:column;gap:4px;margin-bottom:4px;padding:8px 10px 11px;border-bottom:1px solid var(--line)}.account-popover header strong,.account-popover header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover header strong{font-size:13px}.account-popover header small{color:var(--muted);font:11px IBM Plex Mono}.auth-screen{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.auth-screen .atmosphere{position:fixed;overflow:hidden}.auth-brand{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:11px;height:64px;padding:0 18px}.auth-layout{position:relative;flex:1 0 auto;display:grid;grid-template-columns:minmax(0,400px) minmax(0,400px);align-items:center;justify-content:center;gap:clamp(40px,8vw,112px);padding:24px 24px 72px}.auth-layout-pending{display:flex;align-items:center;justify-content:center}.auth-intro small{color:var(--accent);font:700 10px IBM Plex Mono;letter-spacing:.14em}.auth-intro h1{margin:12px 0 0;font-size:clamp(28px,3.3vw,40px);font-weight:600;line-height:1.08;letter-spacing:-.02em}.auth-intro p{max-width:40ch;margin:14px 0 0;color:var(--text-soft);font-size:15px;line-height:1.55}.auth-intro .auth-note{display:flex;align-items:flex-start;gap:10px;margin-top:26px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warm),var(--line) 62%);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface),var(--warm) 5%);color:var(--text);font-size:13px;line-height:1.5}.auth-note .icon,.auth-failure .icon{width:16px;height:16px;margin-top:1px}.auth-note .icon{color:var(--warm)}.auth-form{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.auth-pending{width:min(400px,100%);height:440px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface),transparent 35%)}.auth-failure{max-width:400px;display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger),var(--line) 50%);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface),var(--danger) 6%);font-size:13px;line-height:1.5}.auth-failure .icon{color:var(--danger)}.cl-cardBox{border:1px solid var(--line);box-shadow:0 24px 64px #00000073}.cl-formFieldLabel{color:var(--muted);font:600 10px IBM Plex Mono;letter-spacing:.1em;text-transform:uppercase}.cl-formButtonPrimary{box-shadow:none;font-weight:600}.cl-footer{background:transparent}@media(max-width:860px){.auth-layout{grid-template-columns:minmax(0,420px);align-content:start;gap:28px;padding-top:8px}.auth-intro .auth-note{margin-top:18px}.auth-form{min-height:0}}html{background:var(--bg)}body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text)}a{color:inherit}code{padding:1px 5px;border:1px solid var(--line);border-radius:var(--radius-xs);color:var(--text-soft);font:500 .88em IBM Plex Mono,ui-monospace,monospace}body>.atmosphere{position:fixed;overflow:hidden}main,.site-bar,.site-foot{position:relative;width:min(1160px,100% - 48px);margin:0 auto}.site-bar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-bar .brand{text-decoration:none}.site-bar nav,.site-foot nav{display:flex;gap:6px}.site-bar nav a,.site-foot nav a{padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-soft);font:500 12px IBM Plex Mono;letter-spacing:.04em;text-decoration:none;transition:color .18s var(--spring),background .18s var(--spring)}.site-bar nav a:hover,.site-foot nav a:hover{background:var(--surface-2);color:var(--text)}.eyebrow{margin:0;color:var(--accent);font:600 11px IBM Plex Mono;letter-spacing:.16em;text-transform:uppercase}.button{height:44px;padding:0 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .18s var(--spring),background .18s var(--spring),transform .18s var(--spring)}.button:hover{border-color:color-mix(in srgb,var(--accent),var(--line) 40%)}.button.primary{border-color:transparent;background:var(--accent);color:#071412}.button.primary:hover{background:color-mix(in srgb,var(--accent),white 14%)}.button:focus-visible,.site-bar a:focus-visible,.site-foot a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button span{transition:transform .18s var(--spring)}.button:hover span{transform:translate(3px)}.hero{max-width:1040px;margin:0 auto;padding:clamp(56px,12vh,120px) 0 clamp(64px,12vh,112px);text-align:center}.hero h1{margin:18px 0 0;font-size:clamp(36px,5.6vw,66px);font-weight:600;line-height:1;letter-spacing:-.035em}.lede{max-width:56ch;margin:22px auto 0;color:var(--text-soft);font-size:clamp(16px,1.6vw,19px);line-height:1.55}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}.hero-note{margin:18px 0 0;color:var(--muted);font:12px IBM Plex Mono}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ticker{position:relative;display:inline-block;clip-path:inset(-.5em -.6em -.5em -.5em);transition:width .5s var(--spring)}.ticker>span{display:none;margin-bottom:-.25em;padding:0 .06em .25em 0;white-space:nowrap}.ticker>span.is-active{display:inline-block}.ticker.is-ticking>span{position:absolute;bottom:0;left:0;display:inline-block;opacity:0;transform:translateY(170%);transition:transform .55s var(--spring),opacity .4s ease}.ticker.is-ticking>span.is-active{position:relative;opacity:1;transform:none}.ticker.is-ticking>span.is-leaving{opacity:0;transform:translateY(-170%)}.site-youtube{color:#ff3b3b}.site-x{color:#fff;text-shadow:0 0 24px rgba(255,255,255,.25)}.site-tiktok{color:#25f4ee;text-shadow:3px 2px 0 #fe2c55}.site-instagram{background:linear-gradient(90deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 82%,#4f5bd5);-webkit-background-clip:text;background-clip:text;color:transparent}.site-vimeo{color:#1ab7ea}.site-discord{color:#7983f5}@media(prefers-reduced-motion:reduce){.ticker,.ticker.is-ticking>span{transition:none}}.tool{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px);padding:clamp(48px,8vw,96px) 0;border-top:1px solid color-mix(in srgb,var(--line),transparent 40%)}.tool.reverse .tool-visual{order:2}.tool-copy h2{margin:14px 0 0;font-size:clamp(28px,3.4vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.02em}.tool-copy>p:not(.eyebrow){margin:16px 0 0;color:var(--text-soft);font-size:16px;line-height:1.6}.features{display:grid;gap:14px;margin:28px 0 32px;padding:0;list-style:none}.features li{position:relative;padding-left:22px;color:var(--text-soft);font-size:14px;line-height:1.6}.features li:before{content:"";position:absolute;top:.55em;left:2px;width:7px;height:7px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.features strong{color:var(--text);font-weight:600}.mock{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface),transparent 10%);box-shadow:0 30px 80px #00000073}.mock-timeline{aspect-ratio:16 / 11;background:linear-gradient(90deg,color-mix(in srgb,var(--line),transparent 70%) 1px,transparent 1px) 0 0 / 12.5% 100%,radial-gradient(ellipse at 50% 30%,rgba(33,69,70,.25),transparent 60%),var(--bg)}.mock-legend{position:absolute;z-index:5;top:14px;left:14px;display:grid;gap:6px;padding:9px 11px;border:1px solid rgba(75,91,103,.38);border-radius:var(--radius-md);background:#0a0e1299}.mock-legend span{display:flex;align-items:center;gap:7px;color:var(--text-soft);font:500 10px IBM Plex Mono}.mock-legend span:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--lane)}.mock-card{position:absolute;z-index:2;left:var(--x);bottom:var(--b);width:23%;padding:6px 6px 7px;border:1px solid color-mix(in srgb,var(--line),var(--text) 10%);border-top:2px solid var(--lane);border-radius:var(--radius-xs);background:var(--surface-2);box-shadow:0 12px 24px #00000059;transform:translate(-50%)}.mock-card.small{width:17%}.mock-card p{margin:6px 0 0;overflow:hidden;font-size:clamp(8px,1vw,11px);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.mock-card small{display:block;margin-top:3px;color:var(--muted);font:500 clamp(7px,.8vw,9px) "IBM Plex Mono";letter-spacing:.06em}.mock-stem{position:absolute;z-index:1;bottom:15%;left:var(--x);width:1px;height:calc(var(--b) - 15%);background:linear-gradient(var(--lane),rgba(104,224,212,.15))}.mock-stem:after{content:"";position:absolute;bottom:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--lane)}.mock-card.stacked:before{content:"";position:absolute;z-index:-1;inset:0;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--surface-3);transform:rotate(3deg) translate(7px,4px)}.mock-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:2px;background:var(--surface-3)}.mock-thumb.video{background:linear-gradient(135deg,#3a2a1b,#1b2530)}.mock-thumb.video b{position:absolute;top:50%;left:50%;width:22%;height:30%;border-radius:4px;background:#f03;transform:translate(-50%,-50%)}.mock-thumb.video b:after{content:"";position:absolute;top:50%;left:54%;border:5px solid transparent;border-left:7px solid #fff;transform:translate(-50%,-50%)}.mock-thumb.post,.mock-thumb.quote{display:grid;align-content:center;gap:5px;padding:10%;background:color-mix(in srgb,var(--surface),var(--lane) 8%)}.mock-thumb i{display:block;height:4px;border-radius:2px;background:color-mix(in srgb,var(--text),transparent 70%)}.mock-thumb i:nth-child(2){width:80%}.mock-thumb i:nth-child(3){width:55%}.mock-ruler{position:absolute;right:0;bottom:0;left:0;height:15%;border-top:1px solid color-mix(in srgb,var(--accent),var(--line) 60%);background:color-mix(in srgb,var(--surface),transparent 20%)}.mock-ruler span{position:absolute;top:30%;left:var(--at);color:var(--muted);font:500 clamp(7px,.8vw,10px) "IBM Plex Mono";letter-spacing:.06em}.mock-playhead{position:absolute;bottom:100%;left:var(--at);width:1px;height:600%;background:linear-gradient(transparent,color-mix(in srgb,var(--warm),transparent 30%))}.mock-playhead:after{content:"";position:absolute;bottom:-4px;left:-4px;width:9px;height:9px;border-radius:50%;background:var(--warm)}.mock-archive{aspect-ratio:16 / 11;display:flex;flex-direction:column}.mock-archive-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.mock-yt{position:relative;width:26px;height:26px;flex:0 0 auto;border:1px solid rgba(255,0,51,.25);border-radius:var(--radius-sm);background:#ff00331a}.mock-yt:after{content:"";position:absolute;top:50%;left:55%;border:4px solid transparent;border-left:6px solid #ff3355;transform:translate(-50%,-50%)}.mock-lines{flex:1;display:grid;gap:6px}.mock-lines i{display:block;width:var(--w);height:6px;border-radius:3px;background:color-mix(in srgb,var(--text),transparent 65%)}.mock-lines i+i{height:4px;background:color-mix(in srgb,var(--muted),transparent 50%)}.mock-status{padding:3px 7px;border:1px solid color-mix(in srgb,var(--accent),transparent 70%);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent);font:600 clamp(8px,.8vw,10px) "IBM Plex Mono"}.mock-archive-body{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.mock-player{position:relative;margin:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(140deg,#23303a,#0d1217 60%,#2a1d16)}.mock-play{position:absolute;top:42%;left:50%;width:46px;height:32px;border-radius:8px;background:#ffffff1f;transform:translate(-50%,-50%)}.mock-play:after{content:"";position:absolute;top:50%;left:55%;border:7px solid transparent;border-left:11px solid #fff;transform:translate(-50%,-50%)}.mock-files{position:absolute;right:8px;bottom:8px;left:8px;display:flex;justify-content:flex-end;gap:5px}.mock-files i{padding:3px 6px;border:1px dashed var(--line);border-radius:var(--radius-xs);background:#080b0fb3;color:var(--muted);font:500 clamp(7px,.75vw,9px) "IBM Plex Mono";font-style:normal;white-space:nowrap}.mock-files i.on{border:1px solid color-mix(in srgb,var(--accent),transparent 55%);color:var(--accent)}.mock-sources{display:grid;align-content:start;gap:6px;margin:0;padding:14px 14px 14px 0;list-style:none}.mock-sources li{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:7px 9px;border-radius:var(--radius-sm);background:var(--surface-2)}.mock-sources li span{width:100%;display:flex;align-items:center;gap:6px;font-size:clamp(8px,.9vw,11px);font-weight:600}.mock-sources li span:before{content:"✓";color:var(--accent);font-size:.9em}.mock-sources em{padding:1px 5px;border-radius:2px;background:var(--surface);color:var(--muted);font:600 clamp(6px,.65vw,8px) "IBM Plex Mono";font-style:normal;letter-spacing:.08em}.mock-sources li:first-child em:first-of-type{background:color-mix(in srgb,var(--accent),transparent 85%);color:var(--accent)}.mock-sources li.miss{background:none;color:var(--muted);font-size:clamp(7px,.8vw,10px)}.tool-copy>p.availability{margin:0;color:var(--muted);font:12px IBM Plex Mono}.mock-discord{aspect-ratio:16 / 11;display:grid;grid-template-columns:34px minmax(0,.8fr) minmax(0,2fr);background:var(--bg)}.mock-rail{display:grid;align-content:start;gap:8px;padding:10px 7px;border-right:1px solid var(--line);background:var(--surface)}.mock-rail i{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-3)}.mock-rail i.on{background:#5865f2}.mock-channels{display:grid;align-content:start;gap:5px;padding:12px 10px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface),transparent 30%)}.mock-channels small{margin-top:6px;color:var(--muted);font:600 clamp(6px,.65vw,8px) "IBM Plex Mono";letter-spacing:.1em}.mock-channels span{overflow:hidden;padding:4px 6px;border-radius:var(--radius-xs);color:var(--muted);font-size:clamp(8px,.85vw,11px);white-space:nowrap;text-overflow:ellipsis}.mock-channels span.on{background:var(--surface-3);color:var(--text)}.mock-messages{min-width:0;display:grid;align-content:start;gap:12px;padding:12px 14px}.mock-search{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.mock-search span{color:var(--text-soft);font:500 clamp(7px,.8vw,10px) "IBM Plex Mono"}.mock-search em,.mock-export em{color:var(--muted);font:500 clamp(6px,.7vw,9px) "IBM Plex Mono";font-style:normal}.mock-message{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px}.mock-message b{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--role),var(--surface-3) 55%)}.mock-message p{min-width:0;margin:0;line-height:1}.mock-message strong{color:var(--role);font-size:clamp(8px,.9vw,11px);font-weight:600}.mock-message time{margin-left:6px;color:var(--muted);font:clamp(6px,.65vw,8px) "IBM Plex Mono"}.mock-message p>span{display:block;width:var(--w);height:5px;margin-top:6px;border-radius:3px;background:color-mix(in srgb,var(--text),transparent 72%)}.mock-attachment{display:block;margin-top:6px;width:46%;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(135deg,#1d2a33,#2a2236)}.mock-export{display:flex;align-items:center;gap:5px;margin-top:2px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent),transparent 92%)}.mock-export span{flex:1;color:var(--accent);font:600 clamp(7px,.8vw,10px) "IBM Plex Mono"}.mock-export em{padding:1px 5px;border-radius:2px;background:var(--surface)}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 0 96px}.principles div{padding:22px;border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface),transparent 40%)}.principles h3{margin:0;font-size:15px;font-weight:600}.principles p{margin:8px 0 0;color:var(--text-soft);font-size:14px;line-height:1.55}.site-foot{display:flex;align-items:center;gap:12px;padding:28px 0 40px;border-top:1px solid color-mix(in srgb,var(--line),transparent 40%)}.site-foot p{margin:0;color:var(--muted);font:12px IBM Plex Mono}.site-foot nav{margin-left:auto}.brand-mark.small{width:28px;height:28px}.brand-mark.small i{top:-2px;width:7px;height:7px;border-width:2px}.brand-mark.small b{font-size:10px}@media(max-width:880px){.tool{grid-template-columns:minmax(0,1fr)}.tool.reverse .tool-visual{order:0}.principles{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){main,.site-bar,.site-foot{width:min(1160px,100% - 28px)}.site-bar nav{display:none}.site-bar .brand-copy small,.mock-legend{display:none}.site-foot{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition-duration:0s!important}}