.main-graphic{width:100%;height:100%;position:relative;pointer-events:none}.main-graphic canvas{outline:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important;z-index:1;pointer-events:none}.main-graphic__html-portal{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2}.mg-central-label{width:380px;height:380px;display:flex;align-items:center;justify-content:center}.mg-central-label__text{font-family:Inter,sans-serif;font-size:48px;font-weight:700;color:#000000;text-align:center;line-height:1.1;transform:rotate(-45deg);white-space:nowrap}.mg-toggle-label{border:3px solid #ff6b35;padding:12px 30px;border-radius:12px;color:#ff6b35;font-weight:700;font-size:24px;background:white;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center;gap:8px}.mg-toggle-label__progress{width:180px;height:8px;background:#ffe9e0;border-radius:4px;overflow:hidden}.mg-toggle-label__progress-bar{height:100%;background:#ff6b35;border-radius:4px;width:50%;animation:mg-progress 3s ease-in-out infinite paused}.main-graphic[data-animating=true] .mg-toggle-label__progress-bar{animation-play-state:running;width:auto}@keyframes mg-progress{0%{width:0}50%,to{width:100%}}.mg-grid-icon{font-size:24px;border-radius:50%;width:40px;height:40px;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #eee}.mg-card,.mg-grid-icon{background:white;display:flex}.mg-card{border-radius:12px;padding:12px;width:160px;box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);flex-direction:column;gap:8px}.mg-card-header{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#333}.mg-card-content{display:flex;flex-direction:column;gap:6px}.mg-skeleton-line{height:6px;background:#f0f0f0;border-radius:3px}.mg-skeleton-line.short{width:60%}.mg-card-image-placeholder{height:80px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.mg-card-icon-placeholder{width:32px;height:32px;background:#e0e0e0;border-radius:50%}@media (prefers-reduced-motion:reduce){.mg-toggle-label__progress-bar{animation:none;width:100%}}.hero{position:relative;width:100%;min-height:calc(100vh - var(--nav-height, 4.5rem));min-height:calc(100svh - var(--nav-height, 4.5rem));background:var(--color-background);overflow:hidden}.hero__graphic{z-index:1;justify-content:center;padding-top:22%;transform:translateZ(0);will-change:transform;-webkit-mask-image:linear-gradient(90deg,transparent,black 30%,black 60%,transparent),linear-gradient(180deg,transparent,black 45%,black 60%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,black 30%,black 60%,transparent),linear-gradient(180deg,transparent,black 45%,black 60%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect;opacity:0;animation:fadeIn .8s ease-out .15s forwards}.hero__content,.hero__graphic{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}.hero__content{z-index:2;flex-direction:column;justify-content:space-between;padding:clamp(2.5rem,8vh,4rem) var(--space-4)}.hero__content>*{pointer-events:auto}.hero__text{text-align:center;max-width:40rem;opacity:0;animation:fadeInUp .6s ease-out forwards}.hero__title{text-wrap:balance}.hero__description-container{margin:1rem 0 0;text-align:left;padding-left:var(--space-6);padding-right:var(--space-4)}@media (min-width:768px){.hero__description-container{text-align:center;padding-inline:0}}.hero__description{text-wrap:pretty}@media (min-width:768px){.hero__description{text-wrap:balance}}.hero__description-line{display:block}.hero__description--desktop{display:none}.hero__description--mobile{display:flex}.hero__actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;opacity:0;animation:fadeInUp .6s ease-out .25s forwards}.hero__actions .btn--large{padding:var(--space-2-5) var(--space-4-5);font-size:var(--text-md)}@media (min-width:480px){.hero__content{padding:clamp(2rem,6vh,4rem) var(--space-6)}.hero__actions{flex-direction:row;gap:var(--space-4)}.hero__actions .btn--large{padding:var(--space-2-5) var(--space-5-5);font-size:var(--text-base-lg)}}@media (min-width:640px) and (orientation:landscape) and (max-width:1023px){.hero__graphic{left:40%;right:0;inset-block:0;justify-content:center;padding-top:0;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 98%,transparent),linear-gradient(180deg,transparent,black 2%,black 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,black 10%,black 98%,transparent),linear-gradient(180deg,transparent,black 2%,black 92%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.hero__content{align-items:flex-start;justify-content:center;padding:clamp(1rem,4vh,2rem) var(--space-10)}.hero__text{text-align:left;max-width:80%}.hero__description-container{padding:0;text-align:left}.hero__description{display:flex;flex-direction:column;gap:.25rem;text-align:left}.hero__description-line{display:block}.hero__actions{margin-top:var(--space-6)}}@media (min-width:1024px){.hero__graphic{left:45%;right:0;inset-block:0;justify-content:center;padding-top:0;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 98%,transparent),linear-gradient(180deg,transparent,black 2%,black 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,black 10%,black 98%,transparent),linear-gradient(180deg,transparent,black 2%,black 92%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.hero__content{flex-direction:column;align-items:flex-start;justify-content:center;padding:0 var(--space-16)}.hero__text{text-align:left;max-width:75%}.hero__title{margin-bottom:var(--space-6)}.hero__description-container{padding:0;max-width:40rem}.hero__description{display:flex;flex-direction:column;gap:.375rem;text-align:left}.hero__description--desktop{display:flex}.hero__description--mobile{display:none}.hero__description-line{display:block}.hero__actions{margin-top:var(--space-8);flex-direction:row;gap:var(--space-4)}}@media (min-width:1440px){.hero__content{padding:0 calc((100vw - var(--container-2xl)) / 2 + var(--space-20))}}@media (prefers-reduced-motion:reduce){.hero__actions,.hero__graphic,.hero__text{animation:none;opacity:1}}