/* TypeFlow inherited context, scoped to copied sections. */
.rt-embed.tfws-source{
  
  --rt-surface:rgba(255,255,255,0.04);
  --rt-surface-2:rgba(255,255,255,0.07);
  --rt-border:rgba(255,255,255,0.09);
  --rt-border-2:rgba(255,255,255,0.16);
  --rt-text:#f3f4f6;
  --rt-muted:rgba(243,244,246,0.66);
  --rt-muted-2:rgba(243,244,246,0.42);
  --rt-accent:#ec4899;
  --rt-accent-2:#d946ef;
  --rt-accent-blue:#60a5fa;
  --rt-accent-blue-2:#3b82f6;
  --rt-accent-glow:rgba(236,72,153,0.22);
  --rt-accent-soft:rgba(236,72,153,0.14);
  
  --rt-purple:#8b5cf6;
  --rt-purple-2:#a78bfa;
  --rt-cyan:#22d3ee;
  --rt-yellow:#fbbf24;
  
  --rt-cta:#E25E14;
  --rt-cta-hover:#F0701F;
  --rt-cta-glow:rgba(226,94,20,0.22);
  --rt-r-sm:8px;
  --rt-r:14px;
  --rt-r-lg:22px;

  position:relative;
  overflow:visible;
  background:transparent;
  color:var(--rt-text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  margin:0;
  padding:0;
  display:block;
  width:100%;

  background:#0f1024;
  width:100vw;
  margin:0 calc(50% - 50vw);
}
.rt-embed.tfws-source *,.rt-embed.tfws-source *::before,.rt-embed.tfws-source *::after{box-sizing:border-box;margin:0;padding:0}
.rt-embed.tfws-source a{color:inherit;text-decoration:none}
.rt-embed.tfws-source h2{margin:0;font-weight:700;letter-spacing:-0.025em;line-height:1.1;color:var(--rt-text)}
.rt-embed.tfws-source h2{font-size:clamp(28px,3.6vw,40px);letter-spacing:-0.03em}
.rt-embed.tfws-source p{margin:0}
.rt-embed.tfws-source .rt-h-accent{background:linear-gradient(120deg,var(--rt-accent),var(--rt-accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}
.rt-embed.tfws-source .rt-lead{color:var(--rt-muted);font-size:16.5px;margin-top:18px;line-height:1.7}
.rt-embed.tfws-source .rt-h-accent{padding-bottom:0.06em}
.rt-embed.tfws-source h2{font-family:titling-gothic-fb,neue-haas-grotesk-display,Inter,system-ui,sans-serif}

/* Preserve TypeFlow button geometry against existing host purchase-button rules. */
.rt-embed.tfws-source button.tfws-buy{line-height:normal!important;padding:15px 25px!important;border-radius:15px!important}

/* TypeFlow heading declarations retain their source values inside themed host pages. */
.rt-embed.tfws-source .tfws-copy h2{font-family:titling-gothic-fb,neue-haas-grotesk-display,Inter,system-ui,sans-serif!important;font-size:clamp(32px,4vw,44px)!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.03em!important;color:var(--rt-text)!important}
@media(max-width:620px){.rt-embed.tfws-source .tfws-copy h2{font-size:clamp(30px,8vw,38px)!important}}

.rt-embed.tfws-source button.tfws-buy{width:auto!important;min-width:auto!important}
@media(max-width:520px){.rt-embed.tfws-source button.tfws-buy{width:min(320px,100%)!important}}

/* The live TypeFlow explosion displays all nine catalog cards. */
.rt-embed.tfws-source .tfws-product{display:block!important}

/* Live TypeFlow main background layer, copied into the section context. */
.rt-embed.tfws-source{--rystal-typeflow-bg-width:155%;--rystal-typeflow-bg-opacity:.5;isolation:isolate}
.rt-embed.tfws-source::before{content:"";position:absolute;inset:0;z-index:0;background-image:url("/images/typeflow-background-loop.jpg?v=20260627-hires");background-repeat:repeat-y;background-position:top center;background-size:var(--rystal-typeflow-bg-width) auto;opacity:var(--rystal-typeflow-bg-opacity);pointer-events:none}
.rt-embed.tfws-source > *{position:relative;z-index:1}
@media(max-width:640px){.rt-embed.tfws-source{--rystal-typeflow-bg-width:240%}}

.rt-embed.tfws-source button.tfws-buy{margin:0!important}

.rt-embed.tfws-source .tfws-lead{margin:18px auto 0!important}

/* Rystal, 7 Oct 2026: each copied Suite section blends into its own page. No TypeFlow background box,
   the host page's own heading and text style. TypeFlow keeps its original look. */
.rt-embed.tfws-source:not([data-suite-source="typeflow"]){background:transparent}
.rt-embed.tfws-source:not([data-suite-source="typeflow"])::before{content:none}

/* ShapeFlow: its headings are weight 600. */
.rt-embed.tfws-source[data-suite-source="shapeflow"] .tfws-copy h2{font-weight:600!important;letter-spacing:-.038em!important}

/* TypeFlow Paper: serif headings, cream text, yellow highlighter accent (same as the page's own headings). */
.rt-embed.tfws-source[data-suite-source="typeflowpaper"]{--rt-text:#f4ecdc;--rt-muted:rgba(244,236,220,.72)}
.rt-embed.tfws-source[data-suite-source="typeflowpaper"] .tfws-copy h2{font-family:"DM Serif Display","Times New Roman",serif!important;font-weight:400!important;letter-spacing:-.01em!important;line-height:1.02!important;font-size:clamp(40px,5vw,64px)!important}
.rt-embed.tfws-source[data-suite-source="typeflowpaper"] .rt-h-accent{color:#f4d33a;-webkit-text-fill-color:#f4d33a;background:linear-gradient(180deg,transparent 62%,rgba(244,211,58,.18) 62%,rgba(244,211,58,.18) 92%,transparent 92%);-webkit-background-clip:border-box;background-clip:border-box;font-style:italic;padding:0 2px}
.rt-embed.tfws-source[data-suite-source="typeflowpaper"] .tfws-lead{font-family:"DM Serif Display","Times New Roman",serif;font-size:19px;color:rgba(244,236,220,.82)}

/* Background Engine: its own serif headings and violet to orange accent (its pre 7 Oct section style). */
.rt-embed.tfws-source[data-suite-source="background-engine"] .tfws-upsell{--tfws-pink:#d946ef;--tfws-blue:#8b9dff;--tfws-orange:#e95416;--tfws-orange-hot:#ff6a1f;background:linear-gradient(180deg,transparent 0%,transparent 56%,rgba(5,5,5,.18) 70%,#050505 100%),radial-gradient(38% 52% at 50% 50%,rgba(112,68,183,.24),transparent 74%),radial-gradient(50% 42% at 50% 72%,rgba(255,92,25,.12),transparent 75%),linear-gradient(180deg,#050505 0%,#0a0711 48%,#050505 100%)}
.rt-embed.tfws-source[data-suite-source="background-engine"] .tfws-copy h2{font-family:"Instrument Serif","Iowan Old Style",Georgia,serif!important;font-size:clamp(48px,5.666vw,81.6px)!important;font-weight:400!important;letter-spacing:-.022em!important;line-height:1.02!important}
.rt-embed.tfws-source[data-suite-source="background-engine"] .rt-h-accent{background:linear-gradient(100deg,#f6f2ff 0%,#a78bfa 48%,#ff6a2a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:italic}
.rt-embed.tfws-source[data-suite-source="background-engine"] .tfws-lead{font-family:neue-haas-grotesk-text,Inter,system-ui,sans-serif;color:rgba(242,239,247,.7)}
.rt-embed.tfws-source[data-suite-source="background-engine"] .tfws-card{border-color:rgba(181,155,255,.24)}
@media(max-width:620px){.rt-embed.tfws-source[data-suite-source="background-engine"] .tfws-copy h2{font-size:clamp(46px,13vw,58px)!important;line-height:.95!important}}

/* Editor's Kit: Titling Gothic SB headings with the page's grey italic accent. */
.rsk-suite-upgrade-shell{background:transparent!important}
.rt-embed.tfws-source[data-suite-source="starterkit"] .tfws-copy h2{font-family:"Titling Gothic SB",titling-gothic-fb,"Titling Gothic FB",sans-serif!important;font-weight:600!important;letter-spacing:-.04em!important;color:#f3f6f9!important}
.rt-embed.tfws-source[data-suite-source="starterkit"] .rt-h-accent{background:none;-webkit-text-fill-color:#9ba4af;color:#9ba4af;font-family:"Libre Franklin",Inter,sans-serif;font-style:italic;font-weight:400;letter-spacing:-.03em}
.rt-embed.tfws-source[data-suite-source="starterkit"] .tfws-lead{color:#9ba4af}

/* Preset pages and TypeFlow Sketch: their own heading weight and body font. */
.rt-embed.tfws-source:is([data-suite-source="liquidglass"],[data-suite-source="oneclickpop"],[data-suite-source="easy-highlighter"],[data-suite-source="dynamic-bar"],[data-suite-source="titlescroll"],[data-suite-source="3dflyingpaper"]) .tfws-copy h2{font-weight:600!important;letter-spacing:-.025em!important}
.rt-embed.tfws-source[data-suite-source="typeflowsketch"] .tfws-copy h2{font-weight:650!important;letter-spacing:-.02em!important}
.rt-embed.tfws-source:is([data-suite-source="liquidglass"],[data-suite-source="oneclickpop"],[data-suite-source="easy-highlighter"],[data-suite-source="dynamic-bar"],[data-suite-source="titlescroll"],[data-suite-source="3dflyingpaper"],[data-suite-source="typeflowsketch"]) .tfws-lead{font-family:neue-haas-grotesk-text,Inter,system-ui,sans-serif}