/* /pilot/ page , custom layout classes. Reuses main.min.css tokens and utilities. */

.pilot-main {
    padding-top: 16rem;
    background: var(--white);
    color: var(--black);
}

.pilot-section {
    padding: 8rem 0;
}

.pilot-section + .pilot-section {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Close the white gaps around the orange CTA strip:
   the section directly above CTA loses its bottom padding, and the footer
   directly below CTA loses its top padding, so the orange band runs flush
   between FAQ content and the footer content. */
.wrapper-pilot .pilot-section:has(+ .pilot-cta) {
    padding-bottom: 3rem;
}
.wrapper-pilot .pilot-cta + .footer {
    padding-top: 0;
}
.wrapper-pilot .pilot-section + .pilot-cta {
    border-top: 0;
}

/* Reset the global 12-column grid from main.min.css when inside the pilot page. */
.pilot-main .container,
.pilot-section .container {
    display: block;
    grid-template-columns: none;
    width: 100%;
    max-width: 128rem;
    margin: 0 auto;
    padding: 0 var(--container-spacer);
    gap: 0;
}

/* HERO */
.pilot-hero {
    padding: 4rem 0 6rem;
}

.pilot-hero .section-desc {
    color: var(--orange);
    margin-bottom: 2.4rem;
}

.pilot-hero .title-main {
    color: var(--black);
    margin-bottom: 2.4rem;
}

/* PILOT PAGE: NO PRELOADER, NO INTRO TIMELINE.
   The body wrapper uses `wrapper-pilot` instead of `wrapper-main`, which
   gates off v(), C(), _() in script.min.js — so the preloader timeline,
   SplitText reveals, and contact/flow scroll setups never run on this page.
   We hide the orphaned .preloader element (which would otherwise sit
   fullscreen forever) and force base CSS state on all animated targets as a
   defensive layer in case main.min.css has visibility:hidden defaults that
   were meant to be JS-revealed. */
.wrapper-pilot .preloader {
    display: none !important;
}

.wrapper-pilot .header {
    visibility: visible !important;
    opacity: 1 !important;
}

.pilot-main .title-main,
.pilot-main .title-large,
.pilot-main .title-medium,
.pilot-main .desc,
.pilot-main .desc-large,
.pilot-main .section-desc,
.pilot-main .button,
.pilot-main .button > span,
.pilot-main .pilot-proof-item,
.pilot-main .pilot-proof-item .stat,
.pilot-main .pilot-proof-item .stat-label,
.pilot-main .pilot-included-item,
.pilot-main .pilot-phase,
.pilot-main .pilot-after-card,
.pilot-main .pilot-fit-card,
.pilot-main .pilot-faq-item,
.pilot-main .pilot-scope-col,
.pilot-main .pilot-invest-card,
.pilot-main .title-main span,
.pilot-main .title-main div,
.pilot-main .title-large span,
.pilot-main .title-large div,
.pilot-main .title-medium span,
.pilot-main .title-medium div,
.pilot-main .desc span,
.pilot-main .desc div,
.pilot-main .desc-large span,
.pilot-main .desc-large div,
.pilot-main .section-desc span,
.pilot-main .section-desc div {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    filter: none !important;
}

.pilot-hero .desc-large {
    color: var(--grey);
    max-width: 70rem;
    margin-bottom: 4rem;
}

.pilot-hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

/* PROOF STRIP */
.pilot-proof {
    background: var(--grey-light);
    padding: 6rem 0;
}

.pilot-proof-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
}

.pilot-proof-item {
    text-align: left;
}

.pilot-proof-item .stat {
    font-size: 5.6rem;
    line-height: 110%;
    letter-spacing: -0.02em;
    background: var(--gradient-orange);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
}

.pilot-proof-item .stat-label {
    font-size: 1.4rem;
    line-height: 145%;
    color: var(--grey);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* INCLUDED / TIMELINE / AFTER / FAQ */
.pilot-head {
    margin-bottom: 6rem;
    max-width: 80rem;
}

.pilot-head .section-desc {
    color: var(--orange);
    margin-bottom: 1.6rem;
}

.pilot-head .title-large {
    color: var(--black);
    margin-bottom: 2rem;
}

.pilot-head .desc {
    color: var(--grey);
}

/* INCLUDED list */
.pilot-included-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 4rem;
}

.pilot-included-item {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pilot-included-item:last-child,
.pilot-included-item:nth-last-child(2) {
    border-bottom: none;
}

.pilot-included-item .checkmark {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--gradient-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.4rem;
}

.pilot-included-item .checkmark svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: var(--white);
}

.pilot-included-item .text {
    flex: 1;
}

.pilot-included-item .text strong {
    display: block;
    font-size: 1.8rem;
    line-height: 140%;
    margin-bottom: 0.4rem;
    color: var(--black);
}

.pilot-included-item .text span {
    font-size: 1.5rem;
    line-height: 150%;
    color: var(--grey);
}

/* TIMELINE */
.pilot-timeline-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.pilot-phase {
    padding: 4rem 3rem;
    border-radius: 2rem;
    background: var(--grey-light);
    position: relative;
    overflow: hidden;
    transition: transform var(--transition-default), box-shadow var(--transition-default);
}

.pilot-phase:hover {
    transform: translateY(-0.4rem);
    box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.06);
}

.pilot-phase-num {
    font-size: 1.4rem;
    color: var(--orange);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
    font-weight: 500;
}

.pilot-phase-weeks {
    font-size: 1.3rem;
    color: var(--grey);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 2rem;
}

.pilot-phase h3 {
    font-size: 2.4rem;
    line-height: 125%;
    color: var(--black);
    margin-bottom: 1.6rem;
}

.pilot-phase p {
    font-size: 1.5rem;
    line-height: 150%;
    color: var(--grey);
}

.pilot-phase-tag {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0.4rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 110, 48, 0.12);
    color: var(--orange);
    margin-top: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* INVESTMENT */
.pilot-invest {
    background: var(--black);
    color: var(--white);
}

.pilot-invest .title-large,
.pilot-invest .pilot-head .section-desc {
    color: var(--white);
}

.pilot-invest .pilot-head .desc {
    color: rgba(255, 255, 255, 0.7);
}

.pilot-invest-card {
    background: linear-gradient(180deg, #181818 0%, #0a0a0a 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 2.4rem;
    padding: 5rem;
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 6rem;
    align-items: start;
}

.pilot-invest-price {
    font-size: 7rem;
    line-height: 100%;
    letter-spacing: -0.03em;
    background: var(--gradient-orange);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1.2rem;
}

.pilot-invest-price-sub {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.pilot-invest-price-suffix {
    font-size: 2.4rem;
    color: rgba(255, 255, 255, 0.6);
}

.pilot-invest-link {
    color: #E9402B;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    transition: color var(--transition-fast);
}

.pilot-invest-link:hover {
    color: var(--orange);
}

/* On genuinely dark/colored sections the link must stay white for contrast */
.pilot-invest .pilot-invest-link,
.pilot-cta .pilot-invest-link { color: var(--white); }
.pilot-invest .pilot-invest-link:hover,
.pilot-cta .pilot-invest-link:hover { color: rgba(255, 255, 255, 0.8); }

.pilot-invest-line {
    display: grid;
    grid-template-columns: 16rem 1fr auto;
    align-items: baseline;
    gap: 2rem;
    padding: 1.6rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 1.6rem;
}

.pilot-invest-line:last-of-type {
    border-bottom: none;
}

.pilot-invest-line strong {
    font-weight: 500;
    color: var(--white);
}

.pilot-invest-line span {
    color: rgba(255, 255, 255, 0.6);
}

.pilot-invest-line em {
    font-style: normal;
    color: var(--white);
    font-weight: 500;
    white-space: nowrap;
}

.pilot-invest-total {
    margin-top: 1.6rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    display: grid;
    grid-template-columns: 16rem 1fr auto;
    gap: 2rem;
    align-items: baseline;
}

.pilot-invest-total strong {
    grid-column: 1 / 3;
}

.pilot-invest-total strong {
    font-size: 1.8rem;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.pilot-invest-total em {
    font-size: 2.8rem;
    font-style: normal;
    background: var(--gradient-orange);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pilot-invest-note {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 1.6rem;
}

.pilot-invest-note-strong {
    margin-top: 1.2rem;
    color: rgba(255, 255, 255, 0.75);
}

/* AFTER */
.pilot-after-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

.pilot-after-card {
    background: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2rem;
    padding: 4rem 3rem;
    transition: border-color var(--transition-default), box-shadow var(--transition-default);
}

.pilot-after-card:hover {
    border-color: var(--orange);
    box-shadow: 0 0.8rem 2.4rem rgba(255, 110, 48, 0.08);
}

.pilot-after-card h3 {
    font-size: 2.4rem;
    line-height: 130%;
    color: var(--black);
    margin-bottom: 1rem;
}

.pilot-after-card .tag {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0.4rem 1rem;
    border-radius: 1rem;
    background: rgba(255, 110, 48, 0.12);
    color: var(--orange);
    margin-bottom: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.pilot-after-card p {
    font-size: 1.5rem;
    line-height: 150%;
    color: var(--grey);
    margin-bottom: 2rem;
}

.pilot-after-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pilot-after-card ul li {
    font-size: 1.5rem;
    line-height: 150%;
    color: var(--grey);
    padding: 0.8rem 0;
    padding-left: 2rem;
    position: relative;
}

.pilot-after-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: var(--orange);
}

/* WHO + FIT (two-card layout) */
.pilot-fit-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.pilot-fit-card {
    background: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2rem;
    padding: 4rem 3rem;
    transition: border-color var(--transition-default), box-shadow var(--transition-default);
}

.pilot-fit-card-best:hover {
    border-color: var(--orange);
    box-shadow: 0 0.8rem 2.4rem rgba(255, 110, 48, 0.08);
}

.pilot-fit-card-no:hover {
    border-color: rgba(220, 70, 70, 0.5);
    box-shadow: 0 0.8rem 2.4rem rgba(220, 70, 70, 0.06);
}

.pilot-fit-head {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 2.8rem;
}

.pilot-fit-head h3 {
    font-size: 2.8rem;
    line-height: 120%;
    color: var(--black);
    margin: 0;
}

.pilot-fit-icon {
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pilot-fit-icon svg {
    width: 1.8rem;
    height: 1.8rem;
}

.pilot-fit-icon-check {
    background: var(--gradient-orange);
    color: var(--white);
}

.pilot-fit-icon-x {
    background: rgba(220, 70, 70, 0.12);
    color: #dc4646;
}

.pilot-fit-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pilot-fit-card ul li {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    font-size: 1.6rem;
    line-height: 150%;
    color: var(--grey);
    padding: 1.2rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.pilot-fit-card ul li:last-child {
    border-bottom: none;
}

.pilot-fit-card ul li::before {
    content: "";
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    margin-top: 0.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pilot-fit-card-best ul li::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M11.5 4L5.5 10L2.5 7' stroke='%23ff6e30' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.pilot-fit-card-no ul li::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M3.5 3.5L10.5 10.5M10.5 3.5L3.5 10.5' stroke='%23dc4646' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
}

/* SCOPE (What we do / What we don't) */
.pilot-scope-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
}

.pilot-scope-col h4 {
    font-size: 1.8rem;
    color: var(--black);
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.pilot-scope-col h4::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}

.pilot-scope-col:first-child h4::before {
    background: var(--gradient-orange);
}

.pilot-scope-col:last-child h4::before {
    background: rgba(0, 0, 0, 0.25);
}

.pilot-scope-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pilot-scope-col ul li {
    font-size: 1.5rem;
    line-height: 150%;
    color: var(--grey);
    padding: 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.pilot-scope-col ul li:last-child {
    border-bottom: none;
}

.pilot-scope-note {
    margin-top: 2rem;
    font-size: 1.4rem;
    line-height: 160%;
    color: var(--grey);
    font-style: italic;
    opacity: 0.8;
}

@media screen and (max-width: 967px) {
    .pilot-scope-grid { grid-template-columns: 1fr; gap: 4rem; }
}

/* FAQ */
.pilot-faq-list {
    max-width: 90rem;
}

.pilot-faq-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pilot-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 2.4rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    font-size: 1.8rem;
    color: var(--black);
    transition: color var(--transition-fast);
}

.pilot-faq-item summary::-webkit-details-marker { display: none; }
.pilot-faq-item summary::marker { content: ""; }

.pilot-faq-item summary:hover {
    color: var(--orange);
}

.pilot-faq-item summary::after {
    content: "+";
    font-size: 2.4rem;
    color: var(--orange);
    transition: transform var(--transition-fast);
}

.pilot-faq-item[open] summary::after {
    content: "−";
}

.pilot-faq-item .answer {
    padding: 0 0 2.4rem;
    font-size: 1.5rem;
    line-height: 160%;
    color: var(--grey);
    max-width: 72rem;
}

/* CTA STRIP */
.pilot-cta {
    background: var(--gradient-orange);
    color: var(--white);
    text-align: center;
}

.pilot-cta .title-large {
    color: var(--white);
    margin-bottom: 2rem;
}

.pilot-cta .desc-large {
    color: rgba(255, 255, 255, 0.85);
    max-width: 60rem;
    margin: 0 auto 3rem;
}

/* CTA section centers its content including the button */
.pilot-cta .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.pilot-cta .button {
    align-self: center;
}

/* Dual-action row: primary purchase + secondary strategy call */
.pilot-cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
}

.pilot-cta-secondary {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.55);
    color: var(--white);
}

.pilot-cta-secondary:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: var(--white);
}

.pilot-cta-secondary svg path {
    fill: var(--white);
}

@media screen and (max-width: 650px) {
    .pilot-cta-actions { flex-direction: column; gap: 1.2rem; width: 100%; }
    .pilot-cta-actions .button { width: 100%; justify-content: center; }
}

/* RESPONSIVE */
@media screen and (max-width: 1200px) {
    .pilot-main { padding-top: 12rem; }
    .pilot-section { padding: 6rem 0; }
    .pilot-invest-card { padding: 4rem; gap: 4rem; }
    .pilot-invest-price { font-size: 5.6rem; }
}

@media screen and (max-width: 967px) {
    .pilot-proof-grid { grid-template-columns: repeat(2, 1fr); gap: 3rem; }
    .pilot-timeline-grid { grid-template-columns: 1fr; }
    .pilot-invest-card { grid-template-columns: 1fr; gap: 3rem; }
    .pilot-after-grid { grid-template-columns: 1fr; }
    .pilot-fit-grid { grid-template-columns: 1fr; gap: 2rem; }
    .pilot-fit-card { padding: 3rem 2.4rem; }
    .pilot-included-grid { grid-template-columns: 1fr; }
    .pilot-included-item:nth-last-child(2) { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
}

@media screen and (max-width: 650px) {
    .pilot-main { padding-top: 10rem; }
    .pilot-section { padding: 5rem 0; }
    .pilot-hero { padding: 2rem 0 4rem; }
    .pilot-proof-item .stat { font-size: 4rem; }
    .pilot-invest-card { padding: 3rem 2.4rem; }
    .pilot-invest-price { font-size: 4.8rem; }
    .pilot-phase { padding: 3rem 2.4rem; }
    .pilot-after-card { padding: 3rem 2.4rem; }
    .pilot-head { margin-bottom: 4rem; }
    .pilot-faq-item summary { font-size: 1.6rem; }
}

/* Pilot has a light hero, so nav text + logo are dark by default
   (mirrors .wrapper-legals / .wrapper-story pattern from main.min.css).
   Smooth color transitions match the .nav-link transition from main.min.css. */
.wrapper-pilot .header .logo svg path,
.wrapper-pilot .header .nav-link span:before,
.wrapper-pilot .header .nav-link .arrow {
    transition: fill var(--transition-default), background var(--transition-default);
}
.wrapper-pilot .header .logo svg path { fill: var(--black); }
.wrapper-pilot .header .nav-link { color: var(--black); }
.wrapper-pilot .header .nav-link span:before { background: var(--black); }
.wrapper-pilot .header .nav-link .arrow { fill: var(--black); }
.wrapper-pilot .burger-button { color: var(--black); }

/* On dark/colored sections (data-header-nav="white"), flip back to white.
   Higher specificity than the default rules above, so this wins automatically. */
.wrapper-pilot .header.header-white .logo svg path { fill: var(--white); }
.wrapper-pilot .header.header-white .nav-link { color: var(--white); }
.wrapper-pilot .header.header-white .nav-link span:before { background: var(--white); }
.wrapper-pilot .header.header-white .nav-link .arrow { fill: var(--white); }
.wrapper-pilot .header.header-white ~ * .burger-button,
.wrapper-pilot .header.header-white .burger-button { color: var(--white); }

/* Animated fade for hero-only nav links (desktop only).
   Overrides the global "display: none" rule from nav-override.css so we can
   transition opacity / max-width / transform / visibility. Mobile keeps
   display: none via the @media (max-width: 967px) block below. */
.wrapper-pilot .nav-link-hero-only {
    overflow: hidden;
    max-width: 20rem;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        max-width 0.35s ease,
        margin 0.35s ease,
        padding 0.35s ease,
        visibility 0s linear 0s;
}

.wrapper-pilot .header-dark .nav-link-hero-only,
.wrapper-pilot .header-white .nav-link-hero-only {
    display: inline-flex;
    opacity: 0;
    visibility: hidden;
    max-width: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
    transform: translateY(-0.4rem);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        max-width 0.35s ease,
        margin 0.35s ease,
        padding 0.35s ease,
        visibility 0s linear 0.35s;
}

/* BURGER MENU (tablet + mobile) */
.wrapper-pilot .nav { position: relative; }

.wrapper-pilot .burger-toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

.wrapper-pilot .burger-button {
    display: none;
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: inherit;
}

.wrapper-pilot .burger-button span,
.wrapper-pilot .burger-button::before,
.wrapper-pilot .burger-button::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.4rem;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    transition: transform var(--transition-fast), opacity var(--transition-fast);
}

.wrapper-pilot .burger-button::before { transform: translate(-50%, calc(-50% - 0.7rem)); }
.wrapper-pilot .burger-button::after  { transform: translate(-50%, calc(-50% + 0.7rem)); }

.wrapper-pilot .burger-toggle:checked ~ .burger-button::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.wrapper-pilot .burger-toggle:checked ~ .burger-button::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.wrapper-pilot .burger-toggle:checked ~ .burger-button span {
    opacity: 0;
}

.wrapper-pilot .mobile-menu {
    display: none;
    position: absolute;
    top: calc(100% + 1.2rem);
    right: 0;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 20rem;
    padding: 1.2rem;
    background: rgba(20, 20, 20, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.2rem;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 1.6rem 4rem rgba(0, 0, 0, 0.32);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.6rem);
    transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
    z-index: 60;
}

.wrapper-pilot .burger-toggle:checked ~ .mobile-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wrapper-pilot .mobile-menu-link {
    display: block;
    padding: 1rem 1.4rem;
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    border-radius: 0.6rem;
    transition: background var(--transition-fast), color var(--transition-fast);
}

.wrapper-pilot .mobile-menu-link:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--white);
}

@media screen and (max-width: 967px) {
    .wrapper-pilot .nav-link-hero-only { display: none; }
    .wrapper-pilot .burger-button { display: block; }
    .wrapper-pilot .mobile-menu { display: flex; }
}