/* 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-a'], #xr-root [id$='-kv-sky-a-body'], #xr-root [id$='-kv-a-blob-1'], #xr-root [id$='-kv-a-blob-2'], #xr-root [id$='-kv-a-blob-3'], #xr-root [id$='-kv-a-stars'], #xr-root [id$='-kv-sky-b'], #xr-root [id$='-kv-sky-b-body'], #xr-root [id$='-kv-b-blob-1'], #xr-root [id$='-kv-b-blob-2'], #xr-root [id$='-kv-b-blob-3'], #xr-root [id$='-kv-b-stars'], #xr-root [id$='-kv-a-arc-r'], #xr-root [id$='-kv-a-arc-b'], #xr-root [id$='-kv-a-arc-w'], #xr-root [id$='-kv-b-arc-r'], #xr-root [id$='-kv-b-arc-b'], #xr-root [id$='-kv-b-arc-w'], #xr-root [id$='-kv-lens'], #xr-root [id$='-kv-glass'], #xr-root [id$='-kv-refr'], #xr-root [id$='-kv-rb-1'], #xr-root [id$='-kv-rb-2'], #xr-root [id$='-kv-rb-3'], #xr-root [id$='-kv-rb-4'], #xr-root [id$='-kv-edge'], #xr-root [id$='-kv-rim-l'], #xr-root [id$='-kv-rim-r'], #xr-root [id$='-kv-shine'], #xr-root [id$='-kv-glint-box'], #xr-root [id$='-kv-glint'], #xr-root [id$='-kv-wheel-front'], #xr-root [id$='-kv-front-tilt'], #xr-root [id$='-kv-caustic'], #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-a-arc-r'], #xr-root [id$='-kv-a-arc-b'], #xr-root [id$='-kv-a-arc-w'], #xr-root [id$='-kv-b-arc-r'], #xr-root [id$='-kv-b-arc-b'], #xr-root [id$='-kv-b-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:320px; top:396px; 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(174deg, #000 47%, transparent 53%), radial-gradient(ellipse 48% 40% at 50% 64%, #000 16%, rgba(0,0,0,.12) 100%); -webkit-mask-composite:source-in; mask:linear-gradient(174deg, #000 47%, transparent 53%) intersect, radial-gradient(ellipse 48% 40% at 50% 64%, #000 16%, rgba(0,0,0,.12) 100%); }
#xr-root [id$='-kv-wheel-front'] { -webkit-mask:linear-gradient(174deg, transparent 47%, #000 53%), radial-gradient(ellipse 48% 40% at 50% 64%, #000 16%, rgba(0,0,0,.12) 100%); -webkit-mask-composite:source-in; mask:linear-gradient(174deg, transparent 47%, #000 53%) intersect, radial-gradient(ellipse 48% 40% at 50% 64%, #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(-6deg + 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-love.webp?v=8ac481e77e") 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-caustic'] { left:-120px; top:184px; width:240px; height:190px; border-radius:50%; background:radial-gradient(closest-side, rgba(255,236,214,.32), rgba(255,170,190,.12) 50%, transparent 100%); }
:is(#xr-root [id$='-kv-sky-a'], #xr-root [id$='-kv-sky-b']) { top:212px; width:336px; height:336px; border-radius:50%; }
#xr-root [id$='-kv-sky-a'] { left:64px; -webkit-mask:radial-gradient(circle at 66% 30%, #000 48%, 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 66% 30%, #000 48%, 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-b'] { left:240px; -webkit-mask:radial-gradient(circle at 34% 30%, #000 48%, 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 48%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.08) 100%) intersect, radial-gradient(closest-side, #000 84%, transparent 100%); }
:is(#xr-root [id$='-kv-sky-a-body'], #xr-root [id$='-kv-sky-b-body']) { inset:0; border-radius:50%; overflow:hidden; isolation:isolate; clip-path:circle(50%); }
#xr-root [id$='-kv-sky-a-body'] { background:radial-gradient(circle at 66% 28%, #1c2672 0%, #0e1446 32%, #080b26 62%, #05070f 100%); }
#xr-root [id$='-kv-sky-b-body'] { background:radial-gradient(circle at 34% 28%, #5c1f55 0%, #2c1238 32%, #0d0a22 62%, #05060f 100%); }
#xr-root [id$='-kv-a-blob-1'] { left:40%; top:-12%; width:60%; height:52%; 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-a-blob-2'] { left:50%; top:18%; width:50%; height:46%; background:#7a4cff; opacity:0.64; 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-a-blob-3'] { left:16%; top:-10%; width:42%; height:36%; 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-b-blob-1'] { left:-6%; top:-12%; width:60%; height:52%; background:#c23a7c; opacity:0.82; 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-b-blob-2'] { left:-4%; top:18%; width:50%; height:46%; background:#ff8a5c; opacity:0.6; 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-b-blob-3'] { left:42%; top:-10%; width:42%; height:36%; background:#ffbe6b; opacity:0.46; 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-a-stars'] { width:2px; height:2px; left:0; top:0; border-radius:50%; background:transparent; box-shadow:187px 86px 0 0px #fff, 187px 86px 4px 0px rgba(200,225,255,.7), 248px 154px 0 -0.25px #fff, 248px 154px 4px -0.25px rgba(200,225,255,.7), 133px 180px 0 -0.25px #fff, 133px 180px 4px -0.25px rgba(200,225,255,.7), 207px 241px 0 0px #fff, 207px 241px 4px 0px rgba(200,225,255,.7), 100px 113px 0 0.5px #fff, 100px 113px 4px 0.5px rgba(200,225,255,.7); animation:kv-twinkle 6s ease-in-out infinite alternate; }
#xr-root [id$='-kv-b-stars'] { width:2px; height:2px; left:0; top:0; border-radius:50%; background:transparent; box-shadow:133px 93px 0 0px #fff, 133px 93px 4px 0px rgba(200,225,255,.7), 86px 160px 0 -0.25px #fff, 86px 160px 4px -0.25px rgba(200,225,255,.7), 201px 167px 0 -0.25px #fff, 201px 167px 4px -0.25px rgba(200,225,255,.7), 120px 248px 0 0px #fff, 120px 248px 4px 0px rgba(200,225,255,.7), 234px 107px 0 0.5px #fff, 234px 107px 4px 0.5px rgba(200,225,255,.7); animation:kv-twinkle 6s ease-in-out -3s infinite alternate; }
#xr-root [id$='-kv-a-arc-r'] { left:59px; top:207px; width:346px; height:346px; background:conic-gradient(from 330deg, transparent 0deg, rgba(255,90,120,.28) 34deg, rgba(255,120,150,.5) 62deg, transparent 80deg, transparent 360deg); animation:kv-dawn-r 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-a-arc-b'] { left:65px; top:213px; width:334px; height:334px; background:conic-gradient(from 330deg, transparent 0deg, rgba(80,150,255,.32) 34deg, rgba(110,170,255,.6) 62deg, transparent 80deg, transparent 360deg); animation:kv-dawn-r 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-a-arc-w'] { left:62px; top:210px; width:340px; height:340px; background:conic-gradient(from 316deg, transparent 0deg, rgba(141,228,224,.12) 22deg, rgba(141,228,224,.55) 54deg, #f4fbff 76deg, transparent 92deg, 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-r 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-b-arc-r'] { left:235px; top:207px; width:346px; height:346px; background:conic-gradient(from 316deg, transparent 0deg, rgba(255,90,120,.5) 12deg, rgba(255,120,150,.2) 40deg, transparent 64deg, transparent 360deg); animation:kv-dawn-l 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-b-arc-b'] { left:241px; top:213px; width:334px; height:334px; background:conic-gradient(from 316deg, transparent 0deg, rgba(80,150,255,.55) 12deg, rgba(110,170,255,.2) 40deg, transparent 64deg, transparent 360deg); animation:kv-dawn-l 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-b-arc-w'] { left:238px; top:210px; width:340px; height:340px; background:conic-gradient(from 316deg, transparent 0deg, #fff4ea 12deg, rgba(255,180,107,.65) 32deg, rgba(246,150,190,.14) 60deg, transparent 76deg, transparent 360deg); filter:drop-shadow(0 0 7px rgba(255,190,150,.9)) drop-shadow(0 0 24px rgba(255,120,150,.5)); animation:kv-dawn-l 6s cubic-bezier(.45, .05, .25, 1) 2s both; }
#xr-root [id$='-kv-lens'] { left:64px; top:212px; width:512px; height:336px; -webkit-mask:radial-gradient(circle 168px at 168px 168px, #000 99.4%, transparent 100%), radial-gradient(circle 168px at 344px 168px, #000 99.4%, transparent 100%); -webkit-mask-composite:source-in; mask:radial-gradient(circle 168px at 168px 168px, #000 99.4%, transparent 100%) intersect, radial-gradient(circle 168px at 344px 168px, #000 99.4%, transparent 100%); }
:is(#xr-root [id$='-kv-glass'], #xr-root [id$='-kv-refr'], #xr-root [id$='-kv-edge'], #xr-root [id$='-kv-rim-l'], #xr-root [id$='-kv-rim-r'], #xr-root [id$='-kv-shine'], #xr-root [id$='-kv-glint-box']) { inset:0; }
#xr-root [id$='-kv-glass'] { background:radial-gradient(ellipse 18% 50% at 50% 50%, rgba(140,125,255,.5), rgba(60,50,150,.38) 58%, rgba(18,18,60,.55) 100%); }
#xr-root [id$='-kv-refr'] { mix-blend-mode:screen; }
#xr-root [id$='-kv-rb-1'] { left:34%; top:2%; width:17%; height:46%; border-radius:50%; background:#ff7aa8; filter:blur(20px); opacity:.7; animation:kv-drift-b 29s ease-in-out infinite alternate; }
#xr-root [id$='-kv-rb-2'] { left:49%; top:46%; width:17%; height:48%; border-radius:50%; background:#3d6bff; filter:blur(20px); opacity:.9; animation:kv-drift-a 23s ease-in-out infinite alternate; }
#xr-root [id$='-kv-rb-3'] { left:43%; top:28%; width:13%; height:34%; border-radius:50%; background:#4fe0e6; filter:blur(16px); opacity:.62; animation:kv-drift-c 19s ease-in-out infinite alternate; }
#xr-root [id$='-kv-rb-4'] { left:41%; top:58%; width:12%; height:30%; border-radius:50%; background:#ffc46b; filter:blur(16px); opacity:.5; animation:kv-drift-a 31s ease-in-out infinite alternate; }
#xr-root [id$='-kv-edge'] { background:radial-gradient(circle 168px at 168px 168px, transparent 136px, rgba(255,170,200,.22) 158px, rgba(255,170,200,0) 163px), radial-gradient(circle 168px at 344px 168px, transparent 136px, rgba(120,220,255,.22) 158px, rgba(120,220,255,0) 163px); }
#xr-root [id$='-kv-rim-l'] { background:radial-gradient(circle 168px at 344px 168px, transparent 160px, rgba(255,80,110,.75) 163px, #fff 165.4px, rgba(80,160,255,.8) 167.2px, transparent 168px); -webkit-mask:linear-gradient(180deg, #000 0%, #000 30%, rgba(0,0,0,.15) 70%, rgba(0,0,0,.3) 100%); mask:linear-gradient(180deg, #000 0%, #000 30%, rgba(0,0,0,.15) 70%, rgba(0,0,0,.3) 100%); }
#xr-root [id$='-kv-rim-r'] { background:radial-gradient(circle 168px at 168px 168px, transparent 160px, rgba(80,160,255,.75) 163px, #fff 165.4px, rgba(255,80,110,.8) 167.2px, transparent 168px); -webkit-mask:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 34%, #000 74%, #000 100%); mask:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 34%, #000 74%, #000 100%); }
#xr-root [id$='-kv-shine'] { background:radial-gradient(ellipse 9% 16% at 50% 13%, rgba(255,255,255,.42), transparent 70%), radial-gradient(ellipse 6% 10% at 50% 90%, rgba(255,220,180,.4), transparent 70%), radial-gradient(ellipse 16% 26% at 50% 88%, rgba(0,0,12,.3), transparent 70%); }
#xr-root [id$='-kv-glint-box'] { overflow:hidden; }
#xr-root [id$='-kv-glint'] { left:0; top:-20%; width:55%; height:140%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.24) 46%, rgba(255,255,255,.06) 58%, transparent); animation:kv-glint 9s ease-in-out infinite; }
#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:140px; top:57px; 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:237px; 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:110px; width:420px; height:14px; margin-top:-7px; filter:blur(6px); }
#xr-root [id$='-kv-streak'] { left:40px; width:560px; height:2px; margin-top:-1px; filter:drop-shadow(0 0 5px rgba(141,200,255,.9)); }
#xr-root [id$='-kv-core'] { left:274px; top:191px; width:92px; height:92px; 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, -10px) + 203.2px); top:calc(0.34 * var(--kv-cy, 360px) + 148.42px); 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, -10px) + 125.2px); top:calc(0.54 * var(--kv-cy, 360px) + 87.02px); 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, -10px) + 77.6px); top:calc(0.72 * var(--kv-cy, 360px) + 54.36px); 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, -10px) + 0px); top:calc(0.9 * var(--kv-cy, 360px) + -8.3px); 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; }

/* two skies meeting in a glass lens beside the copy, one ring of birth glyphs beneath them */
/* 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% + 10px); top:calc(50% - 360px); --kv-cx:-10px; --kv-cy:360px; }
#xr-root #pl-hero-dust { left:calc(50% - 20px); top:60px; }
#xr-root #pl-hero-dust-a { box-shadow:12px 480px 0 0px rgba(255,177,142,0.28),700px 44px 0 0px rgba(141,228,224,0.28),728px 142px 0 0px rgba(141,228,224,0.18),139px 236px 0 1px rgba(255,177,142,0.28),607px 95px 0 0px rgba(141,228,224,0.55),349px 203px 0 0px rgba(183,168,255,0.55),373px 611px 0 0px rgba(250,246,237,0.28),426px 598px 0 0px rgba(141,228,224,0.28),364px 137px 0 0px rgba(250,246,237,0.55),31px 88px 0 1px rgba(250,246,237,0.28),442px 376px 0 0px rgba(183,168,255,0.28),493px 42px 0 0.5px rgba(183,168,255,0.4),342px 585px 0 1px rgba(255,177,142,0.4),218px 97px 0 0.5px rgba(250,246,237,0.4),95px 177px 0 0px rgba(141,228,224,0.4),712px 97px 0 1px rgba(183,168,255,0.4),664px 201px 0 0px rgba(255,177,142,0.28),341px 455px 0 1px rgba(141,228,224,0.18),274px 101px 0 0px rgba(250,246,237,0.28),343px 166px 0 0px rgba(255,177,142,0.18),510px 626px 0 0.5px rgba(183,168,255,0.55),651px 604px 0 0px rgba(141,228,224,0.55),141px 620px 0 1px rgba(141,228,224,0.4),501px 481px 0 0.5px rgba(250,246,237,0.18),99px 384px 0 0.5px rgba(255,177,142,0.28),46px 135px 0 0px rgba(141,228,224,0.28),197px 305px 0 0px rgba(255,177,142,0.55),232px 536px 0 0px rgba(255,177,142,0.4),734px 478px 0 0.5px rgba(250,246,237,0.4),126px 535px 0 0.5px rgba(250,246,237,0.4),706px 388px 0 0px rgba(141,228,224,0.18),750px 435px 0 0px rgba(250,246,237,0.28),389px 314px 0 0px rgba(255,177,142,0.4),554px 601px 0 0px rgba(183,168,255,0.18),33px 483px 0 0.5px rgba(183,168,255,0.28),445px 372px 0 0px rgba(255,177,142,0.18),454px 393px 0 0px rgba(250,246,237,0.28),329px 353px 0 0.5px rgba(183,168,255,0.18),221px 67px 0 0px rgba(255,177,142,0.55),462px 284px 0 0px rgba(255,177,142,0.18),69px 494px 0 0px rgba(183,168,255,0.55),5px 0px 0 0.5px rgba(255,177,142,0.4),291px 307px 0 0px rgba(183,168,255,0.55),238px 244px 0 0px rgba(183,168,255,0.18),686px 587px 0 0px rgba(141,228,224,0.4),555px 504px 0 0.5px rgba(255,177,142,0.4),316px 396px 0 1px rgba(250,246,237,0.28),420px 49px 0 0px rgba(250,246,237,0.18),421px 331px 0 0.5px rgba(141,228,224,0.18),335px 254px 0 1px rgba(255,177,142,0.28),48px 316px 0 0.5px rgba(141,228,224,0.55),230px 551px 0 1px rgba(250,246,237,0.18),23px 505px 0 1px rgba(255,177,142,0.4),491px 489px 0 0px rgba(183,168,255,0.28),172px 91px 0 1px rgba(183,168,255,0.18),582px 401px 0 0.5px rgba(255,177,142,0.28),428px 224px 0 0px rgba(255,177,142,0.18),747px 422px 0 1px rgba(255,177,142,0.28),752px 528px 0 0.5px rgba(255,177,142,0.28),569px 263px 0 0px rgba(255,177,142,0.18),140px 599px 0 0.5px rgba(250,246,237,0.28),660px 390px 0 1px rgba(250,246,237,0.4),349px 348px 0 1px rgba(183,168,255,0.4),612px 450px 0 1px rgba(183,168,255,0.18),190px 231px 0 0.5px rgba(250,246,237,0.18),110px 317px 0 0.5px rgba(255,177,142,0.55),201px 80px 0 0px rgba(183,168,255,0.55),488px 360px 0 0px rgba(255,177,142,0.55),159px 63px 0 0.5px rgba(183,168,255,0.4),315px 562px 0 0px rgba(183,168,255,0.18); }
#xr-root #pl-hero-dust-b { box-shadow:79px 218px 0 0px rgba(255,180,107,0.28),508px 24px 0 0px rgba(255,177,142,0.4),521px 338px 0 0px rgba(250,246,237,0.55),379px 615px 0 0px rgba(250,246,237,0.28),537px 9px 0 1px rgba(250,246,237,0.28),294px 206px 0 1px rgba(255,177,142,0.4),123px 36px 0 0px rgba(250,246,237,0.28),449px 20px 0 1px rgba(255,177,142,0.18),568px 361px 0 0px rgba(255,177,142,0.55),317px 504px 0 0px rgba(250,246,237,0.4),582px 589px 0 0px rgba(255,177,142,0.4),234px 295px 0 0.5px rgba(255,177,142,0.28),678px 410px 0 0.5px rgba(255,180,107,0.18),488px 9px 0 0px rgba(255,180,107,0.28),719px 93px 0 0px rgba(255,177,142,0.4),49px 565px 0 0.5px rgba(255,177,142,0.55),57px 198px 0 0px rgba(255,180,107,0.18),516px 537px 0 0.5px rgba(255,180,107,0.55),490px 255px 0 0.5px rgba(250,246,237,0.28),230px 392px 0 1px rgba(250,246,237,0.4),199px 522px 0 0px rgba(250,246,237,0.4),661px 379px 0 0px rgba(250,246,237,0.28),1px 511px 0 0px rgba(255,177,142,0.18),607px 170px 0 0.5px rgba(255,180,107,0.28),467px 410px 0 0px rgba(255,180,107,0.55),170px 374px 0 0.5px rgba(255,177,142,0.28),132px 598px 0 0.5px rgba(255,180,107,0.4),386px 95px 0 0px rgba(250,246,237,0.28),3px 49px 0 0px rgba(250,246,237,0.4),386px 225px 0 0px rgba(255,180,107,0.4),195px 159px 0 0px rgba(250,246,237,0.55),59px 461px 0 0px rgba(255,177,142,0.55),259px 16px 0 0px rgba(255,177,142,0.4),86px 123px 0 0px rgba(250,246,237,0.4),654px 76px 0 0.5px rgba(250,246,237,0.28),237px 515px 0 0px rgba(255,177,142,0.28),19px 17px 0 0px rgba(255,180,107,0.4),732px 519px 0 0.5px rgba(255,177,142,0.18),635px 373px 0 0px rgba(255,177,142,0.18),182px 110px 0 0px rgba(250,246,237,0.28),385px 581px 0 1px rgba(255,177,142,0.28),458px 281px 0 0px rgba(255,177,142,0.4),90px 400px 0 0px rgba(255,177,142,0.4),456px 566px 0 0.5px rgba(250,246,237,0.28),585px 219px 0 1px rgba(255,180,107,0.18),27px 543px 0 0.5px rgba(255,180,107,0.28),261px 306px 0 0.5px rgba(250,246,237,0.28),2px 458px 0 0px rgba(255,177,142,0.18),236px 431px 0 0px rgba(255,177,142,0.18),622px 581px 0 0px rgba(255,180,107,0.28); }
@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% - 640px); } #xr-root #pl-hero-copy { max-width:560px; } }
@media (max-width:767px) { #xr-root #pl-hero-kv { left:calc(100% - 330px); top:0; scale:.52; } #xr-root #pl-hero-dust { transform:scale(.6); left:0; top:0; } }

#xr-root section#pl-close { padding-bottom:300px; }
#xr-root #pl-close-kv { left:calc(50% - 179px); top:calc(100% - 360px); scale:.56; }
/* 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% - 550px); top:calc(100% - 420px); }
#xr-root #pl-close-dust-a { box-shadow:780px 170px 0 0px rgba(250,246,237,0.55),580px 283px 0 0.5px rgba(255,180,107,0.18),510px 338px 0 0px rgba(255,180,107,0.28),306px 370px 0 0.5px rgba(250,246,237,0.4),121px 61px 0 0px rgba(255,180,107,0.4),442px 37px 0 0.5px rgba(255,180,107,0.28),37px 63px 0 0px rgba(250,246,237,0.28),109px 136px 0 0.5px rgba(250,246,237,0.18),372px 222px 0 0px rgba(141,228,224,0.55),298px 54px 0 0px rgba(255,180,107,0.18),1010px 202px 0 0px rgba(255,177,142,0.18),276px 39px 0 1px rgba(255,180,107,0.55),1090px 381px 0 0.5px rgba(255,177,142,0.18),949px 164px 0 0px rgba(250,246,237,0.18),81px 368px 0 0px rgba(250,246,237,0.55),174px 311px 0 1px rgba(255,177,142,0.28),451px 223px 0 0.5px rgba(255,180,107,0.55),921px 42px 0 0.5px rgba(250,246,237,0.28),567px 193px 0 0.5px rgba(255,180,107,0.4),903px 374px 0 0px rgba(250,246,237,0.28),437px 15px 0 0px rgba(250,246,237,0.55),493px 32px 0 0px rgba(250,246,237,0.55),673px 62px 0 0px rgba(255,180,107,0.18),915px 306px 0 0px rgba(255,180,107,0.55),730px 138px 0 0.5px rgba(255,177,142,0.28),315px 326px 0 0px rgba(250,246,237,0.55),146px 21px 0 0.5px rgba(250,246,237,0.55),630px 145px 0 0px rgba(141,228,224,0.55),472px 62px 0 0.5px rgba(255,180,107,0.4),825px 408px 0 1px rgba(250,246,237,0.18),1024px 240px 0 1px rgba(250,246,237,0.55),373px 242px 0 0.5px rgba(255,177,142,0.28),1014px 241px 0 1px rgba(255,177,142,0.18),400px 211px 0 1px rgba(141,228,224,0.4),352px 218px 0 0px rgba(250,246,237,0.28),1052px 205px 0 0px rgba(255,177,142,0.55),55px 119px 0 0.5px rgba(255,177,142,0.28),790px 371px 0 0px rgba(255,177,142,0.4),1045px 353px 0 0px rgba(255,180,107,0.18),82px 97px 0 0.5px rgba(250,246,237,0.4),992px 44px 0 1px rgba(255,177,142,0.4),217px 155px 0 1px rgba(255,177,142,0.4),898px 385px 0 0.5px rgba(250,246,237,0.18),147px 189px 0 1px rgba(141,228,224,0.28),936px 88px 0 0.5px rgba(250,246,237,0.18),133px 7px 0 0.5px rgba(141,228,224,0.4),662px 8px 0 0px rgba(255,177,142,0.55),242px 8px 0 0px rgba(141,228,224,0.4),708px 86px 0 1px rgba(255,180,107,0.55),517px 342px 0 0.5px rgba(250,246,237,0.28),52px 385px 0 0.5px rgba(255,177,142,0.28),658px 144px 0 0.5px rgba(141,228,224,0.4),554px 146px 0 0px rgba(255,177,142,0.4),625px 79px 0 1px rgba(255,177,142,0.4),478px 191px 0 1px rgba(255,180,107,0.55),452px 19px 0 0px rgba(255,177,142,0.4),756px 10px 0 0px rgba(255,180,107,0.55),180px 261px 0 1px rgba(255,177,142,0.18),828px 234px 0 0px rgba(255,177,142,0.18),177px 349px 0 0.5px rgba(255,180,107,0.55),794px 138px 0 0px rgba(250,246,237,0.18),1100px 207px 0 1px rgba(141,228,224,0.55),409px 189px 0 0px rgba(250,246,237,0.4),423px 94px 0 0.5px rgba(141,228,224,0.55),1008px 376px 0 0px rgba(250,246,237,0.28),328px 13px 0 0px rgba(255,177,142,0.4),667px 409px 0 0px rgba(250,246,237,0.28),517px 75px 0 0px rgba(141,228,224,0.18),1011px 41px 0 0px rgba(255,177,142,0.18),722px 331px 0 0px rgba(255,177,142,0.28),573px 186px 0 0px rgba(255,177,142,0.28),612px 42px 0 0px rgba(255,177,142,0.28),937px 123px 0 0px rgba(141,228,224,0.55),447px 149px 0 0px rgba(141,228,224,0.55),1018px 179px 0 1px rgba(255,180,107,0.4),791px 319px 0 0.5px rgba(250,246,237,0.18),46px 228px 0 0px rgba(141,228,224,0.55),973px 234px 0 0px rgba(255,180,107,0.4),472px 45px 0 0.5px rgba(255,177,142,0.18),593px 147px 0 0.5px rgba(250,246,237,0.4); }
#xr-root #pl-close-dust-b { box-shadow:228px 12px 0 0.5px rgba(141,228,224,0.28),285px 377px 0 0px rgba(141,228,224,0.55),65px 15px 0 0px rgba(141,228,224,0.28),1034px 308px 0 0px rgba(141,228,224,0.55),451px 229px 0 0.5px rgba(141,228,224,0.28),865px 174px 0 0.5px rgba(141,228,224,0.28),689px 52px 0 0px rgba(250,246,237,0.18),735px 176px 0 0.5px rgba(141,228,224,0.55),1098px 63px 0 1px rgba(141,228,224,0.4),740px 295px 0 0px rgba(141,228,224,0.18),466px 395px 0 0.5px rgba(141,228,224,0.28),206px 194px 0 0.5px rgba(250,246,237,0.4),333px 189px 0 0.5px rgba(141,228,224,0.4),146px 311px 0 0px rgba(141,228,224,0.28),946px 194px 0 0.5px rgba(141,228,224,0.4),114px 117px 0 0px rgba(250,246,237,0.55),548px 33px 0 0px rgba(250,246,237,0.28),1022px 202px 0 1px rgba(141,228,224,0.4),285px 126px 0 0.5px rgba(250,246,237,0.55),741px 112px 0 0px rgba(250,246,237,0.18),96px 56px 0 0px rgba(141,228,224,0.55),130px 197px 0 1px rgba(250,246,237,0.4),23px 348px 0 0px rgba(250,246,237,0.4),228px 150px 0 1px rgba(141,228,224,0.55),6px 369px 0 0.5px rgba(141,228,224,0.18),611px 327px 0 0px rgba(141,228,224,0.4),330px 276px 0 0px rgba(250,246,237,0.55),39px 57px 0 0.5px rgba(250,246,237,0.28),118px 123px 0 0px rgba(141,228,224,0.55),141px 389px 0 0px rgba(141,228,224,0.55),338px 135px 0 1px rgba(141,228,224,0.28),638px 204px 0 0.5px rgba(250,246,237,0.55),247px 126px 0 0px rgba(141,228,224,0.4),43px 301px 0 0px rgba(141,228,224,0.18),145px 362px 0 0px rgba(141,228,224,0.18),64px 169px 0 0px rgba(141,228,224,0.4),994px 109px 0 0px rgba(250,246,237,0.28),968px 413px 0 1px rgba(141,228,224,0.18),198px 337px 0 1px rgba(250,246,237,0.55),841px 239px 0 0px rgba(141,228,224,0.18); }
@media (max-width:767px) {
  #xr-root section#pl-close { padding-bottom:236px; }
  #xr-root #pl-close-kv { left:calc(50% - 147px); top:calc(100% - 300px); scale:.46; }
  #xr-root #pl-close-dust { transform:scale(.5); left:calc(50% - 275px); top:calc(100% - 220px); }
}

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

#xr-root :is(#pl-fig-disc-a, #pl-fig-disc-b) { top:18%; width:50%; aspect-ratio:1; display:flex; align-items:center; justify-content:center; }
#xr-root #pl-fig-disc-a { left:4%; }
#xr-root #pl-fig-disc-b { right:4%; }
#xr-root :is(#pl-fig-disc-a-ring, #pl-fig-disc-b-ring) { position:absolute; inset:0; border-radius:50%;
  -webkit-mask:radial-gradient(closest-side, #000 86%, transparent 100%); mask:radial-gradient(closest-side, #000 86%, transparent 100%); }
#xr-root #pl-fig-disc-a-ring { background:radial-gradient(circle at 70% 32%, rgba(141,228,224,.32), transparent 30%), radial-gradient(circle at 64% 30%, rgba(47,85,224,.7), rgba(122,76,255,.32) 42%, rgba(14,20,70,.85) 72%, #080b1b 100%); }
#xr-root #pl-fig-disc-b-ring { background:radial-gradient(circle at 30% 32%, rgba(255,190,107,.3), transparent 30%), radial-gradient(circle at 36% 30%, rgba(194,58,124,.72), rgba(255,138,92,.3) 42%, rgba(44,18,56,.85) 72%, #080b1b 100%); }
#xr-root :is(#pl-fig-disc-a, #pl-fig-disc-b)::after { content:''; position:absolute; inset:0; border-radius:50%; padding:1.5px;
  -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 #pl-fig-disc-a::after { background:conic-gradient(from 330deg, transparent 0deg, rgba(141,228,224,.5) 30deg, #f4fbff 62deg, transparent 84deg, transparent 360deg); }
#xr-root #pl-fig-disc-b::after { background:conic-gradient(from 274deg, transparent 0deg, #fff4ea 24deg, rgba(255,180,107,.5) 50deg, transparent 80deg, transparent 360deg); }
#xr-root :is(#pl-fig-glyph-a, #pl-fig-glyph-b) { position:relative; width:64px; height:64px; object-fit:contain; opacity:.85;
  filter:brightness(0) saturate(100%) invert(85%) sepia(11%) saturate(934%) hue-rotate(321deg) brightness(103%) contrast(104%); }
#xr-root #pl-fig-lens { left:4%; top:18%; width:92%; height:50%;
  background:radial-gradient(ellipse 30% 60% at 50% 50%, rgba(170,160,255,.55), rgba(255,140,190,.3) 60%, rgba(40,30,110,.5) 100%);
  -webkit-mask:radial-gradient(ellipse 27.17% 50% at 27.17% 50%, #000 99%, transparent 100%), radial-gradient(ellipse 27.17% 50% at 72.83% 50%, #000 99%, transparent 100%); -webkit-mask-composite:source-in;
  mask:radial-gradient(ellipse 27.17% 50% at 27.17% 50%, #000 99%, transparent 100%) intersect, radial-gradient(ellipse 27.17% 50% at 72.83% 50%, #000 99%, transparent 100%); }
#xr-root #pl-fig-bridge { display:none; }
/* the first partner is the cool sky on the left, as in the hero; the second the warm one */
#xr-root #pl-fig-key-warm span { color:var(--pl-cyan); }
#xr-root #pl-fig-key-cool span { color:var(--pl-coral); }
#xr-root #pl-fig-center { top:84%; width:100%; }
#xr-root #pl-fig-center .xr-h3 { font-size:24px; }
/* the pair moves a little: each sky's light turns, the lit edges sway, the glyphs float out of step and
   light drifts through the glass; paused with the hero's motion control, off under reduced motion */
@keyframes pl-fig-turn-a { from { rotate:-14deg; } to { rotate:16deg; } }
@keyframes pl-fig-turn-b { from { rotate:14deg; } to { rotate:-16deg; } }
@keyframes pl-fig-sway { from { rotate:-7deg; } to { rotate:7deg; } }
@keyframes pl-fig-float { from { translate:0 -3px; } to { translate:0 3px; } }
@keyframes pl-fig-glass { from { background-position:50% 15%; opacity:.82; } to { background-position:50% 85%; opacity:1; } }
#xr-root #pl-fig-disc-a-ring { animation:pl-fig-turn-a 17s ease-in-out infinite alternate; }
#xr-root #pl-fig-disc-b-ring { animation:pl-fig-turn-b 19s ease-in-out -6s infinite alternate; }
#xr-root #pl-fig-disc-a::after { animation:pl-fig-sway 11s ease-in-out infinite alternate; }
#xr-root #pl-fig-disc-b::after { animation:pl-fig-sway 13s ease-in-out -5s infinite alternate-reverse; }
#xr-root #pl-fig-glyph-a { animation:pl-fig-float 7s ease-in-out infinite alternate; }
#xr-root #pl-fig-glyph-b { animation:pl-fig-float 8s ease-in-out -4s infinite alternate; }
#xr-root #pl-fig-lens { background-size:100% 160%; animation:pl-fig-glass 9s ease-in-out infinite alternate; }
#xr-root:has(#pl-motion-item[open]) :is(#pl-fig-disc-a-ring, #pl-fig-disc-b-ring, #pl-fig-glyph-a, #pl-fig-glyph-b, #pl-fig-lens),
#xr-root:has(#pl-motion-item[open]) :is(#pl-fig-disc-a, #pl-fig-disc-b)::after { animation-play-state:paused; }

/* ---------- 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 */