/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..500;1,9..144,300..500&family=Newsreader:ital,opsz,wght@0,6..72,400..600;1,6..72,400&display=swap');
/* STAR & STONE — prelaunch PDP. Tokens mirror web/styles/reading-theme.css (.reading-experience). */
#xr-root { --pl-ink:#080b1b; --pl-ink-2:#101426; --pl-ink-3:#181d35; --pl-light:#faf6ed; --pl-muted:#b0b6c8; --pl-faint:#8b93a8; --pl-rule:rgba(179,198,224,.16); --pl-rule-strong:rgba(179,198,224,.32); --pl-cyan:#8de4e0; --pl-coral:#ffb18e; --pl-coral-hover:#ffc5aa; --pl-violet:#b7a8ff; --pl-amber:#ffb46b; --pl-paper:#f6eee1; --pl-paper-2:#fbf7ef; --pl-mineral:#f0f1e9; --pl-paper-ink:#18252b; --pl-paper-muted:#4c5c63; --pl-paper-accent:#8f3f12; --pl-paper-cool:#245a58; --pl-paper-rule:rgba(24,37,43,.14); --pl-focus:#8de4e0; --pl-focus-on-paper:#245a58; --pl-font-display:Fraunces, Georgia, 'Times New Roman', serif; --pl-font-text:Newsreader, Georgia, 'Times New Roman', serif; --pl-s1:4px; --pl-s2:8px; --pl-s3:12px; --pl-s4:16px; --pl-s5:24px; --pl-s6:32px; --pl-s7:48px; --pl-s8:64px; --pl-s9:96px; --pl-s10:128px; --pl-t-label:12px; --pl-t-small:15px; --pl-t-body:18px; --pl-t-reading:19px; --pl-t-h3:26px; --pl-t-h2:clamp(34px, 4.4vw, 58px); --pl-t-h1:clamp(44px, 6.4vw, 90px); --pl-r-sm:3px; --pl-r-md:8px; --pl-r-lg:14px;
  position:relative; width:100%; margin:0; padding:0; gap:0; overflow:clip; isolation:isolate;
  background:var(--pl-ink); color:var(--pl-light); font-family:var(--pl-font-text);
  font-size:18px; line-height:1.65; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
#xr-root *, #xr-root *::before, #xr-root *::after { box-sizing:border-box; }
#xr-root :is(p,h1,h2,h3) { margin:0; padding:0; }
#xr-root p { cursor:auto; }
#xr-root a { color:inherit; text-decoration:none; }
#xr-root :is(a,summary,button):focus-visible { outline:2px solid var(--pl-focus); outline-offset:4px; border-radius:3px; }
#xr-root :where(.xr-box) { padding:0; min-width:0; }
#xr-root :where(.xr-stack) { gap:0; }
#xr-root .xr-wrap { width:calc(100% - 128px); max-width:1200px; margin-inline:auto; position:relative; z-index:2; }
#xr-root img { max-width:100%; }

/* type scale */
#xr-root :is(.xr-body,.xr-small,.xr-label,.xr-link,.xr-button) { font-family:var(--pl-font-text); }
#xr-root .xr-label { font-size:12px; font-weight:600; letter-spacing:.15em; line-height:1.6; text-transform:uppercase; color:var(--pl-faint); }
#xr-root .xr-body { font-size:18px; font-weight:400; line-height:1.65; color:var(--pl-muted); }
#xr-root .xr-small { font-size:15px; line-height:1.6; color:var(--pl-muted); }
#xr-root :is(.xr-h1,.xr-h2,.xr-h3) { font-family:var(--pl-font-display); font-weight:400; color:var(--pl-light); font-optical-sizing:auto; }
#xr-root .xr-h1 { font-size:clamp(46px,5.1vw,74px); line-height:1.04; letter-spacing:-.04em; }
#xr-root .xr-h2 { font-size:clamp(34px,4.2vw,56px); line-height:1.08; letter-spacing:-.035em; }
#xr-root .xr-h3 { font-size:24px; line-height:1.25; letter-spacing:-.015em; }
#xr-root em { font-style:italic; font-weight:300; color:var(--pl-coral); }
#xr-root s { color:var(--pl-faint); text-decoration-thickness:1px; }
#xr-root strong { font-weight:600; color:var(--pl-light); }

/* actions */
#xr-root .xr-button {
  display:inline-flex; align-items:center; justify-content:space-between; gap:28px; width:fit-content;
  min-height:56px; padding:16px 24px 16px 26px; border-radius:var(--pl-r-sm); border:1px solid transparent;
  background:var(--pl-coral); color:var(--pl-ink); font-size:16px; font-weight:600; line-height:1.25;
  box-shadow:0 0 0 0 rgba(255,177,142,0); transition:background-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
#xr-root .xr-button span { font-size:18px; font-weight:400; transition:transform .25s ease; }
#xr-root .xr-button:hover { background:var(--pl-coral-hover); box-shadow:0 10px 40px -12px rgba(255,177,142,.55); transform:translateY(-1px); }
#xr-root .xr-button:hover span { transform:translate(2px,-2px); }
#xr-root .xr-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:15px; line-height:1.4; transition:color .2s ease; }
#xr-root .xr-link:hover { color:var(--pl-coral); }
#xr-root .xr-link > a { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; min-width:44px; color:inherit; cursor:pointer; }
#xr-root .xr-link > a:focus-visible { outline:2px solid var(--pl-focus); outline-offset:4px; border-radius:3px; }

/* chrome: skip link, nav, footer (360 keeps its native nodes; 250 builds the same ids) */
#xr-root #xr-skip { position:absolute; left:24px; top:-120px; z-index:90; padding:12px 16px; background:var(--pl-ink); border:1px solid var(--pl-rule-strong); }
#xr-root #xr-skip:focus, #xr-root #xr-skip:focus-within { top:16px; }
#xr-root #xr-nav { position:absolute; top:0; left:0; right:0; z-index:20; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:32px; min-height:96px; border-bottom:1px solid var(--pl-rule); }
#xr-root [id^='xr-brand-'] { font-family:var(--pl-font-display); color:var(--pl-light); font-size:19px; letter-spacing:.06em; white-space:nowrap; }
#xr-root [id^='xr-brand-'] span { display:inline-block; margin-right:10px; font-size:26px; vertical-align:middle; color:var(--pl-cyan); }
#xr-root [id^='xr-brand-'] em { font-size:18px; margin-inline:2px; }
#xr-root #xr-nav-links { width:auto; gap:28px; }
#xr-root #xr-nav-links .xr-link { color:var(--pl-muted); }
#xr-root #xr-nav-links .xr-link:hover { color:var(--pl-light); }
#xr-root #xr-nav-begin { border-bottom:1px solid rgba(255,177,142,.5); white-space:nowrap; color:var(--pl-light); }
#xr-root #xr-nav-begin span { color:var(--pl-coral); }
#xr-root #xr-footer { position:relative; z-index:2; background:var(--pl-ink); border-top:1px solid var(--pl-rule); padding:48px 0 32px; }
#xr-root #xr-footer > .xr-wrap { gap:24px; }
#xr-root #xr-footer-top { align-items:center; justify-content:space-between; gap:24px; }
#xr-root #xr-footer-bottom { align-items:flex-end; justify-content:space-between; gap:48px; }
#xr-root #xr-footer-bottom > .xr-small { max-width:600px; font-size:14px; color:var(--pl-faint); }
#xr-root #xr-legal { gap:24px; width:auto; }
#xr-root #xr-legal .xr-link { font-size:14px; color:var(--pl-muted); }
#xr-root #xr-glyph-credits { width:100%; padding-top:12px; border-top:1px solid var(--pl-rule); }
#xr-root #xr-glyph-credits summary { cursor:pointer; list-style:none; width:fit-content; min-height:44px; display:flex; align-items:center; }
#xr-root #xr-glyph-credits summary::-webkit-details-marker { display:none; }
#xr-root #xr-glyph-credits summary > :is(div,span) { display:flex; flex-direction:row; align-items:center; gap:12px; }
#xr-root #xr-glyph-credits .xr-small { font-size:13px; color:var(--pl-faint); }
#xr-root #xr-glyph-credits a { text-decoration:underline; text-underline-offset:3px; }
#xr-root #xr-glyph-credits details > div { max-width:900px; padding-bottom:12px; }

/* sections */
#xr-root :is(section,main) { scroll-margin-top:24px; }
#xr-root #xr-main { gap:0; padding:0; }
#xr-root [id^='pl-'].xr-section { position:relative; isolation:isolate; padding:128px 0; overflow:hidden; }
#xr-root [id^='pl-'][id$='-art'] { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
#xr-root [id^='pl-'][id$='-art'] * { pointer-events:none; }
#xr-root [id$='-wrap'] > [id$='-intro'] > .xr-label:first-child,
#xr-root #pl-sample-intro > .xr-label:first-child { color:var(--pl-cyan); }
#xr-root [id$='-intro'] { gap:20px; }

/* ---------- key visual (shared): its layers come from key_visual.css(); dust fields around it */
#xr-root [id$='-dust'] { position:absolute; width:1100px; height:1100px; transform-origin:0 0; }
#xr-root [id$='-dust'] > div { position:absolute; left:0; top:0; width:1px; height:1px; border-radius:50%; background:transparent; }
#xr-root [id$='-glyphs'] { position:absolute; aspect-ratio:1; }
#xr-root [id$='-glyphs'] > div { position:absolute; width:46px; height:46px; min-height:0; height:46px; margin:-23px 0 0 -23px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
#xr-root [id$='-glyphs'] > div::before { content:''; position:absolute; inset:-14px; border-radius:50%; background:radial-gradient(closest-side, rgba(255,180,107,.22), transparent); }
#xr-root [id$='-glyphs'] img { width:34px; height:34px; object-fit:contain; opacity:.62;
  filter:brightness(0) saturate(100%) invert(85%) sepia(11%) saturate(934%) hue-rotate(321deg) brightness(103%) contrast(104%); }

/* ---------- hero */
#xr-root #pl-hero { min-height:min(940px, 100vh); padding:184px 0 104px; display:flex; flex-direction:column; justify-content:center;
  background:radial-gradient(ellipse 70% 60% at 18% 100%, rgba(72,62,140,.18), transparent 70%), radial-gradient(ellipse 50% 50% at 80% 30%, rgba(30,70,90,.26), transparent 70%), var(--pl-ink); }
#xr-root #pl-hero::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, rgba(8,11,27,.92) 0%, rgba(8,11,27,.72) 34%, rgba(8,11,27,0) 62%), linear-gradient(180deg, rgba(8,11,27,0) 70%, var(--pl-ink) 100%); }
#xr-root #pl-hero-wrap { position:relative; z-index:2; }
#xr-root #pl-hero-copy { max-width:700px; gap:26px; }
#xr-root #pl-eyebrow { color:var(--pl-cyan); }
#xr-root #pl-eyebrow span { color:var(--pl-coral); margin-right:10px; }
#xr-root #pl-hero-title em { display:block; }
#xr-root #pl-hero-lead { max-width:560px; font-size:19px; color:#d4d8e2; }
#xr-root #pl-hero-action { gap:12px; align-items:flex-start; padding-top:8px; }
#xr-root #pl-hero-cta { margin-bottom:6px; }
#xr-root #pl-hero-micro { color:var(--pl-light); }
#xr-root #pl-hero-secondary { color:var(--pl-muted); text-decoration:underline; text-decoration-color:rgba(141,228,224,.5); text-underline-offset:4px; }
#xr-root #pl-hero-note { position:absolute; right:0; bottom:24px; width:300px; gap:8px; padding-left:20px; border-left:1px solid rgba(141,228,224,.5); }
#xr-root #pl-hero-note .xr-label { color:var(--pl-cyan); font-size:11px; }
#xr-root #pl-hero-note .xr-h3 { font-size:22px; }
#xr-root #pl-motion { position:absolute; right:0; bottom:-76px; width:auto; padding:0; z-index:3; }
#xr-root #pl-motion summary { list-style:none; cursor:pointer; min-height:44px; display:flex; align-items:center; padding:0 2px; }
#xr-root #pl-motion summary::-webkit-details-marker { display:none; }
#xr-root #pl-motion summary .xr-small { font-size:13px; color:var(--pl-faint); border-bottom:1px dotted var(--pl-rule-strong); }
#xr-root #pl-motion summary:hover .xr-small { color:var(--pl-light); }
#xr-root #pl-motion details > div:last-child .xr-small { font-size:12px; color:var(--pl-faint); }
#xr-root #pl-motion-off { display:none; }
#xr-root #pl-motion-item[open] #pl-motion-on { display:none; }
#xr-root #pl-motion-item[open] #pl-motion-off { display:block; }
#xr-root:has(#pl-motion-item[open]) [id$='-art'] * { animation-play-state:paused !important; }

/* ---------- questions */
#xr-root #pl-questions { padding:112px 0 96px; background:linear-gradient(180deg, var(--pl-ink), #0a0e20); }
#xr-root #pl-questions-arc { position:absolute; width:900px; aspect-ratio:1; right:-520px; top:-260px; border-radius:50%; border:1px solid rgba(250,246,237,.08);
  -webkit-mask:linear-gradient(200deg, #000 20%, transparent 60%); mask:linear-gradient(200deg, #000 20%, transparent 60%); }
#xr-root #pl-questions-intro { max-width:760px; margin-bottom:56px; }
#xr-root #pl-questions-grid { grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:40px; }
#xr-root [id^='pl-question-'] { gap:12px; padding-top:22px; border-top:1px solid var(--pl-rule-strong); }
#xr-root [id^='pl-question-'] > .xr-small:first-child { color:var(--pl-coral); font-family:var(--pl-font-display); font-size:16px; }
#xr-root [id^='pl-question-'] .xr-body { color:var(--pl-light); font-size:19px; }
#xr-root #pl-questions-foot { margin-top:48px; max-width:640px; color:var(--pl-faint); }

/* ---------- method + "What does this mean?" companions */
#xr-root #pl-method { background:radial-gradient(ellipse 60% 50% at 0% 40%, rgba(255,177,142,.06), transparent 70%), radial-gradient(ellipse 50% 40% at 100% 70%, rgba(141,228,224,.06), transparent 70%), #0a0e20; }
#xr-root #pl-method-arc, #xr-root #pl-method-arc-2 { position:absolute; aspect-ratio:1; border-radius:50%; }
#xr-root #pl-method-arc { width:1400px; left:-1050px; top:120px; border:1px solid rgba(255,177,142,.10); }
#xr-root #pl-method-arc-2 { width:1240px; left:-970px; top:200px; border:1px solid rgba(141,228,224,.06); }
#xr-root #pl-method-head { grid-template-columns:1fr 1fr; gap:72px; align-items:center; margin-bottom:72px; }
#xr-root #pl-method-lead { max-width:520px; }
#xr-root #pl-method-rows { gap:0; }
#xr-root [id^='pl-method-row-'] { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:56px; align-items:start; padding:48px 0; border-top:1px solid var(--pl-rule); }
#xr-root [id^='pl-method-text-'] { gap:14px; max-width:620px; }
#xr-root [id^='pl-method-text-'] > .xr-label { color:var(--pl-faint); }
#xr-root [id^='pl-method-text-'] .xr-body { color:#c3c8d5; }
#xr-root [id^='pl-explain-'] { gap:10px; padding:24px 28px; border-left:2px solid var(--pl-coral); border-radius:0 8px 8px 0;
  background:linear-gradient(100deg, rgba(255,177,142,.075), rgba(255,255,255,.02) 70%); }
#xr-root :is(#pl-explain-chart, #pl-explain-pair_chart) { border-left-color:var(--pl-cyan); background:linear-gradient(100deg, rgba(141,228,224,.07), rgba(255,255,255,.02) 70%); }
#xr-root #pl-explain-thread { border-image:linear-gradient(180deg, var(--pl-coral), var(--pl-violet), var(--pl-cyan)) 1; border-left-width:2px; border-radius:0; }
#xr-root [id^='pl-mean-'] { font-size:19px; font-style:italic; color:var(--pl-coral); }
#xr-root :is(#pl-mean-chart, #pl-mean-pair_chart) { color:var(--pl-cyan); }
#xr-root [id^='pl-explain-'] .xr-body { font-size:17px; line-height:1.6; color:var(--pl-light); }

/* figure */
#xr-root #pl-figure { gap:20px; align-items:center; }
#xr-root #pl-fig { position:relative; width:min(100%, 480px); aspect-ratio:1; }
#xr-root #pl-fig > div { position:absolute; }
#xr-root #pl-fig > :is(#pl-fig-count, #pl-fig-sky, #pl-fig-sky-ticks, #pl-fig-ring) { width:auto; height:auto; }
#xr-root #pl-fig-keys { gap:28px; justify-content:center; }
#xr-root #pl-fig-key-warm span { color:var(--pl-coral); }
#xr-root #pl-fig-key-cool span { color:var(--pl-cyan); }
#xr-root #pl-fig-caption { max-width:420px; text-align:center; color:var(--pl-faint); font-size:14px; }
#xr-root #pl-fig-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60%; align-items:center; text-align:center; gap:6px; }
#xr-root #pl-fig-center .xr-h3 { font-size:30px; }
#xr-root #pl-fig-center .xr-label { font-size:11px; }
#xr-root [id$='-kv'], #xr-root [id$='-kv-float'], #xr-root [id$='-kv-wheel-back'], #xr-root [id$='-kv-back-tilt'], #xr-root [id$='-kv-back-spin'], #xr-root [id$='-kv-back-turn'], #xr-root [id$='-kv-scene'], #xr-root [id$='-kv-sky'], #xr-root [id$='-kv-sky-body'], #xr-root [id$='-kv-blob-1'], #xr-root [id$='-kv-blob-2'], #xr-root [id$='-kv-blob-3'], #xr-root [id$='-kv-blob-4'], #xr-root [id$='-kv-stars-1'], #xr-root [id$='-kv-stars-2'], #xr-root [id$='-kv-atmo'], #xr-root [id$='-kv-arc-r'], #xr-root [id$='-kv-arc-b'], #xr-root [id$='-kv-arc-w'], #xr-root [id$='-kv-wheel-front'], #xr-root [id$='-kv-front-tilt'], #xr-root [id$='-kv-front-spin'], #xr-root [id$='-kv-front-turn'], #xr-root [id$='-kv-flare'], #xr-root [id$='-kv-flash'], #xr-root [id$='-kv-streak-soft'], #xr-root [id$='-kv-streak'], #xr-root [id$='-kv-core'], #xr-root [id$='-kv-ghost-1'], #xr-root [id$='-kv-ghost-2'], #xr-root [id$='-kv-ghost-3'], #xr-root [id$='-kv-ghost-4'] { position:absolute; box-sizing:border-box; display:block; margin:0; padding:0; border:0; min-width:0; min-height:0; pointer-events:none; }
#xr-root [id$='-kv'] { width:640px; height:720px; transform-origin:0 0; }
:is(#xr-root [id$='-kv-arc-r'], #xr-root [id$='-kv-arc-b'], #xr-root [id$='-kv-arc-w']) { border-radius:50%; padding:2px; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
#xr-root [id$='-kv-float'] { inset:0; animation:kv-float 12s ease-in-out infinite alternate; }
#xr-root [id$='-kv-scene'] { inset:0; translate:calc(var(--kvx, 0) * 10px) calc(var(--kvy, 0) * 7px + var(--kvs, 0) * 12px); }
:is(#xr-root [id$='-kv-wheel-back'], #xr-root [id$='-kv-wheel-front']) { left:330px; top:380px; width:800px; height:800px; margin:-400px 0 0 -400px; perspective:1500px; translate:calc(var(--kvx, 0) * -5px) calc(var(--kvy, 0) * -3px + var(--kvs, 0) * 6px); }
#xr-root [id$='-kv-wheel-back'] { -webkit-mask:linear-gradient(170deg, #000 47%, transparent 53%), radial-gradient(ellipse 60% 44% at 24% 58%, #000 16%, rgba(0,0,0,.12) 100%); -webkit-mask-composite:source-in; mask:linear-gradient(170deg, #000 47%, transparent 53%) intersect, radial-gradient(ellipse 60% 44% at 24% 58%, #000 16%, rgba(0,0,0,.12) 100%); }
#xr-root [id$='-kv-wheel-front'] { -webkit-mask:linear-gradient(170deg, transparent 47%, #000 53%), radial-gradient(ellipse 60% 44% at 24% 58%, #000 16%, rgba(0,0,0,.12) 100%); -webkit-mask-composite:source-in; mask:linear-gradient(170deg, transparent 47%, #000 53%) intersect, radial-gradient(ellipse 60% 44% at 24% 58%, #000 16%, rgba(0,0,0,.12) 100%); }
:is(#xr-root [id$='-kv-back-tilt'], #xr-root [id$='-kv-front-tilt']) { left:50%; top:50%; width:0; height:0; transform:rotateZ(calc(-10deg + var(--kvx, 0) * 2.5deg)) rotateX(calc(62deg - var(--kvy, 0) * 4deg)); }
:is(#xr-root [id$='-kv-back-spin'], #xr-root [id$='-kv-front-spin']) { left:0; top:0; width:0; height:0; transform:rotate(calc(var(--kvs, 0) * 20deg)); }
:is(#xr-root [id$='-kv-back-turn'], #xr-root [id$='-kv-front-turn']) { left:-350px; top:-350px; width:700px; height:700px; background:url("https://reading.skygiven.com/art/kv-wheel-personal.webp?v=02f2f127e9") 0 0 / 100% 100% no-repeat; animation:kv-turn 140s linear infinite; }
#xr-root [id$='-kv-back-turn'] { opacity:.4; }
#xr-root [id$='-kv-front-turn'] { opacity:.85; }
#xr-root [id$='-kv-sky'] { left:140px; top:182px; width:380px; height:380px; border-radius:50%; -webkit-mask:radial-gradient(circle at 34% 30%, #000 50%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.08) 100%), radial-gradient(closest-side, #000 84%, transparent 100%); -webkit-mask-composite:source-in; mask:radial-gradient(circle at 34% 30%, #000 50%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.08) 100%) intersect, radial-gradient(closest-side, #000 84%, transparent 100%); }
#xr-root [id$='-kv-sky-body'] { inset:0; border-radius:50%; overflow:hidden; isolation:isolate; clip-path:circle(50%); background:radial-gradient(circle at 34% 28%, #1c2672 0%, #0e1446 32%, #080b26 62%, #05070f 100%); }
#xr-root [id$='-kv-blob-1'] { left:-10%; top:-12%; width:60%; height:50%; background:#2f55e0; opacity:0.82; border-radius:43% 57% 52% 48% / 51% 44% 56% 49%; filter:blur(26px); mix-blend-mode:screen; animation:kv-drift-a 23s ease-in-out infinite alternate; }
#xr-root [id$='-kv-blob-2'] { left:22%; top:-16%; width:56%; height:40%; background:#7a4cff; opacity:0.68; border-radius:43% 57% 52% 48% / 51% 44% 56% 49%; filter:blur(26px); mix-blend-mode:screen; animation:kv-drift-b 29s ease-in-out infinite alternate; }
#xr-root [id$='-kv-blob-3'] { left:-16%; top:16%; width:38%; height:44%; background:#36c3d0; opacity:0.52; border-radius:43% 57% 52% 48% / 51% 44% 56% 49%; filter:blur(26px); mix-blend-mode:screen; animation:kv-drift-c 19s ease-in-out infinite alternate; }
#xr-root [id$='-kv-blob-4'] { left:46%; top:2%; width:34%; height:28%; background:#e05aa8; opacity:0.42; border-radius:43% 57% 52% 48% / 51% 44% 56% 49%; filter:blur(26px); mix-blend-mode:screen; animation:kv-drift-a 31s ease-in-out infinite alternate; }
#xr-root [id$='-kv-stars-1'] { width:2px; height:2px; left:0; top:0; border-radius:50%; background:transparent; box-shadow:113px 83px 0 0px #fff, 113px 83px 4px 0px rgba(200,225,255,.7), 90px 197px 0 0px #fff, 90px 197px 4px 0px rgba(200,225,255,.7), 166px 265px 0 0px #fff, 166px 265px 4px 0px rgba(200,225,255,.7), 219px 311px 0 -0.25px #fff, 219px 311px 4px -0.25px rgba(200,225,255,.7); animation:kv-twinkle 6s ease-in-out infinite alternate; }
#xr-root [id$='-kv-stars-2'] { width:2px; height:2px; left:0; top:0; border-radius:50%; background:transparent; box-shadow:197px 128px 0 -0.25px #fff, 197px 128px 4px -0.25px rgba(200,225,255,.7), 250px 219px 0 -0.25px #fff, 250px 219px 4px -0.25px rgba(200,225,255,.7), 273px 105px 0 0.5px #fff, 273px 105px 4px 0.5px rgba(200,225,255,.7); animation:kv-twinkle 6s ease-in-out -3s infinite alternate; }
#xr-root [id$='-kv-atmo'] { left:128px; top:170px; width:404px; height:404px; border-radius:50%; filter:blur(10px); background:conic-gradient(from 236deg, transparent 0deg, rgba(90,140,255,.4) 50deg, rgba(160,130,255,.5) 84deg, rgba(90,140,255,.2) 118deg, transparent 150deg, transparent 360deg); -webkit-mask:radial-gradient(closest-side, transparent 86%, #000 95%, transparent 100%); mask:radial-gradient(closest-side, transparent 86%, #000 95%, transparent 100%); animation:kv-dawn-l 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-arc-r'] { left:135px; top:177px; width:390px; height:390px; background:conic-gradient(from 236deg, transparent 0deg, rgba(255,90,120,.3) 48deg, rgba(255,120,150,.55) 84deg, rgba(255,90,150,.15) 112deg, transparent 140deg, transparent 360deg); animation:kv-dawn-l 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-arc-b'] { left:141px; top:183px; width:378px; height:378px; background:conic-gradient(from 236deg, transparent 0deg, rgba(80,150,255,.35) 48deg, rgba(110,170,255,.65) 84deg, rgba(80,120,255,.2) 112deg, transparent 140deg, transparent 360deg); animation:kv-dawn-l 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-arc-w'] { left:138px; top:180px; width:384px; height:384px; background:conic-gradient(from 236deg, transparent 0deg, rgba(141,228,224,.5) 44deg, #f4fbff 84deg, rgba(160,150,255,.7) 110deg, transparent 140deg, transparent 360deg); filter:drop-shadow(0 0 7px rgba(160,210,255,.9)) drop-shadow(0 0 24px rgba(110,130,255,.5)); animation:kv-dawn-l 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-flare'] { inset:0; translate:calc(var(--kvx, 0) * 10px) calc(var(--kvy, 0) * 7px + var(--kvs, 0) * 12px); animation:kv-clear 1.1s cubic-bezier(.2, .8, .2, 1) 7.2s both; }
#xr-root [id$='-kv-flash'] { left:28px; top:46px; width:360px; height:360px; border-radius:50%; background:radial-gradient(closest-side, rgba(225,240,255,.42), rgba(150,170,255,.12) 42%, transparent 72%); animation:kv-flash 2.6s ease-out 7.15s both; }
:is(#xr-root [id$='-kv-streak-soft'], #xr-root [id$='-kv-streak']) { top:226px; background:linear-gradient(90deg, transparent, rgba(141,228,224,.18) 18%, rgba(220,245,255,.95) 50%, rgba(170,150,255,.18) 82%, transparent); animation:kv-streak 6s ease-in-out infinite alternate, kv-shoot 1.3s cubic-bezier(.16, 1, .3, 1) 7.25s both; }
#xr-root [id$='-kv-streak-soft'] { left:18px; width:380px; height:14px; margin-top:-7px; filter:blur(6px); }
#xr-root [id$='-kv-streak'] { left:-12px; width:440px; height:2px; margin-top:-1px; filter:drop-shadow(0 0 5px rgba(141,200,255,.9)); }
#xr-root [id$='-kv-core'] { left:168px; top:186px; width:80px; height:80px; border-radius:50%; background:radial-gradient(closest-side, rgba(255,255,255,.5), rgba(190,220,255,.18) 35%, rgba(150,140,255,.05) 65%, transparent 100%); animation:kv-glow 4.5s ease-in-out infinite alternate, kv-pop 1.6s cubic-bezier(.16, 1, .3, 1) 7.2s both; }
#xr-root [id$='-kv-ghost-1'] { left:calc(0.34 * var(--kv-cx, -20px) + 129.28px); top:calc(0.34 * var(--kv-cy, 330px) + 141.16px); width:16px; height:16px; border-radius:50%; border:1.5px solid rgba(141,228,224,.32); background:radial-gradient(closest-side, rgba(141,228,224,.08), transparent); translate:calc(var(--kvx, 0) * 4.5px) calc(var(--kvy, 0) * 3.2px); animation:kv-ghost-in 1.6s ease-out 7.6s both; }
#xr-root [id$='-kv-ghost-2'] { left:calc(0.54 * var(--kv-cx, -20px) + 73.68px); top:calc(0.54 * var(--kv-cy, 330px) + 81.96px); width:44px; height:44px; border-radius:50%; background:radial-gradient(closest-side, rgba(170,150,255,.26), rgba(170,150,255,.09) 62%, transparent); translate:calc(var(--kvx, 0) * 0.1px) calc(var(--kvy, 0) * 0.1px); animation:kv-ghost-in 1.6s ease-out 7.6s both; }
#xr-root [id$='-kv-ghost-3'] { left:calc(0.72 * var(--kv-cx, -20px) + 46.24px); top:calc(0.72 * var(--kv-cy, 330px) + 51.28px); width:24px; height:24px; border-radius:50%; background:radial-gradient(closest-side, rgba(255,190,110,.28), rgba(255,160,120,.07) 70%, transparent); translate:calc(var(--kvx, 0) * -3.8px) calc(var(--kvy, 0) * -2.7px); animation:kv-ghost-in 1.6s ease-out 7.6s both; }
#xr-root [id$='-kv-ghost-4'] { left:calc(0.9 * var(--kv-cx, -20px) + -11.2px); top:calc(0.9 * var(--kv-cy, 330px) + -9.4px); width:64px; height:64px; border-radius:50%; background:radial-gradient(closest-side, rgba(141,228,224,.03) 55%, rgba(141,228,224,.09) 80%, rgba(255,140,170,.07) 92%, transparent); translate:calc(var(--kvx, 0) * -7.8px) calc(var(--kvy, 0) * -5.5px); animation:kv-ghost-in 1.6s ease-out 7.6s both; }

/* the sky beside the copy, its lit rim turned toward it, the ring of birth glyphs turning through it */
/* lens ghosts run from the flare through the screen centre; --kv-cx/--kv-cy give that centre in stage px */
#xr-root #pl-hero-kv { left:calc(50% + 20px); top:calc(50% - 330px); --kv-cx:-20px; --kv-cy:330px; }
#xr-root #pl-hero-dust { left:calc(50% - 40px); top:40px; }
#xr-root #pl-hero-dust-a { box-shadow:463px 573px 0 1px rgba(255,177,142,0.28),189px 524px 0 1px rgba(183,168,255,0.28),96px 457px 0 0.5px rgba(141,228,224,0.18),551px 710px 0 0px rgba(183,168,255,0.55),463px 669px 0 0px rgba(183,168,255,0.18),541px 64px 0 0px rgba(141,228,224,0.28),247px 614px 0 0px rgba(255,177,142,0.4),451px 605px 0 0px rgba(183,168,255,0.28),655px 301px 0 1px rgba(141,228,224,0.18),468px 670px 0 0.5px rgba(255,177,142,0.18),260px 322px 0 0px rgba(183,168,255,0.4),30px 71px 0 0px rgba(255,177,142,0.18),297px 395px 0 0px rgba(141,228,224,0.18),218px 214px 0 0px rgba(255,177,142,0.55),406px 429px 0 0px rgba(183,168,255,0.28),691px 276px 0 0.5px rgba(141,228,224,0.4),340px 15px 0 1px rgba(141,228,224,0.28),252px 723px 0 0px rgba(141,228,224,0.18),476px 498px 0 0px rgba(183,168,255,0.28),458px 521px 0 0px rgba(141,228,224,0.55),659px 392px 0 0px rgba(255,177,142,0.55),217px 0px 0 0.5px rgba(183,168,255,0.4),20px 215px 0 0px rgba(255,177,142,0.18),43px 149px 0 0px rgba(255,177,142,0.4),9px 624px 0 0.5px rgba(250,246,237,0.55),75px 76px 0 0px rgba(141,228,224,0.28),15px 615px 0 0.5px rgba(250,246,237,0.55),130px 601px 0 1px rgba(183,168,255,0.28),395px 187px 0 0px rgba(250,246,237,0.28),625px 255px 0 0px rgba(141,228,224,0.28),397px 494px 0 0px rgba(255,177,142,0.18),106px 111px 0 0px rgba(183,168,255,0.4),244px 757px 0 1px rgba(250,246,237,0.55),610px 502px 0 0.5px rgba(183,168,255,0.28),70px 129px 0 0px rgba(255,177,142,0.18),286px 217px 0 0px rgba(141,228,224,0.18),275px 421px 0 1px rgba(141,228,224,0.18),47px 180px 0 0.5px rgba(250,246,237,0.28),94px 370px 0 0px rgba(255,177,142,0.4),672px 750px 0 0px rgba(183,168,255,0.18),18px 486px 0 0.5px rgba(250,246,237,0.18),21px 612px 0 0px rgba(255,177,142,0.18),318px 326px 0 0px rgba(141,228,224,0.18),463px 559px 0 0.5px rgba(141,228,224,0.28),349px 360px 0 0px rgba(255,177,142,0.18),427px 30px 0 1px rgba(183,168,255,0.18),639px 678px 0 1px rgba(255,177,142,0.18),623px 73px 0 0px rgba(141,228,224,0.18),263px 426px 0 0.5px rgba(255,177,142,0.55),451px 473px 0 0px rgba(183,168,255,0.18),317px 615px 0 0px rgba(255,177,142,0.18),235px 715px 0 0px rgba(255,177,142,0.55),261px 11px 0 0.5px rgba(250,246,237,0.28),694px 626px 0 0px rgba(183,168,255,0.28),350px 675px 0 1px rgba(255,177,142,0.28),334px 414px 0 0.5px rgba(141,228,224,0.55),205px 219px 0 1px rgba(141,228,224,0.4),214px 139px 0 0px rgba(255,177,142,0.4),41px 728px 0 0px rgba(250,246,237,0.28),115px 461px 0 1px rgba(250,246,237,0.28),423px 391px 0 1px rgba(250,246,237,0.55),328px 76px 0 0px rgba(250,246,237,0.18),694px 725px 0 0.5px rgba(183,168,255,0.4),316px 664px 0 0px rgba(141,228,224,0.55),465px 194px 0 0px rgba(250,246,237,0.28),144px 48px 0 0px rgba(255,177,142,0.18),645px 548px 0 0.5px rgba(141,228,224,0.28),204px 486px 0 0.5px rgba(141,228,224,0.18),483px 547px 0 0px rgba(141,228,224,0.28),278px 354px 0 0px rgba(255,177,142,0.28); }
#xr-root #pl-hero-dust-b { box-shadow:485px 275px 0 0.5px rgba(250,246,237,0.55),11px 383px 0 1px rgba(141,228,224,0.55),615px 233px 0 0px rgba(250,246,237,0.55),376px 166px 0 0.5px rgba(250,246,237,0.18),590px 204px 0 0px rgba(141,228,224,0.55),89px 19px 0 0px rgba(250,246,237,0.18),433px 454px 0 0px rgba(255,180,107,0.28),552px 320px 0 0px rgba(255,177,142,0.28),519px 85px 0 1px rgba(255,180,107,0.55),488px 623px 0 1px rgba(255,177,142,0.18),196px 679px 0 0.5px rgba(141,228,224,0.4),394px 689px 0 0.5px rgba(255,177,142,0.4),240px 343px 0 0.5px rgba(141,228,224,0.28),28px 390px 0 1px rgba(255,177,142,0.18),227px 691px 0 1px rgba(255,177,142,0.55),209px 621px 0 0px rgba(250,246,237,0.28),79px 712px 0 0.5px rgba(255,177,142,0.55),283px 510px 0 0.5px rgba(255,177,142,0.55),377px 213px 0 0.5px rgba(141,228,224,0.55),487px 713px 0 1px rgba(250,246,237,0.28),475px 562px 0 0.5px rgba(250,246,237,0.28),225px 621px 0 0px rgba(141,228,224,0.4),183px 247px 0 0px rgba(255,177,142,0.28),633px 118px 0 0.5px rgba(250,246,237,0.18),330px 684px 0 0.5px rgba(255,177,142,0.28),539px 514px 0 1px rgba(255,180,107,0.4),268px 700px 0 1px rgba(250,246,237,0.55),298px 631px 0 0px rgba(141,228,224,0.4),527px 655px 0 1px rgba(250,246,237,0.4),533px 261px 0 0px rgba(255,177,142,0.18),134px 571px 0 0.5px rgba(255,180,107,0.28),247px 205px 0 1px rgba(255,180,107,0.18),573px 583px 0 0.5px rgba(255,177,142,0.55),441px 602px 0 0px rgba(255,180,107,0.28),594px 570px 0 0.5px rgba(141,228,224,0.55),576px 164px 0 0px rgba(250,246,237,0.18),38px 74px 0 1px rgba(250,246,237,0.55),100px 727px 0 0.5px rgba(250,246,237,0.4),277px 705px 0 1px rgba(255,177,142,0.28),547px 613px 0 1px rgba(250,246,237,0.18),416px 364px 0 0.5px rgba(255,177,142,0.4),145px 703px 0 0px rgba(141,228,224,0.4),184px 694px 0 1px rgba(141,228,224,0.28),30px 214px 0 1px rgba(255,180,107,0.55),183px 58px 0 0.5px rgba(255,180,107,0.28),335px 99px 0 0px rgba(255,177,142,0.4),375px 286px 0 0px rgba(255,180,107,0.4),225px 528px 0 0px rgba(141,228,224,0.28),512px 475px 0 1px rgba(250,246,237,0.55),470px 50px 0 0px rgba(255,180,107,0.55); }
@media (max-width:1100px) { #xr-root #pl-hero-kv { left:calc(100% - 470px); top:110px; scale:.74; --kv-cx:calc((470px - 50vw) / .74); --kv-cy:calc((50vh - 110px) / .74); } #xr-root #pl-hero-dust { left:calc(100% - 600px); } #xr-root #pl-hero-copy { max-width:560px; } }
@media (max-width:767px) { #xr-root #pl-hero-kv { left:calc(100% - 300px); top:-10px; scale:.5; } #xr-root #pl-hero-dust { left:calc(100% - 420px); top:0; transform:scale(.6); } }

/* the same sky, small, under the last call to action */
#xr-root #pl-close-kv { left:calc(50% - 165px); top:calc(100% - 330px); scale:.5; }
/* reached low on the screen, so the line through its centre would run up through the copy: no ghosts */
#xr-root #pl-close-kv [id*='-kv-ghost-'] { display:none; }
#xr-root #pl-close-dust { left:calc(50% - 350px); top:calc(100% - 400px); }
#xr-root #pl-close-dust-a { box-shadow:168px 214px 0 1px rgba(255,180,107,0.55),221px 243px 0 0px rgba(250,246,237,0.18),14px 189px 0 1px rgba(255,177,142,0.28),237px 119px 0 0px rgba(141,228,224,0.55),630px 226px 0 0px rgba(255,180,107,0.55),118px 332px 0 0.5px rgba(255,177,142,0.28),90px 63px 0 0px rgba(141,228,224,0.28),565px 175px 0 1px rgba(141,228,224,0.28),191px 340px 0 0px rgba(141,228,224,0.28),76px 101px 0 0px rgba(255,177,142,0.18),573px 243px 0 1px rgba(250,246,237,0.4),149px 274px 0 1px rgba(255,180,107,0.4),462px 256px 0 1px rgba(255,180,107,0.55),395px 136px 0 0px rgba(255,177,142,0.28),507px 1px 0 1px rgba(255,177,142,0.28),585px 311px 0 0.5px rgba(255,177,142,0.28),685px 87px 0 0.5px rgba(255,180,107,0.4),611px 156px 0 0px rgba(255,177,142,0.28),67px 89px 0 1px rgba(255,180,107,0.28),699px 18px 0 0px rgba(141,228,224,0.28),604px 7px 0 0.5px rgba(141,228,224,0.55),682px 126px 0 0px rgba(250,246,237,0.18),449px 208px 0 1px rgba(255,177,142,0.4),53px 132px 0 0.5px rgba(255,177,142,0.55),254px 87px 0 1px rgba(255,177,142,0.4),660px 74px 0 0px rgba(141,228,224,0.18),258px 71px 0 1px rgba(255,177,142,0.28),374px 78px 0 0.5px rgba(141,228,224,0.55),595px 244px 0 0.5px rgba(250,246,237,0.4),142px 5px 0 1px rgba(250,246,237,0.18),270px 303px 0 0.5px rgba(250,246,237,0.55),263px 349px 0 1px rgba(250,246,237,0.28),145px 48px 0 1px rgba(255,177,142,0.28),25px 328px 0 1px rgba(250,246,237,0.18),121px 335px 0 0.5px rgba(250,246,237,0.4),551px 166px 0 1px rgba(141,228,224,0.28),636px 85px 0 0px rgba(250,246,237,0.55),206px 281px 0 0px rgba(255,177,142,0.18),396px 237px 0 0px rgba(141,228,224,0.28),238px 129px 0 0.5px rgba(255,177,142,0.28),398px 79px 0 0.5px rgba(255,180,107,0.55),586px 50px 0 0px rgba(255,180,107,0.4),298px 358px 0 0px rgba(255,177,142,0.4),206px 181px 0 0px rgba(255,180,107,0.55),110px 38px 0 0px rgba(141,228,224,0.18),696px 330px 0 1px rgba(141,228,224,0.55),411px 36px 0 0px rgba(255,177,142,0.18),677px 222px 0 0px rgba(250,246,237,0.4),603px 207px 0 1px rgba(141,228,224,0.28),408px 197px 0 0.5px rgba(141,228,224,0.28); }
#xr-root #pl-close-dust-b { box-shadow:143px 124px 0 0px rgba(250,246,237,0.28),123px 333px 0 0.5px rgba(141,228,224,0.28),275px 25px 0 0.5px rgba(141,228,224,0.55),49px 295px 0 0px rgba(250,246,237,0.4),431px 97px 0 0px rgba(141,228,224,0.18),334px 313px 0 0.5px rgba(250,246,237,0.28),402px 159px 0 0px rgba(250,246,237,0.4),683px 354px 0 0px rgba(250,246,237,0.18),350px 272px 0 0px rgba(250,246,237,0.4),518px 145px 0 1px rgba(250,246,237,0.28),314px 288px 0 0.5px rgba(250,246,237,0.18),304px 294px 0 1px rgba(250,246,237,0.18),92px 227px 0 0.5px rgba(141,228,224,0.55),412px 29px 0 0px rgba(141,228,224,0.55),6px 49px 0 1px rgba(141,228,224,0.28),30px 279px 0 1px rgba(250,246,237,0.28),336px 182px 0 0px rgba(250,246,237,0.18),64px 274px 0 0px rgba(141,228,224,0.18),53px 99px 0 1px rgba(141,228,224,0.28),601px 235px 0 0px rgba(141,228,224,0.55),536px 69px 0 0.5px rgba(250,246,237,0.55),67px 329px 0 0.5px rgba(141,228,224,0.4),122px 9px 0 0px rgba(250,246,237,0.18),348px 49px 0 0px rgba(250,246,237,0.4),181px 21px 0 0px rgba(141,228,224,0.4),695px 60px 0 0px rgba(250,246,237,0.55),69px 92px 0 0px rgba(250,246,237,0.18),594px 240px 0 0px rgba(250,246,237,0.4),120px 268px 0 0px rgba(141,228,224,0.28),386px 319px 0 0px rgba(141,228,224,0.28); }
@media (max-width:767px) {
  #xr-root section#pl-close { padding-bottom:236px; }
  #xr-root #pl-close-kv { left:calc(50% - 139px); top:calc(100% - 286px); scale:.42; }
  #xr-root #pl-close-dust { transform:scale(.6); left:calc(50% - 210px); top:calc(100% - 300px); }
}

@media (max-width:1100px) and (orientation:portrait), (max-width:767px) { #xr-root #pl-hero-kv [id*='-kv-ghost-'] { display:none; } }

#xr-root #pl-fig-count { inset:8%; border-radius:50%; border:1px solid rgba(255,177,142,.2); }
#xr-root #pl-fig-sky { inset:24%; border-radius:50%; border:1px solid rgba(141,228,224,.45); box-shadow:0 0 40px rgba(141,228,224,.08) inset, 0 0 60px rgba(141,228,224,.06); }
#xr-root #pl-fig-sky-ticks { display:none; }
#xr-root #pl-fig-ring { inset:0; }
#xr-root [id^='pl-fig-node-'] { position:absolute; width:38px; height:38px; margin:-19px 0 0 -19px; display:flex; align-items:center; justify-content:center; }
#xr-root [id^='pl-fig-glyph-'] { width:30px; height:30px; object-fit:contain; opacity:.78;
  filter:brightness(0) saturate(100%) invert(85%) sepia(11%) saturate(934%) hue-rotate(321deg) brightness(103%) contrast(104%); }
#pl-fig-node-1{left:50.000%;top:4.000%;}
#pl-fig-node-2{left:64.215%;top:6.251%;}
#pl-fig-node-3{left:77.038%;top:12.785%;}
#pl-fig-node-4{left:87.215%;top:22.962%;}
#pl-fig-node-5{left:93.749%;top:35.785%;}
#pl-fig-node-6{left:96.000%;top:50.000%;}
#pl-fig-node-7{left:93.749%;top:64.215%;}
#pl-fig-node-8{left:87.215%;top:77.038%;}
#pl-fig-node-9{left:77.038%;top:87.215%;}
#pl-fig-node-10{left:64.215%;top:93.749%;}
#pl-fig-node-11{left:50.000%;top:96.000%;}
#pl-fig-node-12{left:35.785%;top:93.749%;}
#pl-fig-node-13{left:22.962%;top:87.215%;}
#pl-fig-node-14{left:12.785%;top:77.038%;}
#pl-fig-node-15{left:6.251%;top:64.215%;}
#pl-fig-node-16{left:4.000%;top:50.000%;}
#pl-fig-node-17{left:6.251%;top:35.785%;}
#pl-fig-node-18{left:12.785%;top:22.962%;}
#pl-fig-node-19{left:22.962%;top:12.785%;}
#pl-fig-node-20{left:35.785%;top:6.251%;}
/* ---------- sample: warm paper, diffuse orange bloom behind fine circular geometry */
#xr-root #pl-sample { background:var(--pl-paper); color:var(--pl-paper-ink); }
#xr-root #pl-sample-bloom { position:absolute; width:1500px; height:1300px; right:-620px; top:-560px;
  background:radial-gradient(closest-side, rgba(255,166,92,.42), rgba(255,180,120,.22) 38%, rgba(255,200,150,.08) 64%, transparent 100%); }
#xr-root #pl-sample-bloom-2 { position:absolute; width:900px; height:800px; left:-420px; bottom:-460px;
  background:radial-gradient(closest-side, rgba(255,190,140,.22), transparent 100%); }
#xr-root #pl-sample-rings { position:absolute; width:1200px; aspect-ratio:1; right:-440px; top:-420px; border-radius:50%;
  background:repeating-radial-gradient(circle, transparent 0 63px, rgba(143,63,18,.12) 63px 64px);
  -webkit-mask:radial-gradient(closest-side, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); mask:radial-gradient(closest-side, #000 30%, rgba(0,0,0,.5) 62%, transparent 100%); }
#xr-root #pl-sample :is(.xr-h2,.xr-h3) { color:var(--pl-paper-ink); }
#xr-root #pl-sample em { color:var(--pl-paper-accent); }
#xr-root #pl-sample .xr-body { color:var(--pl-paper-muted); }
#xr-root #pl-sample .xr-small { color:var(--pl-paper-muted); }
#xr-root #pl-sample .xr-label { color:var(--pl-paper-accent); }
#xr-root #pl-sample #pl-sample-intro > .xr-label:first-child { color:var(--pl-paper-cool); }
#xr-root #pl-sample :is(a,summary):focus-visible { outline-color:var(--pl-focus-on-paper); }
#xr-root #pl-sample-intro { max-width:720px; margin-bottom:56px; }
#xr-root #pl-sample-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:64px; align-items:start; }
#xr-root #pl-paper { gap:28px; padding:48px 52px 52px; background:var(--pl-paper-2); border:1px solid rgba(143,63,18,.12); border-radius:4px;
  box-shadow:0 40px 80px -48px rgba(110,52,14,.45), 0 2px 0 rgba(255,255,255,.7) inset; }
#xr-root #pl-paper-top { justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid var(--pl-paper-rule); }
#xr-root #pl-paper-top .xr-label { font-size:11px; }
#xr-root #pl-paper-tag { color:var(--pl-paper-muted) !important; }
#xr-root #pl-paper-signature { justify-content:space-between; align-items:center; gap:20px; }
#xr-root #pl-paper-identity { gap:6px; }
#xr-root #pl-paper-sign { font-size:34px; }
#xr-root #pl-paper-sign span { font-size:18px; color:var(--pl-paper-muted); }
#xr-root #pl-paper-glyph { width:72px; height:72px; object-fit:contain; opacity:.85; filter:brightness(0) saturate(100%) invert(22%) sepia(65%) saturate(1500%) hue-rotate(10deg) brightness(90%); }
#xr-root #pl-paper-body { gap:26px; }
#xr-root [id^='pl-paper-section-'] { gap:8px; }
#xr-root [id^='pl-paper-section-'] .xr-h3 { font-size:21px; }
#xr-root [id^='pl-paper-section-'] .xr-body { font-size:18px; line-height:1.68; color:var(--pl-paper-ink); max-width:62ch; }
#xr-root #pl-paper-section-2 { padding:22px 0 0 22px; border-left:2px solid var(--pl-paper-accent); }
#xr-root #pl-paper-section-2 .xr-h3 { color:var(--pl-paper-accent); font-style:italic; }
#xr-root #pl-sample-inputs, #xr-root #pl-sample-steps { gap:22px; padding-top:8px; }
#xr-root [id^='pl-input-'], #xr-root [id^='pl-step-'] { gap:6px; padding-top:16px; border-top:1px solid var(--pl-paper-rule); }
#xr-root [id^='pl-input-'] .xr-small { color:var(--pl-paper-ink); font-size:16px; }
#xr-root [id^='pl-step-'] .xr-body { color:var(--pl-paper-ink); }
#xr-root #pl-step-2 .xr-body { font-family:var(--pl-font-display); font-style:italic; font-size:22px; line-height:1.4; color:var(--pl-paper-ink); }
#xr-root #pl-sample-caption { margin-top:40px; max-width:760px; font-size:14px; }
#xr-root #pl-pair-people { grid-template-columns:1fr; gap:28px; }
#xr-root [id^='pl-pair-'][id$='-0'], #xr-root [id^='pl-pair-'][id$='-1'] { gap:22px; align-items:flex-start; }
#xr-root [id^='pl-pair-glyph-'] { width:64px; height:64px; flex:none; object-fit:contain; opacity:.85; filter:brightness(0) saturate(100%) invert(22%) sepia(65%) saturate(1500%) hue-rotate(10deg) brightness(90%); }
#xr-root [id^='pl-pair-text-'] { gap:6px; }
#xr-root [id^='pl-pair-text-'] .xr-h3 { font-size:30px; }
#xr-root [id^='pl-pair-text-'] .xr-small { font-family:var(--pl-font-display); font-style:italic; font-size:19px; color:var(--pl-paper-ink); }

/* ---------- contents */
#xr-root #pl-contents { background:var(--pl-ink); }
#xr-root #pl-contents-ticks { display:none; }
#xr-root #pl-contents-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:80px; align-items:start; }
#xr-root #pl-contents-intro { position:sticky; top:40px; }
#xr-root #pl-receive { gap:10px; margin-top:16px; padding:22px 24px; border:1px solid var(--pl-rule); border-radius:8px; background:rgba(255,255,255,.02); }
#xr-root #pl-receive .xr-label { margin-bottom:4px; }
#xr-root #pl-receive .xr-small { color:var(--pl-light); font-size:16px; }
#xr-root #pl-receive span { color:var(--pl-cyan); margin-right:8px; }
#xr-root #pl-parts { gap:40px; }
#xr-root [id^='pl-part-'][id$='-0'], #xr-root [id^='pl-part-'][id$='-1'], #xr-root [id^='pl-part-'][id$='-2'] { gap:10px; }
#xr-root [id^='pl-part-'] > .xr-label { color:var(--pl-coral); }
#xr-root [id^='pl-part-'] > .xr-h3 { font-size:28px; margin-bottom:8px; }
#xr-root [id$='-items'] { gap:0; }
#xr-root [id^='pl-item-'] { gap:2px; padding:14px 0; border-top:1px solid var(--pl-rule); }
#xr-root [id^='pl-item-'] .xr-body { font-family:var(--pl-font-display); font-size:20px; color:var(--pl-light); }
#xr-root [id^='pl-item-'] .xr-small { font-size:15px; }
#xr-root [id^='pl-item-'][id$='-thread'] { position:relative; padding:18px 20px; margin:6px 0; border:1px solid rgba(255,177,142,.35); border-radius:8px;
  background:radial-gradient(ellipse 80% 120% at 0% 0%, rgba(255,177,142,.12), transparent 70%), rgba(255,255,255,.02); }
#xr-root [id^='pl-item-'][id$='-thread'] .xr-body { color:var(--pl-coral); font-style:italic; }
#xr-root [id^='pl-item-'][id$='-thread'] .xr-small { color:var(--pl-light); }

/* ---------- offer: quiet surface, stable contrast */
#xr-root #pl-offer { background:var(--pl-ink-2); border-top:1px solid var(--pl-rule); border-bottom:1px solid var(--pl-rule); }
#xr-root #pl-offer-art { background:radial-gradient(ellipse 50% 40% at 50% 0%, rgba(141,228,224,.05), transparent 70%); }
#xr-root #pl-offer-intro { max-width:720px; margin-bottom:48px; }
#xr-root #pl-options { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:28px; align-items:start; }
#xr-root #pl-option-ai, #xr-root #pl-option-human { gap:14px; padding:40px; border-radius:10px; }
#xr-root #pl-option-ai { background:var(--pl-ink-3); border:1px solid rgba(255,177,142,.38); box-shadow:0 30px 80px -50px rgba(255,177,142,.35); }
#xr-root #pl-option-human { border:1px solid var(--pl-rule-strong); background:rgba(255,255,255,.015); }
#xr-root #pl-ai-tag { color:var(--pl-coral); }
#xr-root #pl-human-tag { color:var(--pl-muted); }
#xr-root :is(#pl-ai-price, #pl-human-price) { font-size:56px; line-height:1; letter-spacing:-.03em; margin-top:6px; }
#xr-root :is(#pl-ai-price, #pl-human-price) s { font-size:26px; margin-right:10px; vertical-align:middle; }
#xr-root #pl-human-price { color:var(--pl-muted); }
#xr-root #pl-addon { gap:6px; margin:10px 0 4px; padding:20px 22px; border:1px dashed rgba(255,177,142,.45); border-radius:8px; }
#xr-root #pl-addon .xr-label { color:var(--pl-coral); }
#xr-root #pl-addon-title { font-size:20px; }
#xr-root #pl-test-note { padding:14px 18px; border-left:2px solid var(--pl-cyan); background:rgba(141,228,224,.06); color:var(--pl-light); }
#xr-root #pl-offer-cta { margin-top:10px; }
#xr-root #pl-human-link { color:var(--pl-light); text-decoration:underline; text-underline-offset:4px; text-decoration-color:rgba(250,246,237,.4); }

/* ---------- process */
#xr-root #pl-process { background:var(--pl-ink); }
#xr-root #pl-process-intro { max-width:720px; margin-bottom:56px; }
#xr-root #pl-process-steps { grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:40px; position:relative; }
#xr-root [id^='pl-process-0'] { gap:12px; }
#xr-root [id^='pl-process-0'] > .xr-h2 { font-size:44px; color:rgba(250,246,237,.35); }
#xr-root [id^='pl-step-node-'] { width:100%; height:1px; position:relative; background:linear-gradient(90deg, rgba(141,228,224,.6), rgba(141,228,224,.05)); margin:6px 0 10px; }
#xr-root [id^='pl-step-node-']::before { content:''; position:absolute; left:0; top:-4px; width:9px; height:9px; border-radius:50%; background:var(--pl-coral); box-shadow:0 0 14px rgba(255,177,142,.6); }

/* ---------- FAQ: low detail, decoration outside the text column */
#xr-root #pl-faq { background:linear-gradient(180deg, var(--pl-ink), #0b0f22); }
#xr-root #pl-faq-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:80px; align-items:start; }
#xr-root #pl-accordion { gap:0; padding:0; }
#xr-root #pl-accordion details { border-top:1px solid var(--pl-rule); }
#xr-root #pl-accordion details:last-child { border-bottom:1px solid var(--pl-rule); }
#xr-root #pl-accordion summary { cursor:pointer; list-style:none; padding:18px 0; min-height:64px; }
#xr-root #pl-accordion summary::-webkit-details-marker { display:none; }
#xr-root #pl-accordion summary > :is(div,span) { width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:24px; }
#xr-root #pl-accordion summary .xr-body { color:var(--pl-light); font-size:19px; line-height:1.45; }
#xr-root #pl-accordion summary .xr-label { font-size:24px; font-weight:300; color:var(--pl-coral); width:24px; flex:none; text-align:center; letter-spacing:0; transition:transform .25s ease; }
#xr-root #pl-accordion summary:hover .xr-body, #xr-root #pl-accordion details[open] summary .xr-body { color:var(--pl-coral); }
#xr-root #pl-accordion details[open] summary .xr-label { transform:rotate(45deg); }
#xr-root #pl-accordion details > div:last-child { padding:0 48px 24px 0; }
#xr-root #pl-accordion details > div:last-child .xr-body { max-width:640px; font-size:17px; }

/* ---------- close: a smaller resolving composition */
#xr-root #pl-close { padding:160px 0 260px; text-align:center; background:radial-gradient(ellipse 60% 50% at 50% 100%, rgba(255,180,107,.10), transparent 70%), var(--pl-ink); }
#xr-root #pl-close-copy { align-items:center; gap:22px; max-width:760px; margin:0 auto; }
#xr-root #pl-close-copy > .xr-label { color:var(--pl-cyan); }
#xr-root #pl-close-copy .xr-h2 em { display:block; }
#xr-root #pl-close-copy .xr-small { color:var(--pl-faint); }
#xr-root #pl-close-cta { margin-top:8px; }

/* motion: transform/opacity only; base state is the finished composition */
@keyframes pl-twinkle { from { opacity:.35; } to { opacity:1; } }
@keyframes pl-drift { from { transform:translate(0,0); } to { transform:translate(10px,-8px); } }
@keyframes pl-breathe { from { opacity:.55; } to { opacity:1; } }
#xr-root [id$='-dust'] > [id$='-a'] { animation:pl-twinkle 26s ease-in-out infinite alternate, pl-drift 48s ease-in-out infinite alternate; }
#xr-root [id$='-dust'] > [id$='-b'] { animation:pl-twinkle 34s ease-in-out -17s infinite alternate-reverse, pl-drift 60s ease-in-out -20s infinite alternate-reverse; }
@media (prefers-reduced-motion: reduce) {
  #xr-root *, #xr-root *::before, #xr-root *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
  #xr-root #pl-motion { display:none; }
}
@media (prefers-reduced-transparency: reduce) {
  #xr-root [id$='-dust'], #xr-root :is([id$='-kv-streak-soft'], [id*='-kv-ghost-'], [id$='-kv-flash'], [id$='-kv-glint-box'], #pl-sample-bloom, #pl-sample-bloom-2) { display:none; }
  #xr-root #pl-hero::after { background:rgba(8,11,27,.9); }
  #xr-root [id^='pl-explain-'] { background:var(--pl-ink-3); }
}
@media print {
  #xr-root [id$='-art'], #xr-root #xr-nav, #xr-root #pl-motion, #xr-root #pl-hero::after { display:none !important; }
  #xr-root, #xr-root [id^='pl-'].xr-section, #xr-root #xr-footer { background:#fff !important; color:#111 !important; padding-block:32px !important; min-height:0 !important; }
  #xr-root :is(.xr-h1,.xr-h2,.xr-h3,.xr-body,.xr-small,.xr-label,em,strong) { color:#111 !important; }
}

@property --kvx { syntax:'<number>'; inherits:true; initial-value:0; }
@property --kvy { syntax:'<number>'; inherits:true; initial-value:0; }
@property --kvs { syntax:'<number>'; inherits:true; initial-value:0; }

@keyframes kv-drift-a { from { transform:translate(-9%,-6%) rotate(0deg) scale(1); } to { transform:translate(12%,9%) rotate(150deg) scale(1.18); } }
@keyframes kv-drift-b { from { transform:translate(8%,9%) rotate(0deg) scale(1.08); } to { transform:translate(-12%,-7%) rotate(-140deg) scale(.88); } }
@keyframes kv-drift-c { from { transform:translate(0,12%) rotate(30deg) scale(.92); } to { transform:translate(-9%,-9%) rotate(210deg) scale(1.14); } }
@keyframes kv-twinkle { from { opacity:.1; } to { opacity:.7; } }
@keyframes kv-streak { from { opacity:.8; transform:scaleX(.95); } to { opacity:1; transform:scaleX(1.04); } }
@keyframes kv-glow { from { opacity:.8; } to { opacity:1; } }
@keyframes kv-turn { to { transform:rotate(360deg); } }
@keyframes kv-glint { 0% { transform:translateX(-130%) rotate(16deg); } 55%, 100% { transform:translateX(130%) rotate(16deg); } }
@keyframes kv-float { from { transform:translateY(-5px); } to { transform:translateY(5px); } }
@keyframes kv-dawn-l { from { rotate:-70deg; opacity:0; } to { rotate:0deg; opacity:1; } }
@keyframes kv-dawn-r { from { rotate:70deg; opacity:0; } to { rotate:0deg; opacity:1; } }
@keyframes kv-clear { from { opacity:0; } to { opacity:1; } }
@keyframes kv-shoot { from { scale:0 1; } to { scale:1 1; } }
@keyframes kv-pop { 0% { scale:.25; } 30% { scale:1.3; } 100% { scale:1; } }
@keyframes kv-flash { 0% { opacity:0; } 16% { opacity:1; } 100% { opacity:.28; } }
@keyframes kv-ghost-in { from { opacity:0; } }

/* scroll: --kvs follows the hero while it leaves the screen, the closing section while it passes. The
   timelines are named on the sections: their overflow:hidden makes each a (non-scrolling) scroll
   container, so view() on the art itself would never move. */
@keyframes kv-scroll { from { --kvs:0; } to { --kvs:1; } }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    #xr-root #pl-hero { view-timeline:--kv-hero block; }
    #xr-root #pl-close { view-timeline:--kv-close block; }
    #xr-root #pl-hero-art { animation:kv-scroll linear both; animation-timeline:--kv-hero; animation-range:exit 0% exit 100%; }
    #xr-root #pl-close-art { animation:kv-scroll linear both; animation-timeline:--kv-close; animation-range:cover 0% cover 100%; }
    #xr-root:has(#pl-motion-item[open]) :is(#pl-hero-art, #pl-close-art) { animation-play-state:paused; }
  }
}
#xr-root #pl-hero-art [id^='pl-hero-kvz-'] { position:absolute; display:none; width:12.5%; height:20%; margin:0; padding:0; min-width:0; min-height:0; pointer-events:auto; }
#xr-root #pl-hero-kvz-0 { left:0%; top:0%; }
#xr-root #pl-hero-kvz-1 { left:12.5%; top:0%; }
#xr-root #pl-hero-kvz-2 { left:25%; top:0%; }
#xr-root #pl-hero-kvz-3 { left:37.5%; top:0%; }
#xr-root #pl-hero-kvz-4 { left:50%; top:0%; }
#xr-root #pl-hero-kvz-5 { left:62.5%; top:0%; }
#xr-root #pl-hero-kvz-6 { left:75%; top:0%; }
#xr-root #pl-hero-kvz-7 { left:87.5%; top:0%; }
#xr-root #pl-hero-kvz-8 { left:0%; top:20%; }
#xr-root #pl-hero-kvz-9 { left:12.5%; top:20%; }
#xr-root #pl-hero-kvz-10 { left:25%; top:20%; }
#xr-root #pl-hero-kvz-11 { left:37.5%; top:20%; }
#xr-root #pl-hero-kvz-12 { left:50%; top:20%; }
#xr-root #pl-hero-kvz-13 { left:62.5%; top:20%; }
#xr-root #pl-hero-kvz-14 { left:75%; top:20%; }
#xr-root #pl-hero-kvz-15 { left:87.5%; top:20%; }
#xr-root #pl-hero-kvz-16 { left:0%; top:40%; }
#xr-root #pl-hero-kvz-17 { left:12.5%; top:40%; }
#xr-root #pl-hero-kvz-18 { left:25%; top:40%; }
#xr-root #pl-hero-kvz-19 { left:37.5%; top:40%; }
#xr-root #pl-hero-kvz-20 { left:50%; top:40%; }
#xr-root #pl-hero-kvz-21 { left:62.5%; top:40%; }
#xr-root #pl-hero-kvz-22 { left:75%; top:40%; }
#xr-root #pl-hero-kvz-23 { left:87.5%; top:40%; }
#xr-root #pl-hero-kvz-24 { left:0%; top:60%; }
#xr-root #pl-hero-kvz-25 { left:12.5%; top:60%; }
#xr-root #pl-hero-kvz-26 { left:25%; top:60%; }
#xr-root #pl-hero-kvz-27 { left:37.5%; top:60%; }
#xr-root #pl-hero-kvz-28 { left:50%; top:60%; }
#xr-root #pl-hero-kvz-29 { left:62.5%; top:60%; }
#xr-root #pl-hero-kvz-30 { left:75%; top:60%; }
#xr-root #pl-hero-kvz-31 { left:87.5%; top:60%; }
#xr-root #pl-hero-kvz-32 { left:0%; top:80%; }
#xr-root #pl-hero-kvz-33 { left:12.5%; top:80%; }
#xr-root #pl-hero-kvz-34 { left:25%; top:80%; }
#xr-root #pl-hero-kvz-35 { left:37.5%; top:80%; }
#xr-root #pl-hero-kvz-36 { left:50%; top:80%; }
#xr-root #pl-hero-kvz-37 { left:62.5%; top:80%; }
#xr-root #pl-hero-kvz-38 { left:75%; top:80%; }
#xr-root #pl-hero-kvz-39 { left:87.5%; top:80%; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #xr-root #pl-hero-wrap { pointer-events:none; }
  #xr-root #pl-hero-wrap > * { pointer-events:auto; }
  #xr-root #pl-hero-art [id^='pl-hero-kvz-'] { display:block; }
  #xr-root #pl-hero-art { transition:--kvx 999999s, --kvy 999999s; }
  #xr-root #pl-hero-art:has([id^='pl-hero-kvz-']:hover) { transition:--kvx 1.8s cubic-bezier(.25,.6,.3,1), --kvy 1.8s cubic-bezier(.25,.6,.3,1); }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-0:hover) { --kvx:-0.875; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-1:hover) { --kvx:-0.625; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-2:hover) { --kvx:-0.375; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-3:hover) { --kvx:-0.125; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-4:hover) { --kvx:0.125; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-5:hover) { --kvx:0.375; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-6:hover) { --kvx:0.625; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-7:hover) { --kvx:0.875; --kvy:-0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-8:hover) { --kvx:-0.875; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-9:hover) { --kvx:-0.625; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-10:hover) { --kvx:-0.375; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-11:hover) { --kvx:-0.125; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-12:hover) { --kvx:0.125; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-13:hover) { --kvx:0.375; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-14:hover) { --kvx:0.625; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-15:hover) { --kvx:0.875; --kvy:-0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-16:hover) { --kvx:-0.875; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-17:hover) { --kvx:-0.625; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-18:hover) { --kvx:-0.375; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-19:hover) { --kvx:-0.125; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-20:hover) { --kvx:0.125; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-21:hover) { --kvx:0.375; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-22:hover) { --kvx:0.625; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-23:hover) { --kvx:0.875; --kvy:0.000; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-24:hover) { --kvx:-0.875; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-25:hover) { --kvx:-0.625; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-26:hover) { --kvx:-0.375; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-27:hover) { --kvx:-0.125; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-28:hover) { --kvx:0.125; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-29:hover) { --kvx:0.375; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-30:hover) { --kvx:0.625; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-31:hover) { --kvx:0.875; --kvy:0.400; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-32:hover) { --kvx:-0.875; --kvy:0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-33:hover) { --kvx:-0.625; --kvy:0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-34:hover) { --kvx:-0.375; --kvy:0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-35:hover) { --kvx:-0.125; --kvy:0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-36:hover) { --kvx:0.125; --kvy:0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-37:hover) { --kvx:0.375; --kvy:0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-38:hover) { --kvx:0.625; --kvy:0.800; }
  #xr-root:not(:has(#pl-motion-item[open])) #pl-hero-art:has(#pl-hero-kvz-39:hover) { --kvx:0.875; --kvy:0.800; }
}

@media (max-width:1199px) { #xr-root #pl-hero-note { display:none; } }
@media (max-width:1100px) {
  #xr-root .xr-wrap { width:calc(100% - 80px); }
  #xr-root #pl-method-head, #xr-root #pl-contents-grid, #xr-root #pl-faq-grid { grid-template-columns:1fr; gap:48px; }
  #xr-root #pl-contents-intro { position:static; }
  #xr-root #pl-sample-grid { grid-template-columns:1fr; gap:40px; }
  #xr-root #pl-options { grid-template-columns:1fr; }
}
@media (max-width:820px) {
  #xr-root #xr-nav-links { display:none; }
  #xr-root [id^='pl-method-row-'] { grid-template-columns:1fr; gap:20px; padding:40px 0; }
}
@media (max-width:767px) {
  #xr-root { font-size:17px; }
  #xr-root .xr-wrap { width:calc(100% - 40px); }
  #xr-root #xr-nav { min-height:72px; gap:12px; }
  #xr-root [id^='xr-brand-'] { font-size:15px; }
  #xr-root [id^='xr-brand-'] span { font-size:20px; margin-right:6px; }
  #xr-root #xr-nav-begin { font-size:14px; }
  #xr-root [id^='pl-'].xr-section { padding:80px 0; }
  #xr-root .xr-h1 { font-size:clamp(38px, 10.6vw, 52px); letter-spacing:-.035em; }
  #xr-root .xr-h2 { font-size:clamp(31px, 8.4vw, 40px); }
  #xr-root .xr-body { font-size:17px; }
  #xr-root #pl-hero { min-height:0; padding:250px 0 72px; justify-content:flex-start; }
  #xr-root #pl-hero::after { background:linear-gradient(180deg, rgba(8,11,27,0) 0, rgba(8,11,27,.35) 200px, rgba(8,11,27,.9) 290px, var(--pl-ink) 100%); }
  #xr-root #pl-hero-lead { font-size:18px; }
  #xr-root #pl-hero-action { width:100%; }
  #xr-root #pl-hero-cta { width:100%; }
  #xr-root #pl-motion { position:static; margin-top:28px; width:fit-content; }
  #xr-root [id$='-dust'] > [id$='-b'] { display:none; }
  #xr-root #pl-questions-grid { grid-template-columns:1fr; gap:28px; }
  #xr-root #pl-paper { padding:28px 22px 32px; }
  #xr-root #pl-paper-sign { font-size:28px; }
  #xr-root #pl-paper-glyph { width:54px; height:54px; }
  #xr-root [id^='pl-paper-section-'] .xr-body { font-size:17px; }
  #xr-root #pl-option-ai, #xr-root #pl-option-human { padding:28px 22px; }
  #xr-root :is(#pl-ai-price, #pl-human-price) { font-size:46px; }
  #xr-root #pl-offer-cta, #xr-root #pl-close-cta { width:100%; }
  #xr-root #pl-process-steps { grid-template-columns:1fr; gap:32px; }
  #xr-root #pl-accordion summary .xr-body { font-size:17px; }
  #xr-root #pl-accordion details > div:last-child { padding-right:8px; }
  #xr-root #pl-close { padding:104px 0 176px; }
  #xr-root #xr-footer-top, #xr-root #xr-footer-bottom { flex-direction:column; align-items:flex-start; gap:12px; }
  #xr-root #pl-fig { width:min(100%, 340px); }
  #xr-root #pl-sample-bloom { right:-900px; top:-700px; }
  #xr-root #pl-sample-rings { width:800px; right:-460px; top:-360px; }
}

/* Each authorship page has one offer. */
#xr-root #pl-options{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto;}/* End custom CSS */