/* The made-for-you order page, the buyer's status page and the legal pages. Tokens and recipes from
   mobile-tokens.css and journey.css; nothing new. */
.ads-page{max-width:560px;margin:0 auto;padding:8px 16px calc(48px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:36px}
.ads-hero{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.ads-hero h1{font-size:var(--text-heading);letter-spacing:var(--track-display);line-height:1.02}
.ads-page h2{letter-spacing:var(--track-title)}
.ads-kicker{font-size:var(--text-caption);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}
.ads-lead{color:var(--muted);font-size:var(--text-lead);line-height:1.5}
.ads-price{display:flex;align-items:baseline;gap:10px;margin-top:6px}.ads-price b{font-size:2.75rem;font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.ads-price span{color:var(--muted);font-size:var(--text-small)}
.ads-price s{color:var(--muted);font-size:1.125rem;font-weight:700}
.ads-founding{font-size:var(--text-small);line-height:1.45;color:var(--muted)}.ads-founding b{color:var(--ink);font-variant-numeric:tabular-nums}.ads-founding a{color:var(--link);font-weight:700}
.ads-perk{font-size:var(--text-small);line-height:1.45;color:var(--muted)}.ads-perk b{color:var(--ink)}.ads-perk a{color:var(--link);font-weight:600}
.ads-spots{align-self:flex-start;display:block;padding:5px 12px;border-radius:var(--radius-pill);background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--text-small);color:var(--muted)}.ads-spots b{color:var(--ink)}.ads-spots.is-full b{color:var(--error)}
.ads-hero .journey-primary{margin-top:6px}
.ads-note{padding:12px 14px;border-radius:var(--radius-control);background:var(--grad-surface);box-shadow:var(--hi),var(--ring);color:var(--muted);font-size:var(--text-small);line-height:1.45}
.ads-included{display:flex;flex-direction:column;gap:12px}
.ads-full>p{color:var(--muted);font-size:var(--text-small)}
/* What you get: each line opens on a small lit check, not a bare bullet. */
.ads-included ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ads-included li{position:relative;padding-left:34px;line-height:1.45}
.ads-included li::before{content:'';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--accent-tint);box-shadow:inset 0 0 0 1px rgba(255,121,74,.3)}
.ads-included li::after{content:'';position:absolute;left:7px;top:6px;width:8px;height:5px;border-left:2px solid var(--link);border-bottom:2px solid var(--link);transform:rotate(-45deg)}
.ads-fine{font-size:.8125rem;line-height:1.5;color:var(--muted)}
.ads-form,.ads-full,.ads-revision,.ads-waitlist{display:flex;flex-direction:column;gap:16px}
.ads-form,.ads-full{padding:22px 18px;border-radius:var(--radius-sheet);background:radial-gradient(100% 30% at 50% 0%,rgba(255,121,74,.08),rgba(255,121,74,0) 72%),var(--grad-surface);box-shadow:var(--hi),var(--ring),var(--elev-2)}
.ads-optional{font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}
.ads-form textarea.input{min-height:88px;resize:vertical;line-height:1.45}
.ads-code summary{cursor:pointer;color:var(--link);font-size:var(--text-small);font-weight:600;list-style:none}.ads-code summary::-webkit-details-marker{display:none}
.ads-code[open] summary{margin-bottom:12px}
.ads-form .journey-primary{margin-top:4px}
.ads-full .btn,.ads-revision .btn{margin-top:0}
.ads-summary{display:flex;flex-direction:column;gap:10px;margin:0}
.ads-summary div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.ads-summary dt{color:var(--muted);font-size:var(--text-small)}.ads-summary dd{margin:0;overflow-wrap:anywhere}
.ads-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ads-file{margin:0;display:flex;flex-direction:column;gap:10px}
.ads-file video,.ads-file img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius-media);background:var(--media-bg);box-shadow:0 0 0 1px rgba(255,255,255,.1),var(--elev-2)}
.ads-file figcaption{display:flex;flex-direction:column;gap:6px;font-size:var(--text-caption);color:var(--muted);overflow-wrap:anywhere}
.ads-file .btn{margin-top:0;min-height:44px;font-size:.9375rem}
.ads-sub{font-size:1.125rem}
.ads-status .stages{margin-top:8px}
.ads-consent{display:flex;gap:12px;align-items:flex-start;font-size:var(--text-small);line-height:1.45;color:var(--ink);cursor:pointer}
.ads-consent input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:22px;height:22px;margin:0;flex:none;border-radius:7px;background:var(--bg-deep);box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:pointer}
.ads-consent input::after{content:'';width:9px;height:5px;margin-top:-2px;border-left:2px solid var(--on-accent);border-bottom:2px solid var(--on-accent);transform:rotate(-45deg);opacity:0}
.ads-consent input:checked{background:var(--grad-accent);box-shadow:var(--btn-primary)}.ads-consent input:checked::after{opacity:1}.ads-consent input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
/* Questions under the form: the legal page's hairline sections, with a smaller question line. */
.ads-faq h3{font-size:1.0625rem;letter-spacing:-.01em}
/* Legal: a readable column, sections divided by a hairline, not boxed. */
.legal{gap:0}.legal .ads-hero{padding-bottom:28px}
.legal-section{display:flex;flex-direction:column;gap:10px;padding:24px 0;box-shadow:inset 0 1px 0 var(--line)}.legal-section h2{font-size:1.1875rem;letter-spacing:-.02em}.legal-section p{color:var(--muted);font-size:1rem;line-height:1.6}
.legal>.ads-fine{padding-top:24px;box-shadow:inset 0 1px 0 var(--line)}
.legal>.ads-fine a+a{margin-left:14px}
.legal a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,149,110,.45)}
.ads-page>*{animation:rise var(--dur-enter) var(--ease-out) both}.ads-page>:nth-child(2){animation-delay:50ms}.ads-page>:nth-child(n+3){animation-delay:100ms}
@media(min-width:720px){.ads-files{grid-template-columns:repeat(3,minmax(0,1fr))}.ads-page{padding-top:32px}}