.paypal-desk {
    --paypal-blue: #1677ff;
    --paypal-cyan: #55d7ff;
    --paypal-ink: #07101f;
    --paypal-panel: #0a1322;
    --paypal-line: rgba(129, 176, 255, .2);
    --paypal-copy: #a9b7cc;
    position: relative;
    overflow: hidden;
    padding: clamp(4rem, 8vw, 7.5rem) 0;
    color: #f4f8ff;
    background:
        radial-gradient(circle at 78% 8%, rgba(22, 119, 255, .2), transparent 30rem),
        radial-gradient(circle at 12% 72%, rgba(85, 215, 255, .1), transparent 28rem),
        #040812;
}

.paypal-desk::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.paypal-desk__container {
    position: relative;
    z-index: 1;
    width: min(1230px, calc(100% - 2rem));
    margin: 0 auto;
}

.paypal-desk__heading {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .75fr);
    gap: clamp(2rem, 6vw, 5.5rem);
    align-items: end;
    margin-bottom: 2rem;
}

.paypal-desk__kicker,
.paypal-desk__section-title > span,
.paypal-desk__exceptions > header > span,
.paypal-desk__gates > header > span,
.paypal-desk__sources > header > span {
    display: block;
    margin: 0 0 .65rem;
    color: var(--paypal-cyan);
    font: 700 .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.paypal-desk__heading h2 {
    max-width: 17ch;
    margin: 0;
    font-size: clamp(2rem, 4.7vw, 4.4rem);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.paypal-desk__heading > p {
    margin: 0;
    color: var(--paypal-copy);
    font-size: 1rem;
    line-height: 1.75;
}

.paypal-desk__board {
    overflow: hidden;
    border: 1px solid var(--paypal-line);
    border-radius: 1.25rem;
    background: rgba(5, 10, 20, .88);
    box-shadow: 0 2.5rem 8rem rgba(0, 0, 0, .35);
}

.paypal-desk__boardbar {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1.1rem;
    align-items: center;
    padding: .9rem 1.25rem;
    border-bottom: 1px solid var(--paypal-line);
    background: #080f1d;
}

.paypal-desk__boardbar > div { display: flex; gap: .35rem; }
.paypal-desk__boardbar > div span { width: .62rem; height: .62rem; border-radius: 50%; background: #ff5f57; }
.paypal-desk__boardbar > div span:nth-child(2) { background: #febc2e; }
.paypal-desk__boardbar > div span:nth-child(3) { background: #28c840; }
.paypal-desk__boardbar p { display: flex; gap: .65rem; align-items: baseline; margin: 0; }
.paypal-desk__boardbar strong { font: 800 .8rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.paypal-desk__boardbar small { color: #75849a; }
.paypal-desk__boardbar b { padding: .42rem .65rem; border: 1px solid rgba(255, 190, 92, .45); border-radius: .35rem; color: #ffd18b; font: 800 .67rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }

.paypal-desk__opening,
.paypal-desk__evidence {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}

.paypal-desk__opening > section,
.paypal-desk__evidence > section,
.paypal-desk__evidence > aside {
    min-width: 0;
    padding: clamp(1.5rem, 3vw, 2.3rem);
}

.paypal-desk__opening > section + section,
.paypal-desk__evidence > aside { border-left: 1px solid var(--paypal-line); }
.paypal-desk__opening,
.paypal-desk__evidence { border-bottom: 1px solid var(--paypal-line); }

.paypal-desk__section-title h3,
.paypal-desk__exceptions h3,
.paypal-desk__gates h3,
.paypal-desk__sources h3,
.paypal-desk__first-lot h3 {
    margin: 0;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    line-height: 1.2;
}

.paypal-desk__checkout-card {
    margin-top: 1.4rem;
    padding: 1.25rem;
    border: 1px solid rgba(91, 158, 255, .35);
    border-radius: 1rem;
    color: #0b1730;
    background: linear-gradient(145deg, #fff, #eaf4ff);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, .2);
}

.paypal-desk__checkout-brand { display: flex; gap: .85rem; align-items: center; margin-bottom: 1.1rem; }
.paypal-desk__checkout-brand > span { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .8rem; color: #fff; background: linear-gradient(135deg, #003087, #009cde); font-weight: 900; }
.paypal-desk__checkout-brand div { display: grid; }
.paypal-desk__checkout-brand small { color: #687692; }
.paypal-desk__checkout-brand strong { font-size: 1.1rem; }
.paypal-desk__checkout-card dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: .55rem; margin: 0; }
.paypal-desk__checkout-card dl div { padding: .7rem; border: 1px solid rgba(0, 48, 135, .12); border-radius: .65rem; background: rgba(255,255,255,.62); }
.paypal-desk__checkout-card dt { color: #70809a; font-size: .7rem; text-transform: uppercase; }
.paypal-desk__checkout-card dd { margin: .18rem 0 0; font: 750 .83rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__checkout-card > p { display: flex; gap: .65rem; align-items: center; margin: 1rem 0 0; padding-top: 1rem; border-top: 1px dashed rgba(0, 48, 135, .2); }
.paypal-desk__checkout-card > p span { display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; color: #fff; background: #18a66a; }
.paypal-desk__checkout-card > p b { margin-left: auto; color: #bd3260; font: 800 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__checkout-note { margin: 1rem 0 0; color: var(--paypal-copy); font-size: .82rem; line-height: 1.65; }
.paypal-desk__checkout-note strong { color: #ff88b1; }

.paypal-desk__identity-chain { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin: 1.4rem 0; }
.paypal-desk__identity-chain article { position: relative; display: grid; min-width: 0; gap: .28rem; padding: .85rem; border: 1px solid var(--paypal-line); border-radius: .75rem; background: rgba(12, 25, 43, .7); }
.paypal-desk__identity-chain article:not(:last-child)::after { position: absolute; z-index: 2; top: 50%; right: -.48rem; width: .42rem; height: 1px; content: ""; background: var(--paypal-cyan); }
.paypal-desk__identity-chain span { color: var(--paypal-cyan); font: 700 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__identity-chain small { overflow: hidden; color: #72839c; text-overflow: ellipsis; white-space: nowrap; }
.paypal-desk__identity-chain strong { overflow: hidden; font: 750 .78rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; }
.paypal-desk__identity-chain b { color: #83b3ff; font-size: .64rem; letter-spacing: .08em; }
.paypal-desk__totals { display: grid; grid-template-columns: repeat(2, 1fr); gap: .55rem; margin: 0; }
.paypal-desk__totals div { padding: .8rem; border: 1px solid rgba(255,255,255,.08); border-radius: .7rem; background: rgba(0,0,0,.22); }
.paypal-desk__totals dt { color: #75849a; font-size: .7rem; text-transform: uppercase; }
.paypal-desk__totals dd { margin: .2rem 0 0; font-weight: 750; }
.paypal-desk__totals dd span { color: #ffd18b; }

.paypal-desk__gates,
.paypal-desk__exceptions,
.paypal-desk__sources { padding: clamp(1.5rem, 3vw, 2.3rem); border-bottom: 1px solid var(--paypal-line); }
.paypal-desk__gates ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; margin: 1.35rem 0 0; padding: 0; list-style: none; }
.paypal-desk__gates li { display: grid; min-width: 0; gap: .65rem; padding: 1rem; border: 1px solid var(--paypal-line); border-radius: .8rem; background: linear-gradient(145deg, rgba(14,30,51,.9), rgba(6,12,23,.9)); }
.paypal-desk__gates li > span { color: var(--paypal-cyan); font: 700 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__gates li div { display: grid; gap: .25rem; }
.paypal-desk__gates li small { color: #75849a; font-size: .68rem; text-transform: uppercase; }
.paypal-desk__gates li strong { font-size: .76rem; line-height: 1.45; }
.paypal-desk__gates li b { margin-top: auto; color: #68e8ad; font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__gates li.is-watch { border-color: rgba(255,190,92,.35); }
.paypal-desk__gates li.is-watch b { color: #ffd18b; }

.paypal-desk__timeline ol { position: relative; margin: 1.35rem 0 0; padding: 0; list-style: none; }
.paypal-desk__timeline li { display: grid; grid-template-columns: 5rem 1rem 1fr auto; gap: .75rem; align-items: start; min-width: 0; padding: .75rem 0; }
.paypal-desk__timeline li time { color: #92a5bf; font: 700 .68rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__timeline li > span { position: relative; z-index: 2; width: .7rem; height: .7rem; margin-top: .15rem; border: 2px solid #0a1322; border-radius: 50%; background: #58dda7; box-shadow: 0 0 0 2px rgba(88,221,167,.35); }
.paypal-desk__timeline li:not(:last-child) > span::after { position: absolute; top: .68rem; left: .17rem; width: 1px; height: 2.4rem; content: ""; background: var(--paypal-line); }
.paypal-desk__timeline li div { display: grid; min-width: 0; gap: .18rem; }
.paypal-desk__timeline li strong { font-size: .83rem; }
.paypal-desk__timeline li small { overflow-wrap: anywhere; color: #74849c; font-size: .68rem; }
.paypal-desk__timeline li b { color: #67b8ff; font: 800 .62rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__timeline li.is-timeout > span { background: #ffbd66; box-shadow: 0 0 0 2px rgba(255,189,102,.35); }
.paypal-desk__timeline li.is-timeout b { color: #ffbd66; }

.paypal-desk__receipt { background: linear-gradient(145deg, rgba(0,48,135,.12), rgba(14,7,31,.5)); }
.paypal-desk__receipt-status { display: flex; gap: .9rem; align-items: center; margin: 1.4rem 0 1rem; padding: 1rem; border: 1px solid rgba(84,215,255,.25); border-radius: .85rem; background: rgba(9, 23, 37, .8); }
.paypal-desk__receipt-status > span { display: grid; flex: 0 0 2.8rem; place-items: center; height: 2.8rem; border-radius: 50%; color: #06101c; background: #67e4ad; font-size: 1.3rem; font-weight: 900; }
.paypal-desk__receipt-status div { display: grid; gap: .18rem; }
.paypal-desk__receipt-status small { color: #72849e; text-transform: uppercase; }
.paypal-desk__receipt-status strong { font-size: 1.15rem; }
.paypal-desk__receipt-status code { color: #78b8ff; }
.paypal-desk__receipt dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; margin: 0; }
.paypal-desk__receipt dl div { padding: .75rem; border: 1px solid rgba(255,255,255,.08); border-radius: .65rem; }
.paypal-desk__receipt dt { color: #71829a; font-size: .66rem; text-transform: uppercase; }
.paypal-desk__receipt dd { margin: .25rem 0 0; font: 750 .72rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__receipt > p { margin: 1rem 0 0; color: var(--paypal-copy); font-size: .8rem; line-height: 1.6; }
.paypal-desk__receipt > p strong { color: #ff8cb5; }

.paypal-desk__exceptions > div,
.paypal-desk__sources > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-top: 1.3rem; }
.paypal-desk__exceptions article { display: flex; flex-direction: column; min-width: 0; padding: 1rem; border: 1px solid var(--paypal-line); border-radius: .8rem; background: rgba(11,22,38,.75); }
.paypal-desk__exceptions article > span { margin-bottom: .6rem; color: #6cb9ff; font: 700 .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__exceptions article strong { font-size: .9rem; }
.paypal-desk__exceptions article p { color: var(--paypal-copy); font-size: .78rem; line-height: 1.55; }
.paypal-desk__exceptions article b { margin-top: auto; color: #60dfaa; font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__exceptions article.is-critical { border-color: rgba(255,82,137,.38); }
.paypal-desk__exceptions article.is-critical b { color: #ff79a9; }

.paypal-desk__tests { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; padding: clamp(1.5rem, 3vw, 2.3rem); border-bottom: 1px solid var(--paypal-line); background: rgba(0, 33, 92, .12); }
.paypal-desk__tests article { display: grid; gap: .35rem; min-width: 0; }
.paypal-desk__tests span { color: var(--paypal-cyan); font: 700 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.paypal-desk__tests strong { font-size: .8rem; }
.paypal-desk__tests small { color: #74849c; font-size: .68rem; }

.paypal-desk__sources { border-bottom: 0; }
.paypal-desk__sources > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.paypal-desk__sources article { padding: 1rem; border-left: 2px solid var(--paypal-blue); background: rgba(11,22,38,.62); }
.paypal-desk__sources article span { color: #83bcff; font-weight: 800; }
.paypal-desk__sources article p { margin: .55rem 0 0; color: var(--paypal-copy); font-size: .76rem; line-height: 1.55; }

.paypal-desk__first-lot { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; margin: 1rem 0; padding: clamp(1.5rem, 3vw, 2.4rem); border: 1px solid rgba(85,215,255,.25); border-radius: 1rem; background: linear-gradient(120deg, rgba(0,48,135,.24), rgba(9,18,33,.85)); }
.paypal-desk__first-lot p:not(.paypal-desk__kicker) { max-width: 65rem; margin: .8rem 0 0; color: var(--paypal-copy); line-height: 1.65; }
.paypal-desk__cta { display: inline-flex; gap: .55rem; align-items: center; justify-content: center; min-height: 3.2rem; padding: .8rem 1.15rem; border: 1px solid #5edbff; border-radius: .55rem; color: #06101d; background: linear-gradient(135deg, #73e4ff, #4a96ff); font-weight: 850; white-space: nowrap; }
.paypal-desk__cta:hover { color: #06101d; transform: translateY(-1px); box-shadow: 0 1rem 2.5rem rgba(22,119,255,.24); }

.paypal-desk__boundaries { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.paypal-desk__boundaries a { display: grid; min-width: 0; gap: .35rem; padding: 1rem; border: 1px solid var(--paypal-line); border-radius: .8rem; color: inherit; background: rgba(8,16,29,.82); text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.paypal-desk__boundaries a:hover { border-color: rgba(85,215,255,.65); transform: translateY(-2px); }
.paypal-desk__boundaries span { color: #66cfff; font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.paypal-desk__boundaries strong { font-size: .9rem; }
.paypal-desk__boundaries small { color: #74849c; line-height: 1.45; }

@media (max-width: 991px) {
    .paypal-desk__heading,
    .paypal-desk__opening,
    .paypal-desk__evidence { grid-template-columns: 1fr; }
    .paypal-desk__opening > section + section,
    .paypal-desk__evidence > aside { border-top: 1px solid var(--paypal-line); border-left: 0; }
    .paypal-desk__identity-chain,
    .paypal-desk__sources > div,
    .paypal-desk__boundaries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .paypal-desk__gates ol,
    .paypal-desk__tests { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .paypal-desk__first-lot { grid-template-columns: 1fr; }
    .paypal-desk__cta { justify-self: start; }
}

@media (max-width: 575px) {
    .paypal-desk { padding: 3.5rem 0; }
    .paypal-desk__container { width: calc(100% - 1rem); }
    .paypal-desk__heading { gap: 1.2rem; padding: 0 .25rem; }
    .paypal-desk__heading h2 { max-width: none; font-size: clamp(2rem, 11vw, 3rem); }
    .paypal-desk__board { border-radius: .8rem; }
    .paypal-desk__boardbar { grid-template-columns: auto 1fr; padding: .8rem; }
    .paypal-desk__boardbar p { display: grid; gap: .15rem; }
    .paypal-desk__boardbar p small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .paypal-desk__boardbar > b { display: none; }
    .paypal-desk__opening > section,
    .paypal-desk__evidence > section,
    .paypal-desk__evidence > aside,
    .paypal-desk__gates,
    .paypal-desk__exceptions,
    .paypal-desk__sources,
    .paypal-desk__tests { padding: 1.15rem; }
    .paypal-desk__checkout-card dl,
    .paypal-desk__identity-chain,
    .paypal-desk__totals,
    .paypal-desk__receipt dl,
    .paypal-desk__exceptions > div,
    .paypal-desk__sources > div,
    .paypal-desk__boundaries,
    .paypal-desk__gates ol,
    .paypal-desk__tests { grid-template-columns: 1fr; }
    .paypal-desk__identity-chain article:not(:last-child)::after { top: auto; right: auto; bottom: -.48rem; left: 1rem; width: 1px; height: .42rem; }
    .paypal-desk__timeline li { grid-template-columns: 4.2rem .8rem minmax(0, 1fr); gap: .55rem; }
    .paypal-desk__timeline li > b { grid-column: 3; }
    .paypal-desk__first-lot { gap: 1.2rem; padding: 1.25rem; }
    .paypal-desk__cta { width: 100%; white-space: normal; }
}
