/* ==========================================================================
   © Pautinka Digital Develop Studio. All rights reserved.
   This template package and its custom implementation are proprietary.
   Any unauthorized third-party use, copying, redistribution, or modification
   is strictly prohibited without written permission from the studio.
   Third-party libraries retain their respective licenses.
   ========================================================================== */

.pk-is-home .pk-header {
    background: transparent;
    border-bottom: 0;
    box-shadow: none;
}
.pk-is-home .pk-header__brand,
.pk-is-home .pk-topnav,
.pk-is-home .pk-search {
    opacity: 0;
    pointer-events: none;
}

.pk-home-hero {
    --hero-x: 0px;
    --hero-y: 0px;
    position: relative;
    min-height: 100svh;
    overflow: hidden;
    background: #02050c;
    isolation: isolate;
}

.pk-home-hero__bg,
.pk-home-hero__vignette,
.pk-home-hero__stars {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.pk-home-hero__bg {
    z-index: 0;
    transform: translate3d(calc(var(--hero-x) * -0.018), calc(var(--hero-y) * -0.018), 0) scale(1.035);
}

.pk-home-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pk-home-hero__vignette {
    z-index: 1;
    background:
        radial-gradient(circle at 50% 46%, rgba(73, 178, 255, .10), rgba(2, 5, 12, 0) 37%),
        linear-gradient(90deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, .76)),
        linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, .82));
}

.pk-home-hero__stars {
    z-index: 2;
    opacity: .52;
    background-image:
        radial-gradient(circle, rgba(147, 224, 255, .95) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(195, 120, 255, .75) 0 1px, transparent 1.8px),
        radial-gradient(circle, rgba(255, 255, 255, .9) 0 1px, transparent 1.4px);
    background-size: 180px 180px, 260px 260px, 340px 340px;
    background-position: 0 0, 80px 60px, 140px 110px;
    animation: pkHeroStars 18s linear infinite;
}

.pk-home-hero__top-note {
    position: absolute;
    z-index: 6;
    top: clamp(26px, 4.5vh, 52px);
    left: clamp(22px, 4.8vw, 58px);
    min-width: min(550px, calc(100vw - 44px));
    height: 54px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 0 26px;
    color: #dcedff;
    text-transform: uppercase;
    letter-spacing: .22em;
    font-size: clamp(11px, .86vw, 15px);
    font-weight: 700;
    background:
        linear-gradient(90deg, rgba(26, 186, 255, .16), rgba(140, 72, 255, .06)),
        rgba(2, 8, 16, .38);
    border: 1px solid rgba(121, 205, 255, .34);
    clip-path: polygon(22px 0, calc(100% - 22px) 0, 100% 22px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 18px);
    box-shadow: 0 0 24px rgba(42, 174, 255, .20), inset 0 0 24px rgba(71, 195, 255, .08);
    backdrop-filter: blur(8px);
}

.pk-home-hero__top-note:before,
.pk-home-hero__top-note:after {
    content: "";
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg, rgba(97, 207, 255, .85), transparent);
}
.pk-home-hero__top-note:before { left: 0; right: 18px; bottom: 8px; }
.pk-home-hero__top-note:after { left: -42px; top: 50%; width: 42px; }
.pk-home-hero__top-note span { color: #7be8ff; }
.pk-home-hero__top-note i { color: rgba(255,255,255,.48); font-style: normal; }
.pk-home-hero__top-note em { color: rgba(235,242,255,.78); font-style: normal; }

.pk-home-hero__center {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 48%;
    width: min(58vw, 980px);
    min-width: 620px;
    transform: translate3d(calc(-50% + var(--hero-x) * .012), calc(-50% + var(--hero-y) * .012), 0);
    display: grid;
    place-items: center;
}

.pk-home-hero__halo,
.pk-home-hero__ring,
.pk-home-hero__logo {
    grid-area: 1 / 1;
    display: block;
    pointer-events: none;
    user-select: none;
}

.pk-home-hero__halo {
    width: 112%;
    opacity: .72;
    filter: saturate(1.08) blur(.2px);
    mix-blend-mode: screen;
}

.pk-home-hero__ring {
    width: min(62vw, 720px);
    opacity: .54;
    filter: saturate(1.12) drop-shadow(0 0 18px rgba(48, 174, 255, .28));
    mix-blend-mode: screen;
    animation: pkHeroRing 32s linear infinite;
}

.pk-home-hero__logo {
    width: min(52vw, 820px);
    filter:
        drop-shadow(0 0 10px rgba(194, 239, 255, .84))
        drop-shadow(0 0 30px rgba(58, 184, 255, .42))
        drop-shadow(0 0 62px rgba(124, 91, 255, .28));
}

.pk-home-hero__bottom {
    position: absolute;
    z-index: 7;
    left: clamp(38px, 5vw, 82px);
    right: clamp(38px, 5vw, 82px);
    bottom: clamp(48px, 6.4vh, 86px);
    display: grid;
    grid-template-columns: minmax(260px, 385px) minmax(360px, 520px) minmax(260px, 385px);
    align-items: end;
    justify-content: space-between;
    gap: 36px;
}

.pk-home-hero__button {
    position: relative;
    height: clamp(76px, 5.8vw, 104px);
    display: grid;
    place-items: center;
    color: #f2f7ff;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 700;
    font-size: clamp(12px, .86vw, 17px);
    text-align: center;
    isolation: isolate;
    transition: transform .25s ease, filter .25s ease;
}

.pk-home-hero__button img {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
    filter: drop-shadow(0 0 22px rgba(49, 175, 255, .28));
}

.pk-home-hero__button span {
    padding: 0 58px 0 34px;
    text-shadow: 0 0 12px rgba(140, 218, 255, .55);
}

.pk-home-hero__button b {
    position: absolute;
    right: 13%;
    top: 50%;
    transform: translateY(-54%);
    font-size: 42px;
    line-height: 1;
    font-weight: 300;
    color: #aeefff;
    text-shadow: 0 0 16px rgba(69, 200, 255, .8);
}

.pk-home-hero__button:hover {
    transform: translateY(-3px);
    filter: brightness(1.12);
}

.pk-home-hero__description {
    position: relative;
    min-height: 78px;
    display: grid;
    place-items: center;
    padding: 18px 36px;
    color: rgba(244,247,255,.9);
    font-size: clamp(14px, 1.02vw, 18px);
    line-height: 1.55;
    letter-spacing: .18em;
    text-align: center;
    background: linear-gradient(90deg, rgba(7, 18, 34, .1), rgba(8, 18, 32, .62), rgba(7, 18, 34, .1));
    border-top: 1px solid rgba(122, 205, 255, .42);
    border-bottom: 1px solid rgba(122, 205, 255, .32);
    text-shadow: 0 0 12px rgba(124, 166, 255, .38);
}

.pk-home-hero__description:before,
.pk-home-hero__description:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 38%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(116, 205, 255, .72), transparent);
}
.pk-home-hero__description:before { left: -28%; }
.pk-home-hero__description:after { right: -28%; }

.pk-home-hero__scroll {
    position: absolute;
    z-index: 8;
    left: 50%;
    bottom: clamp(10px, 2.8vh, 26px);
    width: 74px;
    height: 74px;
    transform: translateX(-50%);
    display: grid;
    place-items: center;
}

.pk-home-hero__scroll img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 16px rgba(63, 184, 255, .46));
}

.pk-home-hero__scroll span {
    position: relative;
    width: 18px;
    height: 18px;
    border-right: 2px solid #9feaff;
    border-bottom: 2px solid #9feaff;
    transform: translateY(-3px) rotate(45deg);
    animation: pkHeroScroll 1.55s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(69, 206, 255, .9));
}

@keyframes pkHeroStars {
    to { background-position: 180px 180px, 340px 320px, 480px 450px; }
}
@keyframes pkHeroRing {
    to { transform: rotate(360deg); }
}
@keyframes pkHeroScroll {
    0%,100% { opacity: .62; transform: translateY(-7px) rotate(45deg); }
    50% { opacity: 1; transform: translateY(2px) rotate(45deg); }
}

@media (max-width: 1180px) {
    .pk-home-hero__center { width: 78vw; min-width: 0; top: 47%; }
    .pk-home-hero__logo { width: min(76vw, 740px); }
    .pk-home-hero__ring { width: min(76vw, 660px); }
    .pk-home-hero__bottom {
        left: 28px;
        right: 28px;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }
    .pk-home-hero__description {
        grid-column: 1 / -1;
        grid-row: 1;
        width: min(560px, 100%);
        justify-self: center;
        min-height: 64px;
    }
}

@media (max-width: 720px) {
    .pk-is-home .pk-header__brand { display: none; }
    .pk-home-hero { min-height: 100svh; }
    .pk-home-hero__bg { transform: scale(1.1); }
    .pk-home-hero__stars { opacity: .35; animation: none; }
    .pk-home-hero__top-note {
        top: 22px;
        left: 14px;
        right: 68px;
        min-width: 0;
        width: auto;
        height: 42px;
        padding: 0 14px;
        gap: 8px;
        font-size: 9px;
        letter-spacing: .14em;
    }
    .pk-home-hero__top-note em { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .pk-home-hero__center {
        top: 42%;
        width: 96vw;
    }
    .pk-home-hero__halo { width: 150%; opacity: .52; }
    .pk-home-hero__ring { width: 92vw; opacity: .36; animation: none; }
    .pk-home-hero__logo { width: 92vw; }
    .pk-home-hero__bottom {
        left: 14px;
        right: 14px;
        bottom: 74px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .pk-home-hero__description {
        order: -1;
        min-height: auto;
        padding: 10px 14px;
        font-size: 11px;
        line-height: 1.45;
        letter-spacing: .12em;
    }
    .pk-home-hero__description:before,
    .pk-home-hero__description:after { display: none; }
    .pk-home-hero__button {
        height: 62px;
        font-size: 10px;
        letter-spacing: .12em;
    }
    .pk-home-hero__button span { padding: 0 46px 0 26px; }
    .pk-home-hero__button b { font-size: 32px; right: 12%; }
    .pk-home-hero__scroll { width: 58px; height: 58px; bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .pk-home-hero__stars,
    .pk-home-hero__ring,
    .pk-home-hero__scroll span {
        animation: none !important;
    }
}

.pk-is-home .pk-header{
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
    pointer-events:none !important;
}
.pk-is-home .pk-header__brand,
.pk-is-home .pk-topnav,
.pk-is-home .pk-search{
    display:none !important;
}
.pk-is-home .pk-header__actions{
    position:fixed !important;
    top:12px !important;
    right:18px !important;
    z-index:60 !important;
    pointer-events:auto !important;
}
.pk-is-home .pk-header__actions .pk-burger{
    width:42px;
    height:42px;
    border-radius:10px;
    background:rgba(6,14,24,.56);
    border-color:rgba(112,204,255,.38);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 0 18px rgba(69,190,255,.18), inset 0 0 14px rgba(94,198,255,.08);
}
.pk-is-home .pk-header__actions .pk-burger span{width:18px;}

.pk-home-hero__top-note{
    min-width:0;
    height:auto;
    padding:0;
    gap:12px;
    background:none;
    border:0;
    clip-path:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    color:rgba(234,244,255,.78);
    text-shadow:0 0 14px rgba(69,190,255,.22);
    transform:translate3d(0, var(--hero-top-rise, 0px), 0);
    opacity:var(--hero-top-fade, 1);
    transition:opacity .12s linear, transform .12s linear;
}
.pk-home-hero__top-note:before,
.pk-home-hero__top-note:after{display:none;}
.pk-home-hero__top-note span{
    color:#d9f5ff;
    text-shadow:0 0 14px rgba(100,220,255,.38);
}
.pk-home-hero__top-note i{color:rgba(255,255,255,.42);}
.pk-home-hero__top-note em{color:rgba(232,236,255,.72);}

.pk-home-hero{
    --hero-rise-center:0px;
    --hero-rise-bottom:0px;
    --hero-rise-scroll:0px;
    --hero-top-rise:0px;
    --hero-bg-scroll:0px;
    --hero-fade-center:1;
    --hero-fade-bottom:1;
    --hero-fade-scroll:1;
    --hero-top-fade:1;
}
.pk-home-hero__bg{
    transform:translate3d(calc(var(--hero-x) * -0.018), calc(var(--hero-y) * -0.018 + var(--hero-bg-scroll)), 0) scale(1.035);
}
.pk-home-hero__center{
    opacity:var(--hero-fade-center);
    transform:translate3d(calc(-50% + var(--hero-x) * .012), calc(-50% + var(--hero-y) * .012 + var(--hero-rise-center)), 0);
    transition:opacity .12s linear, transform .12s linear;
    will-change:transform, opacity;
}
.pk-home-hero__bottom{
    opacity:var(--hero-fade-bottom);
    transform:translate3d(0, var(--hero-rise-bottom), 0);
    transition:opacity .12s linear, transform .12s linear;
    will-change:transform, opacity;
}
.pk-home-hero__scroll{
    opacity:var(--hero-fade-scroll);
    transform:translate3d(-50%, var(--hero-rise-scroll), 0);
    transition:opacity .12s linear, transform .12s linear;
    will-change:transform, opacity;
}

@media (max-width:720px){
    .pk-is-home .pk-header__actions{top:10px !important;right:10px !important;}
    .pk-home-hero__top-note{
        top:24px;
        left:16px;
        right:62px;
        width:auto;
        font-size:9px;
        line-height:1.35;
        letter-spacing:.12em;
        display:flex;
        flex-wrap:wrap;
    }
}

.pk-is-home .pk-header{
    transform:translate3d(0,-118%,0);
    opacity:0;
    transition:transform .72s cubic-bezier(.22,1,.36,1), opacity .42s ease;
    will-change:transform,opacity;
}
.pk-is-home.pk-home-nav-visible .pk-header{
    height:var(--pk-header-h) !important;
    min-height:var(--pk-header-h) !important;
    padding:16px clamp(18px,3vw,46px) !important;
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    overflow:visible !important;
    pointer-events:auto !important;
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
    background:linear-gradient(180deg,rgba(4,7,12,.82),rgba(4,7,12,.36)) !important;
    border-bottom:1px solid rgba(99,180,255,.14) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.18) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
}
.pk-is-home.pk-home-nav-visible .pk-header__brand{
    display:flex !important;
    opacity:1 !important;
    pointer-events:auto !important;
}
.pk-is-home.pk-home-nav-visible .pk-topnav{
    display:flex !important;
    opacity:1 !important;
    pointer-events:auto !important;
}
.pk-is-home.pk-home-nav-visible .pk-search{
    display:flex !important;
    opacity:1 !important;
    pointer-events:auto !important;
}
.pk-is-home.pk-home-nav-visible .pk-header__actions{
    position:static !important;
    z-index:auto !important;
    pointer-events:auto !important;
}
.pk-is-home.pk-home-nav-visible .pk-header__actions .pk-burger{
    width:50px;
    height:48px;
    border-radius:12px;
    background:linear-gradient(180deg,rgba(15,26,40,.85),rgba(8,13,20,.9));
    border-color:rgba(99,180,255,.28);
    box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
}
.pk-is-home.pk-home-nav-visible .pk-header__actions .pk-burger span{width:22px;}

@media (max-width:900px){
    .pk-is-home.pk-home-nav-visible .pk-topnav,
    .pk-is-home.pk-home-nav-visible .pk-search{display:none !important;}
    .pk-is-home.pk-home-nav-visible .pk-header{height:70px !important;min-height:70px !important;}
    .pk-is-home.pk-home-nav-visible .pk-header__actions{margin-left:auto;}
}

.pk-is-home:not(.pk-home-nav-visible) .pk-header{
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:none !important;
    overflow:visible !important;
}
.pk-is-home:not(.pk-home-nav-visible) .pk-header__brand,
.pk-is-home:not(.pk-home-nav-visible) .pk-topnav,
.pk-is-home:not(.pk-home-nav-visible) .pk-search{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}
.pk-is-home:not(.pk-home-nav-visible) .pk-header__actions{
    display:flex !important;
    position:fixed !important;
    top:18px !important;
    right:22px !important;
    z-index:70 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
}
.pk-is-home:not(.pk-home-nav-visible) .pk-header__actions .pk-burger{
    display:grid !important;
    position:relative !important;
    width:46px !important;
    height:46px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    border-radius:12px !important;
    border:1px solid rgba(113,207,255,.72) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(98,220,255,.22), transparent 58%),
        linear-gradient(180deg, rgba(11,28,45,.88), rgba(4,10,18,.86)) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.08) inset,
        0 0 18px rgba(65,190,255,.36),
        0 0 38px rgba(139,92,255,.16) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
}
.pk-is-home:not(.pk-home-nav-visible) .pk-header__actions .pk-burger::before{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:8px;
    border:1px solid rgba(150,224,255,.14);
    pointer-events:none;
}
.pk-is-home:not(.pk-home-nav-visible) .pk-header__actions .pk-burger span{
    display:block !important;
    width:20px !important;
    height:2px !important;
    opacity:1 !important;
    visibility:visible !important;
    border-radius:999px !important;
    background:#e9fbff !important;
    box-shadow:0 0 10px rgba(94,214,255,.92), 0 0 18px rgba(139,92,255,.3) !important;
}
.pk-is-home:not(.pk-home-nav-visible) .pk-header__actions .pk-burger:hover{
    border-color:rgba(139,234,255,.95) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.1) inset,
        0 0 24px rgba(65,190,255,.48),
        0 0 48px rgba(139,92,255,.22) !important;
}
@media (max-width:720px){
    .pk-is-home:not(.pk-home-nav-visible) .pk-header__actions{
        top:12px !important;
        right:12px !important;
    }
    .pk-is-home:not(.pk-home-nav-visible) .pk-header__actions .pk-burger{
        width:44px !important;
        height:44px !important;
    }
}