.container[data-v-e401ffbc]{width:80vw;max-width:1100px;margin:0 auto}h1[data-v-e401ffbc]{font-size:7rem;font-weight:900;letter-spacing:12px;padding-top:7vh;margin:0 0 -5vh}h2[data-v-e401ffbc]{font-size:3rem;font-weight:900;letter-spacing:9px;margin:0}h3[data-v-e401ffbc]{font-size:.8rem;letter-spacing:2px;color:#a8bcff;margin:1rem 0 0 0}p[data-v-e401ffbc]{color:grey;font-size:.85rem;margin:2rem 0;line-height:2}ul[data-v-e401ffbc]{font-size:.85rem;font-weight:700;letter-spacing:3px;line-height:2}.examples[data-v-e401ffbc]{list-style-type:none;padding-left:1.5rem;margin:2rem 0}.examples li[data-v-e401ffbc]{margin:.5rem 0;cursor:pointer;position:relative}.examples li[data-v-e401ffbc]:before{content:"＋";position:absolute;top:3px;left:-1rem;display:inline-block;color:#a8bcff;font-size:.7rem;font-weight:400;letter-spacing:0;transition:.2s;transform-origin:50% 45%}.examples li[data-v-e401ffbc]:hover:before{transform:rotate(135deg)}.examples span[data-v-e401ffbc]{position:relative}.examples a[data-v-e401ffbc]{position:relative;display:inline-block;text-decoration:none;color:#000}.examples a span[data-v-e401ffbc]{transition:.2s}.examples li:hover a span[data-v-e401ffbc]{color:#f7f7f7}.examples a[data-v-e401ffbc]:before{content:"";position:absolute;display:block;left:0;bottom:0;width:100%;height:0;opacity:0;background:#000;transition:.2s}.examples li:hover a[data-v-e401ffbc]:before{height:100%;opacity:1}.keywords[data-v-e401ffbc]{padding:0;color:#888}.keywords li[data-v-e401ffbc]{display:inline-block}.keywords li[data-v-e401ffbc]:after{content:"|";color:#ddd;margin-right:.5rem}.keywords li[data-v-e401ffbc]:last-child:after{content:"";margin-right:0}.technology-category[data-v-e401ffbc]{margin-bottom:20px}.technology-category>span[data-v-e401ffbc]{display:block;font-size:1.2em;font-weight:700;margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #eee}ul.technology[data-v-e401ffbc]{display:flex;flex-wrap:wrap;gap:10px;padding-left:0;list-style-type:none}ul.technology li[data-v-e401ffbc]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}ul.technology li[data-v-e401ffbc]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}ul.technology li .tech-icon[data-v-e401ffbc]{font-size:1.2em;color:#555}ul.technology li span[data-v-e401ffbc]{font-size:.95em}section[data-v-e401ffbc]{padding:100px 50px;margin-bottom:50px;background:#f7f7f7}footer p[data-v-e401ffbc]{font-size:.7rem;letter-spacing:1px}iframe[data-v-e401ffbc],img[data-v-e401ffbc]{max-width:100%;height:auto}@media screen and (max-width:900px){.container[data-v-e401ffbc]{width:90vw}h1[data-v-e401ffbc]{font-size:5rem;letter-spacing:8px;padding-top:5vh;margin-bottom:-3vh}h2[data-v-e401ffbc]{font-size:2.5rem;letter-spacing:6px}ul[data-v-e401ffbc]{font-size:.8rem;letter-spacing:2px}section[data-v-e401ffbc]{padding:80px 30px;margin-bottom:30px}.examples li[data-v-e401ffbc]:before{left:-1.2rem}}@media screen and (max-width:480px){.container[data-v-e401ffbc]{width:95vw}h1[data-v-e401ffbc]{font-size:10vw;letter-spacing:1.5vw;padding-top:8vh;margin-bottom:-2vh}h2[data-v-e401ffbc]{font-size:7vw;letter-spacing:1vw}h3[data-v-e401ffbc]{font-size:3vw}p[data-v-e401ffbc]{font-size:3.5vw;line-height:1.8}ul[data-v-e401ffbc]{font-size:3.5vw}.examples[data-v-e401ffbc]{padding-left:1rem}.examples li[data-v-e401ffbc]:before{font-size:.6rem;left:-1rem}section[data-v-e401ffbc]{padding:50px 15px;margin-bottom:20px}ul.technology li[data-v-e401ffbc]{padding:6px 10px;gap:6px}ul.technology li .tech-icon[data-v-e401ffbc]{font-size:1em}ul.technology li span[data-v-e401ffbc]{font-size:.9em}}.image-stack img[data-v-e401ffbc]{display:block;margin-bottom:15px}iframe.youtube-frame[data-v-e401ffbc]{width:100%;height:auto;aspect-ratio:16/9;max-width:512px}