/* Early access page: the partner brochure (PDF pages 1, 3 and 5) as a web page, with vertical
   example videos in place of the product photos. Reuses landing.css for resets, wrap and skip link.
   Dark bands follow the brochure; the light band, buttons, profit color and dialog use the app's tokens. */
.ea{--ea-night:#0b0c0e;--ea-night-2:#16181b;--ea-night-3:#191c1f;--ea-on-night:#f5f6f7;--ea-on-night-muted:#a2aab3;--ea-sky:#a7ddff;background:var(--ea-night)}
.ea h1,.ea h2{font-weight:800;text-wrap:balance}
.ea h3{font-weight:700;text-wrap:balance}
.ea-logo{display:block;height:22px;width:auto}
.ea-cta{min-width:220px}

/* Page 1: cover */
.ea-cover{background:var(--ea-night);color:var(--ea-on-night)}
/* The cover photo gets its own band so the headline never sits on the PRICE DROP letters. */
.ea-cover-art{height:clamp(320px,42vw,540px);background:linear-gradient(180deg,#0b0c0ecc 0%,#0b0c0e00 22%,#0b0c0e00 66%,var(--ea-night) 100%),url(../assets/landing/cover-price-drop.webp) center 34%/cover no-repeat var(--ea-night)}
.ea-top{display:flex;align-items:center;justify-content:space-between;padding-top:28px}
.ea-top .ea-logo{height:26px}
.ea-top-link{font-size:14px;font-weight:600;color:#e3e7eb}.ea-top-link:hover{color:#fff}
.ea-cover-body{padding:8px 0 72px}
.ea-cover h1{font-size:clamp(46px,6.4vw,76px);line-height:1.02;letter-spacing:-.045em}
.ea-accent{color:var(--ea-sky)}
.ea-lead{max-width:540px;margin:20px 0 28px;font-size:18px;color:#d3d8dd}
.ea-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px}
.ea-stats li{padding:18px 18px 16px;border:1px solid #ffffff17;border-radius:16px;background:var(--ea-night-3)}
.ea-stats b{display:block;font-size:30px;line-height:1.1;letter-spacing:-.04em;font-weight:800;font-variant-numeric:tabular-nums}
.ea-stats span{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:var(--ea-on-night-muted)}

/* Page 3: products and the money. Each product is its example video with two lines under it, and the
   full package is one sum. Profit is shown in the brand blue. */
.ea-light{--ea-profit-ink:var(--blue);padding:96px 0 88px;background:var(--canvas);color:var(--ink)}
.ea-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:40px}
.ea-head h2{font-size:clamp(32px,4.2vw,50px);line-height:1.06;letter-spacing:-.04em}
.ea-head p{max-width:400px;color:var(--muted);font-size:16px}
.ea-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ea-prod{min-width:0}

.ea-frame{position:relative;aspect-ratio:9/16;max-width:100%;border-radius:14px;overflow:hidden;background:var(--ea-night-2)}
.ea-frame>:is(video,img){display:block;width:100%;height:100%;object-fit:cover}
/* Examples play muted with no player chrome; this button hands over the player's controls with sound on. */
.ea-sound{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 12px;border:0;border-radius:999px;background:#16181bcc;color:#fff;font:600 12px/1 var(--font);cursor:pointer;backdrop-filter:blur(6px);transition:background var(--motion)}
.ea-sound:hover{background:#16181b}
.ea-sound:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ea-prod-body{padding:16px 2px 0}
.ea-prod h3{font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-.01em}
.ea-desc{margin-top:4px;font-size:14px;line-height:1.4;color:var(--muted)}
.ea-keep{margin-top:6px;font-size:15px;font-weight:600;color:var(--muted)}
.ea-keep b{margin-right:4px;font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--ea-profit-ink);font-variant-numeric:tabular-nums}
.ea-price{margin-top:4px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}

.ea-sum{margin-top:56px;text-align:center}
.ea-sum-title{font-size:15px;font-weight:700}
.ea-sum-title span{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--muted)}
.ea-sum-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(16px,4vw,48px);margin:28px 0 0}
.ea-sum-row>div{display:grid;gap:6px}
.ea-sum-row dt{font-size:13px;font-weight:600;color:var(--muted)}
.ea-sum-row dd{margin:0;font-size:clamp(40px,6vw,72px);line-height:1;font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.ea-sum-row .is-keep dd{color:var(--ea-profit-ink)}
.ea-sum-op{padding-bottom:.25em;font-size:clamp(28px,4vw,48px);line-height:1;font-weight:500;color:var(--subtle)}
.ea-sum-note{max-width:520px;margin:28px auto 0;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:balance}
.ea-sum-note b{color:var(--ink);font-weight:700}

/* Check bullets match the landing page's .lp-list. */
.ea-checks li{position:relative;padding-left:28px;font-size:14px;line-height:1.5;color:var(--muted)}
.ea-checks b{color:var(--ink);font-weight:600}
.ea-checks li::before{content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--selection-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23326fbd' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.ea-fine{margin-top:16px;font-size:12px;color:var(--muted)}

/* Two paths: photographers who already sell video, and those starting now. */
.ea-paths{margin-top:80px}
.ea-kicker{margin-bottom:8px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.02em}
.ea-paths>h2{margin-bottom:24px;font-size:clamp(28px,3.4vw,40px);line-height:1.1;letter-spacing:-.035em}
.ea-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ea-path{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.ea-path h3{font-size:13px;font-weight:600;color:var(--muted)}
.ea-path-lead{margin:4px 0 18px;font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.02em}
.ea-path .ea-checks{display:grid;gap:12px}

/* Page 5: Founding Partner */
.ea-dark{padding:88px 0 0;color:var(--ea-on-night)}
.ea-founding{border:1px solid #ffffff14;border-radius:22px;overflow:hidden;background:var(--ea-night)}
.ea-fp-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;min-height:clamp(340px,42vw,520px);padding:32px 36px;background:linear-gradient(90deg,#0b0c0ef0 0%,#0b0c0e99 50%,#0b0c0e1a 100%),linear-gradient(0deg,var(--ea-night) 0%,#0b0c0e00 45%),url(../assets/landing/sample-backyard.webp) center 60%/cover no-repeat}
.ea-badge{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--ea-sky);color:var(--ea-night);font-size:12px;font-weight:600}
.ea-fp-hero h2{max-width:520px;margin-top:14px;font-size:clamp(34px,4.6vw,52px);line-height:1.04;letter-spacing:-.04em}
.ea-fp-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;padding:12px 36px 34px}
.ea-fp-body h3{margin-bottom:14px;font-size:16px;color:var(--ea-sky)}
.ea-fp-ask{padding-left:24px;border-left:1px solid #ffffff14}
.ea-fp-list{display:grid;gap:12px}
.ea-fp-list li{position:relative;padding-left:18px;font-size:15px;line-height:1.5;color:#c9d0d6}
.ea-fp-list b{color:#fff}
.ea-fp-list li::before{content:'';position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:#ffffff59}
.ea-fp-get li{padding-left:28px}
.ea-fp-get li::before{left:0;top:2px;width:18px;height:18px;background:#a7ddff1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7ddff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.ea-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:40px 0 48px;font-size:12px;color:var(--ea-on-night-muted)}
.ea-footer .ea-logo{height:18px}
.ea-footer p{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.ea-footer-link{color:#e3e7eb;font-weight:600}.ea-footer-link:hover{color:#fff}
.ea :focus-visible{outline-color:var(--ea-sky)}
.ea-light :focus-visible,.ea-dialog :focus-visible{outline-color:var(--focus)}

/* Request dialog */
.ea-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 30px 80px -20px #17222f55}
.ea-dialog::backdrop{background:#20212466;backdrop-filter:blur(3px)}
.ea-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.ea-dialog h2{font-size:22px;letter-spacing:-.02em;font-weight:700}
.ea-close{display:grid;place-items:center;width:34px;height:34px;margin:-6px -6px 0 0;border:0;border-radius:9px;background:transparent;color:var(--muted);font:400 24px/1 var(--font);cursor:pointer}
.ea-close:hover{background:var(--surface-soft);color:var(--ink)}
.ea-field{display:grid;gap:6px;margin-bottom:14px}
.ea-field span,.ea-choice legend{font-size:13px;font-weight:600}
.ea-field small{font-weight:500;color:var(--subtle)}
.ea-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--surface);color:var(--ink);font:500 15px/1.4 var(--font);transition:border-color var(--motion)}
.ea-field input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--selection-wash)}
.ea-field input[aria-invalid=true]{border-color:var(--danger)}
.ea-choice{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px;padding:0;border:0}
.ea-choice legend{padding:0;margin-bottom:8px}
.ea-choice label{position:relative;flex:1 1 0}
.ea-choice input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.ea-choice span{display:block;padding:10px 6px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:#f8f8f8;text-align:center;font-size:14px;font-weight:600;white-space:nowrap;transition:background var(--motion),border-color var(--motion)}
.ea-choice label:hover span{background:var(--control-hover)}
.ea-choice input:checked+span{border-color:var(--selection);background:var(--selection-wash);color:var(--selection-text)}
.ea-choice input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.ea-choice[aria-invalid=true] span{border-color:var(--danger)}
.ea-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ea-error{margin:0 0 12px;font-size:14px;color:var(--danger)}.ea-error:empty{display:none}
.ea-legal{margin-top:12px;font-size:12px;color:var(--muted);text-align:center}
.ea-legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.ea-done{text-align:center;padding:8px 0 0}
.ea-done[hidden]{display:none}
.ea-done-mark{display:block;width:48px;height:48px;margin:0 auto 18px;border-radius:50%;background:var(--selection-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23326fbd' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/22px no-repeat}
.ea-done h2:focus{outline:none}
.ea-done p{margin:8px 0 24px;color:var(--muted);font-size:15px;overflow-wrap:anywhere}
.ea-done b{color:var(--ink);font-weight:600}

@media (max-width:1040px){
 .ea-products{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ea-path-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
 .ea-top .ea-logo{height:22px}
 .ea-cover-body{padding:0 0 48px}
 .ea-lead{font-size:16px}
 .ea-cover .ea-cta{width:100%}
 .ea-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}
 .ea-stats li{padding:14px}.ea-stats b{font-size:24px}
 .ea-light{padding:64px 0 56px}
 .ea-head{margin-bottom:28px}
 /* Products swipe sideways on phones so each vertical example stays a usable size. */
 .ea-products{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
 .ea-products::-webkit-scrollbar{display:none}
 .ea-prod{flex:0 0 78%;scroll-snap-align:start}
 .ea-sum-row{gap:10px}
 .ea-path{padding:20px}
 .ea-paths{margin-top:56px}
 .ea-path-lead{font-size:19px}
 .ea-dark{padding-top:56px}
 .ea-fp-hero{padding:24px 20px;min-height:360px}
 .ea-fp-hero .ea-cta{width:100%}
 .ea-fp-body{grid-template-columns:1fr;padding:8px 20px 24px}
 .ea-fp-ask{padding:20px 0 0;border-left:0;border-top:1px solid #ffffff14}
 .ea-dialog{padding:22px}
}