/* ANORA PDF Studio · protected sales preview */

.lppd-landing {
    --lppd-paper: #fcfbf8;
    --lppd-lilac: #8a78e8;
}

.lppd-hero::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.99) 37%, rgba(255,255,255,.86) 51%, rgba(255,255,255,.14) 72%, transparent 84%);
}

.lppd-hero .lpas-hero-copy { width: min(680px, 57%); }
.lppd-hero .lpas-hero-copy h1 { font-size: clamp(52px, 5.25vw, 76px); }
.lppd-hero .lpas-hero-copy h1 .lpas-hero-line { white-space: nowrap; }
.lppd-hero .lpas-hero-copy > p:not(.apv2-kicker) { max-width: 610px; }

.lppd-landing .lpas-pain-card { min-height: 372px; }
.lppd-landing .lpas-pain-art {
    top: -10px;
    right: -8px;
    width: 228px;
    height: 190px;
    mask-image: linear-gradient(135deg, #000 58%, rgba(0,0,0,.9) 78%, transparent 100%);
}
.lppd-landing .lpas-pain-card h3 { margin-top: 170px; }

.lppd-flow-visual > img { aspect-ratio: 3 / 2; object-fit: cover; }
.lppd-flow-visual .lpas-flow-hotspots button:nth-child(1) { top: 65%; left: 7%; }
.lppd-flow-visual .lpas-flow-hotspots button:nth-child(2) { top: 65%; left: 31%; }
.lppd-flow-visual .lpas-flow-hotspots button:nth-child(3) { top: 65%; left: 57%; }
.lppd-flow-visual .lpas-flow-hotspots button:nth-child(4) { top: 65%; right: 4%; }
.lppd-signal-dock svg { fill: none; stroke: currentColor; stroke-width: 1.7; }

.lppd-workspace-shot { overflow: hidden; }
.lppd-workspace-shot > img { aspect-ratio: 16 / 10; object-fit: cover; }
.lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(1) { left: 11%; bottom: 69%; }
.lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(2) { left: 15%; bottom: 39%; }
.lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(3) { left: 58%; bottom: 45%; }
.lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(4) { left: 84%; bottom: 45%; }
.lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(5) { left: 92%; bottom: 79%; }

.lppd-result { background: linear-gradient(180deg, #fff, #fbfcfd 86%); }
.lppd-result-layout {
    display: grid;
    grid-template-columns: minmax(380px, .82fr) minmax(420px, 1.18fr);
    align-items: center;
    gap: clamp(58px, 8vw, 112px);
}
.lppd-document-preview {
    position: relative;
    width: min(100%, 480px);
    margin: 0 auto;
    padding: 15px;
    border: 1px solid rgba(17,21,27,.07);
    border-radius: 34px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 32px 96px rgba(38,69,74,.13);
    transform: rotate(-1.5deg);
}
.lppd-document-preview::before {
    position: absolute;
    z-index: -1;
    inset: -22px;
    border-radius: 50px;
    background: radial-gradient(circle at 20% 28%, rgba(69,207,189,.18), transparent 38%), radial-gradient(circle at 82% 73%, rgba(148,121,234,.14), transparent 36%);
    filter: blur(18px);
    content: "";
}
.lppd-document-preview img { display: block; width: 100%; height: auto; border-radius: 23px; }
.lppd-document-preview figcaption {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 16px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 16px 36px rgba(38,69,74,.12);
    backdrop-filter: blur(15px);
}
.lppd-document-preview figcaption span { color: #087d6b; font-size: var(--anora-type-min-readable, 13px); font-weight: 790; letter-spacing: .1em; text-transform: uppercase; }
.lppd-document-preview figcaption strong { color: #171b20; font-size: 14px; }

.lppd-landing .lpas-audience-card picture { height: 265px; }
.lppd-landing .lpas-audience-card:nth-child(2) picture img { object-position: center 42%; }

.lppd-landing .lpas-credit-visual img { transform: scale(1.04); transform-origin: center; }

.lppd-closing .lpas-closing-media img { object-position: 52% center; }
.lppd-closing .lpas-closing-media::after { background: linear-gradient(90deg, #f8fbfc 0%, rgba(248,251,252,.66) 13%, transparent 32%); }

@media (max-width: 1080px) {
    .lppd-result-layout { grid-template-columns: minmax(310px,.75fr) minmax(380px,1.25fr); gap: 52px; }
}

@media (max-width: 700px) {
    .lppd-hero,
    .lppd-hero .lpas-hero-inner { min-height: 790px; }
    .lppd-hero::before {
        background:
            linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.91) 46%, rgba(255,255,255,.6) 67%, rgba(255,255,255,.05) 100%),
            linear-gradient(180deg, rgba(255,255,255,.04) 0%, transparent 72%, rgba(255,255,255,.47) 91%, #fff 100%);
    }
    .lppd-hero .lpas-hero-media img { object-position: center top; }
    .lppd-hero .lpas-hero-copy { width: 100%; padding: 50px 0 64px; }
    .lppd-hero .lpas-hero-copy h1 { max-width: 340px; font-size: clamp(31px, 8.15vw, 35px); line-height: .92; }
    .lppd-hero .lpas-hero-copy h1 .lpas-hero-line { white-space: normal; }
    .lppd-hero .lpas-hero-copy > p:not(.apv2-kicker) { max-width: 328px; }

    .lppd-landing .lpas-pain-card { min-height: 342px; }
    .lppd-landing .lpas-pain-art { top: -5px; right: -5px; width: 190px; height: 160px; }
    .lppd-landing .lpas-pain-card h3 { margin-top: 148px; }

    .lppd-flow-visual .lpas-flow-hotspots button:nth-child(1) { top: 63%; left: 5%; }
    .lppd-flow-visual .lpas-flow-hotspots button:nth-child(2) { top: 63%; left: 29%; }
    .lppd-flow-visual .lpas-flow-hotspots button:nth-child(3) { top: 63%; left: 56%; }
    .lppd-flow-visual .lpas-flow-hotspots button:nth-child(4) { top: 63%; right: 2%; }

    .lppd-workspace-shot { width: 100%; margin-left: 0; }
    .lppd-workspace-shot > img { min-height: 305px; object-fit: cover; object-position: center; }
    .lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(1) { left: 11%; bottom: 66%; }
    .lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(2) { left: 15%; bottom: 38%; }
    .lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(3) { left: 58%; bottom: 43%; }
    .lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(4) { left: 84%; bottom: 43%; }
    .lppd-workspace-shot .lpas-wizard-hotspots button:nth-child(5) { left: 92%; bottom: 75%; }

    .lppd-result-layout { grid-template-columns: 1fr; gap: 42px; }
    .lppd-result-layout .lpas-library-copy { order: -1; }
    .lppd-document-preview { width: min(88%, 390px); padding: 8px; border-radius: 27px; transform: rotate(-1deg); }
    .lppd-document-preview img { border-radius: 20px; }
    .lppd-document-preview figcaption { right: 17px; bottom: 17px; left: 17px; padding: 10px 12px; border-radius: 13px; }
    .lppd-document-preview figcaption span { font-size: var(--anora-type-min-readable, 13px); }
    .lppd-document-preview figcaption strong { font-size: 13px; }

    .lppd-landing .lpas-audience-card picture { height: 235px; }
    .lppd-landing .lpas-audience-card:nth-child(2) picture img { object-position: center 42%; }

    .lppd-closing .lpas-closing-media { height: 320px; }
    .lppd-closing .lpas-closing-media::after { background: linear-gradient(180deg, #f8fbfc 0%, rgba(248,251,252,.5) 19%, transparent 48%); }
    .lppd-closing .lpas-closing-media img { object-position: 58% center; }
}

@media (max-width: 390px) {
    .lppd-hero .lpas-hero-copy h1 { max-width: 330px; font-size: 32px; }
    .lppd-hero .lpas-hero-copy > p:not(.apv2-kicker) { max-width: 310px; }
}

@media (prefers-reduced-motion: reduce) {
    .lppd-document-preview { transform: none; }
}