.is-home{--brand:#0080ff;--brand-soft:#f7fbff;--brand-rgb:0 128 255;overflow-x:hidden;min-height:100dvh;padding:clamp(16px,calc(30 / 1280 * 100vw),60px) clamp(16px,calc(30 / 1280 * 100vw),60px) 0;background:#2c2c2c;font-family:Inter,Arial,sans-serif}.is-home.theme-html{--brand:#e8622a;--brand-soft:#fff8f4;--brand-rgb:232 98 42}.is-home.theme-css{--brand:#0080ff;--brand-soft:#f7fbff;--brand-rgb:0 128 255}.is-home .page{--panel-w:1220;--panel-h:801;--frame-offset:clamp(16px,calc(30 / 1280 * 100vw),60px);position:relative;container-type:size;width:100%;min-height:calc(100dvh - var(--frame-offset));height:calc(100dvh - var(--frame-offset));overflow:hidden;border-radius:clamp(16px,calc(30 / 1280 * 100vw),30px) clamp(16px,calc(30 / 1280 * 100vw),30px) 0 0;background:#fff;opacity:1;animation:home-page-enter .9s cubic-bezier(.22,1,.36,1) both}.is-home .traffic{position:absolute;top:clamp(20px,3vw,38px);left:clamp(12px,1.4vw,18px);z-index:3;display:flex;align-items:center;gap:clamp(7px,.85vw,10px);padding:clamp(5px,.6vw,7px) clamp(7px,.85vw,10px);border-radius:999px;transition:background-color .3s ease}.is-home .traffic:hover{background-color:rgb(0 0 0/6%)}.is-home .traffic__dot{width:clamp(13px,1.45vw,18px);height:clamp(13px,1.45vw,18px);padding:0;border:.5px solid rgb(0 0 0/12%);border-radius:50%;display:grid;place-items:center;cursor:pointer;opacity:1;transform:scale(1);animation:home-dot-pop .5s cubic-bezier(.34,1.56,.64,1) both;box-shadow:inset 0 -1px 1px rgb(0 0 0/18%);transition:background-color .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,opacity .25s ease,filter .25s ease}.is-home .traffic__icon{width:clamp(7px,.8vw,9px);height:clamp(7px,.8vw,9px);opacity:0;transform:scale(.4);transition:opacity .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.is-home .traffic__icon path{fill:none;stroke:rgb(0 0 0/62%);stroke-width:1.6;stroke-linecap:round}.is-home .traffic:hover .traffic__icon{opacity:1;transform:scale(1)}.is-home .traffic:hover .traffic__dot:not(:hover){filter:brightness(.92)}.is-home .traffic__dot:hover{transform:scale(1.12);filter:brightness(1.08)}.is-home .traffic__dot:active{transform:scale(.9);filter:brightness(.95)}.is-home .traffic__dot--red{background:#ff5f57}.is-home .traffic__dot--yellow{background:#febc2e}.is-home .traffic__dot--green{background:#28c840}.is-home .traffic__dot--red:hover{background:#ff7974;box-shadow:inset 0 -1px 1px rgb(0 0 0/15%),0 0 0 1px rgb(255 95 87/35%)}.is-home .traffic__dot--yellow:hover{background:#ffd058;box-shadow:inset 0 -1px 1px rgb(0 0 0/15%),0 0 0 1px rgb(254 188 46/35%)}.is-home .traffic__dot--green:hover{background:#45d85c;box-shadow:inset 0 -1px 1px rgb(0 0 0/15%),0 0 0 1px rgb(40 200 64/35%)}.is-home .traffic__dot:first-child{animation-delay:.25s}.is-home .traffic__dot:nth-child(2){animation-delay:.35s}.is-home .traffic__dot:nth-child(3){animation-delay:.45s}.is-home .home-garpium{position:absolute;top:clamp(20px,3vw,38px);right:clamp(12px,1.4vw,18px);z-index:3;opacity:.85}.is-home .home-garpium .garpium-logo__img{height:clamp(22px,2.5vw,32px)}.is-home .hero{position:absolute;z-index:2;display:flex;align-items:center;top:clamp(46px,6.25cqh,74px);left:clamp(18px,8.2cqw,100px);right:clamp(18px,2.5cqw,30px);gap:clamp(10px,4.1cqw,50px);height:clamp(58px,min(16.2cqw,24.7cqh),198px)}.is-home .title-pill{flex:1 1 auto;display:flex;justify-content:center;align-items:center;min-width:0;height:100%;border:2px solid #1d1d1b;border-radius:999px;background:#fff;cursor:pointer;opacity:1;transform:translateX(0);animation:home-pill-enter .85s cubic-bezier(.22,1,.36,1) .2s both;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease,background-color .35s ease}.is-home .title-pill:hover{transform:translateY(-4px);border-color:#0080ff;background:#f7fbff;box-shadow:0 14px 32px rgb(0 128 255/12%)}.is-home .title-pill h1{margin:0;color:#1d1d1b;font-family:Montserrat Alternates,Inter,sans-serif;font-size:clamp(18px,min(8.524cqw,13cqh),104px);font-weight:900;line-height:1.3;letter-spacing:-.04em;white-space:nowrap;transition:color .35s ease}.is-home .title-pill:hover h1{color:#0080ff}.is-home .logo-circle{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:auto;height:100%;aspect-ratio:1;border:2px solid #1d1d1b;border-radius:50%;background:#fff;cursor:pointer;opacity:1;transform:scale(1) rotate(0deg);animation:home-circle-enter .9s cubic-bezier(.34,1.56,.64,1) .35s both;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .35s ease,background-color .35s ease}.is-home .logo-circle:hover{transform:scale(1.06) rotate(0deg);border-color:#0080ff;background:#f7fbff;box-shadow:0 16px 36px rgb(0 128 255/18%)}.is-home .logo-circle:hover .css-logo{animation-play-state:paused;transform:scale(1.08)}.is-home .css-logo{width:56%;height:auto;max-height:66%;object-fit:contain;display:block;animation:home-logo-float 4s ease-in-out 1.2s infinite;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.is-home .background-word{position:absolute;left:0;bottom:0;z-index:1;width:max-content;max-width:100%;padding:0;color:transparent;font-family:Montserrat Alternates,Inter,sans-serif;font-size:50cqw;font-weight:900;line-height:1;text-align:left;letter-spacing:-.02em;white-space:nowrap;-webkit-text-stroke:2px #1d1d1b;transform:translateY(31%);margin:0 0 0 -12px;opacity:.35;animation:home-css-enter 1.15s cubic-bezier(.16,1,.3,1) .55s both;transition:color .5s cubic-bezier(.22,1,.36,1),-webkit-text-stroke-color .5s cubic-bezier(.22,1,.36,1)}.is-home .page:has(.logo-circle:hover) .background-word,.is-home .page:has(.title-pill:hover) .background-word,.is-home .page:has(.traffic:hover) .background-word{color:#0080ff;-webkit-text-stroke-color:#0080ff}.is-home .page.is-html:has(.logo-circle:hover) .background-word,.is-home .page.is-html:has(.title-pill:hover) .background-word,.is-home .page.is-html:has(.traffic:hover) .background-word{color:#e8622a;-webkit-text-stroke-color:#e8622a}.is-home .track-switch{position:absolute;top:clamp(20px,3vw,38px);right:clamp(12px,2vw,24px);z-index:4;display:flex;gap:6px;padding:4px;border:2px solid rgb(29 29 27/12%);border-radius:999px;background:#fff}.is-home .track-switch__btn{min-height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700;cursor:pointer}.is-home .track-switch__btn.is-active[data-track=html]{background:#e8622a;color:#fff}.is-home .track-switch__btn.is-active[data-track=css]{background:#0080ff;color:#fff}.is-home .home-stats{position:absolute;left:clamp(16px,4vw,48px);bottom:clamp(90px,12vw,120px);z-index:2;display:flex;flex-wrap:wrap;gap:8px}.is-home .home-stats span{padding:6px 12px;border:2px solid rgb(29 29 27/12%);border-radius:999px;background:rgb(255 255 255/92%);font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.is-home .home-actions{position:absolute;right:clamp(18px,4vw,52px);bottom:clamp(24px,6vh,72px);z-index:4;display:flex;gap:12px;align-items:center}.is-home .home-action{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:2px solid #1d1d1b;border-radius:999px;background:#fff;color:#1d1d1b;text-decoration:none;font-size:clamp(13px,1.3vw,16px);font-weight:900;box-shadow:0 12px 28px rgb(0 0 0/8%);transition:transform .25s cubic-bezier(.22,1,.36,1),color .25s ease,border-color .25s ease,background-color .25s ease}.is-home .home-action:not(.home-action--ghost){border-color:var(--brand);background:var(--brand);color:#fff}.is-home .home-action:hover{transform:translateY(-3px);border-color:#0080ff;background:#f7fbff;color:#0080ff}.is-home .home-action--ghost{background:#fff!important;color:#1d1d1b!important;border-color:#1d1d1b!important}.is-home .page.is-html .logo-circle:hover,.is-home .page.is-html .title-pill:hover{border-color:#e8622a}.is-home .page.is-html .home-action:not(.home-action--ghost){background:#e8622a;border-color:#e8622a}.is-home.theme-html .page:has(.logo-circle:hover) .background-word,.is-home.theme-html .page:has(.title-pill:hover) .background-word{color:#e8622a;-webkit-text-stroke-color:#e8622a}@keyframes home-page-enter{0%{transform:translateY(32px)}to{transform:translateY(0)}}@keyframes home-dot-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes home-pill-enter{0%{transform:translateX(-48px)}to{transform:translateX(0)}}@keyframes home-circle-enter{0%{transform:scale(.6) rotate(-12deg)}to{transform:scale(1) rotate(0deg)}}@keyframes home-css-enter{0%{transform:translateY(44%) scale(.97);filter:blur(6px)}to{transform:translateY(31%) scale(1);filter:blur(0)}}@keyframes home-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:900px){.is-home .hero{top:clamp(58px,10cqh,90px);left:clamp(16px,5cqw,42px);right:clamp(16px,5cqw,42px);gap:clamp(8px,2.5cqw,22px);height:clamp(56px,13cqw,112px)}.is-home .title-pill h1{font-size:clamp(20px,6.7cqw,60px);letter-spacing:-.035em}.is-home .home-actions{right:16px;bottom:22px}.is-home .track-switch{top:auto;right:12px;bottom:100px}.is-home .home-stats{position:static;margin:16px;justify-content:center}.is-home .home-actions{flex-direction:column;left:16px!important;right:16px!important}.is-home .home-action{width:100%}}@media (max-width:560px){.is-home{padding:clamp(10px,3vw,16px) clamp(10px,3vw,16px) 0}.is-home .traffic{top:18px;left:10px;gap:7px;padding:4px 6px}.is-home .traffic__dot{width:12px;height:12px}.is-home .hero{top:clamp(70px,13cqh,96px);left:12px;right:12px;gap:8px;height:clamp(48px,15.5cqw,74px)}.is-home .logo-circle,.is-home .title-pill{border-width:1.5px}.is-home .title-pill h1{font-size:clamp(16px,5.7cqw,32px);letter-spacing:-.03em}.is-home .css-logo{width:54%}.is-home .home-actions{left:16px;right:16px;bottom:18px}.is-home .home-action{width:100%}}@media (max-width:380px){.is-home .hero{top:clamp(64px,12cqh,86px);height:clamp(44px,14.5cqw,60px)}.is-home .title-pill h1{font-size:clamp(14px,5.4vw,24px)}}@media (max-height:560px) and (orientation:landscape){.is-home{padding:10px 16px 0}.is-home .page{min-height:calc(100dvh - 10px);height:calc(100dvh - 10px)}.is-home .traffic{top:14px}.is-home .hero{top:clamp(38px,12cqh,70px);height:clamp(44px,17cqh,86px)}.is-home .title-pill h1{font-size:clamp(16px,min(5.4cqw,10cqh),46px)}}@media (prefers-reduced-motion:reduce){.is-home *,.is-home :after,.is-home :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.is-home .logo-circle:hover,.is-home .title-pill:hover,.is-home .traffic__dot:hover{transform:none;box-shadow:none}.is-home .title-pill:hover h1{color:#1d1d1b}.is-home .page:has(.logo-circle:hover) .background-word,.is-home .page:has(.title-pill:hover) .background-word,.is-home .page:has(.traffic:hover) .background-word{color:transparent;-webkit-text-stroke-color:#1d1d1b}}