@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Russo+One&display=swap');

:root {
    --val-bg: #080d0a;
    --val-bg-soft: #0e1711;
    --val-surface: #121d16;
    --val-surface-2: #18251c;
    --val-border: rgba(214, 170, 69, .19);
    --val-border-soft: rgba(255, 255, 255, .08);
    --val-gold: #d6aa45;
    --val-gold-light: #f1d784;
    --val-green: #3ea966;
    --val-text: #f5f3e9;
    --val-muted: #a7afa8;
    --val-danger: #d55c58;
    --val-radius: 18px;
    --val-font-title: 'Russo One', 'Arial Black', sans-serif;
    --val-font-body: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html { scroll-behavior: smooth; }
html, body { min-height: 100%; }

body.val-theme {
    margin: 0;
    color: var(--val-text);
    background: radial-gradient(circle at 15% 20%, rgba(45, 112, 66, .1), transparent 28rem), var(--val-bg);
    font-family: var(--val-font-body);
    overflow-x: hidden;
}

body.val-theme a { color: inherit; text-decoration: none; }
body.val-theme #app { min-height: 70vh; }
body.val-theme h1,
body.val-theme h2,
body.val-theme h3,
body.val-theme h4,
body.val-theme h5 { font-family: var(--val-font-title); letter-spacing: .015em; }

.val-navbar {
    padding: 1rem 0;
    background: linear-gradient(180deg, rgba(5, 9, 6, .82), rgba(5, 9, 6, .15));
    border-bottom: 1px solid transparent;
    transition: background .25s ease, padding .25s ease, border-color .25s ease, backdrop-filter .25s ease;
    z-index: 1035;
}

.val-navbar.is-scrolled,
.val-inner-page .val-navbar {
    padding: .65rem 0;
    background: rgba(7, 12, 9, .94);
    border-color: var(--val-border-soft);
    backdrop-filter: blur(16px);
}

.val-navbar .navbar-brand { display: inline-flex; align-items: center; gap: .7rem; color: #fff; font-family: var(--val-font-title); letter-spacing: .09em; }
.val-navbar .navbar-brand img { width: 46px; height: 46px; object-fit: contain; }
.val-navbar .navbar-brand span { font-size: 1.05rem; }
.val-navbar .nav-link { position: relative; padding: .65rem .85rem !important; color: rgba(255,255,255,.72) !important; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.val-navbar .nav-link:hover,
.val-navbar .nav-link.active { color: #fff !important; }
.val-navbar .nav-link:not(.val-login)::after { content: ''; position: absolute; left: .85rem; right: .85rem; bottom: .35rem; height: 2px; background: var(--val-gold); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.val-navbar .nav-link:hover::after,
.val-navbar .nav-link.active::after { transform: scaleX(1); }
.val-navbar .nav-link.val-shop-link { margin: .18rem .18rem 0; padding: .46rem .82rem !important; color: var(--val-gold-light) !important; background: rgba(214, 170, 69, .1); border: 1px solid rgba(214, 170, 69, .22); border-radius: 999px; }
.val-navbar .nav-link.val-shop-link:hover,
.val-navbar .nav-link.val-shop-link.active { color: #10170f !important; background: var(--val-gold-light); border-color: var(--val-gold-light); }
.val-navbar .nav-link.val-shop-link::after { display: none; }
.val-navbar .navbar-toggler { border-color: var(--val-border); box-shadow: none; }
.val-auth-nav { align-items: center; gap: .45rem; }
.val-login { display: flex; align-items: center; gap: .45rem; }
.val-navbar .dropdown-menu { padding: .55rem; color: var(--val-text); background: rgba(12, 20, 15, .98); border: 1px solid var(--val-border); border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.35); }
.val-navbar .dropdown-item { color: var(--val-muted); border-radius: 8px; font-weight: 600; }
.val-navbar .dropdown-item:hover,
.val-navbar .dropdown-item.active { color: #fff; background: rgba(214,170,69,.13); }
.val-navbar .dropdown-divider { border-color: var(--val-border-soft); }
.val-language-switcher { display: flex; align-items: center; margin-left: .35rem; }
.val-navbar .val-language-button { display: inline-flex; align-items: center; gap: .42rem; margin: .12rem 0; padding: .46rem .72rem !important; color: #11150f !important; background: linear-gradient(180deg, #f5c85f, #dca733); border: 1px solid #f8db8c; border-radius: 9px; box-shadow: 0 0 0 2px rgba(5, 9, 6, .9), 0 0 0 3px rgba(246, 211, 125, .65); font-size: .76rem; font-weight: 900; letter-spacing: .06em; }
.val-navbar .val-language-button:hover,
.val-navbar .val-language-button:focus,
.val-navbar .val-language-button[aria-expanded="true"] { color: #070a07 !important; background: #f3c65b; }
.val-navbar .val-language-button::after { position: static; width: auto; height: auto; margin-left: .08rem; background: none; transform: none; }
.val-language-flag { display: inline-block; flex: 0 0 auto; width: 20px; height: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.55); border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.val-language-flag-fr { background: linear-gradient(90deg, #0055a4 0 33.33%, #fff 33.33% 66.66%, #ef4135 66.66% 100%); }
.val-language-flag-en { background-color: #163c8c; background-image: linear-gradient(33deg, transparent 43%, #fff 43% 48%, #c8102e 48% 52%, #fff 52% 57%, transparent 57%), linear-gradient(-33deg, transparent 43%, #fff 43% 48%, #c8102e 48% 52%, #fff 52% 57%, transparent 57%), linear-gradient(90deg, transparent 40%, #fff 40% 45%, #c8102e 45% 55%, #fff 55% 60%, transparent 60%), linear-gradient(0deg, transparent 35%, #fff 35% 42%, #c8102e 42% 58%, #fff 58% 65%, transparent 65%); }
.val-language-menu { min-width: 150px; }
.val-language-menu .dropdown-item { display: flex; align-items: center; gap: .55rem; }

.val-btn { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 48px; padding: .78rem 1.25rem; border: 1px solid transparent; border-radius: 10px; font-size: .76rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; }
.val-btn:hover { transform: translateY(-2px); }
.val-btn-small { min-height: 38px; padding: .55rem .85rem; background: var(--val-gold); color: #12120d; }
.val-btn-primary { color: #11130d; background: linear-gradient(135deg, var(--val-gold-light), var(--val-gold)); box-shadow: 0 10px 35px rgba(214,170,69,.18), inset 0 1px rgba(255,255,255,.45); }
.val-btn-primary:hover { color: #080b08; box-shadow: 0 14px 42px rgba(214,170,69,.28); }
.val-btn-secondary { color: #fff; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.16); backdrop-filter: blur(8px); }
.val-btn-secondary:hover { color: #fff; background: rgba(255,255,255,.11); border-color: var(--val-border); }

.val-hero { --val-hero-image: linear-gradient(135deg, #18281d, #070b08); position: relative; min-height: 100vh; overflow: hidden; background-image: linear-gradient(90deg, rgba(4,8,5,.94) 0%, rgba(5,10,6,.72) 43%, rgba(5,10,6,.2) 80%), linear-gradient(0deg, var(--val-bg), transparent 35%), var(--val-hero-image); background-position: center; background-size: cover; }
.val-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 72% 55%, rgba(214,170,69,.11), transparent 24rem), linear-gradient(180deg, transparent 75%, var(--val-bg)); pointer-events: none; }
.val-hero::after { content: ''; position: absolute; width: 38rem; height: 38rem; right: -18rem; top: 16%; border: 1px solid rgba(214,170,69,.12); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(214,170,69,.025), 0 0 0 8rem rgba(214,170,69,.018); }
.val-hero-grid { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 90px 90px; mask-image: linear-gradient(90deg, black, transparent 72%); }
.val-hero-inner { position: relative; z-index: 2; }
.val-eyebrow,
.val-section-kicker { display: flex; align-items: center; gap: .65rem; margin-bottom: 1rem; color: var(--val-gold-light); font-size: .7rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.val-eyebrow span { width: 38px; height: 2px; background: var(--val-gold); box-shadow: 0 0 12px rgba(214,170,69,.65); }
.val-hero-brand { display: flex; align-items: center; gap: 1.25rem; }
.val-hero-emblem { width: clamp(72px, 8vw, 112px); height: clamp(72px, 8vw, 112px); object-fit: contain; filter: drop-shadow(0 16px 30px rgba(0,0,0,.4)); }
.val-hero h1 { margin: 0; color: #fff; font-size: clamp(3.7rem, 10vw, 8.6rem); line-height: .9; letter-spacing: .035em; text-shadow: 0 10px 30px rgba(0,0,0,.55); }
.val-hero-subtitle { margin: 1.1rem 0 .55rem; color: var(--val-gold-light); font-family: var(--val-font-title); font-size: clamp(1.25rem, 2.5vw, 2.1rem); }
.val-hero-intro { max-width: 700px; margin-bottom: 1.8rem; color: rgba(245,243,233,.78); font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.8; }
.val-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.val-live-pill { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.5rem; padding: .55rem .8rem; color: var(--val-muted); background: rgba(4,8,5,.45); border: 1px solid rgba(255,255,255,.09); border-radius: 999px; font-size: .75rem; backdrop-filter: blur(9px); }
.val-live-pill strong { color: #fff; }
.val-live-dot { width: 8px; height: 8px; background: #52d17d; border-radius: 50%; box-shadow: 0 0 0 4px rgba(82,209,125,.14), 0 0 12px rgba(82,209,125,.75); }
.val-scroll-cue { position: absolute; z-index: 3; left: 50%; bottom: 1.5rem; display: flex; flex-direction: column; align-items: center; gap: .3rem; color: rgba(255,255,255,.84); font-size: .66rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; text-shadow: 0 2px 12px rgba(0,0,0,.8), 0 0 18px rgba(214,170,69,.2); transform: translateX(-50%); transition: color .2s ease, text-shadow .2s ease; }
.val-scroll-cue i { color: var(--val-gold-light); font-size: .92rem; filter: drop-shadow(0 0 7px rgba(214,170,69,.4)); animation: val-bounce 1.7s ease-in-out infinite; }
.val-scroll-cue:hover { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.85), 0 0 20px rgba(214,170,69,.3); }
@keyframes val-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* Connexion multiplateforme */
.val-connect {
    position: relative;
    isolation: isolate;
    min-height: 960px;
    padding: clamp(6.5rem, 9vw, 9rem) 0 clamp(10rem, 15vw, 14rem);
    overflow: hidden;
    background: #070b08;
}
.val-connect::before {
    content: '';
    position: absolute;
    inset: -2.5rem;
    z-index: -3;
    background-image:
        linear-gradient(90deg, rgba(4, 8, 5, .94) 0%, rgba(5, 10, 7, .78) 46%, rgba(5, 9, 6, .34) 100%),
        linear-gradient(180deg, var(--val-bg) 0%, transparent 18%, rgba(4, 8, 5, .18) 66%, #0a120d 100%),
        var(--val-connect-bg);
    background-position: center;
    background-size: cover;
    filter: saturate(.84) contrast(1.03);
    transform: scale(1.045);
    transition: transform 2s cubic-bezier(.2, .72, .2, 1), filter 1.2s ease;
}
.val-connect::after {
    content: '';
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -1px;
    left: 0;
    height: clamp(190px, 25vw, 340px);
    background: linear-gradient(180deg, rgba(8, 13, 10, 0), rgba(8, 13, 10, .74) 43%, #0b140e 82%, #0c1510 100%);
    pointer-events: none;
}
.val-connect.is-inview::before { transform: scale(1); filter: saturate(1) contrast(1.04); }
.val-connect-content { position: relative; z-index: 2; }
.val-connect-heading { max-width: 800px; margin-bottom: clamp(2.5rem, 5vw, 4.5rem); }
.val-connect-heading h2,
.val-experience-heading h2 { margin: 0; color: #fff; font-size: clamp(2.25rem, 5vw, 4.6rem); line-height: 1.06; text-shadow: 0 12px 40px rgba(0, 0, 0, .55); }
.val-connect-layout { display: grid; grid-template-columns: 118px minmax(460px, 670px) minmax(300px, 1fr); gap: clamp(1.25rem, 2.8vw, 3.5rem); align-items: center; }

.val-platform-tabs { display: grid; gap: .75rem; align-self: center; }
.val-platform-tab {
    position: relative;
    display: grid;
    min-height: 92px;
    padding: .9rem .5rem;
    place-items: center;
    color: rgba(245, 243, 233, .62);
    background: rgba(5, 10, 7, .64);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 14px;
    backdrop-filter: blur(12px);
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.val-platform-tab::before { content: ''; position: absolute; top: 18%; bottom: 18%; left: -1px; width: 3px; background: var(--val-gold); border-radius: 0 3px 3px 0; opacity: 0; transform: scaleY(.3); transition: opacity .2s ease, transform .2s ease; }
.val-platform-tab i { color: var(--val-gold-light); font-size: 1.55rem; opacity: .65; transition: opacity .2s ease, transform .2s ease; }
.val-platform-tab span { font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.val-platform-tab small { color: #8be1a5; font-size: .48rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.val-platform-tab:hover,
.val-platform-tab:focus-visible { color: #fff; border-color: var(--val-border); transform: translateX(3px); outline: none; }
.val-platform-tab.is-active { color: #fff; background: linear-gradient(145deg, rgba(214, 170, 69, .2), rgba(18, 31, 21, .88)); border-color: rgba(241, 215, 132, .48); box-shadow: 0 18px 40px rgba(0, 0, 0, .24), 0 0 24px rgba(214, 170, 69, .08); }
.val-platform-tab.is-active::before { opacity: 1; transform: scaleY(1); }
.val-platform-tab.is-active i { opacity: 1; transform: scale(1.08); }

.val-connect-panel {
    position: relative;
    min-height: 575px;
    padding: clamp(1.6rem, 3vw, 2.7rem);
    overflow: hidden;
    background: linear-gradient(145deg, rgba(12, 20, 14, .92), rgba(7, 12, 9, .86));
    border: 1px solid rgba(241, 215, 132, .28);
    border-radius: 24px;
    box-shadow: 0 35px 100px rgba(0, 0, 0, .46), inset 0 1px rgba(255, 255, 255, .07);
    backdrop-filter: blur(18px);
}
.val-connect-panel::before { content: ''; position: absolute; width: 17rem; height: 17rem; top: -10rem; right: -7rem; background: rgba(62, 169, 102, .13); border-radius: 50%; filter: blur(48px); pointer-events: none; }
.val-connect-pane { position: relative; z-index: 1; animation: val-pane-in .38s cubic-bezier(.2, .72, .2, 1) both; }
.val-connect-pane[hidden] { display: none !important; }
.val-connect-pane-kicker { display: inline-flex; align-items: center; gap: .55rem; margin-bottom: 1.2rem; color: var(--val-gold-light); font-size: .65rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.val-connect-pane h3 { margin-bottom: .8rem; color: #fff; font-size: clamp(1.8rem, 3vw, 2.75rem); }
.val-connect-intro { max-width: 570px; margin-bottom: 1.65rem; color: var(--val-muted); line-height: 1.75; }
.val-connect-fields { display: grid; gap: .85rem; margin-bottom: 1.35rem; }
.val-connect-fields-split { grid-template-columns: minmax(0, 1.8fr) minmax(125px, .7fr); }
.val-connect-field { min-height: 92px; padding: 1rem 1.15rem; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .09); border-radius: 12px; }
.val-connect-field span { display: block; margin-bottom: .35rem; color: rgba(245, 243, 233, .54); font-size: .64rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.val-connect-field strong { display: inline-flex; align-items: center; min-height: 1.7em; color: #fff; font-family: var(--val-font-title); font-size: clamp(1.05rem, 2vw, 1.38rem); letter-spacing: .025em; word-break: break-word; }
.val-connect-field strong.is-typing::after { content: ''; width: 2px; height: 1.15em; margin-left: 3px; background: var(--val-gold); animation: val-caret .7s step-end infinite; }
.val-connect-address { color: var(--val-gold-light) !important; }
.val-connect-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.val-connect-copy { min-width: 210px; }
.val-connect-disclaimer { position: absolute; right: clamp(1.6rem, 3vw, 2.7rem); bottom: 1.2rem; left: clamp(1.6rem, 3vw, 2.7rem); z-index: 1; margin: 0; color: rgba(167, 175, 168, .46); font-size: .62rem; line-height: 1.5; }

.val-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1.25rem; }
.val-guide-grid article { position: relative; min-height: 205px; padding: 3.25rem 1rem 1rem; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px; }
.val-guide-grid article > span { position: absolute; top: 1rem; left: 1rem; color: var(--val-gold); font-family: var(--val-font-title); font-size: 1.5rem; }
.val-guide-grid h4 { margin-bottom: .65rem; color: #fff; font-family: var(--val-font-body) !important; font-size: .78rem; font-weight: 800; line-height: 1.35; }
.val-guide-grid p { margin: 0; color: var(--val-muted); font-size: .7rem; line-height: 1.6; }
.val-guide-grid p strong { color: var(--val-gold-light); }

.val-connect-guardian { position: relative; align-self: end; min-height: 650px; pointer-events: none; }
.val-connect-guardian::before { content: ''; position: absolute; right: 1%; bottom: 2%; width: 82%; height: 22%; background: rgba(0, 0, 0, .62); border-radius: 50%; filter: blur(26px); transform: perspective(400px) rotateX(67deg); }
.val-connect-guardian::after { content: ''; position: absolute; width: 13rem; height: 13rem; top: 20%; right: 9%; background: rgba(214, 170, 69, .12); border-radius: 50%; filter: blur(55px); }
.val-connect-guardian img { position: absolute; z-index: 1; right: 50%; bottom: -1rem; width: min(36vw, 550px); max-width: none; filter: drop-shadow(0 32px 32px rgba(0, 0, 0, .62)); transform: translateX(50%) translateY(34px); opacity: 0; transition: opacity .9s ease .18s, transform 1.2s cubic-bezier(.2, .72, .2, 1) .12s; }
.val-connect.is-inview .val-connect-guardian img { transform: translateX(50%) translateY(0); opacity: 1; animation: val-guardian-float 5s ease-in-out 1.35s infinite; }

.val-experience { position: relative; padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(5rem, 8vw, 7.5rem); overflow: hidden; background: radial-gradient(circle at 50% 0, rgba(62, 169, 102, .12), transparent 38rem), linear-gradient(180deg, #0c1510 0%, #08100b 48%, var(--val-bg) 100%); }
.val-experience::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(214, 170, 69, .38), transparent); }
.val-experience-heading { max-width: 900px; margin: 0 auto 3.25rem; }
.val-experience-heading h2 { margin-bottom: 1.15rem; font-size: clamp(2.3rem, 5vw, 4.65rem); }
.val-experience-heading p { max-width: 690px; margin: 0 auto; color: var(--val-muted); font-size: .98rem; line-height: 1.75; }
.val-experience-showcase { position: relative; min-height: clamp(410px, 45vw, 610px); margin-bottom: 1.25rem; overflow: hidden; background: #07120d; border: 1px solid rgba(241, 215, 132, .2); border-radius: 24px; box-shadow: 0 36px 100px rgba(0, 0, 0, .34); isolation: isolate; }
.val-experience-showcase::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(5, 12, 8, .94) 0%, rgba(5, 12, 8, .65) 27%, transparent 58%), linear-gradient(0deg, rgba(5, 12, 8, .82), transparent 44%); pointer-events: none; }
.val-experience-showcase::after { content: ''; position: absolute; z-index: 1; inset: 0; box-shadow: inset 0 0 95px 28px rgba(5, 12, 8, .72); border-radius: inherit; pointer-events: none; }
.val-experience-showcase > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.88) contrast(.98); transform: scale(1.01); }
.val-experience-showcase-copy { position: relative; z-index: 2; display: flex; width: min(440px, 46%); min-height: inherit; padding: clamp(2rem, 5vw, 4.5rem); flex-direction: column; justify-content: center; }
.val-experience-showcase-kicker { display: flex; margin-bottom: 1.1rem; align-items: center; gap: .6rem; color: var(--val-gold-light); font-size: .67rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.val-experience-showcase-kicker span { width: 28px; height: 2px; background: var(--val-gold); }
.val-experience-showcase h3 { margin: 0 0 1rem; color: #fff; font-size: clamp(2rem, 4vw, 3.75rem); line-height: 1.03; }
.val-experience-showcase p { margin: 0; color: rgba(235, 239, 233, .76); font-size: .88rem; line-height: 1.75; }
.val-experience-command { display: flex; margin-top: 1.25rem; padding: .8rem .9rem; align-items: center; gap: .7rem; color: rgba(235, 239, 233, .78); background: rgba(6, 13, 9, .62); border: 1px solid rgba(214, 170, 69, .2); border-radius: 10px; font-size: .73rem; line-height: 1.45; backdrop-filter: blur(8px); }
.val-experience-command i { color: var(--val-gold-light); font-size: 1rem; }
.val-experience-command strong { color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.val-experience-tags { display: flex; margin-top: 1.45rem; flex-wrap: wrap; gap: .55rem; }
.val-experience-tags span { padding: .55rem .75rem; color: #fff; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .11); border-radius: 999px; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
.val-experience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.val-experience-card { display: flex; min-height: 205px; padding: 1.55rem; flex-direction: column; justify-content: flex-end; cursor: default; background: linear-gradient(145deg, rgba(22, 36, 26, .9), rgba(9, 16, 11, .96)); border: 1px solid var(--val-border-soft); border-radius: 17px; box-shadow: 0 18px 55px rgba(0, 0, 0, .18); }
.val-experience-card i { margin-bottom: auto; color: var(--val-gold-light); font-size: 1.55rem; }
.val-experience-card strong { margin-bottom: .4rem; color: #fff; font-family: var(--val-font-title); font-size: clamp(1.35rem, 2vw, 1.85rem); line-height: 1.12; }
.val-experience-card span { color: var(--val-muted); font-size: .68rem; font-weight: 700; letter-spacing: .08em; line-height: 1.45; text-transform: uppercase; }
.val-experience-bottom { display: grid; grid-template-columns: .88fr 1.45fr; gap: 1rem; margin-top: 1rem; }
.val-experience-banner { display: flex; margin: 0; padding: 1.35rem 1.5rem; align-items: center; gap: 1rem; background: linear-gradient(120deg, rgba(214, 170, 69, .14), rgba(62, 169, 102, .06)); border: 1px solid var(--val-border); border-radius: 15px; }
.val-experience-banner i { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; color: var(--val-gold-light); background: rgba(214, 170, 69, .11); border: 1px solid var(--val-border); border-radius: 12px; font-size: 1.25rem; }
.val-experience-banner strong,
.val-experience-banner span { display: block; }
.val-experience-banner strong { color: #fff; font-family: var(--val-font-title); font-size: 1rem; }
.val-experience-banner span { margin-top: .18rem; color: var(--val-muted); font-size: .75rem; }
.val-survival-live { display: flex; min-width: 0; padding: 1.3rem 1.45rem; align-items: center; gap: 1rem; background: linear-gradient(120deg, rgba(26, 44, 31, .9), rgba(11, 20, 14, .95)); border: 1px solid rgba(90, 199, 124, .25); border-radius: 15px; }
.val-survival-live-icon { display: grid; width: 52px; height: 52px; flex: 0 0 52px; place-items: center; color: #86dca1; background: rgba(62, 169, 102, .12); border: 1px solid rgba(90, 199, 124, .24); border-radius: 13px; font-size: 1.35rem; }
.val-survival-live-copy { min-width: 0; margin-right: auto; }
.val-survival-live-state { display: flex; margin-bottom: .2rem; align-items: center; gap: .4rem; color: var(--val-muted); font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.val-survival-live-state span { width: 7px; height: 7px; background: #788079; border-radius: 50%; }
.val-survival-live-state.is-online { color: #8be1a5; }
.val-survival-live-state.is-online span { background: #54d77e; box-shadow: 0 0 0 5px rgba(84, 215, 126, .1); }
.val-survival-live h3 { margin: 0; color: #fff; font-size: 1.45rem; }
.val-survival-live p { margin: .12rem 0 0; color: var(--val-muted); font-size: .72rem; }
.val-survival-live p strong { color: #fff; }
.val-survival-live .val-btn { min-width: 175px; flex: 0 0 auto; }

.val-claim-section { padding-top: clamp(4rem, 7vw, 6.5rem); padding-bottom: clamp(4.5rem, 8vw, 7rem); background: radial-gradient(circle at 78% 45%, rgba(214, 170, 69, .08), transparent 29rem), var(--val-bg); }
.val-claim-showcase { position: relative; min-height: clamp(390px, 39vw, 530px); overflow: hidden; background: #07110c; border: 1px solid rgba(214, 170, 69, .2); border-radius: 24px; box-shadow: 0 32px 90px rgba(0, 0, 0, .32); isolation: isolate; }
.val-claim-showcase::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(5, 12, 8, .97) 0%, rgba(5, 12, 8, .82) 34%, rgba(5, 12, 8, .2) 67%, rgba(5, 12, 8, .08) 100%), linear-gradient(0deg, rgba(5, 12, 8, .7), transparent 45%); pointer-events: none; }
.val-claim-showcase::after { content: ''; position: absolute; z-index: 1; inset: 0; border-radius: inherit; box-shadow: inset 0 0 80px 18px rgba(5, 12, 8, .62); pointer-events: none; }
.val-claim-showcase > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.88) contrast(1.02); }
.val-claim-copy { position: relative; z-index: 2; display: flex; width: min(560px, 51%); min-height: inherit; padding: clamp(2rem, 5vw, 4.5rem); flex-direction: column; justify-content: center; }
.val-claim-copy h2 { max-width: 540px; margin: .35rem 0 1rem; font-size: clamp(2rem, 4vw, 3.6rem); }
.val-claim-copy > p { max-width: 520px; margin: 0; color: rgba(235, 239, 233, .76); font-size: .9rem; line-height: 1.8; }
.val-claim-points { display: flex; margin-top: 1.5rem; flex-wrap: wrap; gap: .6rem; }
.val-claim-points span { display: inline-flex; padding: .65rem .8rem; align-items: center; gap: .5rem; color: #fff; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); border-radius: 999px; font-size: .66rem; font-weight: 700; letter-spacing: .02em; }
.val-claim-points i { color: var(--val-gold-light); font-size: .9rem; }

[data-val-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .75s ease var(--val-reveal-delay, 0ms), transform .85s cubic-bezier(.2, .72, .2, 1) var(--val-reveal-delay, 0ms); }
[data-val-reveal].is-visible { opacity: 1; transform: translateY(0); }

@keyframes val-pane-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes val-caret { 50% { opacity: 0; } }
@keyframes val-guardian-float { 0%, 100% { margin-bottom: 0; } 50% { margin-bottom: 8px; } }

.val-section { position: relative; padding: clamp(5rem, 9vw, 8.5rem) 0; }
.val-section h2 { max-width: 900px; margin-bottom: 1.3rem; color: #fff; font-size: clamp(2.1rem, 5vw, 4.25rem); line-height: 1.08; }
.val-section h3 { color: #fff; }
.val-lead { max-width: 690px; color: var(--val-muted); font-size: 1.05rem; line-height: 1.9; }
.val-muted { color: var(--val-muted); }
.val-section-heading { max-width: 760px; margin: 0 auto 3.5rem; }
.val-section-heading .val-section-kicker { justify-content: center; }
.val-section-heading h2 { margin-left: auto; margin-right: auto; }
.val-section-heading > p { color: var(--val-muted); }
.val-text-link { display: inline-flex; align-items: center; gap: .5rem; color: var(--val-gold-light) !important; font-size: .78rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.val-text-link i { transition: transform .18s ease; }
.val-text-link:hover i { transform: translate(3px, -2px); }
.val-about { background: radial-gradient(circle at 85% 50%, rgba(42,111,65,.13), transparent 24rem); }
.val-about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-top: 2rem; }
.val-announcement { display: flex; align-items: center; gap: .9rem; padding: 1rem 1.2rem; color: var(--val-gold-light); background: rgba(214,170,69,.08); border: 1px solid var(--val-border); border-radius: 12px; }
.val-world-card { position: relative; min-height: 390px; padding: clamp(2rem, 5vw, 4rem); overflow: hidden; background: linear-gradient(145deg, rgba(28,45,33,.96), rgba(10,17,12,.96)); border: 1px solid var(--val-border); border-radius: var(--val-radius); box-shadow: 0 35px 90px rgba(0,0,0,.32); }
.val-world-card::after { content: ''; position: absolute; width: 270px; height: 270px; right: -90px; bottom: -90px; border: 1px solid rgba(214,170,69,.2); transform: rotate(45deg); }
.val-world-card-glow { position: absolute; width: 16rem; height: 16rem; left: -7rem; top: -8rem; background: rgba(62,169,102,.2); filter: blur(60px); border-radius: 50%; }
.val-world-icon { position: relative; display: grid; width: 58px; height: 58px; margin-bottom: 2.5rem; place-items: center; color: var(--val-gold-light); background: rgba(214,170,69,.1); border: 1px solid var(--val-border); border-radius: 14px; font-size: 1.6rem; }
.val-world-label { position: relative; color: var(--val-gold-light); font-size: .67rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.val-world-card h3 { position: relative; font-size: clamp(1.65rem, 3vw, 2.4rem); line-height: 1.35; }
.val-world-meta { position: relative; display: flex; flex-wrap: wrap; gap: .65rem 1.25rem; margin-top: 2rem; color: var(--val-muted); font-size: .75rem; }
.val-world-meta i { color: var(--val-green); }

.val-features { background: #0b120d; border-top: 1px solid rgba(255,255,255,.035); border-bottom: 1px solid rgba(255,255,255,.035); }
.val-feature-card { position: relative; height: 100%; min-height: 350px; padding: 2rem; overflow: hidden; background: linear-gradient(180deg, rgba(22,34,25,.88), rgba(13,21,15,.9)); border: 1px solid var(--val-border-soft); border-radius: var(--val-radius); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.val-feature-card:hover { transform: translateY(-8px); border-color: var(--val-border); box-shadow: 0 25px 70px rgba(0,0,0,.25); }
.val-feature-card-highlight { background: linear-gradient(160deg, rgba(50,75,55,.72), rgba(14,23,16,.95)); border-color: var(--val-border); }
.val-card-number { position: absolute; right: 1.35rem; top: 1rem; color: rgba(255,255,255,.06); font-family: var(--val-font-title); font-size: 4.5rem; }
.val-feature-icon { display: grid; width: 58px; height: 58px; margin: 3.2rem 0 2rem; place-items: center; color: var(--val-gold-light); background: rgba(214,170,69,.1); border: 1px solid var(--val-border); border-radius: 14px; font-size: 1.45rem; }
.val-feature-card h3 { font-size: 1.35rem; }
.val-feature-card p { color: var(--val-muted); line-height: 1.75; }

.val-servers { background: radial-gradient(circle at 12% 50%, rgba(214,170,69,.075), transparent 26rem); }
.val-server-card { height: 100%; padding: 2rem; background: linear-gradient(145deg, rgba(19,31,22,.96), rgba(11,18,13,.96)); border: 1px solid var(--val-border-soft); border-radius: var(--val-radius); box-shadow: 0 22px 55px rgba(0,0,0,.2); }
.val-server-topline { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; color: var(--val-muted); }
.val-server-topline > i { color: rgba(214,170,69,.5); font-size: 1.6rem; }
.val-server-state { display: flex; align-items: center; gap: .45rem; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.val-server-state span { width: 8px; height: 8px; background: var(--val-danger); border-radius: 50%; }
.val-server-state.is-online span { background: #52d17d; box-shadow: 0 0 10px rgba(82,209,125,.6); }
.val-server-card h3 { margin-bottom: 1.8rem; font-size: 1.8rem; text-transform: uppercase; }
.val-server-card p { color: var(--val-muted); }
.val-server-card p strong { color: #fff; }
.val-progress { height: 8px; margin-bottom: .8rem; overflow: hidden; background: rgba(255,255,255,.07); border-radius: 99px; }
.val-progress span { display: block; height: 100%; background: linear-gradient(90deg, var(--val-green), var(--val-gold)); border-radius: inherit; }
.val-card-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1rem; color: var(--val-gold-light) !important; font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.val-card-link i { transition: transform .18s ease; }
.val-card-link:hover i { transform: translateX(4px); }
.val-card-link-button { padding: 0; background: transparent; border: 0; }

.val-join { padding-top: 2rem; }
.val-join-panel { padding: clamp(2rem, 6vw, 5rem); background: linear-gradient(135deg, rgba(28,45,32,.96), rgba(10,16,12,.98)); border: 1px solid var(--val-border); border-radius: 24px; box-shadow: 0 35px 100px rgba(0,0,0,.25); }
.val-join-panel > h2 { max-width: 760px; }
.val-step { position: relative; height: 100%; padding: 1.6rem 1.6rem 1.6rem 4.8rem; border-top: 1px solid var(--val-border-soft); }
.val-step > span { position: absolute; left: 0; top: 1.5rem; display: grid; width: 3.4rem; height: 3.4rem; place-items: center; color: #11130d; background: var(--val-gold); border-radius: 12px; font-family: var(--val-font-title); font-size: 1.2rem; }
.val-step h3 { margin-bottom: .65rem; font-size: 1rem; }
.val-step p { margin: 0; color: var(--val-muted); font-size: .86rem; line-height: 1.65; }
.val-step p strong { color: var(--val-gold-light); }

.val-news { background: #0b120d; }
.val-news-card { height: 100%; overflow: hidden; background: var(--val-surface); border: 1px solid var(--val-border-soft); border-radius: var(--val-radius); transition: transform .22s ease, border-color .22s ease; }
.val-news-card:hover { transform: translateY(-6px); border-color: var(--val-border); }
.val-news-image { display: block; height: 210px; overflow: hidden; background: linear-gradient(145deg, var(--val-surface-2), #0b120d); }
.val-news-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.val-news-card:hover .val-news-image img { transform: scale(1.04); }
.val-news-image > span { display: grid; width: 100%; height: 100%; place-items: center; color: rgba(214,170,69,.25); font-size: 3rem; }
.val-news-body { padding: 1.6rem; }
.val-news-body time { color: var(--val-gold); font-size: .67rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.val-news-body h3 { margin: .65rem 0 .8rem; font-size: 1.2rem; line-height: 1.45; }
.val-news-body p { color: var(--val-muted); font-size: .86rem; line-height: 1.7; }

.val-final-cta { overflow: hidden; background: radial-gradient(circle at 50% 45%, rgba(62,169,102,.14), transparent 25rem); }
.val-cta-inner { position: relative; max-width: 850px; margin: auto; }
.val-cta-inner::before { content: ''; position: absolute; inset: -4rem; z-index: -1; border: 1px solid rgba(214,170,69,.08); border-radius: 50%; }
.val-cta-inner > img { width: 88px; height: 88px; margin-bottom: 1.8rem; object-fit: contain; filter: drop-shadow(0 15px 25px rgba(0,0,0,.35)); }
.val-cta-inner h2 { margin-left: auto; margin-right: auto; }
.val-cta-inner > p { max-width: 650px; margin: 0 auto 2rem; color: var(--val-muted); line-height: 1.8; }

.val-footer { padding: 4.5rem 0 1.5rem; background: #050906; border-top: 1px solid var(--val-border-soft); }
.footer-brand { display: inline-flex; align-items: center; gap: .7rem; margin-bottom: 1rem; color: #fff !important; font-family: var(--val-font-title); font-size: 1.15rem; letter-spacing: .08em; }
.footer-brand img { width: 50px; height: 50px; object-fit: contain; }
.footer-copy { max-width: 470px; color: var(--val-muted); font-size: .8rem; line-height: 1.65; }
.footer-legal { margin-top: .35rem; color: rgba(167,175,168,.55); font-size: .7rem; }
.footer-title { margin-bottom: .8rem; color: var(--val-gold-light); font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.footer-links { display: flex; flex-wrap: wrap; gap: .55rem 1rem; }
.footer-links a { color: var(--val-muted) !important; font-size: .78rem; font-weight: 600; }
.footer-links a:hover { color: #fff !important; }
.footer-socials { display: flex; justify-content: flex-start; gap: .55rem; }
.footer-socials a { display: inline-grid; width: 42px; height: 42px; place-items: center; color: var(--val-gold-light) !important; background: rgba(214,170,69,.08); border: 1px solid var(--val-border); border-radius: 10px; }
.footer-socials a:hover { background: rgba(214,170,69,.16); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 3.5rem; padding-top: 1.3rem; color: rgba(167,175,168,.55); border-top: 1px solid rgba(255,255,255,.055); font-size: .7rem; }

.val-page-content { padding-top: 8rem; padding-bottom: 5rem; }
.val-page-content > h1,
.val-page-content .page-title { color: #fff; }
.val-theme .content h1:not(.title-no-bg) { margin-bottom: 1.75rem; padding: 0 0 1rem; color: #fff; background: transparent; border-bottom: 1px solid var(--val-border); font-size: clamp(2rem, 4vw, 3.3rem); text-transform: none; }
.val-theme .card { color: var(--val-text); background: linear-gradient(145deg, rgba(20,32,23,.97), rgba(11,18,13,.98)); border: 1px solid var(--val-border-soft); border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.val-theme .card-header,
.val-theme .card-footer { background: rgba(255,255,255,.025); border-color: var(--val-border-soft); }
.val-theme .text-muted { color: var(--val-muted) !important; }
.val-theme .form-control,
.val-theme .form-select { color: var(--val-text); background-color: rgba(255,255,255,.055); border-color: var(--val-border-soft); border-radius: 9px; }
.val-theme .form-control:focus,
.val-theme .form-select:focus { color: #fff; background-color: rgba(255,255,255,.07); border-color: var(--val-gold); box-shadow: 0 0 0 .2rem rgba(214,170,69,.12); }
.val-theme .btn-primary { color: #11130d; background: var(--val-gold); border-color: var(--val-gold); }
.val-theme .btn-primary:hover { color: #080b08; background: var(--val-gold-light); border-color: var(--val-gold-light); }
.val-theme .table { --bs-table-bg: transparent; --bs-table-color: var(--val-text); --bs-table-border-color: var(--val-border-soft); }
.val-theme .pagination { --bs-pagination-bg: var(--val-surface); --bs-pagination-border-color: var(--val-border-soft); --bs-pagination-color: var(--val-gold-light); --bs-pagination-hover-bg: var(--val-surface-2); --bs-pagination-hover-color: #fff; --bs-pagination-active-bg: var(--val-gold); --bs-pagination-active-border-color: var(--val-gold); }

.val-copy-toast { position: fixed; z-index: 1100; left: 50%; bottom: 2rem; padding: .8rem 1.1rem; color: #10140f; background: var(--val-gold-light); border-radius: 9px; box-shadow: 0 18px 50px rgba(0,0,0,.35); font-size: .75rem; font-weight: 800; transform: translate(-50%, 30px); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.val-copy-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

@media (min-width: 992px) { .footer-socials { justify-content: flex-end; } }

@media (max-width: 1199.98px) {
    .val-connect { min-height: 920px; }
    .val-connect-layout { grid-template-columns: 104px minmax(440px, 620px) minmax(230px, 1fr); gap: 1.25rem; }
    .val-connect-guardian { min-height: 600px; }
    .val-connect-guardian img { width: min(39vw, 500px); }
    .val-guide-grid { grid-template-columns: 1fr; }
    .val-guide-grid article { min-height: 0; padding: 1rem 1rem 1rem 3.4rem; }
    .val-guide-grid article > span { top: .8rem; }
}

@media (max-width: 991.98px) {
    .val-navbar { background: rgba(7,12,9,.94); backdrop-filter: blur(16px); }
    .val-navbar .navbar-collapse { margin-top: .75rem; padding: 1rem; background: rgba(12,20,15,.98); border: 1px solid var(--val-border); border-radius: 14px; }
    .val-navbar .nav-link:not(.val-login)::after { display: none; }
    .val-auth-nav { align-items: flex-start; border-top: 1px solid var(--val-border-soft); margin-top: .5rem; padding-top: .5rem; }
    .val-language-switcher { align-items: flex-start; margin: .55rem 0 .2rem; }
    .val-navbar .val-language-button { width: max-content; }
    .val-hero::after { opacity: .45; }
    .val-connect { min-height: 0; padding-bottom: 9rem; }
    .val-connect-layout { grid-template-columns: 1fr; }
    .val-platform-tabs { display: flex; order: 1; padding-bottom: .25rem; gap: .6rem; overflow-x: auto; scrollbar-width: thin; }
    .val-platform-tab { min-width: 112px; min-height: 82px; flex: 1 0 112px; }
    .val-platform-tab::before { top: auto; right: 20%; bottom: -1px; left: 20%; width: auto; height: 3px; transform: scaleX(.3); }
    .val-platform-tab:hover,
    .val-platform-tab:focus-visible { transform: translateY(-2px); }
    .val-platform-tab.is-active::before { transform: scaleX(1); }
    .val-connect-panel { order: 2; min-height: 575px; }
    .val-connect-guardian { order: 3; min-height: 475px; margin-top: -3rem; }
    .val-connect-guardian img { right: 50%; width: min(72vw, 510px); }
    .val-experience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .val-experience-showcase-copy { width: min(500px, 62%); }
    .val-experience-bottom { grid-template-columns: 1fr; }
    .val-claim-copy { width: min(540px, 61%); }
}

@media (max-width: 767.98px) {
    .val-navbar .navbar-brand span { display: none; }
    .val-hero { background-image: linear-gradient(90deg, rgba(4,8,5,.9), rgba(5,10,6,.55)), linear-gradient(0deg, var(--val-bg), transparent 35%), var(--val-hero-image); background-position: 62% center; }
    .val-hero-brand { gap: .8rem; }
    .val-hero-emblem { display: none; }
    .val-hero h1 { font-size: clamp(2.75rem, 14vw, 4rem); letter-spacing: .01em; }
    .val-hero-intro { font-size: .92rem; }
    .val-btn { width: 100%; }
    .val-live-pill { max-width: 100%; }
    .val-step { padding-left: 4.2rem; }
    .footer-bottom { flex-direction: column; }
    .val-connect { padding-top: 5rem; }
    .val-connect::before { background-position: 56% center; }
    .val-connect-heading br { display: none; }
    .val-connect-panel { min-height: 610px; padding: 1.35rem; border-radius: 18px; }
    .val-connect-fields-split { grid-template-columns: 1fr; }
    .val-connect-actions { display: grid; }
    .val-connect-disclaimer { right: 1.35rem; bottom: 1rem; left: 1.35rem; }
    .val-connect-guardian { min-height: 390px; }
    .val-connect-guardian img { width: min(98vw, 440px); }
    .val-experience-showcase { min-height: 630px; }
    .val-experience-showcase::before { background: linear-gradient(0deg, rgba(5, 12, 8, .98) 0%, rgba(5, 12, 8, .76) 42%, transparent 77%); }
    .val-experience-showcase::after { box-shadow: inset 0 0 58px 14px rgba(5, 12, 8, .7); }
    .val-experience-showcase > img { object-position: 56% center; }
    .val-experience-showcase-copy { width: 100%; padding: 1.6rem; justify-content: flex-end; }
    .val-experience-showcase h3 br { display: none; }
    .val-experience-grid { grid-template-columns: 1fr 1fr; gap: .75rem; }
    .val-experience-card { min-height: 175px; padding: 1.2rem; }
    .val-experience-card strong { font-size: 1.35rem; }
    .val-experience-banner { align-items: flex-start; }
    .val-survival-live { flex-wrap: wrap; }
    .val-survival-live .val-btn { width: 100%; }
    .val-claim-showcase { min-height: 650px; }
    .val-claim-showcase::before { background: linear-gradient(0deg, rgba(5, 12, 8, .98) 0%, rgba(5, 12, 8, .82) 45%, rgba(5, 12, 8, .12) 82%); }
    .val-claim-showcase > img { object-position: 68% center; }
    .val-claim-copy { width: 100%; padding: 1.6rem; justify-content: flex-end; }
}

@media (max-width: 479.98px) {
    .val-experience-grid { grid-template-columns: 1fr; }
    .val-experience-card { min-height: 155px; }
    .val-experience-showcase { min-height: 570px; }
    .val-experience-showcase > img { object-position: 52% center; }
    .val-claim-showcase { min-height: 610px; }
    .val-claim-points { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    [data-val-reveal],
    .val-connect-guardian img { opacity: 1; transform: none; }
}