:root {
    --v2-ink: #101216;
    --v2-muted: #666d78;
    --v2-orange: #ff5b22;
    --v2-orange-dark: #dd4311;
    --v2-blue: #2f6fff;
    --v2-paper: #f3f4f1;
    --v2-white: #ffffff;
    --v2-line: rgba(16, 18, 22, .11);
    --v2-radius: 22px;
}

.home-v2 {
    background: var(--v2-paper);
    color: var(--v2-ink);
    font-family: "Manrope", Arial, sans-serif;
}

.home-v2 h1,
.home-v2 h2,
.home-v2 h3,
.home-v2 .brand {
    font-family: "Space Grotesk", "Manrope", Arial, sans-serif;
}

.home-v2 .ui-icon {
    display: block;
    flex: 0 0 auto;
}

.home-v2 .container {
    width: min(1220px, calc(100% - 48px));
}

.home-v2 .announcement {
    min-height: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: var(--v2-orange);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.home-v2 .announcement-side {
    gap: 10px !important;
    font-weight: 700 !important;
    opacity: .9;
}

.home-v2 .announcement-side i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
}

.home-v2 .site-header {
    height: 76px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: rgba(12, 14, 18, .84);
    color: #fff;
    backdrop-filter: blur(18px);
    transition: background .25s ease, box-shadow .25s ease;
}

.home-v2 .site-header.is-scrolled {
    background: rgba(12, 14, 18, .96);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .2);
}

.home-v2 .brand {
    gap: 11px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.045em;
}

.home-v2 .brand-mark {
    width: 36px;
    height: 36px;
    border-radius: 11px 3px 11px 3px;
    background: linear-gradient(145deg, #ff7b3f, var(--v2-orange));
    box-shadow: 0 10px 28px rgba(255, 91, 34, .24);
}

.home-v2 .brand small {
    color: #ff8757;
}

.home-v2 .desktop-nav {
    gap: 32px;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
}

.home-v2 .desktop-nav a::after {
    bottom: 17px;
    height: 1px;
    background: var(--v2-orange);
}

.home-v2 .desktop-nav a:hover {
    color: #fff;
}

.home-v2 .header-actions {
    gap: 5px;
}

.home-v2 .header-consult {
    min-height: 38px;
    margin-right: 8px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: .2s ease;
}

.home-v2 .header-consult:hover {
    border-color: var(--v2-orange);
    background: var(--v2-orange);
}

.home-v2 .icon-button,
.home-v2 .cart-button {
    color: #fff;
}

.home-v2 .icon-button:hover,
.home-v2 .cart-button:hover {
    background: rgba(255, 255, 255, .1);
    box-shadow: none;
}

.home-v2 .cart-button b {
    border-color: #121418;
    background: var(--v2-orange);
}

.home-v2 .mobile-drawer {
    z-index: 101;
    width: min(390px, 92vw);
    padding: 25px;
    background: #fff;
    color: var(--v2-ink);
    transition: transform .28s ease, visibility .28s;
}

.home-v2 .mobile-drawer::before {
    display: none;
}

.home-v2 .mobile-drawer .brand {
    color: var(--v2-ink);
}

.home-v2 .mobile-drawer nav a {
    font-family: "Space Grotesk", sans-serif;
    font-size: 15px;
}

.home-v2 .menu-backdrop {
    position: fixed;
    z-index: 99;
    inset: 0;
    background: rgba(5, 7, 10, .62);
    backdrop-filter: blur(4px);
}

.home-v2.menu-open {
    overflow: hidden;
}

.v2-hero {
    position: relative;
    min-height: 735px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #0c0e12;
    color: #fff;
}

.v2-hero::after {
    content: "GOPRAK";
    position: absolute;
    left: -18px;
    bottom: -56px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .045);
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(120px, 18vw, 260px);
    font-weight: 700;
    letter-spacing: -.075em;
    pointer-events: none;
}

.v2-hero-grid {
    position: absolute;
    inset: 0;
    opacity: .075;
    background-image: linear-gradient(rgba(255, 255, 255, .24) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .24) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(90deg, #000, transparent 73%);
}

.v2-hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
}

.orb-orange {
    width: 390px;
    height: 390px;
    right: 28%;
    bottom: -160px;
    background: rgba(255, 83, 27, .23);
}

.orb-blue {
    width: 300px;
    height: 300px;
    top: 30px;
    right: -90px;
    background: rgba(33, 103, 255, .18);
}

.v2-hero-layout {
    position: relative;
    z-index: 2;
    min-height: 735px;
    display: grid;
    grid-template-columns: .94fr 1.06fr;
    align-items: center;
    gap: 32px;
}

.v2-hero-copy {
    position: relative;
    z-index: 4;
    max-width: 650px;
    padding: 78px 0 110px;
}

.v2-eyebrow,
.v2-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--v2-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.v2-eyebrow span {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 91, 34, .35);
    border-radius: 50%;
    background: rgba(255, 91, 34, .11);
}

.v2-hero h1 {
    max-width: 670px;
    margin: 22px 0 24px;
    font-size: clamp(54px, 5.2vw, 78px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.063em;
}

.v2-hero h1 em {
    color: var(--v2-orange);
    font-style: normal;
}

.v2-hero-copy > p {
    max-width: 585px;
    margin: 0;
    color: #a5abb4;
    font-size: 15px;
    line-height: 1.85;
}

.v2-hero-actions {
    margin-top: 31px;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.v2-button {
    min-height: 52px;
    padding: 0 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .015em;
    transition: transform .22s ease, background .22s ease, border .22s ease, box-shadow .22s ease;
}

.v2-button:hover {
    transform: translateY(-2px);
}

.v2-button-primary {
    background: var(--v2-orange);
    color: #fff;
    box-shadow: 0 15px 40px rgba(255, 91, 34, .22);
}

.v2-button-primary:hover {
    background: #ff6c37;
    box-shadow: 0 18px 44px rgba(255, 91, 34, .3);
}

.v2-button-quiet {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .035);
    color: #fff;
}

.v2-button-quiet:hover {
    border-color: rgba(255, 255, 255, .35);
    background: rgba(255, 255, 255, .09);
}

.v2-button-dark {
    background: var(--v2-ink);
    color: #fff;
}

.v2-button-light {
    background: #fff;
    color: var(--v2-ink);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .15);
}

.v2-hero-proof {
    margin-top: 35px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.v2-proof-avatars {
    display: flex;
    padding-left: 8px;
}

.v2-proof-avatars span {
    width: 32px;
    height: 32px;
    margin-left: -8px;
    display: grid;
    place-items: center;
    border: 2px solid #0c0e12;
    border-radius: 50%;
    background: #282d35;
    color: #fff;
    font-size: 8px;
    font-weight: 800;
}

.v2-proof-avatars span:nth-child(2) { background: #174568; }
.v2-proof-avatars span:nth-child(3) { background: #663528; }
.v2-proof-avatars span:last-child { background: var(--v2-orange); }

.v2-hero-proof > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.v2-hero-proof strong { font-size: 10px; }
.v2-hero-proof small { color: #767d88; font-size: 8px; }

.v2-proof-rating {
    margin-left: 8px;
    padding-left: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    border-left: 1px solid rgba(255, 255, 255, .13);
    color: #ffc24d;
}

.v2-proof-rating span {
    color: #727985;
    font-size: 9px;
}

.v2-hero-visual {
    position: relative;
    align-self: stretch;
    min-height: 735px;
}

.v2-hero-frame {
    position: absolute;
    inset: 0 -150px 0 -155px;
    overflow: hidden;
}

.v2-hero-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 57% 50%;
}

.v2-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #0c0e12 0%, rgba(12, 14, 18, .7) 22%, rgba(12, 14, 18, .05) 54%, rgba(12, 14, 18, .24) 100%), linear-gradient(0deg, rgba(12, 14, 18, .94) 0%, transparent 27%);
}

.v2-frame-label {
    position: absolute;
    right: 190px;
    top: 38px;
    writing-mode: vertical-rl;
    color: rgba(255, 255, 255, .45);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .23em;
}

.v2-float-card {
    position: absolute;
    z-index: 5;
    padding: 11px 14px 11px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 11px;
    background: rgba(23, 26, 31, .72);
    backdrop-filter: blur(16px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .27);
}

.v2-float-card > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(255, 91, 34, .13);
    color: var(--v2-orange);
}

.v2-float-card > div { display: flex; flex-direction: column; gap: 3px; }
.v2-float-card strong { font-size: 10px; }
.v2-float-card small { color: #8f96a1; font-size: 8px; }
.v2-card-quality { top: 142px; right: -8px; }
.v2-card-delivery { left: 13px; bottom: 118px; }

.v2-hero-index {
    position: absolute;
    z-index: 2;
    right: 16px;
    bottom: 35px;
    color: rgba(255, 255, 255, .045);
    font-family: "Space Grotesk", sans-serif;
    font-size: 190px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.1em;
}

.v2-scroll-cue {
    position: absolute;
    z-index: 5;
    left: max(24px, calc((100vw - 1220px) / 2));
    bottom: 25px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #747b85;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.v2-scroll-cue span {
    width: 24px;
    height: 1px;
    background: var(--v2-orange);
}

.v2-trustbar {
    position: relative;
    z-index: 6;
    border-bottom: 1px solid var(--v2-line);
    background: #fff;
    box-shadow: 0 15px 50px rgba(16, 18, 22, .035);
}

.v2-trust-grid {
    min-height: 108px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
}

.v2-trust-grid article {
    min-height: 54px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    gap: 13px;
    border-right: 1px solid var(--v2-line);
}

.v2-trust-grid article:first-child { padding-left: 0; }
.v2-trust-grid article:last-child { border: 0; }

.v2-trust-grid article > span {
    width: 41px;
    height: 41px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: #fff0e9;
    color: var(--v2-orange);
}

.v2-trust-grid article > div { display: flex; flex-direction: column; gap: 4px; }
.v2-trust-grid strong { font-size: 10px; }
.v2-trust-grid small { color: var(--v2-muted); font-size: 8px; }

.v2-section { padding: 105px 0; }

.v2-heading {
    margin-bottom: 43px;
}

.v2-heading-split {
    display: grid;
    grid-template-columns: 1.1fr .65fr;
    align-items: end;
    gap: 70px;
}

.v2-heading h2,
.v2-custom-copy h2,
.v2-testimonial h2,
.v2-cta h2 {
    margin: 12px 0 0;
    font-size: clamp(38px, 4.4vw, 60px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.06em;
}

.v2-heading p,
.v2-heading-action p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 12px;
    line-height: 1.8;
}

.v2-heading-action a {
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--v2-orange);
    font-size: 10px;
    font-weight: 800;
}

.v2-category-section { background: #f3f4f1; }

.v2-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
}

.v2-category-card {
    position: relative;
    min-height: 280px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 17px;
    background: #171a20;
    color: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.v2-category-card::before,
.v2-category-card::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.v2-category-card::before {
    width: 220px;
    height: 220px;
    right: -90px;
    bottom: -115px;
    border: 34px solid var(--cat-color, var(--v2-orange));
    border-radius: 50%;
    opacity: .24;
}

.v2-category-card::after {
    inset: 0;
    opacity: .1;
    background-image: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, .8) 46%, transparent 47%);
    background-size: 37px 37px;
}

.v2-category-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(16, 18, 22, .16);
}

.v2-cat-football { --cat-color: #ff642d; }
.v2-cat-futsal { --cat-color: #3a7cff; }
.v2-cat-esports { --cat-color: #af65ff; }
.v2-cat-basket { --cat-color: #3cd08c; }

.v2-cat-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #777e89;
    font-size: 10px;
    font-weight: 800;
}

.v2-cat-top .ui-icon {
    color: var(--cat-color);
}

.v2-category-card > div:last-child {
    position: relative;
    z-index: 2;
}

.v2-category-card small {
    color: var(--cat-color);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .15em;
}

.v2-category-card h3 {
    margin: 8px 0 9px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -.04em;
}

.v2-category-card p {
    max-width: 180px;
    margin: 0;
    color: #878e98;
    font-size: 9px;
    line-height: 1.65;
}

.v2-products {
    border-top: 1px solid rgba(16, 18, 22, .06);
    background: #fff;
}

.v2-product-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.home-v2 .product-card {
    overflow: hidden;
    border: 1px solid rgba(16, 18, 22, .09);
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    transition: transform .25s ease, box-shadow .25s ease, border .25s ease;
}

.home-v2 .product-card:hover {
    transform: translateY(-5px);
    border-color: rgba(16, 18, 22, .15);
    box-shadow: 0 22px 55px rgba(16, 18, 22, .1);
}

.home-v2 .product-image {
    position: relative;
    aspect-ratio: .93 / 1;
    overflow: hidden;
    background: #16191e;
}

.home-v2 .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}

.home-v2 .product-card:hover .product-image img {
    transform: scale(1.045);
}

.home-v2 .product-image::after {
    content: "";
    position: absolute;
    inset: 50% 0 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, .22));
}

.home-v2 .product-badge {
    z-index: 2;
    top: 13px;
    left: 13px;
    padding: 7px 9px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 6px;
    background: rgba(13, 15, 19, .74);
    color: #fff;
    backdrop-filter: blur(9px);
    font-size: 7px;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.home-v2 .product-view {
    position: absolute;
    z-index: 3;
    right: 13px;
    bottom: 13px;
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: var(--v2-ink);
    opacity: 0;
    transform: translateY(8px);
    transition: .22s ease;
}

.home-v2 .product-card:hover .product-view {
    opacity: 1;
    transform: translateY(0);
}

.home-v2 .product-info {
    padding: 18px;
}

.home-v2 .product-meta {
    color: #8a9099;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-v2 .product-meta span:last-child {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #d78d00;
}

.home-v2 .product-info h3 {
    margin: 9px 0 7px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.home-v2 .product-summary {
    min-height: 34px;
    margin: 0;
    color: #7c828b;
    font-size: 8px;
    line-height: 1.65;
}

.home-v2 .product-buy-row {
    margin-top: 14px;
    padding-top: 14px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid rgba(16, 18, 22, .08);
}

.home-v2 .product-price {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.home-v2 .product-price strong {
    color: var(--v2-ink);
    font-size: 13px;
}

.home-v2 .product-price del {
    color: #a8adb3;
    font-size: 8px;
}

.home-v2 .quick-cart-form {
    margin: 0;
}

.home-v2 .quick-add {
    width: 40px;
    height: 40px;
    min-height: 0;
    padding: 0;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--v2-ink);
    color: #fff;
    transition: background .2s ease, transform .2s ease;
}

.home-v2 .quick-add:hover {
    background: var(--v2-orange);
    transform: translateY(-2px);
}

.home-v2 .quick-add span { display: none; }
.v2-mobile-all { display: none; margin-top: 28px; text-align: center; }

.v2-custom {
    position: relative;
    overflow: hidden;
    background: #111318;
    color: #fff;
}

.v2-custom::before {
    content: "";
    position: absolute;
    width: 440px;
    height: 440px;
    right: -130px;
    top: -170px;
    border-radius: 50%;
    background: rgba(255, 91, 34, .14);
    filter: blur(80px);
}

.v2-custom-grid {
    position: relative;
    z-index: 2;
    min-height: 670px;
    display: grid;
    grid-template-columns: 1.03fr .97fr;
    align-items: stretch;
}

.v2-custom-studio {
    position: relative;
    min-height: 670px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-left: 1px solid rgba(255, 255, 255, .07);
    border-right: 1px solid rgba(255, 255, 255, .07);
    background: #0d0f13;
}

.v2-custom-studio::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .08;
    background-image: linear-gradient(rgba(255, 255, 255, .2) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .2) 1px, transparent 1px);
    background-size: 54px 54px;
}

.v2-studio-watermark {
    position: absolute;
    left: -28px;
    top: 50%;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .06);
    font-family: "Space Grotesk", sans-serif;
    font-size: 100px;
    font-weight: 700;
    letter-spacing: -.08em;
    transform: translateY(-50%) rotate(-90deg);
}

.v2-jersey-stage {
    --jersey-accent: #ff5b22;
    position: relative;
    z-index: 2;
    width: 360px;
    height: 420px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--jersey-accent) 26%, transparent), transparent 67%);
}

@supports not (background: color-mix(in srgb, red, blue)) {
    .v2-jersey-stage { background: radial-gradient(circle, rgba(255, 91, 34, .22), transparent 67%); }
}

.v2-jersey {
    position: relative;
    width: 236px;
    height: 315px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    clip-path: polygon(24% 8%, 36% 1%, 64% 1%, 76% 8%, 100% 18%, 89% 38%, 78% 31%, 82% 100%, 18% 100%, 22% 31%, 11% 38%, 0 18%);
    background: linear-gradient(115deg, transparent 0 44%, var(--jersey-accent) 44% 54%, transparent 54%), linear-gradient(245deg, transparent 0 45%, color-mix(in srgb, var(--jersey-accent) 78%, black) 45% 55%, transparent 55%), linear-gradient(160deg, #282c34, #0c0e12 72%);
    filter: drop-shadow(0 35px 28px rgba(0, 0, 0, .5));
    transition: background .35s ease;
}

@supports not (background: color-mix(in srgb, red, blue)) {
    .v2-jersey { background: linear-gradient(115deg, transparent 0 44%, var(--jersey-accent) 44% 54%, transparent 54%), linear-gradient(245deg, transparent 0 45%, #c94418 45% 55%, transparent 55%), linear-gradient(160deg, #282c34, #0c0e12 72%); }
}

.v2-collar {
    position: absolute;
    top: 0;
    width: 55px;
    height: 29px;
    border: 6px solid var(--jersey-accent);
    border-top: 0;
    border-radius: 0 0 50% 50%;
}

.v2-jersey-logo {
    position: absolute;
    left: 65px;
    top: 67px;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 8px 2px 8px 2px;
    background: var(--jersey-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.v2-jersey strong {
    margin-top: 20px;
    font-family: "Space Grotesk", sans-serif;
    font-size: 72px;
    line-height: 1;
    letter-spacing: -.07em;
}

.v2-jersey small {
    margin-top: 5px;
    color: rgba(255, 255, 255, .58);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .16em;
}

.v2-palette {
    position: absolute;
    z-index: 4;
    left: 25px;
    bottom: 24px;
    padding: 9px 11px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    background: rgba(18, 20, 25, .8);
    backdrop-filter: blur(10px);
}

.v2-palette > span {
    margin-right: 4px;
    color: #777e89;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .12em;
}

.v2-palette button {
    width: 19px;
    height: 19px;
    padding: 0;
    border: 3px solid #1b1e24;
    border-radius: 50%;
    outline: 1px solid transparent;
    background: var(--swatch);
    cursor: pointer;
}

.v2-palette button.is-active {
    outline-color: #fff;
}

.v2-studio-note {
    position: absolute;
    z-index: 3;
    right: 25px;
    top: 25px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #6f7680;
    font-size: 8px;
    font-weight: 700;
}

.v2-studio-note .ui-icon { color: var(--v2-orange); }

.v2-custom-copy {
    padding: 95px 0 95px 80px;
    align-self: center;
}

.v2-kicker-light { color: #ff8151; }

.v2-custom-copy h2 {
    max-width: 580px;
    font-size: clamp(38px, 4vw, 56px);
}

.v2-custom-copy > p {
    max-width: 545px;
    margin: 22px 0 28px;
    color: #969ca6;
    font-size: 12px;
    line-height: 1.8;
}

.v2-custom-features {
    max-width: 560px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}

.v2-custom-features > div {
    min-height: 72px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    background: rgba(255, 255, 255, .025);
}

.v2-custom-features > div > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: rgba(255, 91, 34, .12);
    color: var(--v2-orange);
}

.v2-custom-features > div > div { display: flex; flex-direction: column; gap: 4px; }
.v2-custom-features strong { font-size: 9px; }
.v2-custom-features small { color: #777e88; font-size: 7px; }
.v2-custom-copy .v2-button { margin-top: 27px; }

.v2-process { background: #f3f4f1; }

.v2-heading-centered {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.v2-heading-centered p {
    max-width: 550px;
    margin: 15px auto 0;
}

.v2-process-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
}

.v2-process-grid::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 38px;
    height: 1px;
    background: rgba(16, 18, 22, .12);
}

.v2-process-card {
    position: relative;
    z-index: 2;
    min-height: 260px;
    padding: 22px;
    border: 1px solid var(--v2-line);
    border-radius: 16px;
    background: #fff;
    transition: transform .22s ease, border .22s ease, box-shadow .22s ease;
}

.v2-process-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 91, 34, .3);
    box-shadow: 0 18px 45px rgba(16, 18, 22, .07);
}

.v2-step-head {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #9ca1a9;
    font-size: 9px;
    font-weight: 800;
}

.v2-step-head i {
    height: 1px;
    flex: 1;
    background: rgba(16, 18, 22, .1);
}

.v2-step-icon {
    width: 50px;
    height: 50px;
    margin: 35px 0 25px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #fff0e9;
    color: var(--v2-orange);
}

.v2-process-card h3 {
    margin: 0 0 9px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.03em;
}

.v2-process-card p {
    margin: 0;
    color: var(--v2-muted);
    font-size: 9px;
    line-height: 1.75;
}

.v2-testimonial {
    padding: 100px 0;
    overflow: hidden;
    background: #101216;
    color: #fff;
}

.v2-testimonial-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    align-items: center;
    gap: 85px;
}

.v2-testimonial h2 {
    max-width: 520px;
    font-size: clamp(37px, 4vw, 53px);
}

.v2-rating-big {
    margin-top: 28px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.v2-rating-big > strong {
    font-family: "Space Grotesk", sans-serif;
    font-size: 38px;
    letter-spacing: -.06em;
}

.v2-rating-big > div { display: flex; flex-direction: column; gap: 4px; }
.v2-rating-big span { color: #ffbb38; font-size: 10px; letter-spacing: 2px; }
.v2-rating-big small { color: #727984; font-size: 7px; }

.v2-testimonial blockquote {
    position: relative;
    margin: 0;
    padding: 46px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    background: #171a20;
}

.v2-testimonial blockquote::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -80px;
    bottom: -90px;
    border: 30px solid rgba(255, 91, 34, .12);
    border-radius: 50%;
}

.v2-quote-mark {
    position: absolute;
    right: 35px;
    top: 4px;
    color: var(--v2-orange);
    font-family: Georgia, serif;
    font-size: 100px;
    line-height: 1;
    opacity: .75;
}

.v2-testimonial blockquote p {
    position: relative;
    z-index: 2;
    max-width: 660px;
    margin: 0 0 31px;
    color: #d6d9de;
    font-family: "Space Grotesk", sans-serif;
    font-size: 20px;
    line-height: 1.65;
    letter-spacing: -.02em;
}

.v2-testimonial blockquote footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
}

.v2-testimonial blockquote footer > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--v2-orange);
    font-size: 9px;
    font-weight: 800;
}

.v2-testimonial blockquote footer > div { display: flex; flex-direction: column; gap: 3px; }
.v2-testimonial blockquote footer strong { font-size: 9px; }
.v2-testimonial blockquote footer small { color: #777e88; font-size: 7px; }
.v2-testimonial blockquote footer i { margin-left: auto; color: #5ecb8b; font-size: 7px; font-style: normal; text-transform: uppercase; letter-spacing: .1em; }

.v2-cta {
    padding: 70px 0;
    background: #f3f4f1;
}

.v2-cta-card {
    position: relative;
    min-height: 330px;
    padding: 65px;
    display: grid;
    grid-template-columns: 1.2fr .55fr;
    align-items: end;
    gap: 70px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--v2-orange);
    color: #fff;
    box-shadow: 0 25px 70px rgba(216, 66, 14, .2);
}

.v2-cta-card::before,
.v2-cta-card::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.v2-cta-card::before {
    width: 430px;
    height: 430px;
    right: -165px;
    top: -230px;
    border: 55px solid rgba(255, 255, 255, .11);
    border-radius: 50%;
}

.v2-cta-card::after {
    content: "24";
    left: -18px;
    bottom: -74px;
    color: rgba(255, 255, 255, .08);
    font-family: "Space Grotesk", sans-serif;
    font-size: 220px;
    font-weight: 700;
    letter-spacing: -.1em;
}

.v2-cta-card > div {
    position: relative;
    z-index: 2;
}

.v2-cta .v2-kicker-light { color: rgba(255, 255, 255, .75); }
.v2-cta h2 { font-size: clamp(37px, 4.2vw, 58px); }
.v2-cta-card > div:last-child p { margin: 0 0 20px; color: rgba(255, 255, 255, .78); font-size: 10px; line-height: 1.7; }
.v2-cta-card > div:last-child small { margin-top: 10px; display: block; color: rgba(255, 255, 255, .72); font-size: 8px; }

.home-v2 .site-footer {
    padding-top: 70px;
    background: #090b0e;
}

.home-v2 .footer-grid {
    grid-template-columns: 1.65fr .8fr .8fr 1.1fr;
}

.home-v2 .footer-brand p {
    font-size: 10px;
}

.home-v2 .footer-contact {
    width: fit-content;
    margin-top: 16px;
    padding: 9px 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #22262c;
    border-radius: 8px;
    color: #aaaeb5;
    font-size: 9px;
}

.home-v2 .whatsapp-fab,
.home-v2 .ai-fab {
    bottom: 20px;
    height: 50px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .22);
}

.home-v2 .whatsapp-fab {
    right: 128px;
    width: 50px;
    background: #20b968;
}

.home-v2 .ai-fab {
    right: 20px;
    min-width: 98px;
    background: var(--v2-orange);
}

.home-v2 .chat-panel {
    right: 20px;
    bottom: 82px;
}

.reveal-ready [data-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s ease, transform .65s cubic-bezier(.2, .7, .2, 1);
}

.reveal-ready [data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1080px) {
    .home-v2 .desktop-nav { gap: 20px; }
    .home-v2 .header-consult { display: none; }
    .v2-hero-layout { grid-template-columns: 1fr 1fr; }
    .v2-hero-frame { left: -230px; }
    .v2-trust-grid article { padding: 0 13px; }
    .v2-category-grid,
    .v2-product-grid { grid-template-columns: repeat(2, 1fr); }
    .v2-category-card { min-height: 235px; }
    .v2-custom-copy { padding-left: 55px; }
    .v2-process-grid { grid-template-columns: repeat(2, 1fr); }
    .v2-process-grid::before { display: none; }
    .home-v2 .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
    .home-v2 .footer-grid > div:last-child { grid-column: 2 / 4; }
}

@media (max-width: 780px) {
    .home-v2 .container { width: min(100% - 30px, 1220px); }
    .home-v2 .announcement { justify-content: center; text-align: center; }
    .home-v2 .announcement-side { display: none !important; }
    .home-v2 .site-header { height: 68px; }
    .home-v2 .desktop-nav,
    .home-v2 .header-consult { display: none; }
    .home-v2 .mobile-menu-button { display: grid; }
    .home-v2 .brand { font-size: 17px; }
    .home-v2 .brand-mark { width: 32px; height: 32px; font-size: 18px; }
    .v2-hero { min-height: auto; }
    .v2-hero-layout { min-height: 0; display: flex; flex-direction: column; }
    .v2-hero-copy { width: 100%; max-width: none; padding: 64px 0 25px; }
    .v2-hero h1 { max-width: 610px; font-size: clamp(45px, 12vw, 66px); }
    .v2-hero-copy > p { font-size: 13px; }
    .v2-hero-visual { width: calc(100% + 30px); min-height: 455px; margin-right: -15px; }
    .v2-hero-frame { inset: 0 -50px 0 -45px; }
    .v2-hero-frame img { object-position: 62% 50%; }
    .v2-image-overlay { background: linear-gradient(180deg, #0c0e12 0%, transparent 22%, rgba(12, 14, 18, .08) 62%, #0c0e12 100%); }
    .v2-frame-label { right: 72px; }
    .v2-card-quality { top: 50px; right: 15px; }
    .v2-card-delivery { left: 10px; bottom: 55px; }
    .v2-hero-index { right: 20px; bottom: 5px; font-size: 130px; }
    .v2-scroll-cue { display: none; }
    .v2-trust-grid { grid-template-columns: 1fr 1fr; padding: 12px 0; }
    .v2-trust-grid article { padding: 13px 8px; border: 0; }
    .v2-trust-grid article:first-child { padding-left: 8px; }
    .v2-section { padding: 75px 0; }
    .v2-heading-split { grid-template-columns: 1fr; gap: 18px; }
    .v2-heading h2,
    .v2-custom-copy h2,
    .v2-testimonial h2,
    .v2-cta h2 { font-size: 40px; }
    .v2-heading-action a { display: none; }
    .v2-category-grid { gap: 10px; }
    .v2-category-card { min-height: 210px; padding: 19px; }
    .v2-category-card h3 { font-size: 20px; }
    .v2-product-grid { gap: 10px; }
    .home-v2 .product-info { padding: 14px; }
    .home-v2 .product-summary { display: none; }
    .v2-mobile-all { display: block; }
    .v2-custom-grid { min-height: 0; grid-template-columns: 1fr; }
    .v2-custom-studio { min-height: 520px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
    .v2-custom-copy { padding: 65px 0 75px; }
    .v2-testimonial { padding: 75px 0; }
    .v2-testimonial-grid { grid-template-columns: 1fr; gap: 40px; }
    .v2-testimonial blockquote { padding: 34px 28px; }
    .v2-cta { padding: 50px 0; }
    .v2-cta-card { min-height: 0; padding: 43px 30px; grid-template-columns: 1fr; gap: 35px; }
    .home-v2 .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
    .home-v2 .footer-brand { grid-column: 1 / 3; }
    .home-v2 .footer-grid > div:last-child { grid-column: 1 / 3; }
}

@media (max-width: 480px) {
    .v2-hero-copy { padding-top: 55px; }
    .v2-hero h1 { font-size: 44px; }
    .v2-hero-actions { flex-direction: column; }
    .v2-hero-actions .v2-button { width: 100%; }
    .v2-hero-proof { flex-wrap: wrap; }
    .v2-proof-rating { margin-left: 0; padding-left: 0; border: 0; }
    .v2-hero-visual { min-height: 390px; }
    .v2-float-card { padding: 9px; }
    .v2-float-card > span { width: 34px; height: 34px; }
    .v2-card-quality { top: 25px; }
    .v2-category-grid { grid-template-columns: 1fr; }
    .v2-category-card { min-height: 180px; }
    .v2-product-grid { grid-template-columns: 1fr; gap: 15px; }
    .home-v2 .product-image { aspect-ratio: 1 / .94; }
    .home-v2 .product-summary { display: block; }
    .v2-custom-studio { min-height: 455px; }
    .v2-jersey-stage { width: 310px; height: 360px; }
    .v2-jersey { width: 200px; height: 270px; }
    .v2-jersey strong { font-size: 60px; }
    .v2-jersey-logo { left: 54px; top: 57px; }
    .v2-palette { left: 15px; bottom: 15px; }
    .v2-studio-note { right: 15px; top: 15px; }
    .v2-custom-features { grid-template-columns: 1fr; }
    .v2-process-grid { grid-template-columns: 1fr; }
    .v2-process-card { min-height: 220px; }
    .v2-step-icon { margin: 25px 0 20px; }
    .v2-testimonial blockquote p { font-size: 16px; }
    .v2-testimonial blockquote footer i { display: none; }
    .v2-cta-card { padding: 37px 23px; }
    .home-v2 .whatsapp-fab { right: 75px; width: 48px; height: 48px; }
    .home-v2 .ai-fab { right: 16px; min-width: 48px; width: 48px; height: 48px; padding: 0; font-size: 0; }
    .home-v2 .ai-fab .ui-icon { width: 18px; height: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .reveal-ready [data-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}