:root:has(.gw),:root:has(.gw) body{overflow:hidden;height:100%}.gw{height:100vh;height:100dvh;justify-content:center;gap:clamp(22px,4vh,40px);background:var(--soft);overflow:hidden}.gw,.gw-top{display:flex;flex-direction:column}.gw-top{align-items:center;text-align:center;animation:gw-fade .5s ease both}.gw-logo{display:block;width:clamp(32px,4.4vh,42px);height:auto}.gw-top h1{margin:clamp(10px,2vh,18px) 0 0;font-size:clamp(24px,3.6vh,38px);line-height:1.1;letter-spacing:-.04em}.gw-top p{margin:8px 0 0;font-size:clamp(15px,2vh,18px);color:var(--muted)}.gw-main{min-height:0}.gw-cards{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.gw-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,4.6vh,44px) clamp(22px,2vw,30px);background:#fff;color:var(--ink);text-decoration:none;border:1.5px solid #111;border-radius:16px;box-shadow:4px 4px 0 #111;transition:transform .18s,box-shadow .18s,opacity .3s;animation:gw-rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .08s + .1s)}.gw-card:focus-visible,.gw-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 #111}.gw-card:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #111}.gw-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.gw-icon{display:grid;place-items:center;color:var(--ink);transform-origin:50% 80%}.gw-icon svg{width:46px;height:46px}.gw-title{margin-top:clamp(14px,2.4vh,22px);font-size:clamp(22px,2.4vw,28px);line-height:1.1;letter-spacing:-.04em}.gw-line{margin:8px 0 clamp(16px,2.8vh,26px);font-size:15px;line-height:1.5;color:var(--muted);max-width:26ch}.gw-arrow{margin-top:auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1.5px solid #111;box-shadow:3px 3px 0 #111;transition:transform .18s,background .18s,box-shadow .18s}.gw-arrow svg{width:20px;height:20px;overflow:visible}.gw-icon svg *{stroke-dasharray:1;stroke-dashoffset:0}.gw-card:focus-visible .gw-icon,.gw-card:hover .gw-icon{animation:gw-icon-pop .6s cubic-bezier(.3,1.5,.5,1) both}.gw-card:focus-visible .gw-icon svg *,.gw-card:hover .gw-icon svg *{animation:gw-draw .7s ease-out both}.gw-card:focus-visible .gw-icon svg :nth-child(2n),.gw-card:hover .gw-icon svg :nth-child(2n){animation-delay:.08s}.gw-card:focus-visible .gw-icon svg :nth-child(3n),.gw-card:hover .gw-icon svg :nth-child(3n){animation-delay:.16s}.gw-card:focus-visible .gw-arrow,.gw-card:hover .gw-arrow{background:var(--accent);transform:translate(-2px,-2px);box-shadow:5px 5px 0 #111}.gw-card:focus-visible .gw-arrow svg,.gw-card:hover .gw-arrow svg{animation:gw-arrow-through .55s cubic-bezier(.5,0,.3,1) both}.gw-card:active .gw-arrow{transform:translate(1px,1px);box-shadow:2px 2px 0 #111}@keyframes gw-icon-pop{0%{transform:none}35%{transform:translateY(-7px) scale(1.16) rotate(-7deg)}65%{transform:translateY(1px) scale(1.04) rotate(4deg)}to{transform:translateY(-2px) scale(1.08) rotate(0)}}@keyframes gw-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes gw-arrow-through{0%{transform:translateX(0);opacity:1}45%{transform:translateX(16px);opacity:0}46%{transform:translateX(-16px);opacity:0}to{transform:translateX(0);opacity:1}}.gw-leaving .gw-card:not(.is-chosen){opacity:0;transform:translateY(10px)}.gw-card.is-chosen{transform:translate(-4px,-4px);box-shadow:9px 9px 0 #111}.gw-card.is-chosen .gw-arrow{background:var(--accent)}.gw-foot{text-align:center;font-size:13.5px;color:var(--muted)}@keyframes gw-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes gw-fade{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.gw{gap:18px}.gw-top h1{font-size:22px}.gw-top p{font-size:14.5px;margin-top:4px}.gw-cards{grid-template-columns:1fr;gap:12px}.gw-card{padding:16px 20px;border-radius:14px;box-shadow:3px 3px 0 #111}.gw-icon svg{width:32px;height:32px}.gw-title{margin-top:8px;font-size:19px}.gw-line{margin:3px 0 10px;font-size:13.5px;line-height:1.4;max-width:34ch}.gw-arrow{margin-top:0;width:34px;height:34px;box-shadow:2px 2px 0 #111}.gw-arrow svg{width:16px;height:16px}.gw-foot{font-size:12px}}@media (prefers-reduced-motion:reduce){.gw *,.gw :after,.gw :before{animation:none!important;transition:none!important}}