.ts a{color:#79c0ff}.ts a:hover{color:#a5d6ff}.ts{--bg:#0d1117;--surface:#161b22;--line:#2a3441;--ink:#e6edf3;--muted:#9aa4af;--blue:#58a6ff;--purple:#c792ea;--amber:#f0b76b;--red:#f78166;--green:#3fb950;font-family:var(--font-outfit),system-ui,sans-serif;color:var(--ink);background:var(--bg);position:relative;overflow-x:clip}.ts *{box-sizing:border-box}.ts .serif{font-family:var(--font-dm-serif),Georgia,serif;font-weight:400}.ts .mono{font-family:var(--font-dm-mono),monospace}.ts .wrap{max-width:1320px;margin:0 auto;padding:0 32px}.ts .btn{white-space:nowrap;border-radius:12px;align-items:center;height:52px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s;display:inline-flex}.ts .btn-p{background:var(--blue);color:#06121f}.ts .btn-p:hover{color:#06121f;background:#79c0ff;transform:translateY(-2px)}.ts .btn-g{color:var(--ink);box-shadow:inset 0 0 0 1.5px #e6edf340}.ts .btn-g:hover{color:var(--ink);background:#e6edf30d}.ts .page{color:#23262b;background:#f4f1ea;border-radius:18px;padding:44px 48px;font-size:22px;line-height:1.75;position:relative;box-shadow:0 50px 100px -40px #000000d9}.ts .page .layer{pointer-events:none;padding:44px 48px;position:absolute;inset:0}.ts .loupe-text{clip-path:circle(120px at var(--lx)var(--ly))}.ts .loupe{width:240px;height:240px;left:var(--lx);top:var(--ly);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #23262bd9,0 0 0 9px #f4f1ea99,0 30px 60px -20px #0009,inset 0 0 40px #58a6ff40}.ts .loupe:after{content:"";background:#23262b;border-radius:8px;width:16px;height:150px;position:absolute;bottom:-128px;right:-46px;transform:rotate(-40deg)}.ts .hl-a{background:#c792ea6b;border-radius:4px}.ts .hl-b{background:#c792ea29;border-radius:4px}.ts .lens{box-shadow:inset 0 -1px 0 var(--line);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:32px;padding:28px 0;display:grid}.ts .lens .text{color:#23262b;background:#f4f1ea;border-radius:14px;padding:20px 24px;font-size:18px;line-height:1.8;position:relative;overflow:hidden}.ts .lens .wipe{clip-path:inset(0);padding:20px 24px;position:absolute;inset:0}.ts .w{border-radius:3px}.ts .gauge{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center;border-radius:16px;padding:20px}.ts .gauge .ring{background:conic-gradient(var(--c)calc(var(--v)*1%),#ffffff14 0);border-radius:50%;width:120px;height:120px;margin:0 auto 12px;-webkit-mask:radial-gradient(circle,#0000 46px,#000 47px);mask:radial-gradient(circle,#0000 46px,#000 47px)}@property --lx{syntax:"<length-percentage>";inherits:true;initial-value:30%}@property --ly{syntax:"<length-percentage>";inherits:true;initial-value:40%}@media (prefers-reduced-motion:no-preference){.ts .rise{animation:1s cubic-bezier(.16,1,.3,1) both enter}.ts .drift{animation:12s ease-in-out infinite drift}@supports (animation-timeline:view()){.ts .reveal{animation:linear both enter;animation-timeline:view();animation-range:entry entry 55%}.ts .lens .wipe{animation:linear both wipe;animation-timeline:view();animation-range:entry 40% contain 30%}}}@keyframes enter{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes drift{0%,to{--lx:22%;--ly:38%}30%{--lx:62%;--ly:30%}60%{--lx:78%;--ly:72%}80%{--lx:40%;--ly:66%}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:900px){.ts .split{grid-template-columns:1fr!important}.ts .lens{grid-template-columns:1fr}.ts .page{padding:28px;font-size:18px}.ts .page .layer{padding:28px}}@media (max-width:640px){.ts .gauges{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ts .gauge .ring{width:100px;height:100px;-webkit-mask:radial-gradient(circle,#0000 38px,#000 39px);mask:radial-gradient(circle,#0000 38px,#000 39px)}}