:root{--blue:#087f78;--soft-blue:#e4f7f4}::selection{background:#00eadc;color:#10151d}html{scrollbar-color:#087f78 #e8efee;scrollbar-width:thin}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#e8efee}::-webkit-scrollbar-thumb{background:#087f78;border:2px solid #e8efee;border-radius:10px}.brand img{height:32px;width:32px}.brand{letter-spacing:.015em;font-size:22px}.primary:hover{background:#05675f}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#00eadc;transform-origin:left;z-index:100;pointer-events:none}.site-header{transition:box-shadow .3s,background .3s}.site-header.scrolled{box-shadow:0 8px 35px #17212f0d;background:#f9fafcf5}.motion-toggle{position:fixed;bottom:14px;right:16px;z-index:40;border:1px solid #d2e4e1;border-radius:30px;padding:9px 15px;background:#ffffffed;color:#214640;font-size:12px;box-shadow:0 4px 20px #17212f0d}.motion-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--delay,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--delay,0ms)}.motion-reveal.arrived{opacity:1;transform:none}.motion-reveal:focus-within{opacity:1;transform:none}.card-art,.tool-art,.particle-hero{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.card-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff20,transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s}.card-art:hover:after,.card-art:focus-visible:after{opacity:1}.button,button{position:relative;overflow:hidden}.button:active,button:active{transform:scale(.97)}.click-wave{position:absolute;pointer-events:none;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.2;animation:click-wave .6s ease-out forwards}@keyframes click-wave{to{transform:translate(-50%,-50%) scale(30);opacity:0}}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #087f78;outline-offset:5px;box-shadow:0 0 0 7px #00eadc20}.hero-copy{animation:assemble-copy .85s cubic-bezier(.2,.8,.2,1) both}@keyframes assemble-copy{from{opacity:0;filter:blur(7px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}.particle-hero{background:#0c141b;border:1px solid #1c383d;color:#dff9f4;border-radius:16px;min-height:530px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 26px 70px #143f3920}.particle-top{display:flex;justify-content:space-between;padding:24px;font-size:12px;letter-spacing:.08em;color:#9fcec5}.particle-hero canvas{width:100%;height:300px;display:block;cursor:crosshair;touch-action:pan-y}.particle-bottom{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.particle-bottom p{color:#9bbfb8;font-size:14px;margin:0}.particle-bottom button{color:#00eadc;border:1px solid #28534d;background:transparent;border-radius:7px;padding:8px 16px;font-size:14px}.particle-bottom a{font-size:14px;color:#00eadc}.art-matter{background:#0c141b;color:#00eadc}.art-matter .art-type{font-size:clamp(38px,5vw,72px);letter-spacing:.12em;line-height:1}.matter-page{background:#0c141b;color:#dcf5f0;font-family:var(--body);margin:0;padding:28px}.matter-page h1{font-size:clamp(32px,5vw,60px);margin:12px 0}.matter-page p{color:#9fbdb7}.matter-page canvas{display:block;width:100%;height:clamp(250px,45vh,520px);border:1px solid #24433f;border-radius:12px;touch-action:pan-y;cursor:crosshair}.matter-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0}.matter-controls label{display:grid;gap:8px;font-size:14px}.matter-controls input{background:#142522;border:1px solid #3b6059;color:#e1fff7;border-radius:6px;padding:10px;max-width:100%}.matter-controls input[type=color]{height:45px;width:64px;padding:4px}.matter-controls button{background:#00eadc;color:#0c141b;border-radius:6px;padding:12px 18px}.matter-page [role=status]{font-size:14px;min-height:24px}.matter-page a{color:#00eadc}.motion-paused .motion-reveal{opacity:1;transform:none}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .card-art,.motion-paused .tool-art,.motion-paused .particle-hero{transform:none!important}@media(max-width:600px){.particle-hero{min-height:370px}.particle-hero canvas{height:220px}.particle-top,.particle-bottom{padding:18px}.particle-bottom{flex-wrap:wrap}.brand{font-size:20px}.motion-toggle{bottom:10px;right:10px}.matter-page{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-reveal{opacity:1;transform:none}*{animation:none!important;transition:none!important}}