:root {
    --unlock-yellow: #fbb900;
    --unlock-yellow-light: #ffda66;
    --unlock-ink: #141414;
    --unlock-muted: #625e55;
    --unlock-cream: #f7f3e8;
    --unlock-cream-dark: #eee7d8;
    --unlock-white: #fffdf9;
    --unlock-radius: 28px;
    --unlock-shadow: 0 24px 80px rgba(45, 34, 10, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body {
    margin: 0;
    background:
        radial-gradient(circle at 8% 9%, rgba(251, 185, 0, .17), transparent 28vw),
        radial-gradient(circle at 93% 16%, rgba(255, 218, 102, .3), transparent 24vw),
        radial-gradient(circle at 50% 100%, rgba(255, 255, 255, .8), transparent 42vw),
        linear-gradient(rgba(20, 20, 20, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 20, 20, .028) 1px, transparent 1px),
        var(--unlock-cream);
    background-size: auto, auto, auto, 38px 38px, 38px 38px, auto;
    color: var(--unlock-ink);
    font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
    font-size: 16px;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
.visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.unlock-site-header { align-items: center; backdrop-filter: blur(18px); background: rgba(247, 243, 232, .78); border-bottom: 1px solid rgba(20, 20, 20, .06); display: flex; gap: 28px; justify-content: space-between; left: 0; padding: 17px clamp(20px, 5vw, 76px); position: sticky; right: 0; top: 0; transition: background .25s ease, box-shadow .25s ease, padding .25s ease; z-index: 10; }
.unlock-site-header.is-scrolled { background: rgba(247, 243, 232, .93); box-shadow: 0 8px 28px rgba(20, 20, 20, .09); padding-bottom: 12px; padding-top: 12px; }
.unlock-site-brand img { height: auto; transition: transform .22s ease; width: min(245px, 44vw); }
.unlock-site-brand:hover img { transform: rotate(-1.4deg) scale(1.015); }
.unlock-site-nav { align-items: center; display: flex; gap: clamp(12px, 2vw, 27px); }
.unlock-site-nav a { color: var(--unlock-ink); font-size: .87rem; font-weight: 800; position: relative; text-decoration: none; transition: color .2s ease, transform .2s ease; }
.unlock-site-nav a:not(.unlock-site-nav__cta)::after { background: var(--unlock-yellow); border-radius: 999px; bottom: -5px; content: ""; height: 2px; left: 0; opacity: 0; position: absolute; transform: scaleX(.35); transform-origin: left; transition: opacity .2s ease, transform .2s ease; width: 100%; }
.unlock-site-nav a:hover, .unlock-site-nav a:focus, .unlock-site-nav a.is-active { color: #8d6800; }
.unlock-site-nav a:hover:not(.unlock-site-nav__cta)::after, .unlock-site-nav a:focus:not(.unlock-site-nav__cta)::after, .unlock-site-nav a.is-active:not(.unlock-site-nav__cta)::after { opacity: 1; transform: scaleX(1); }
.unlock-site-nav__cta { background: var(--unlock-ink); border-radius: 999px; box-shadow: 0 10px 24px rgba(20, 20, 20, .13); color: #fff !important; padding: 12px 17px; }
.unlock-site-nav__cta:hover, .unlock-site-nav__cta:focus { background: #3d3a34; box-shadow: 0 14px 28px rgba(20, 20, 20, .18); transform: translateY(-2px); }
.unlock-site-menu-toggle { background: transparent; border: 0; cursor: pointer; display: none; padding: 8px; }
.unlock-site-menu-toggle span:not(.visually-hidden) { background: var(--unlock-ink); display: block; height: 2px; margin: 4px 0; transition: transform .2s ease; width: 25px; }

.unlock-site-hero, .unlock-site-section, .unlock-site-final-cta { margin: 0 auto; max-width: 1440px; padding-left: clamp(20px, 5vw, 76px); padding-right: clamp(20px, 5vw, 76px); }
.unlock-site-hero { display: grid; gap: clamp(28px, 5vw, 80px); grid-template-columns: minmax(0, .95fr) minmax(380px, 1.05fr); min-height: calc(100svh - 80px); padding-bottom: clamp(70px, 9vh, 130px); padding-top: clamp(64px, 9vh, 130px); position: relative; }
.unlock-site-hero::before { background: linear-gradient(90deg, rgba(251, 185, 0, .36), transparent); border-radius: 999px; content: ""; height: 9px; left: clamp(20px, 5vw, 76px); position: absolute; top: 39px; width: min(250px, 28vw); }
.unlock-site-hero__content { align-self: center; max-width: 690px; position: relative; z-index: 1; }
.unlock-site-hero [data-unlock-reveal] { animation: unlockHeroEntrance .78s cubic-bezier(.16, 1, .3, 1) both; opacity: 1; transform: none; }
.unlock-site-hero__content > * { animation: unlockHeroItem .72s cubic-bezier(.16, 1, .3, 1) both; }
.unlock-site-hero__content > *:nth-child(1) { animation-delay: .05s; }
.unlock-site-hero__content > *:nth-child(2) { animation-delay: .14s; }
.unlock-site-hero__content > *:nth-child(3) { animation-delay: .24s; }
.unlock-site-hero__content > *:nth-child(4) { animation-delay: .34s; }
.unlock-site-kicker { color: #8d6800; font-size: .76rem; font-weight: 900; letter-spacing: .15em; margin: 0 0 17px; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.055em; }
h1 { font-size: clamp(2.8rem, 3.7vw, 4.9rem); line-height: .95; margin-bottom: 28px; }
h2 { font-size: clamp(2.55rem, 4.7vw, 5.4rem); line-height: .94; margin-bottom: 25px; }
h3 { font-size: 1.45rem; line-height: 1; margin-bottom: 15px; }
p { color: var(--unlock-muted); line-height: 1.65; }
.unlock-site-hero__lead { font-size: clamp(1.05rem, 1.6vw, 1.28rem); max-width: 54ch; }
.unlock-site-button { align-items: center; background: linear-gradient(135deg, var(--unlock-yellow-light), var(--unlock-yellow)); border-radius: 999px; box-shadow: 0 15px 32px rgba(210, 151, 0, .22); color: var(--unlock-ink); display: inline-flex; font-size: .93rem; font-weight: 900; gap: 19px; margin-top: 14px; overflow: hidden; padding: 17px 23px; position: relative; text-decoration: none; transition: box-shadow .2s ease, transform .2s ease; }
.unlock-site-button::after { background: rgba(255, 255, 255, .38); content: ""; height: 100%; left: -70%; position: absolute; top: 0; transform: skewX(-22deg); transition: left .55s ease; width: 38%; }
.unlock-site-button:hover, .unlock-site-button:focus { box-shadow: 0 19px 36px rgba(210, 151, 0, .3); transform: translateY(-2px) rotate(-.5deg); }
.unlock-site-button:hover::after, .unlock-site-button:focus::after { left: 130%; }
.unlock-site-button span { font-size: 1.25rem; line-height: .6; position: relative; z-index: 1; }
.unlock-site-hero__visual { border-radius: 34px; min-height: 490px; position: relative; transition: transform .35s ease; }
.unlock-site-hero__visual::before { background: radial-gradient(circle, rgba(251, 185, 0, .44), transparent 70%); border-radius: inherit; content: ""; filter: blur(18px); inset: 7% -3% -4%; opacity: .6; position: absolute; z-index: 0; }
.unlock-site-hero__visual > img:first-child { border: 10px solid var(--unlock-white); border-radius: inherit; box-shadow: var(--unlock-shadow); height: 100%; min-height: 490px; object-fit: cover; position: relative; transition: transform .5s ease; width: 100%; }
.unlock-site-hero__visual:hover > img:first-child { transform: scale(1.018); }
.unlock-site-hero__visual::after { background: linear-gradient(140deg, rgba(251, 185, 0, .18), transparent 48%, rgba(0, 0, 0, .32)); border-radius: inherit; content: ""; inset: 10px; pointer-events: none; position: absolute; }
.unlock-site-hero__orb { border-radius: 50%; filter: blur(3px); pointer-events: none; position: absolute; z-index: 1; }
@keyframes unlockOrbPulse { 0%, 100% { scale: 1; } 50% { scale: 1.14; } }
.unlock-site-hero__orb--one { animation: unlockFloat 5.4s ease-in-out infinite, unlockOrbPulse 3.8s ease-in-out infinite; background: rgba(255, 215, 70, .82); height: 130px; left: -45px; top: 18%; width: 130px; }
.unlock-site-hero__orb--two { animation: unlockFloat 6.8s ease-in-out infinite reverse; background: rgba(239, 81, 113, .54); bottom: 8%; height: 190px; right: -68px; width: 190px; }
.unlock-site-hero__tag { background: var(--unlock-ink); border-radius: 999px; box-shadow: 0 12px 26px rgba(20, 20, 20, .15); color: #fff; font-size: .82rem; font-weight: 900; padding: 10px 14px; position: absolute; z-index: 2; }
.unlock-site-hero__tag--one { animation: unlockFloat 5.8s ease-in-out infinite; right: 13%; top: 7%; }
.unlock-site-hero__tag--two { animation: unlockFloat 6.6s ease-in-out infinite reverse; background: var(--unlock-yellow); bottom: 15%; color: var(--unlock-ink); left: -30px; }
.unlock-site-hero__trail { align-items: center; background: rgba(255, 253, 249, .86); border: 1px solid rgba(20, 20, 20, .08); border-radius: 999px; box-shadow: 0 14px 34px rgba(20, 20, 20, .12); display: flex; gap: 10px; left: 50%; padding: 9px 12px; position: absolute; transform: translateX(-50%); bottom: 30px; z-index: 3; }
.unlock-site-hero__trail span { animation: unlockTrailGlow 4.8s ease-in-out infinite; background: rgba(251, 185, 0, .22); border-radius: 999px; color: var(--unlock-ink); font-size: .75rem; font-weight: 900; padding: 7px 10px; position: relative; white-space: nowrap; }
.unlock-site-hero__trail span + span::before { background: var(--unlock-ink); border-radius: 50%; content: ""; height: 4px; left: -8px; opacity: .45; position: absolute; top: 50%; transform: translateY(-50%); width: 4px; }
.unlock-site-hero__trail span:nth-child(2) { animation-delay: .6s; }
.unlock-site-hero__trail span:nth-child(3) { animation-delay: 1.2s; }

.unlock-site-section { padding-bottom: clamp(74px, 11vw, 155px); padding-top: clamp(74px, 11vw, 155px); position: relative; }
.unlock-site-section--intro { display: grid; gap: 7vw; grid-template-columns: minmax(0, .9fr) minmax(0, .95fr); }
.unlock-site-share { background: linear-gradient(135deg, var(--unlock-yellow-light), var(--unlock-yellow)); border-radius: var(--unlock-radius); box-shadow: 0 22px 70px rgba(210, 151, 0, .2); margin: 0 auto clamp(74px, 11vw, 155px); max-width: min(1290px, calc(100% - 40px)); overflow: hidden; padding: clamp(40px, 7vw, 90px); position: relative; text-align: center; }
.unlock-site-share::before, .unlock-site-share::after { border: 3px solid rgba(20, 20, 20, .12); border-radius: 50%; content: ""; pointer-events: none; position: absolute; }
.unlock-site-share::before { height: 250px; left: -90px; top: -120px; width: 250px; }
.unlock-site-share::after { bottom: -115px; height: 280px; right: -95px; width: 280px; }
.unlock-site-share > div { margin: auto; max-width: 800px; position: relative; z-index: 1; }
.unlock-site-share p { color: var(--unlock-ink); }
.unlock-site-share p { font-size: clamp(1.05rem, 1.6vw, 1.25rem); font-weight: 650; }
.unlock-site-copy { background: rgba(255, 253, 249, .66); border: 1px solid rgba(20, 20, 20, .07); border-radius: 28px; box-shadow: 0 18px 50px rgba(45, 34, 10, .08); padding: clamp(24px, 4vw, 48px); }
.unlock-site-copy p { font-size: clamp(1.1rem, 1.7vw, 1.34rem); }
.unlock-site-copy p:last-child { margin-bottom: 0; }
.unlock-site-section--image { align-items: center; display: grid; gap: clamp(35px, 8vw, 130px); grid-template-columns: minmax(270px, .88fr) minmax(0, 1fr); }
.unlock-site-image-card { border-radius: 34px; min-height: 525px; overflow: hidden; position: relative; transform: rotate(-2.5deg); transition: transform .25s ease, box-shadow .25s ease; }
.unlock-site-image-card::after { background: linear-gradient(160deg, transparent 58%, rgba(251, 185, 0, .25)); content: ""; inset: 0; position: absolute; }
.unlock-site-image-card:hover { box-shadow: 0 26px 70px rgba(45, 34, 10, .16); transform: rotate(-1deg) translateY(-4px); }
.unlock-site-image-card img { height: 100%; min-height: 525px; object-fit: cover; transform: rotate(2.5deg) scale(1.08); transition: transform .4s ease; width: 100%; }
.unlock-site-image-card:hover img { transform: rotate(2.5deg) scale(1.12); }
.unlock-site-section__content { max-width: 615px; }
.unlock-site-section__content > p { font-size: 1.08rem; }
.unlock-site-partner-note { border-left: 3px solid var(--unlock-yellow); margin-top: 28px; padding-left: 16px; }
.unlock-site-districts { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 28px 0 0; padding: 0; }
.unlock-site-districts li { background: var(--unlock-white); border: 1px solid rgba(20, 20, 20, .1); border-radius: 999px; font-size: .85rem; font-weight: 750; padding: 9px 13px; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.unlock-site-districts li:hover { background: var(--unlock-yellow-light); border-color: rgba(20, 20, 20, .14); transform: translateY(-3px); }
.unlock-site-districts + p { margin-top: 28px; }
.unlock-site-section--possibilities { background: radial-gradient(circle at 86% 8%, rgba(251, 185, 0, .17), transparent 30%), var(--unlock-ink); color: #fff; max-width: none; overflow: hidden; padding-left: max(clamp(20px, 5vw, 76px), calc((100vw - 1440px) / 2 + 76px)); padding-right: max(clamp(20px, 5vw, 76px), calc((100vw - 1440px) / 2 + 76px)); }
.unlock-site-section--possibilities .unlock-site-kicker { color: var(--unlock-yellow-light); }
.unlock-site-section--possibilities h2 { max-width: 750px; }
.unlock-site-feature-grid { display: grid; gap: 17px; grid-template-columns: repeat(3, 1fr); margin-top: 54px; perspective: 1000px; }
.unlock-site-feature { background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .17); border-radius: 22px; min-height: 270px; padding: 28px; position: relative; transform-style: preserve-3d; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.unlock-site-feature:hover { background: rgba(255, 255, 255, .09); border-color: rgba(255, 218, 102, .5); transform: rotateX(2deg) rotateY(-2deg) translateY(-7px); }
.unlock-site-feature > span { color: var(--unlock-yellow-light); display: block; font-size: .76rem; font-weight: 900; letter-spacing: .12em; margin-bottom: 45px; }
.unlock-site-feature p { color: rgba(255, 255, 255, .72); }
.unlock-site-section--partner { align-items: center; display: grid; gap: 50px; grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr); }
.unlock-site-partner-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.unlock-site-partner-grid a { align-items: center; background: #fffdfb; border: 1px solid rgba(20, 20, 20, .08); border-radius: 20px; box-shadow: 0 12px 32px rgba(45, 34, 10, .08); display: flex; justify-content: center; min-height: 118px; padding: 18px; text-decoration: none; transition: box-shadow .22s ease, transform .22s ease; }
.unlock-site-partner-grid a:hover, .unlock-site-partner-grid a:focus { box-shadow: 0 18px 42px rgba(45, 34, 10, .14); transform: translateY(-4px); }
.unlock-site-partner-grid img { height: auto; max-height: 76px; object-fit: contain; width: auto; }
.unlock-site-partner-band { background: #fffdfb; border-radius: 24px; box-shadow: var(--unlock-shadow); margin: auto; max-width: 900px; overflow: hidden; padding: clamp(14px, 2vw, 26px); transform: rotate(1.4deg); transition: transform .25s ease; }
.unlock-site-partner-band:hover { transform: rotate(0) scale(1.01); }
.unlock-site-partner-band img { height: auto; width: 100%; }
.unlock-site-section--contact { background: linear-gradient(135deg, #dfd5c0, #eadfca); border: 1px solid rgba(20, 20, 20, .05); border-radius: var(--unlock-radius); display: grid; gap: clamp(26px, 7vw, 100px); grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); margin-bottom: clamp(50px, 8vw, 110px); max-width: min(1290px, calc(100% - 40px)); overflow: hidden; padding: clamp(40px, 7vw, 90px); position: relative; }
.unlock-site-section--contact::after { border: 3px solid rgba(251, 185, 0, .45); border-radius: 50%; content: ""; height: 260px; position: absolute; right: -90px; top: -100px; width: 260px; }
.unlock-site-contact-card { background: var(--unlock-ink); border-radius: 23px; box-shadow: 0 22px 54px rgba(20, 20, 20, .18); color: #fff; padding: 30px; position: relative; z-index: 1; }
.unlock-site-contact-card p { color: rgba(255, 255, 255, .75); }
.unlock-site-contact-subtitle { font-size: 1.4rem; margin-bottom: 10px; }
.unlock-site-contact-card strong { display: block; font-size: 1.45rem; letter-spacing: -.04em; line-height: 1; margin: 0 0 16px; }
.unlock-site-social-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 20px; }
.unlock-site-social { align-items: center; background: rgba(20, 20, 20, .92); border: 1px solid rgba(20, 20, 20, .13); border-radius: 18px; color: #fff; display: flex; flex-direction: column; font-size: .76rem; font-weight: 800; gap: 6px; justify-content: center; min-height: 76px; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.unlock-site-social:hover { background: #3d3a34; border-color: rgba(251, 185, 0, .7); transform: translateY(-3px); }
.unlock-site-social svg { fill: currentColor; height: 24px; width: 24px; }
.unlock-site-telegram-community { align-items: center; background: linear-gradient(135deg, var(--unlock-yellow-light), var(--unlock-yellow)); border-radius: 999px; color: var(--unlock-ink); display: inline-flex; font-size: .88rem; font-weight: 900; gap: 10px; line-height: 1.15; margin-top: 8px; padding: 13px 17px; }
.unlock-site-telegram-community svg { fill: currentColor; flex: 0 0 auto; height: 20px; width: 20px; }
.unlock-site-final-cta { padding-bottom: clamp(90px, 12vw, 165px); text-align: center; }
.unlock-site-final-cta > div { background: rgba(255, 253, 249, .62); border: 1px solid rgba(20, 20, 20, .06); border-radius: 32px; box-shadow: 0 22px 70px rgba(45, 34, 10, .09); margin: auto; max-width: 780px; padding: clamp(34px, 6vw, 72px); }
.unlock-site-final-cta p { font-size: 1.08rem; }
.unlock-site-button--dark { background: var(--unlock-ink); box-shadow: none; color: #fff; }
.unlock-site-button--dark:hover, .unlock-site-button--dark:focus { background: #36332e; box-shadow: none; }
.unlock-site-footer { background: var(--unlock-ink); color: #fff; padding: 40px clamp(20px, 5vw, 76px); }
.unlock-site-footer__main { align-items: center; display: flex; gap: 36px; justify-content: space-between; }
.unlock-site-footer__main > img { width: min(190px, 42vw); }
.unlock-site-footer p { color: rgba(255, 255, 255, .7); font-size: .84rem; margin: 0; max-width: 720px; }
.unlock-site-footer__partner-band { background: #fffdfb; border-radius: 16px; margin: 30px auto 0; max-width: 1200px; overflow: hidden; width: 100%; }
.unlock-site-footer__partner-band img { height: auto; width: 100%; }
.unlock-site-footer__privacy-link { background: transparent; border: 0; border-radius: 0; color: rgba(255, 255, 255, .75); cursor: pointer; font-size: .82rem; font-weight: 800; margin-top: 10px; padding: 0; text-decoration: underline; text-decoration-color: rgba(255, 218, 102, .8); text-underline-offset: 5px; }
.unlock-site-footer__privacy-link:hover, .unlock-site-footer__privacy-link:focus { color: #fff; }
.unlock-privacy-modal { z-index: 2100; }
.unlock-privacy-modal .modal-dialog { margin: 1.75rem auto; max-width: 820px; }
.unlock-privacy-modal .modal-content { background: linear-gradient(180deg, #141414 0%, #101010 100%); border: 1px solid rgba(251, 185, 0, .12); border-radius: 30px; box-shadow: 0 40px 120px rgba(0, 0, 0, .38); color: #fff; }
.unlock-privacy-modal .modal-header { align-items: center; border-bottom: 1px solid rgba(255, 255, 255, .08); padding: 22px 28px; }
.unlock-privacy-modal .modal-body { padding: 28px; }
.unlock-privacy-modal .modal-footer { border-top: 1px solid rgba(255, 255, 255, .08); padding: 18px 28px; }
.unlock-privacy-modal .btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 1px solid rgba(232, 23, 93, .5); border-radius: 6px; filter: none; height: 30px; opacity: 1; width: 30px; }
.unlock-modal-brand-wrap { align-items: center; display: flex; gap: 16px; justify-content: space-between; width: 100%; }
.unlock-modal-brand-logo { height: auto; width: min(240px, 44vw); }
.unlock-modal-badge { align-items: center; background: rgba(255, 255, 255, .84); border-radius: 999px; color: #1b1b1b; display: inline-flex; font-size: .9rem; font-weight: 800; justify-content: center; min-height: 34px; padding: 0 16px; }
.unlock-modal-title { color: #fff; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 900; letter-spacing: -.05em; line-height: .98; margin-bottom: 12px; }
.unlock-modal-intro { color: rgba(255, 255, 255, .78); font-size: 1rem; line-height: 1.7; margin-bottom: 18px; }
.unlock-privacy-card { background: rgba(255, 255, 255, .06); border-radius: 22px; padding: 18px; }
.unlock-privacy-card__title { color: rgba(255, 255, 255, .66); font-size: .84rem; font-weight: 800; letter-spacing: .1em; margin-bottom: 10px; text-transform: uppercase; }
.unlock-privacy-card__body { color: rgba(255, 255, 255, .9); line-height: 1.7; }
.unlock-modal-download-btn { align-items: center; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; color: #fff; display: inline-flex; font-weight: 700; justify-content: center; min-height: 44px; padding: 0 18px; text-decoration: none; }
.unlock-modal-download-btn:hover, .unlock-modal-download-btn:focus { background: rgba(255, 255, 255, .12); color: #fff; text-decoration: none; }
.unlock-submit-btn { align-items: center; background: linear-gradient(135deg, #ffd450 0%, #fbb900 100%); border: 0; border-radius: 999px; color: #111; display: inline-flex; font-weight: 900; justify-content: center; min-height: 48px; padding: 0 22px; }
.unlock-submit-btn:hover, .unlock-submit-btn:focus { background: linear-gradient(135deg, #ffdc6b 0%, #fbb900 100%); color: #111; }

[data-unlock-reveal] { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s cubic-bezier(.2, .7, .2, 1); }
[data-unlock-reveal].is-visible { opacity: 1; transform: translateY(0); }
@keyframes unlockFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@keyframes unlockHeroEntrance { 0% { opacity: 0; transform: translateY(34px) scale(.975); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes unlockHeroItem { 0% { opacity: 0; transform: translateY(16px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes unlockTrailGlow { 0%, 100% { background: rgba(251, 185, 0, .22); transform: translateY(0); } 50% { background: rgba(255, 218, 102, .72); transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } [data-unlock-reveal] { opacity: 1; transform: none; } }

@media (max-width: 900px) { .unlock-site-hero { grid-template-columns: 1fr; min-height: 0; } .unlock-site-hero__content { order: 1; } .unlock-site-hero__visual { min-height: 420px; order: 2; } .unlock-site-hero__visual > img:first-child { min-height: 420px; } .unlock-site-section--intro, .unlock-site-section--image, .unlock-site-section--partner, .unlock-site-section--contact { grid-template-columns: 1fr; } .unlock-site-image-card, .unlock-site-image-card img { min-height: 400px; } .unlock-site-feature-grid { grid-template-columns: 1fr; } .unlock-site-partner-grid { grid-template-columns: 1fr; } .unlock-site-partner-grid a { min-height: 96px; } .unlock-site-feature { min-height: 0; } .unlock-site-feature > span { margin-bottom: 26px; } .unlock-site-partner-band { max-width: 100%; } }
@media (max-width: 720px) { html { scroll-padding-top: 80px; } .unlock-site-header { padding-bottom: 13px; padding-top: 13px; z-index: 30; } .unlock-site-menu-toggle { border: 0; display: block; height: 42px; padding: 8px 6px; position: relative; width: 40px; z-index: 35; } .unlock-site-menu-toggle span:not(.visually-hidden) { background: var(--unlock-ink); border-radius: 999px; display: block; height: 2px; left: 7px; margin: 0; position: absolute; transition: opacity .18s ease, transform .18s ease; width: 26px; } .unlock-site-menu-toggle span:nth-child(1) { top: 13px; } .unlock-site-menu-toggle span:nth-child(2) { top: 20px; } .unlock-site-menu-toggle span:nth-child(3) { top: 27px; } .unlock-site-menu-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .unlock-site-menu-toggle.is-open span:nth-child(2) { opacity: 0; } .unlock-site-menu-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .unlock-site-nav { background: rgba(255, 253, 249, .97); border: 1px solid rgba(20, 20, 20, .08); border-radius: 22px; box-shadow: 0 22px 60px rgba(20, 20, 20, .18); display: flex; flex-direction: column; gap: 10px; left: auto; max-height: calc(100dvh - 92px); max-width: 330px; opacity: 0; overflow: auto; padding: 14px; pointer-events: none; position: fixed; right: 16px; top: 74px; transform: translateY(-10px) scale(.985); transform-origin: top right; transition: opacity .2s ease, transform .2s ease; visibility: hidden; width: min(calc(100vw - 32px), 330px); z-index: 34; } .unlock-site-nav.is-open { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); visibility: visible; } .unlock-site-nav a { animation: unlockMenuItem .3s cubic-bezier(.2, .8, .2, 1) both; background: var(--unlock-white); border: 1px solid rgba(20, 20, 20, .08); border-radius: 16px; box-shadow: 0 8px 20px rgba(20, 20, 20, .05); font-size: 1rem; padding: 14px 15px 20px; position: relative; width: 100%; } .unlock-site-nav a:nth-child(2) { animation-delay: .04s; } .unlock-site-nav a:nth-child(3) { animation-delay: .08s; } .unlock-site-nav a:nth-child(4) { animation-delay: .12s; } .unlock-site-nav a:nth-child(5) { animation-delay: .16s; } .unlock-site-nav a::after { border-radius: 999px; bottom: 9px; content: ""; height: 4px; left: 15px; opacity: 0; position: absolute; transform: scaleX(.18); transform-origin: left; transition: opacity .18s ease, transform .18s ease; width: calc(100% - 30px); } .unlock-site-nav a:hover, .unlock-site-nav a:focus { color: #8d6800; transform: none; } .unlock-site-nav a:hover::after, .unlock-site-nav a:focus::after { opacity: .35; transform: scaleX(1); } .unlock-site-nav a.is-active { background: linear-gradient(135deg, var(--unlock-yellow-light), var(--unlock-yellow)); border-color: rgba(20, 20, 20, .12); color: var(--unlock-ink); } .unlock-site-nav a.is-active::after { opacity: 1; transform: scaleX(1); } .unlock-site-nav__cta { background: var(--unlock-white); box-shadow: 0 8px 20px rgba(20, 20, 20, .05); color: var(--unlock-ink) !important; font-size: 1rem; margin-top: 4px; padding: 14px 15px !important; text-align: left; } .unlock-site-nav__cta:hover, .unlock-site-nav__cta:focus { background: var(--unlock-white); box-shadow: 0 8px 20px rgba(20, 20, 20, .08); color: #8d6800 !important; transform: none; } h1 { font-size: clamp(2.65rem, 12vw, 4.4rem); } .unlock-site-hero { padding-bottom: 50px; padding-top: 42px; } .unlock-site-hero::before { top: 22px; } .unlock-site-hero__visual, .unlock-site-hero__visual > img:first-child { min-height: 340px; } .unlock-site-hero__tag--two { left: 6px; } .unlock-site-copy { padding: 22px; } .unlock-site-section--contact { margin-left: 10px; margin-right: 10px; max-width: none; } .unlock-site-footer__main { align-items: flex-start; flex-direction: column; gap: 20px; } }
@keyframes unlockMenuItem { 0% { opacity: 0; transform: translateY(-8px) scale(.985); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 480px) { .unlock-site-hero__tag { font-size: .72rem; padding: 8px 11px; } .unlock-site-hero__trail { bottom: 16px; gap: 5px; max-width: calc(100% - 24px); padding: 6px; } .unlock-site-hero__trail span { font-size: .66rem; padding: 6px 8px; } }