:root{--serif:Arial,Helvetica,sans-serif;--ink:#211c2c;--muted:#615d69;--violet-ink:#7033c5}h1,h2{font-weight:600;letter-spacing:-.065em}h1 em,h2 em{font-style:normal;color:var(--violet-ink)}.ribbon,.closing-flower,.orbit-symbol{display:none}.header{height:90px}.hero-description{max-width:480px}.hero h1{line-height:.98}.button{border-radius:8px;background:#7033c5}.button:hover{background:#54249a}.feature-scene{border-radius:20px}.publish-paper{transform:none}.paper-corner{border-radius:12px}.compare-section{background:#f5f4f8;padding:85px 0}.table-intro{margin:20px 0 30px;max-width:540px}.table-scroll{overflow:auto;max-width:100%;border:1px solid #d8d2e1;border-radius:12px;background:white}.table-scroll table{width:100%;min-width:1000px;border-collapse:collapse;font-size:12px;text-align:left;line-height:1.5}.table-scroll caption{text-align:left;padding:16px 20px;font-size:11px;color:#615d69}.table-scroll th,.table-scroll td{padding:22px 16px;border-top:1px solid #e5e1eb;vertical-align:top}.table-scroll thead th{font-size:12px;background:#f8f7fa}.table-scroll tr>:first-child{width:170px;position:sticky;left:0;background:white;z-index:1}.table-scroll tr>:last-child{background:#eee5fc;color:#54249a;font-weight:600}.table-scroll thead tr>:last-child{background:#7033c5;color:white}.category-caveat{font-size:11px;margin-top:18px;max-width:750px}.direction-link{position:fixed;bottom:16px;right:16px;z-index:30;background:#211c2c;color:white;border:1px solid #fff5;box-shadow:0 4px 15px #211c2c22;border-radius:50px;padding:12px 18px;font-size:12px;min-height:44px}.play-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin:26px 0 0;flex-wrap:wrap}.play-controls button{min-height:44px;padding:10px 18px;border:1px solid #d4c7e7;border-radius:8px;background:white;color:#54249a;font-size:12px}.play-controls #remix{background:#d9f586;color:#283715;border-color:#d9f586;font-weight:600}.play-controls output{font-size:11px;color:#615d69}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.remixed .product-tile{animation:product-in .55s both}.remixed .product-tile:nth-child(2){animation-delay:.08s}.remixed .product-tile:nth-child(3){animation-delay:.16s}@keyframes product-in{from{opacity:.2;transform:translateY(22px) rotate(5deg)}to{opacity:1;transform:none}}.toy-rail{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.toy{border:1px solid #d6c9e7;background:white;border-radius:13px;padding:14px 20px;font-size:13px;box-shadow:0 8px 0 #eae3f3;animation:bob 4s ease-in-out infinite}.toy:nth-child(2){background:#d9f586;animation-delay:-1.3s}.toy:nth-child(3){background:#e2d4fa;animation-delay:-2.6s}.toy b{margin-right:10px;font-size:21px}@keyframes bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}.motion-strip{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#54249a}.motion-strip span:before{content:'✳';display:inline-block;margin-right:15px;animation:turn 12s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}
@media(max-width:600px){.hero h1{font-size:clamp(48px,11.5vw,68px)}.table-scroll{border-radius:8px}.compare-section{padding:60px 0}.direction-link{bottom:10px;right:10px;font-size:10px;padding:10px 14px}.toy{padding:10px;font-size:10px}.toy b{font-size:16px;margin-right:5px}.motion-strip{font-size:10px;gap:12px}.motion-strip span:before{margin-right:6px}.hero-description{font-size:14px}.closing h2{font-size:clamp(48px,12vw,72px)}.footer{padding-bottom:75px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#motion-toggle{display:none}}