*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color:#111827;background:#f7fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(49,130,206,.16),transparent 32rem),#f7fafc}a{color:inherit}.page-shell{display:flex;min-height:100vh;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.hero-card,.tools-section{width:min(100%,860px);border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#ffffffe0;box-shadow:0 24px 70px #0f172a1a;padding:clamp(2rem,4vw,3.5rem)}.hero-card{text-align:center}.eyebrow{margin-bottom:.75rem;color:#2563eb;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{color:#0f172a;font-size:clamp(2.3rem,6vw,4.5rem);line-height:.98}h2{color:#0f172a;font-size:clamp(1.6rem,3vw,2.25rem)}h3{color:#0f172a;font-size:1.2rem}.lede{max-width:48rem;margin:1.25rem auto 0;color:#475569;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.tools-section{display:grid;gap:1.5rem}.section-heading{text-align:left}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-card{display:grid;min-height:190px;align-content:start;gap:.8rem;border:1px solid rgba(37,99,235,.16);border-radius:20px;background:#fff;padding:1.25rem;text-decoration:none;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.tool-card:hover,.tool-card:focus-visible{border-color:#2563eb73;box-shadow:0 18px 36px #0f172a1c;transform:translateY(-2px)}.tool-card p{color:#475569;line-height:1.55}.tool-category,.tool-status{width:fit-content;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-category{background:#dbeafe;color:#1d4ed8;padding:.3rem .55rem}.tool-status{margin-top:auto;background:#dcfce7;color:#166534;padding:.3rem .6rem}.top-nav{width:min(100%,860px);color:#64748b;font-size:.95rem}.top-nav a{font-weight:700;text-decoration:none}.top-nav a:hover,.top-nav a:focus-visible{text-decoration:underline}.test-page{align-items:center}.test-card{text-align:left}.test-card .lede{margin-left:0}.test-widget{margin-top:2rem;display:grid;gap:1.5rem}.controls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.controls-grid label{display:grid;gap:.5rem;color:#334155;font-size:.9rem;font-weight:800}.controls-grid .wide-control{grid-column:span 2}.controls-grid select,.controls-grid input{width:100%}.controls-grid select{border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font:inherit;padding:.7rem .8rem}.controls-grid input[type=range]{accent-color:#1d4ed8}.stimulus-stage{display:grid;min-height:320px;overflow:hidden;place-items:center;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff}.stimulus-preview{position:relative;display:flex;align-items:center;justify-content:center;min-width:min(100%,560px);transform-origin:center center;transition:gap .14s ease,transform .14s ease}.stimulus-shape{flex:0 0 auto;transform-origin:center center;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.shape-semicircle-left,.shape-semicircle-right{width:96px;height:192px}.shape-semicircle-left{border-radius:96px 0 0 96px}.shape-semicircle-right{border-radius:0 96px 96px 0}.shape-rectangle{width:56px;height:220px;border-radius:10px}.shape-bracket-left,.shape-bracket-right{width:72px;height:220px;background:transparent;border-style:solid;border-width:14px}.shape-bracket-left{border-right:0;border-radius:12px 0 0 12px}.shape-bracket-right{border-left:0;border-radius:0 12px 12px 0}.center-marker{position:absolute;left:50%;top:50%;display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;background:#0f172a;color:#fff;font-size:.85rem;font-weight:900;line-height:1;transform:translate(-50%,-50%)}@media(max-width:720px){.page-shell{padding:1rem}.controls-grid{grid-template-columns:1fr}.controls-grid .wide-control{grid-column:auto}.stimulus-stage{min-height:260px}.shape-semicircle-left,.shape-semicircle-right{width:72px;height:144px}.shape-rectangle,.shape-bracket-left,.shape-bracket-right{height:168px}}