.ux-hero{background-color:#ebe6d6;background-image:radial-gradient(#0f0a002e 1px,#0000 1.2px);background-size:22px 22px;padding:60px 0 80px;position:relative}.ux-frame{background:var(--paper);--orange-ink:#b34300;border:1.5px solid #3b82f6;margin-top:24px;padding:clamp(28px,5vw,64px);position:relative;box-shadow:0 30px 60px -30px #0f0a0059}.ux-frame-label{color:#1d4ed8;font-size:12px;position:absolute;top:-22px;left:0}.ux-h{--orange-ink:#b34300;background:#fff;border:1.5px solid #3b82f6;width:10px;height:10px;position:absolute}.ux-h-tl{top:-6px;left:-6px}.ux-h-tr{top:-6px;right:-6px}.ux-h-bl{bottom:-6px;left:-6px}.ux-h-br{bottom:-6px;right:-6px}.ux-hero h1{letter-spacing:-.06em;max-width:14ch;font-size:clamp(46px,7.2vw,100px);line-height:.9}.ux-hl{display:inline-block;position:relative}.ux-hl:after{content:"";border:2px dashed var(--orange);pointer-events:none;border-radius:8px;position:absolute;inset:-4px -8px}@media (max-width:620px){.ux-hl:after{inset:-2px -3px}}.ux-sub{max-width:54ch;color:var(--mute);margin:24px 0 30px;font-size:clamp(17px,1.7vw,19px)}.ux-ctas{flex-wrap:wrap;gap:12px;display:flex}.ux-cursor{align-items:flex-start;gap:2px;animation:7s ease-in-out infinite ux-move;display:flex;position:absolute;bottom:22%;right:12%}.ux-cursor span{background:var(--orange);color:var(--ink);border-radius:0 8px 8px;margin-top:14px;padding:3px 8px;font-size:11px}@keyframes ux-move{50%{transform:translate(-60px,-40px)}}.ux-sticky{background:#ffe9a8;width:180px;padding:14px;font-size:12px;position:absolute;top:40px;right:6%;transform:rotate(4deg);box-shadow:0 14px 24px -14px #0f0a0066}@media (max-width:900px){.ux-sticky,.ux-cursor{display:none}}.ux-laws{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:900px){.ux-laws{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ux-laws{grid-template-columns:1fr}}.ux-law{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .3s var(--ease), box-shadow .3s;--orange-ink:#b34300;flex-direction:column;gap:10px;padding:24px;display:flex}.ux-law:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.ux-law h3{margin-top:6px;font-size:22px}.ux-law p{color:var(--mute);margin:0;font-size:15px}.ux-demo{background:var(--cream);--orange-ink:#b34300;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:120px;padding:14px;display:flex}.ux-demo i{background:#0f0a0024;border-radius:6px;display:block}.ux-demo-hick i{width:44px;height:30px}.ux-demo-hick i.on{background:var(--orange);width:64px}.ux-demo-fitts{align-items:flex-end}.ux-demo-fitts i.small{width:20px;height:12px}.ux-demo-fitts i.big{background:var(--orange);width:110px;height:40px}.ux-demo-jakob{justify-content:space-between;align-items:flex-start;font-size:11px;font-weight:700}.ux-demo-jakob span{background:#0f0a0033;border-radius:3px;width:28px;height:6px;margin-top:4px}.ux-demo-jakob em{background:var(--ink);color:var(--cream);--orange-ink:var(--orange-2);border-radius:999px;padding:2px 8px;font-style:normal}.ux-demo-restorff{flex-wrap:wrap}.ux-demo-restorff i{border-radius:50%;width:22px;height:22px}.ux-demo-restorff i.on{background:var(--orange);transform:scale(1.3)}.ux-demo-miller span{font-family:var(--mono);background:var(--paper);--orange-ink:#b34300;border-radius:8px;padding:8px 10px;font-size:18px;font-weight:700}.ux-demo-proximity{gap:28px}.ux-demo-proximity span{grid-template-columns:repeat(3,14px);gap:4px;display:grid}.ux-demo-proximity i{border-radius:4px;width:14px;height:14px}.ux-demo-proximity span:first-child i{background:var(--orange)}.ux-boards{scroll-snap-type:x mandatory;margin:0;gap:20px;max-width:1200px;margin-inline:auto;padding:0 20px 20px;list-style:none;display:flex;overflow-x:auto}.ux-board{scroll-snap-align:start;flex-direction:column;flex:0 0 min(320px,80%);gap:10px;display:flex}.ux-board-label{color:#1d4ed8;font-size:12px}.ux-board .slot{outline-offset:-6px;border-radius:4px;box-shadow:0 0 0 1.5px #3b82f659}.ux-board h3{font-size:22px}.ux-board p{color:var(--mute);margin:0;font-size:15px}.ux-del{grid-template-columns:1.05fr .95fr;align-items:start;gap:48px;display:grid}@media (max-width:900px){.ux-del{grid-template-columns:1fr}}.ux-layers{color:#e6e6e6;box-shadow:var(--shadow);background:#1e1e1e;border-radius:14px;overflow:hidden}.ux-layers-head{color:#999;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #333;justify-content:space-between;padding:12px 16px;font-size:11px;display:flex}.ux-layers-title{letter-spacing:-.04em;color:#fff;padding:18px 16px 8px;font-size:30px}.ux-layers ul{gap:2px;margin:0;padding:6px 8px 12px;list-style:none;display:grid}.ux-layers li{border-radius:6px;grid-template-columns:24px 1fr;column-gap:8px;padding:10px;transition:background .2s;display:grid}.ux-layers li:hover{background:#2c2c2c}.ux-layers li.sel{background:#3b82f640;box-shadow:inset 0 0 0 1px #3b82f6}.ux-ico{color:#8ab4ff;font-family:var(--mono);grid-row:span 2;padding-top:2px;font-size:13px}.ux-layers h3{letter-spacing:0;font-size:15px;font-weight:500}.ux-layers p{color:#9a9a9a;margin:2px 0 0;font-size:13px}.ux-fy-h{margin-bottom:18px}.ux-fy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ux-fy li{gap:12px;font-size:17px;line-height:1.4;display:flex}.ux-fy li:before{content:"";border:2px dashed var(--orange);border-radius:5px;flex:none;width:18px;height:18px;margin-top:3px}.ux-impact{background:var(--ink);color:var(--cream);--orange-ink:var(--orange-2);border-radius:16px;margin-top:26px;padding:18px}.ux-impact span{letter-spacing:.14em;text-transform:uppercase;color:var(--orange-2);font-size:10px}.ux-impact p{margin:6px 0 0}.ux-tools{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.ux-tools span{border:1px solid var(--line-strong);border-radius:999px;padding:5px 10px;font-size:11px}