.mouse-page{--mouse-bg:#fbfbfa;--mouse-ink:#11110f;--mouse-muted:#72726d;--mouse-line:rgb(17 17 15/9%);min-height:100vh;background:var(--mouse-bg);color:var(--mouse-ink);font-family:var(--font-inter),Arial,sans-serif}.mouse-page *,.mouse-page :after,.mouse-page :before{box-sizing:border-box}.mouse-page a{color:inherit;text-decoration:none}.mouse-page button,.mouse-page input{font:inherit}.mouse-about,.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-how,.mouse-playground-heading,.mouse-playground-layout{width:min(1440px,calc(100% - 64px));margin-inline:auto}.mouse-header{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mouse-line);font-size:12px}.mouse-brand{display:flex;align-items:baseline;gap:7px;font-size:14px;font-weight:600;letter-spacing:-.02em}.mouse-brand span{font-weight:700}.mouse-brand i{color:#a4a49e;font-style:normal;font-weight:400}.mouse-nav{display:flex;align-items:center;gap:24px;color:#44443f}.mouse-nav a{transition:color .14s ease}.mouse-nav a:hover{color:#000}.mouse-status{padding:5px 8px;border:1px solid var(--mouse-line);border-radius:999px;color:var(--mouse-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.mouse-hero{min-height:540px;display:grid;grid-template-columns:1.55fr .8fr;gap:80px;align-items:center;padding:96px 0 90px}.mouse-hero h1{margin:0;max-width:850px;font-size:clamp(62px,6vw,86px);line-height:.94;letter-spacing:-.07em;font-weight:580}.mouse-hero-copy{align-self:end;padding-bottom:10px;max-width:430px}.mouse-hero-copy p{margin:0 0 34px;color:#4f4f4a;font-size:17px;line-height:1.55;letter-spacing:-.015em}.mouse-text-link{display:inline-block;padding-bottom:3px;border-bottom:1px solid #aaa;font-size:13px;font-weight:600}.mouse-hero-copy small{display:block;margin-top:34px;color:#989893;font-size:11px}.mouse-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px;padding-bottom:168px;scroll-margin-top:32px}.mouse-preset-card{min-width:0}.mouse-field-shell{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid rgb(255 255 255/8%);border-radius:12px;background:#090909;isolation:isolate}.mouse-field-canvas,.mouse-field-poster{position:absolute;inset:0;width:100%;height:100%}.mouse-field-poster{z-index:0;background-color:#090909;background-size:cover}.mouse-field-canvas{z-index:1;display:block;opacity:0;cursor:crosshair;touch-action:none;transition:opacity .16s ease}.mouse-field-canvas.is-live{opacity:1}.mouse-field-shell[data-poster=mono-pulse] .mouse-field-poster{background-image:radial-gradient(circle at 39% 55%,#fff 0 1.5%,#aaa 1.7% 3%,transparent 3.2%),radial-gradient(circle at 53% 48%,#ddd 0 1%,#777 1.2% 2.5%,transparent 3%)}.mouse-field-shell[data-poster=laser-bloom] .mouse-field-poster{background-image:radial-gradient(circle at 50% 52%,#f3ffff 0 1%,#58e8ff 4%,#135df0 15%,rgb(7 30 80/60%) 31%,transparent 48%)}.mouse-field-shell[data-poster=phosphor-trace] .mouse-field-poster{background-image:radial-gradient(ellipse at 63% 43%,#ffdafa 0 2%,#f43dc1 10%,#61169a 26%,transparent 48%),repeating-linear-gradient(90deg,transparent 0 12px,rgb(255 85 220/9%) 12px 15px)}.mouse-field-shell[data-poster=acid-braille] .mouse-field-poster{background-image:radial-gradient(circle at 43% 49%,#f7ffe7 0 3%,#bfff31 10%,#22ac4f 24%,transparent 43%),radial-gradient(circle at 70% 68%,#caff4e 0 2%,transparent 22%)}.mouse-field-shell[data-poster=molten-digits] .mouse-field-poster{background-image:radial-gradient(ellipse at 46% 58%,#fff1c1 0 2%,#ffae25 9%,#c8240a 24%,transparent 47%),linear-gradient(112deg,transparent 35%,rgb(255 95 15/18%) 52%,transparent 68%)}.mouse-field-shell[data-poster=chromatic-halo] .mouse-field-poster{background-image:radial-gradient(circle at 52% 52%,transparent 0 13%,#fff9bd 14%,#ff4ebd 18%,#7b46ff 23%,#167dff 28%,transparent 35%)}.mouse-field-poster:after{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle,rgb(255 255 255/55%) 0 1px,transparent 1.3px);background-size:12px 12px}.mouse-card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:17px}.mouse-card-title-row h3{display:flex;gap:14px;margin:0;font-size:14px;letter-spacing:-.015em}.mouse-card-title-row h3 span{color:#9b9b96;font-size:10px;font-weight:500;letter-spacing:.04em}.mouse-card-title-row a{color:#555550;font-size:12px;transition:color .14s ease}.mouse-card-title-row a:hover{color:#000}.mouse-preset-card>p{margin:9px 0 0 38px;color:var(--mouse-muted);font-size:12px;line-height:1.5}.mouse-how{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:60px;padding:110px 0 126px;border-top:1px solid var(--mouse-line)}.mouse-eyebrow{margin:0 0 22px;color:#858580;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.mouse-about h2,.mouse-how h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:.98;font-weight:560;letter-spacing:-.055em}.mouse-pipeline{margin-top:2px}.mouse-pipeline div{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;min-height:51px;border-bottom:1px solid var(--mouse-line)}.mouse-pipeline span{color:#aaa;font-size:9px}.mouse-pipeline b{font-size:12px;font-weight:550;letter-spacing:.02em;text-transform:uppercase}.mouse-pipeline i{color:#aaa;font-style:normal;font-size:12px}.mouse-how-copy{padding-top:30px}.mouse-how-copy p{margin:0 0 20px;color:#565651;font-size:14px;line-height:1.6}.mouse-about{display:grid;grid-template-columns:1.55fr .85fr;gap:80px;padding:112px 0 120px;border-top:1px solid var(--mouse-line)}.mouse-about h2{max-width:700px}.mouse-about>div:last-child{align-self:end}.mouse-about>div:last-child>p{max-width:410px;margin:0 0 32px;color:#555550;font-size:15px;line-height:1.55}.mouse-actions{display:flex;gap:10px}.mouse-actions a,.mouse-copy-actions button{padding:10px 13px;border:1px solid var(--mouse-line);border-radius:8px;background:#fff;font-size:11px;transition:background .14s ease}.mouse-actions a:hover,.mouse-copy-actions button:hover{background:#f1f1ee}.mouse-footer{display:grid;grid-template-columns:1fr 1fr auto;padding:20px 0 26px;border-top:1px solid var(--mouse-line);color:#81817c;font-size:10px}.mouse-playground-page{min-height:100vh}.mouse-playground-heading{display:flex;justify-content:space-between;align-items:end;padding:58px 0 34px}.mouse-playground-heading h1{margin:0;font-size:42px;line-height:1;letter-spacing:-.055em;font-weight:570}.mouse-playground-heading>p{max-width:360px;margin:0;color:var(--mouse-muted);font-size:13px;line-height:1.55}.mouse-playground-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:18px;padding-bottom:48px}.mouse-playground-canvas{position:relative;min-width:0}.mouse-playground-canvas .mouse-field-shell{min-height:calc(100vh - 205px);aspect-ratio:auto}.mouse-playground-canvas>span{position:absolute;z-index:2;bottom:15px;left:16px;padding:6px 8px;border:1px solid rgb(255 255 255/10%);border-radius:999px;background:rgb(0 0 0/34%);color:rgb(255 255 255/58%);font-size:9px;pointer-events:none;backdrop-filter:blur(6px)}.mouse-controls{align-self:start;border:1px solid var(--mouse-line);border-radius:12px;background:#fff}.mouse-controls section{padding:15px;border-bottom:1px solid var(--mouse-line)}.mouse-controls section>label,.mouse-sound-row>label{display:block;margin-bottom:10px;color:#777772;font-size:9px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.mouse-segments{display:flex;flex-wrap:wrap;gap:5px}.mouse-segments button{padding:6px 8px;border:1px solid transparent;border-radius:6px;background:#f5f5f2;color:#686863;font-size:10px;cursor:pointer}.mouse-segments button.is-selected{border-color:rgb(0 0 0/10%);background:#e9e9e5;color:#111}.mouse-palette-list{display:flex;gap:8px}.mouse-palette-list button{position:relative;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgb(0 0 0/11%);cursor:pointer}.mouse-palette-list button.is-selected:after{content:"";position:absolute;inset:-5px;border:1px solid #222;border-radius:50%}.mouse-palette-list [data-palette=mono]{background:linear-gradient(135deg,#555,#fff)}.mouse-palette-list [data-palette=laser]{background:linear-gradient(135deg,#234cff,#6fffff)}.mouse-palette-list [data-palette=phosphor]{background:linear-gradient(135deg,#6d22a8,#ff6cce)}.mouse-palette-list [data-palette=acid]{background:linear-gradient(135deg,#19924b,#d4ff3e)}.mouse-palette-list [data-palette=molten]{background:linear-gradient(135deg,#b51b0b,#ffd045)}.mouse-palette-list [data-palette=chromatic]{background:conic-gradient(#247bff,#9845ff,#ff47a1,#fff193,#247bff)}.mouse-levers{display:grid;gap:12px}.mouse-levers label>span{display:flex;justify-content:space-between;margin-bottom:6px;color:#565651;font-size:10px}.mouse-levers label b{color:#aaa;font-variant-numeric:tabular-nums;font-weight:500}.mouse-levers input{width:100%;height:2px;accent-color:#111;cursor:ew-resize}.mouse-sound-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mouse-sound-row>label{margin:0}.mouse-switch{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#777;font-size:10px;cursor:pointer}.mouse-switch i{position:relative;width:24px;height:14px;border-radius:999px;background:#ddd}.mouse-switch i:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .14s ease}.mouse-switch.is-on i{background:#111}.mouse-switch.is-on i:after{transform:translateX(10px)}.mouse-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:15px}.mouse-copy-actions button{cursor:pointer}.mouse-copy-actions button:first-child{background:#111;color:#fff}.mouse-copy-actions span{grid-column:1/-1;color:#a53b32;font-size:10px}.mouse-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.mouse-about,.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-how,.mouse-playground-heading,.mouse-playground-layout{width:min(100% - 48px,720px)}.mouse-nav>a:first-child,.mouse-status{display:none}.mouse-hero{min-height:auto;grid-template-columns:1fr;gap:56px;padding:90px 0 110px}.mouse-hero h1{font-size:clamp(51px,11vw,72px)}.mouse-hero-copy{align-self:auto}.mouse-gallery{grid-template-columns:1fr;gap:50px}.mouse-how{grid-template-columns:1fr;gap:48px}.mouse-how-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:0}.mouse-about,.mouse-playground-layout{grid-template-columns:1fr}.mouse-playground-canvas .mouse-field-shell{min-height:0;aspect-ratio:4/3}.mouse-controls{display:grid;grid-template-columns:1fr 1fr}.mouse-controls section:nth-last-child(2),.mouse-copy-actions{grid-column:1/-1}}@media (max-width:600px){.mouse-about,.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-how,.mouse-playground-heading,.mouse-playground-layout{width:calc(100% - 32px)}.mouse-nav{gap:14px}.mouse-nav a:not(:last-of-type){display:none}.mouse-hero{padding:72px 0 92px}.mouse-hero h1{font-size:48px}.mouse-gallery{padding-bottom:100px}.mouse-preset-card>p{margin-left:0}.mouse-card-title-row{align-items:center}.mouse-how-copy{grid-template-columns:1fr}.mouse-about{padding:82px 0}.mouse-footer{grid-template-columns:1fr auto}.mouse-footer span:nth-child(2){display:none}.mouse-playground-heading{display:block;padding-top:38px}.mouse-playground-heading>p{margin-top:20px}.mouse-controls{display:block}.mouse-copy-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mouse-page *,.mouse-page :after,.mouse-page :before{scroll-behavior:auto!important;transition-duration:.01ms!important}}