.why-section{padding:5rem 0}.why-wrap{width:100%;max-width:77.5rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.why-wrap{padding:0 1.5rem}}.why-ink{color:#f3eee3;background:#1e1c2b}.why-clay{color:#1e1c2b;background:#e07457}.why-cream{color:#1e1c2b;background:#f3eee3}.why-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:center;gap:3rem;display:grid}.why-tag{font-family:var(--font-plex-mono), monospace;letter-spacing:.08em;color:#f3eee3;background:#1e1c2b;border-radius:6px;align-self:flex-start;padding:5px 10px;font-size:.8rem;font-weight:600;display:inline-block}.why-tag-amber{color:#1e1c2b;background:#f2a93b}.why-display{font-family:var(--font-display), Georgia, serif;letter-spacing:-.025em;font-weight:900}.why-hand{font-family:var(--font-hand), cursive;font-weight:700}.why-mono{font-family:var(--font-plex-mono), monospace}.why-note{color:#1e1c2b;background:#f7d774;width:16rem;max-width:80vw;padding:22px 22px 26px;rotate:-5deg;box-shadow:0 14px 28px #00000059}.why-receipt{color:#1e1c2b;font-family:var(--font-plex-mono), monospace;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),90% 100%,80% calc(100% - 9px),70% 100%,60% calc(100% - 9px),50% 100%,40% calc(100% - 9px),30% 100%,20% calc(100% - 9px),10% 100%,0 calc(100% - 9px));background:#fbf8f1;width:18rem;max-width:82vw;padding:20px 22px 28px;rotate:3deg;box-shadow:0 18px 36px #0006}.why-receipt hr{border:0;border-top:1.5px dashed #cfc6b4;margin:10px 0}.why-receipt .label{letter-spacing:.08em;color:#6b6556;font-size:.72rem}.why-radio{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.why-switch{background:#1e1c2b;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.why-switch label{cursor:pointer;font-family:var(--font-plex-mono), monospace;color:#f3eee3;border-radius:999px;padding:10px 18px;font-size:.85rem;font-weight:600}:is(.why-toggle:has(#why-mem:checked) label[for=why-mem],.why-toggle:has(#why-led:checked) label[for=why-led]){color:#1e1c2b;background:#f2a93b}:is(.why-toggle:has(#why-mem:focus-visible) label[for=why-mem],.why-toggle:has(#why-led:focus-visible) label[for=why-led]){outline-offset:3px;outline:3px solid #1a2758}.why-panel-led{display:grid}.why-panel-mem{display:none}.why-toggle:has(#why-mem:checked) .why-panel-mem{display:grid}.why-toggle:has(#why-mem:checked) .why-panel-led{display:none}.why-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none}.why-step{background:#fbf8f1;border-radius:12px;padding:18px;box-shadow:0 8px 20px #1e1c2b1a}.why-panel-mem .why-step{background:#e9e3d6}.why-step-day{font-family:var(--font-plex-mono), monospace;letter-spacing:.08em;color:#5c5748;font-size:.75rem}.why-panel-led .why-step:last-child{background:#f2a93b}.why-panel-led .why-step:last-child .why-step-day{color:#1e1c2b}.why-panel-mem .why-step:last-child{color:#f3eee3;background:#1e1c2b}.why-panel-mem .why-step:last-child .why-step-day{color:#a9a5b8}.why-table{border-collapse:collapse;width:100%;margin-top:2rem}.why-table th,.why-table td{text-align:left;vertical-align:baseline;border-bottom:2px solid #1e1c2b;padding:1.1rem 1rem 1.1rem 0}.why-table thead th{font-family:var(--font-plex-mono), monospace;letter-spacing:.1em;text-transform:uppercase;padding-top:0;font-size:.75rem}@media (max-width:720px){.why-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.why-table tr{border-bottom:2px solid #1e1c2b;padding:1rem 0;display:block}.why-table th,.why-table td{border:0;padding:.2rem 0;display:block}.why-table td:before{content:attr(data-label) ": ";font-family:var(--font-plex-mono), monospace;letter-spacing:.08em;font-size:.75rem}}.why-btn{color:#1e1c2b;background:#f2a93b;border-radius:10px;align-items:center;gap:10px;min-height:50px;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.site-theme a.why-btn,.site-theme a.why-btn:hover{color:#1e1c2b}.why-btn:focus-visible{outline-offset:3px;outline:3px solid #f2a93b}@keyframes why-blur{0%{filter:blur();opacity:1}to{filter:blur(3px);opacity:.55}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.why-fade{animation:linear both why-blur;animation-timeline:view();animation-range:cover 50% cover 90%}}}
