/* transitions-dev — copy this :root block into your project once.
   Every transition snippet reads from these semantic names. */
:root {
  /* ── Motion tokens — shared scale ──────────────────────────────
     Reference these with var(--…) anywhere in your project. The
     transitions below ship literal values so each snippet works on
     its own; `transitions refine` maps hardcoded values back to
     these tokens. */
  /* Durations */
  --duration-stagger: 40ms;  /* per-item stagger offset */
  --duration-micro: 80ms;  /* tooltip/path delay, shake segment, large stagger */
  --duration-quick: 150ms;  /* modal/dropdown close, text swap, tooltip appear */
  --duration-fast: 250ms;  /* icon swap, dropdown/modal open, tabs sliding, page slide */
  --duration-medium: 350ms;  /* panel close, toast close */
  --duration-slow: 400ms;  /* panel open, skeleton content reveal, input clear */
  --duration-very-slow: 500ms;  /* emphasis moments, badge appear, text reveal, success check */
  /* Easings */
  --ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);  /* modal/dropdown/panel open + close, page slide, resize, position change */
  --ease-in-out: ease-in-out;  /* icon swap, text swap, text reveal, skeleton reveal */
  --ease-out: ease-out;  /* tooltip open / close */
  --ease-linear: linear;  /* shimmer, skeleton pulse, spinner */
  --ease-bounce: cubic-bezier(0.34, 1.36, 0.64, 1);  /* badge pop open */
  --ease-bounce-strong: cubic-bezier(0.34, 3.85, 0.64, 1);  /* bouncy hover-out (avatar return) */
  /* Distances */
  --distance-micro: 4px;  /* text swap */
  --distance-small: 6px;  /* error shake (small segment) */
  --distance-base: 8px;  /* badge diagonal reveal, page slide, error shake (large segment) */
  --distance-medium: 12px;  /* text reveal */
  --distance-large: 30px;  /* check badge appear */
  /* Scales */
  --scale-large: 0.96;  /* modal open / close */
  --scale-medium: 0.97;  /* dropdown open */
  --scale-small: 0.98;  /* tooltip open */
  --scale-tiny: 0.99;  /* dropdown close */
  /* Blur */
  --blur-small: 2px;  /* panel reveal, icon swap, text swap, skeleton reveal, number pop-in */
  --blur-medium: 3px;  /* page slide, text reveal */
  --blur-large: 8px;  /* success check open */

  /* Card resize */
  --resize-dur: 300ms;
  --resize-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Number pop-in */
  --digit-dur: 500ms;
  --digit-distance: 8px;
  --digit-stagger: 70ms;
  --digit-blur: 2px;
  --digit-ease: cubic-bezier(0.34, 1.45, 0.64, 1);
  --digit-dir-x: 0;
  --digit-dir-y: 1;
  /* Notification badge */
  --badge-slide-dur: 260ms;
  --badge-pop-dur: 500ms;
  --badge-pop-close-dur: 180ms;
  --badge-fade-dur: 400ms;
  --badge-fade-close-dur: 180ms;
  --badge-blur: 2px;
  --badge-offset-x: -8.2px;
  --badge-offset-y: 12.4px;
  --badge-slide-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --badge-pop-ease: cubic-bezier(0.34, 1.36, 0.64, 1);
  --badge-close-ease: cubic-bezier(0.4, 0, 0.2, 1);
  /* Text states swap */
  --text-swap-dur: 150ms;
  --text-swap-translate-y: 4px;
  --text-swap-blur: 2px;
  --text-swap-ease: ease-in-out;
  /* Menu dropdown */
  --dropdown-open-dur: 250ms;
  --dropdown-close-dur: 150ms;
  --dropdown-pre-scale: 0.97;
  --dropdown-closing-scale: 0.99;
  --dropdown-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Modal open / close */
  --modal-open-dur: 250ms;
  --modal-close-dur: 150ms;
  --modal-scale: 0.96;
  --modal-scale-close: 0.96;
  --modal-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Panel reveal */
  --panel-open-dur: 400ms;
  --panel-close-dur: 350ms;
  --panel-translate-y: 100px;
  --panel-blur: 2px;
  --panel-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Page side-by-side */
  --page-slide-dur: 250ms;
  --page-fade-dur: 250ms;
  --page-slide-distance: 8px;
  --page-blur: 3px;
  --page-stagger: 0ms;
  --page-exit-enabled: 1;
  --page-slide-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --page-fade-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Icon swap */
  --icon-swap-dur: 250ms;
  --icon-swap-blur: 2px;
  --icon-swap-start-scale: 0.25;
  --icon-swap-ease: ease-in-out;
  /* Success check */
  --check-opacity-dur: 500ms;
  --check-rotate-dur: 500ms;
  --check-rotate-from: 80deg;
  --check-bob-dur: 500ms;
  --check-y-amount: 40px;
  --check-blur-dur: 500ms;
  --check-blur-from: 10px;
  --check-path-dur: 500ms;
  --check-path-delay: 80ms;
  --check-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-opacity: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-rotate: cubic-bezier(0.22, 1, 0.36, 1);
  --check-ease-bob: cubic-bezier(0.34, 1.35, 0.64, 1);
  --check-ease-path: cubic-bezier(0.22, 1, 0.36, 1);
  /* Avatar group hover */
  --avatar-lift: -4px;
  --avatar-dur: 320ms;
  --avatar-scale: 1.05;
  --avatar-falloff: 0.45;
  --avatar-ease-in: cubic-bezier(0.22, 1, 0.36, 1);
  --avatar-ease-out: cubic-bezier(0.34, 3.85, 0.64, 1);
  /* Error state shake */
  --shake-distance: 6px;
  --shake-overshoot: 4px;
  --shake-dur-a: 80ms;
  --shake-dur-b: 60ms;
  --shake-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --revert-hold: 3000ms;
  --revert-dur: 280ms;
  /* Input clear with dissolve */
  --clear-dur: 1000ms;
  --clear-out-dur: 400ms;
  --clear-in-dur: 400ms;
  --clear-out-fly: 12px;
  --clear-in-fly: 12px;
  --clear-out-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --clear-in-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --clear-blur: 2px;
  --glow-delay: 50ms;
  --glow-peak-at: 0.15;
  --glow-opacity: 0.42;
  --glow-spread: 1.5;
  /* Skeleton loader and reveal */
  --pulse-dur: 1000ms;
  --pulse-count: 1;
  --pulse-min: 0.5;
  --reveal-dur: 400ms;
  --reveal-blur: 2px;
  --reveal-ease: ease-in-out;
  /* Shimmer text */
  --shimmer-dur: 2000ms;
  --shimmer-base: #7c7c7c;
  --shimmer-highlight: #0d0d0d;
  --shimmer-band: 400%;
  --shimmer-ease: linear;
  /* Tabs sliding */
  --tabs-dur: 250ms;
  --tabs-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tabs-text-muted: rgba(15, 15, 15, 0.8);
  --tabs-text-active: #0f0f0f;
  --tabs-bar-bg: #f1f1f1;
  --tabs-pill-bg: #ffffff;
  /* Tooltip open/close */
  --tt-in-dur: 150ms;
  --tt-out-dur: 50ms;
  --tt-scale: 0.98;
  --tt-delay: 80ms;
  --tt-in-ease: ease-out;
  --tt-out-ease: ease-out;
  --tt-bg: #ffffff;
  --tt-fg: #2f2f2f;
  /* Texts reveal */
  --stagger-dur: 500ms;
  --stagger-distance: 12px;
  --stagger-stagger: 40ms;
  --stagger-blur: 3px;
  --stagger-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Card hover tilt */
  --tilt-perspective: 1000px;
  --tilt-return: 1000ms;
  --tilt-return-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tilt-follow: 400ms;
  --tilt-follow-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tilt-glare-opacity: 0.32;
  --tilt-glare-fade: 300ms;
  --tilt-glare-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Plus to menu morph */
  --morph-open-dur: 350ms;
  --morph-close-dur: 250ms;
  --morph-ease: cubic-bezier(0.34, 1.25, 0.64, 1);
  --morph-close-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --morph-r-closed: 40px;
  --morph-r-open: 20px;
  --morph-fade-dur: 200ms;
  --morph-slide: 40px;
  --morph-rotate: 45deg;
  --morph-scale: 0.97;
  --morph-blur: 2px;
  /* Accordion expand */
  --acc-expand: 250ms;
  --acc-collapse: 250ms;
  --acc-chevron: 250ms;
  --acc-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Toast open / close */
  --toast-open: 350ms;
  --toast-close: 250ms;
  --toast-distance: 16px;
  --toast-blur: 2px;
  --toast-scale: 0.97;
  --toast-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Like button */
  --like-color: #f40051;
  --like-fill: 150ms;
  --like-pop: 350ms;
  --like-pop-ease: cubic-bezier(0.34, 1.96, 0.64, 1);
  --like-particle-dur: 600ms;
  --like-particle-dist: 20px;
  --like-particle-size: 2.5px;
  --like-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Learn more hover */
  --learn-shift: 2px;
  --learn-spread: 8deg;
  --learn-in: 350ms;
  --learn-out: 350ms;
  --learn-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Checkbox check */
  --check-box: 150ms;
  --check-draw: 350ms;
  --check-delay: 0ms;
  --check-uncheck: 150ms;
  --check-ease: cubic-bezier(0.22, 1, 0.36, 1);
  /* Spinning counter */
  --reel-dur: 1400ms;
  --reel-cell: 30px;
  --reel-spin-blur: 3px;
  --reel-stagger: 90ms;
  --reel-ease: cubic-bezier(0.16, 1, 0.3, 1);
  /* Toggle */
  --toggle-dur: 350ms;
  --toggle-travel: 14.66px;
  --toggle-ov1: 1px;
  --toggle-ov2: 0px;
  --toggle-track: 0ms;
  --toggle-ease: cubic-bezier(0.34, 1.35, 0.64, 1);
}

:root {
  --panel-open-dur: 400ms;
  --panel-close-dur: 350ms;
  --panel-translate-y: 100px;
  --panel-blur: 2px;
  --panel-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.t-panel-slide {
  transform: translateY(var(--panel-translate-y));
  opacity: 0;
  filter: blur(var(--panel-blur));
  pointer-events: none;
  transition:
    transform var(--panel-close-dur) var(--panel-ease),
    opacity   var(--panel-close-dur) var(--panel-ease),
    filter    var(--panel-close-dur) var(--panel-ease);
  will-change: transform, opacity, filter;
}
.t-panel-slide[data-open="true"] {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
  pointer-events: auto;
  transition:
    transform var(--panel-open-dur) var(--panel-ease),
    opacity   var(--panel-open-dur) var(--panel-ease),
    filter    var(--panel-open-dur) var(--panel-ease);
}

@media (prefers-reduced-motion: reduce) {
  .t-panel-slide { transition: none !important; }
}

:root {
  --tabs-dur: 250ms;
  --tabs-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tabs-text-muted: rgba(15, 15, 15, 0.8);
  --tabs-text-active: #0f0f0f;
  --tabs-bar-bg: #f1f1f1;
  --tabs-pill-bg: #ffffff;
}

/* The bar is just a flex container with padding for the pill
   to sit inside. Tabs sit on z-index: 1, the pill on z-index: 0,
   so labels read above the pill background. */
.t-tabs {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border-radius: 48px;
  background: var(--tabs-bar-bg);
}
.t-tab {
  position: relative;
  appearance: none;
  border: 0;
  background: transparent;
  height: 30px;
  padding: 4px 12px;
  color: var(--tabs-text-muted);
  cursor: pointer;
  border-radius: 48px;
  z-index: 1;
  transition: color var(--tabs-dur) var(--tabs-ease);
}
.t-tab:not([aria-selected="true"]):hover,
.t-tab[aria-selected="true"] {
  color: var(--tabs-text-active);
}

/* The pill: width + transform are written inline by JS so
   the transition tweens between the previous and next
   measured positions. */
.t-tabs-pill {
  position: absolute;
  top: 3px;
  left: 0;
  height: 30px;
  width: 0;
  background: var(--tabs-pill-bg);
  border-radius: 48px;
  transform: translateX(0);
  transition:
    transform var(--tabs-dur) var(--tabs-ease),
    width     var(--tabs-dur) var(--tabs-ease);
  will-change: transform, width;
  z-index: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .t-tabs-pill, .t-tab { transition: none !important; }
}


/* Brand display layer. Original headings and copy remain in native disclosures. */
body[data-brand-ui] { --brand-accent:#c0653e; --brand-line:#ded8cd; --brand-muted:#81776b; --brand-top:116px; --brand-ease:cubic-bezier(.22,1,.36,1); overflow-x:clip; }
body[data-brand-ui] main#top { display:block; overflow:visible; }
.brand-compare { color:inherit; margin-left:12px; font-size:10px; }
body[data-brand-ui] .site-header { border-bottom:1px solid color-mix(in srgb,var(--brand-line) 55%,transparent); }
body[data-brand-ui][data-home-page] .hero-shell { padding-top:34px; }
body[data-brand-ui] .hero-grid { row-gap:19px; }
.brand-overline { margin:0 0 24px; font:500 11px/1.5 'IBM Plex Sans',sans-serif; letter-spacing:.12em; color:var(--brand-accent); }
body[data-brand-ui] .hero-copy>.brand-overline { order:0; z-index:2; margin:0 0 -5px; }
body[data-brand-ui] .brand-hero-title { position:relative; z-index:2; order:1; font:720 clamp(54px,6vw,82px)/.96 'Newsreader',serif; letter-spacing:-.045em; margin:0; text-align:center; color:var(--ink); }
.brand-hero-title>span { color:var(--brand-accent); }
body[data-brand-ui] .brand-hero-lede { position:relative; z-index:2; order:1; font-size:18px; line-height:1.4; text-align:center; color:#756b5f; margin:0 0 2px; }
body[data-brand-ui][data-home-page] .upload-panel { width:min(760px,100%); }
body[data-brand-ui][data-home-page] .dropzone { min-height:126px; }
body[data-brand-ui] .drop-subtitle { font-size:15px; }
body[data-brand-ui] .home-format-belt { top:20px; }
.brand-details { width:min(1120px,calc(100% - 64px)); margin:0 auto; border-top:1px solid var(--brand-line); border-bottom:1px solid var(--brand-line); }
.brand-details+.brand-details { border-top:0; }
.brand-details>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 0; list-style:none; cursor:pointer; color:#756b5f; font-size:14px; }
.brand-details>summary::-webkit-details-marker { display:none; }
.brand-details>summary>span:last-child { font-size:22px; line-height:1; font-weight:400; transition:transform .3s var(--brand-ease); }
.brand-details[open]>summary>span:last-child { transform:rotate(45deg); }
.brand-details-content { padding:18px 0 32px; }
body[data-brand-ui] .brand-hero-details { max-width:760px; margin:22px auto 0; width:100%; border:0; }
.brand-hero-details>summary { justify-content:center; padding:12px 0 4px; gap:18px; font-size:12px; }
body[data-brand-ui][data-home-page] .brand-details .section-band { width:100%; padding:24px 0; margin:0; }
body[data-brand-ui][data-home-page] .brand-details :is(h1,.hero-title-main,.hero-title-qualifier) { position:static; font-size:27px; font-weight:650; line-height:1.25; color:var(--ink); text-align:left; white-space:normal; letter-spacing:-.02em; }
body[data-brand-ui][data-home-page] .brand-details .hero-title-qualifier { font:400 17px/1.5 'IBM Plex Sans',sans-serif; margin-top:8px; }
body[data-brand-ui] .brand-details .hero-seo-supplement { width:100%; margin:16px 0; }
body[data-brand-ui] .brand-details .hero-client-strip { position:static; display:grid; width:100%; margin:24px 0; }
body[data-brand-ui] .brand-details .brand-details-content>p { font-size:15px; line-height:1.7; color:#756b5f; }
.brand-scroll-section { width:min(1280px,100%); margin:0 auto; position:relative; }
.brand-sticky { width:min(1120px,calc(100% - 64px)); margin:0 auto; padding:58px 0 38px; position:relative; }
.brand-motion-enabled .brand-scroll-section { height:calc(100svh + 1500px); }
.brand-motion-enabled .brand-scroll-section.brand-formats { height:calc(100svh + 1050px); }
.brand-motion-enabled .brand-scroll-section.brand-plans { height:calc(100svh + 1000px); }
.brand-motion-enabled .brand-sticky { position:sticky; top:var(--brand-top); height:calc(100svh - var(--brand-top) - 20px); max-height:780px; min-height:570px; padding:25px 0 16px; }
.brand-section-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.brand-section-top .brand-overline { margin:0; }
.brand-motion-toggle { background:none; border:0; padding:8px 0 8px 16px; cursor:pointer; color:#81776b; font:400 12px/1 'IBM Plex Sans',sans-serif; }
.brand-motion-toggle span { margin-left:12px; }
.brand-story-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:34px; }
body[data-brand-ui] :is(.brand-story,.brand-formats,.brand-plans,.brand-connect,.brand-last-call) h2 { font:700 clamp(40px,4.6vw,62px)/1.02 'Newsreader',serif; letter-spacing:-.04em; margin:0; color:var(--ink); }
body[data-brand-ui] :is(.brand-story,.brand-formats,.brand-plans,.brand-connect,.brand-last-call) h2 span { color:var(--brand-accent); }
.brand-step-nav { display:flex; gap:30px; padding-bottom:5px; }
.brand-step-nav button { position:relative; background:none; border:0; padding:0 0 16px; text-align:left; cursor:pointer; color:#aaa195; font:400 13px/1.4 'IBM Plex Sans',sans-serif; }
.brand-step-nav button span { display:block; font:500 20px/1.5 'IBM Plex Sans',sans-serif; margin-bottom:5px; }
.brand-step-nav button::after { content:''; height:2px; background:var(--brand-accent); position:absolute; left:0; right:0; bottom:0; transform:scaleX(0); transform-origin:left; transition:transform .4s var(--brand-ease); }
.brand-step-nav button[aria-selected=true] { color:var(--ink); }
.brand-step-nav button[aria-selected=true]::after { transform:scaleX(1); }
.brand-stage { position:relative; height:360px; border-top:1px solid var(--brand-line); border-bottom:1px solid var(--brand-line); }
.brand-scene { position:absolute; inset:0; display:grid; grid-template-columns:.85fr 1.35fr; gap:48px; align-items:center; --panel-translate-y:20px; }
.brand-scene[inert] { visibility:hidden; transition:visibility 0s .35s,transform var(--panel-close-dur) var(--panel-ease),opacity var(--panel-close-dur) var(--panel-ease),filter var(--panel-close-dur) var(--panel-ease); }
.brand-big-icon { color:var(--brand-accent); width:44px; height:44px; margin-bottom:14px; }
.brand-big-icon svg { width:100%; height:100%; }
.brand-scene-copy h3 { font:600 clamp(27px,2.9vw,39px)/1.1 'IBM Plex Sans',sans-serif; letter-spacing:-.035em; margin:0 0 17px; }
.brand-scene-copy h3 span { color:var(--brand-accent); }
.brand-scene-copy>p { font-size:18px; line-height:1.5; color:#81776b; margin:0; }
.brand-visual { height:100%; max-height:340px; position:relative; overflow:hidden; border-left:1px solid var(--brand-line); }
.brand-window-top { display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border-bottom:1px solid var(--brand-line); font-size:13px; color:#92887b; }
.brand-window-top strong { font-weight:500; color:var(--brand-accent); }
.brand-cleanup-body { display:grid; grid-template-columns:1fr 1.05fr; height:254px; }
.brand-raw-lines { padding:21px 18px 10px 24px; border-right:1px solid var(--brand-line); }
.brand-raw-lines>div { display:flex; gap:13px; align-items:center; margin:0 0 23px; font-size:11px; white-space:nowrap; }
.brand-raw-lines code { font-size:11px; color:#9e968c; width:46px; flex:none; }
.brand-raw-lines b { font-size:12px; font-weight:500; }
.brand-raw-lines i { height:6px; background:#cbc4b8; width:100%; border-radius:2px; }
.brand-raw-lines>div:nth-child(4) i { width:72%; }
.brand-noise { animation:brand-clean 6s var(--brand-ease) infinite; }
.brand-noise:nth-child(3) { animation-delay:.2s; }
.brand-noise:nth-child(5) { animation-delay:.4s; }
.brand-md-stream { padding:25px 23px; background:linear-gradient(125deg,#fffcf580,transparent); }
.brand-file-icon { font:600 24px 'IBM Plex Sans',sans-serif; color:var(--brand-accent); }
.brand-md-stream>p { font:600 25px/1.1 'Newsreader',serif; letter-spacing:-.025em; margin:12px 0 18px; }
.brand-md-stream>p>span { color:#bda98f; }
.brand-stream-line { font-size:12px; color:#807365; margin-bottom:11px; animation:brand-stream 6s var(--brand-ease) infinite; }
.brand-stream-line:nth-last-child(2) { animation-delay:.25s; }
.brand-stream-line:last-child { animation-delay:.5s; }
.brand-stream-line span { color:var(--brand-accent); }
.brand-example-label { position:absolute; right:16px; bottom:10px; color:#a59a8c; font-size:10px; }
.brand-wave { display:flex; align-items:end; justify-content:center; gap:5px; position:absolute; bottom:-32px; left:0; width:100%; height:90px; opacity:.24; pointer-events:none; mask-image:linear-gradient(transparent,black); }
.brand-wave i { width:3px; flex:none; height:var(--h); background:repeating-linear-gradient(to top,var(--brand-accent) 0 2px,transparent 2px 6px); animation:brand-wave 2.8s ease-in-out infinite alternate; animation-delay:calc(var(--i)*-.09s); }
.brand-review-body { display:grid; grid-template-columns:1fr 1fr; padding:22px 24px; gap:28px; }
.brand-review-body>div { min-width:0; }
.brand-review-body p { font:600 23px/1.15 'Newsreader',serif; margin:0 0 17px; }
.brand-review-body p span { color:#bda98f; }
.brand-review-body>div>span { display:block; font-size:13px; color:#8a7e6d; }
.brand-review-body strong { display:block; width:max-content; font:500 34px/1.25 'IBM Plex Sans',sans-serif; padding:0 9px; margin:7px 0; }
.brand-highlight { background:#efdcaf; animation:brand-highlight 4s ease-in-out infinite; }
.brand-chart { height:64px; display:flex; gap:14px; align-items:end; border-bottom:1px solid var(--brand-line); margin-bottom:15px; }
.brand-chart i { height:65%; width:30px; background:#bb805d; transform-origin:bottom; animation:brand-bar 4s ease-in-out infinite; }
.brand-chart i:nth-child(2) { height:95%; background:#d5b497; animation-delay:.2s; }
.brand-chart i:nth-child(3) { height:55%; animation-delay:.3s; }
.brand-chart i:nth-child(4) { height:84%; background:#d5b497; animation-delay:.1s; }
.brand-review-check { margin-top:27px; font-size:15px; color:#6e7958; }
.brand-review-check span { margin-right:9px; }
.brand-scan { position:absolute; left:0; right:0; top:20%; height:1px; background:linear-gradient(90deg,transparent,#c68b5b80,transparent); box-shadow:0 -18px 35px 7px #ce976514; animation:brand-scan 5s ease-in-out infinite; }
.brand-reuse-hub { position:absolute; left:8%; top:35%; width:120px; height:120px; border:1px solid var(--brand-line); background:#fffdf7; border-radius:22px; display:grid; place-content:center; text-align:center; box-shadow:0 14px 35px -20px #78542c40; z-index:2; }
.brand-reuse-hub>span { font-size:42px; font-weight:600; color:var(--brand-accent); }
.brand-reuse-hub>small { font-size:12px; color:#8b7a67; }
.brand-routes { position:absolute; inset:0; height:100%; width:100%; stroke:#d6cabc; stroke-width:1.5; }
.brand-route-trace { stroke:var(--brand-accent); stroke-dasharray:8 130; animation:brand-route 6s linear infinite; }
.brand-destinations { position:absolute; right:4%; top:8%; bottom:8%; display:flex; flex-direction:column; justify-content:space-between; }
.brand-destinations>div { display:flex; align-items:center; gap:14px; font-size:16px; background:#f8f4eb; }
.brand-destinations svg { width:46px; height:46px; color:var(--brand-accent); border:1px solid var(--brand-line); padding:9px; border-radius:12px; background:#fffaf2; }
.brand-story-bottom { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:20px; }
.brand-scroll-hint,.brand-story-count { font-size:12px; color:#9a8c7b; }
.brand-scroll-hint>span { margin-left:13px; display:inline-block; animation:brand-hint 2s ease-in-out infinite; }
.brand-progress { flex:1; height:2px; max-width:520px; background:#e2dbcf; }
.brand-progress i { display:block; width:100%; height:100%; background:var(--brand-accent); transform:scaleX(var(--progress,0)); transform-origin:left; }
.brand-heading-row { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:35px; }
.brand-heading-row>p,.brand-plan-heading>p:not(.brand-overline) { font-size:20px; line-height:1.5; color:#8a7c6c; margin:0; }
.brand-format-window { overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; }
.brand-format-window::-webkit-scrollbar { display:none; }
.brand-format-track { display:flex; gap:20px; width:max-content; }
.brand-format-card { flex:none; width:430px; height:365px; padding:25px 27px; border:1px solid var(--brand-line); border-radius:10px; text-decoration:none; position:relative; color:var(--ink); background:linear-gradient(140deg,#fffaf0aa,#eee6d75c); overflow:hidden; scroll-snap-align:start; }
.brand-format-number { font:400 11px/1 'IBM Plex Sans',sans-serif; color:#a3907c; }
.brand-format-art { height:190px; display:flex; align-items:center; justify-content:center; position:relative; }
.brand-format-art svg { width:110px; height:110px; color:#ba7652; filter:drop-shadow(8px 11px 2px #cba78519); animation:brand-float 5s ease-in-out infinite alternate; }
.brand-format-art>span { position:absolute; right:33px; bottom:33px; font:500 12px 'IBM Plex Sans',sans-serif; border:1px solid #deba9e; padding:6px 11px; border-radius:5px; color:#b4744b; background:#fff7e9; transform:rotate(9deg); }
.brand-art-image svg { color:#819377; animation-delay:-1.4s; }
.brand-art-wave svg { color:#b08a4d; animation-delay:-2.8s; }
.brand-art-web svg { color:#858fab; animation-delay:-4s; }
.brand-format-card h3 { font:600 27px/1.15 'IBM Plex Sans',sans-serif; letter-spacing:-.025em; margin:4px 0 9px; }
.brand-format-card p { font-size:16px; color:#8d7e6c; margin:0; }
.brand-card-arrow { position:absolute; bottom:22px; right:22px; font-size:23px; color:#ae734e; transition:transform .3s var(--brand-ease); }
.brand-format-card:hover .brand-card-arrow { transform:translate(3px,-3px); }
.brand-format-controls { display:flex; justify-content:space-between; align-items:center; margin-top:20px; }
.brand-format-controls button { cursor:pointer; width:40px; height:36px; border:1px solid var(--brand-line); background:transparent; border-radius:5px; font-size:19px; margin-left:6px; }
.brand-plans-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
.brand-plan-heading>p:not(.brand-overline) { margin:28px 0; }
body[data-brand-ui] .t-tabs { --tabs-bar-bg:#e9e2d6; --tabs-pill-bg:#fffaf3; }
body[data-brand-ui] .t-tab { font:500 15px 'IBM Plex Sans',sans-serif; height:44px; min-width:80px; padding:10px 20px; }
body[data-brand-ui] .t-tabs-pill { height:44px; }
.brand-plan-deck { position:relative; height:510px; margin-right:30px; perspective:1100px; }
.brand-plan-card { position:absolute; inset:0; padding:32px; border:1px solid #ded0bd; border-radius:16px; background:#fffcf5; box-shadow:0 20px 60px -30px #78552835; transform:translateX(calc(var(--depth,0)*13px)) translateY(calc(var(--depth,0)*-9px)) rotate(calc(var(--depth,0)*3deg)) scale(calc(1 - var(--depth,0)*.035)); transform-origin:bottom right; transition:transform .7s var(--brand-ease),opacity .4s,background .4s; z-index:calc(4 - var(--depth,0)); }
.brand-plan-card[data-plan="1"] { background:#f6edde; }
.brand-plan-card[data-plan="2"] { background:#eae1d0; }
.brand-plan-card[inert] { pointer-events:none; }
.brand-plan-brand { display:flex; justify-content:space-between; align-items:center; color:#a57b5b; font-size:11px; letter-spacing:.06em; margin-bottom:12px; }
.brand-plan-brand svg { width:32px; height:32px; }
.brand-plan-card h3 { font:600 25px/1.2 'IBM Plex Sans',sans-serif; margin:0 0 12px; }
.brand-plan-price { font:600 83px/.95 'Newsreader',serif; letter-spacing:-.05em; margin:0; }
.brand-plan-price>span { font-size:35px; vertical-align:top; padding-top:8px; display:inline-block; }
.brand-plan-price small { font:400 15px/1 'IBM Plex Sans',sans-serif; letter-spacing:0; color:#9a8d7b; margin-left:8px; }
.brand-plan-caption { font-size:18px; color:#8d7b64; margin:17px 0 20px; }
.brand-plan-credit { display:flex; gap:12px; align-items:baseline; border-top:1px solid #dfd4c2; padding-top:19px; }
.brand-plan-credit strong { font:500 30px/1 'IBM Plex Sans',sans-serif; letter-spacing:-.025em; }
.brand-plan-credit>span { font-size:14px; color:#998870; }
.brand-plan-feature { font-size:14px; color:#8a7962; margin:15px 0 24px; }
.brand-plan-card>a { display:flex; justify-content:space-between; padding:15px 19px; border-radius:6px; background:#211c14; color:#fffaf3; font-size:15px; text-decoration:none; }
.brand-connect { width:min(1120px,calc(100% - 64px)); position:relative; margin:0 auto; padding:80px 0 42px; }
.brand-connect-copy { position:relative; z-index:1; }
.brand-connect-copy>p:last-child { font-size:21px; color:#8a7c6c; margin:24px 0 40px; }
.brand-connect-field { position:absolute; right:0; top:30px; width:50%; height:290px; background-image:radial-gradient(#b692651c 1px,transparent 1px); background-size:9px 9px; mask-image:radial-gradient(ellipse,black,transparent 70%); }
.brand-connect-field .brand-wave { bottom:0; height:170px; opacity:.5; transform:scaleY(1.5); }
.brand-connect-emblem { position:absolute; left:40%; top:35%; font-size:75px; line-height:1; color:#b98b65; opacity:.6; animation:brand-float 6s ease-in-out infinite alternate; }
.brand-connect-methods { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--brand-line); border-radius:10px; overflow:hidden; }
.brand-connect-methods a { display:grid; grid-template-columns:1fr auto; align-items:center; padding:30px; border-right:1px solid var(--brand-line); text-decoration:none; color:var(--ink); background:#f7f1e65c; }
.brand-connect-methods a:last-child { border:0; }
.brand-connect-methods svg { width:58px; height:58px; color:#b38561; margin-bottom:28px; grid-column:1/-1; transition:transform .4s var(--brand-ease); }
.brand-connect-methods a:hover svg { transform:translateY(-5px); }
.brand-connect-methods strong { font-size:24px; font-weight:500; }
.brand-connect-methods a>span { font-size:23px; color:#b58b69; }
.brand-last-call { width:min(1120px,calc(100% - 64px)); margin:0 auto; text-align:center; padding:85px 0 95px; }
.brand-last-call>a { display:inline-flex; gap:40px; background:#211c14; color:#fff8ee; border-radius:6px; padding:17px 25px; font-size:16px; margin-top:30px; text-decoration:none; }
.brand-paused *, .brand-offscreen *, .brand-scene[inert] * { animation-play-state:paused!important; }
body[data-brand-ui] :is(a,button,summary):focus-visible { outline:2px solid var(--brand-accent); outline-offset:5px; }
@keyframes brand-clean { 0%,15%,100% { opacity:.8; transform:translateX(0); } 45%,80% { opacity:.12; transform:translateX(-9px); } }
@keyframes brand-stream { 0%,12%,100% { opacity:.25; transform:translateY(5px); } 36%,85% { opacity:1; transform:translateY(0); } }
@keyframes brand-wave { from { transform:scaleY(.35); } to { transform:scaleY(1.2); } }
@keyframes brand-highlight { 0%,100% { background:#efdcaf; } 50% { background:#f7eacd; box-shadow:0 0 0 2px #c8945330; } }
@keyframes brand-bar { 0%,100% { transform:scaleY(.75); } 50% { transform:scaleY(1); } }
@keyframes brand-scan { 0%,100% { transform:translateY(0); opacity:0; } 20%,80% { opacity:1; } 90% { transform:translateY(230px); } }
@keyframes brand-route { to { stroke-dashoffset:-276; } }
@keyframes brand-hint { 0%,100% { transform:translateY(0); } 50% { transform:translateY(3px); } }
@keyframes brand-float { from { transform:translateY(3px) rotate(-4deg); } to { transform:translateY(-8px) rotate(3deg); } }
@media(max-width:899px) {
 .brand-sticky,.brand-details,.brand-connect,.brand-last-call { width:calc(100% - 40px); }
 .brand-sticky { padding:48px 0 32px; }
 .brand-story-heading { display:block; margin-bottom:24px; }
 .brand-step-nav { margin-top:28px; gap:25px; }
 .brand-step-nav button { font-size:12px; flex:1; }
 .brand-stage { height:620px; }
 .brand-scene { grid-template-columns:1fr; gap:20px; align-content:start; padding-top:22px; }
 .brand-scene-copy { display:grid; grid-template-columns:48px 1fr; column-gap:15px; }
 .brand-big-icon { grid-row:1/3; }
 .brand-scene-copy h3 { font-size:29px; margin-bottom:12px; }
 .brand-scene-copy>p { grid-column:2; font-size:16px; }
 .brand-scene-copy>p br { display:none; }
 .brand-visual { border-left:0; border-top:1px solid var(--brand-line); height:350px; max-height:350px; }
 .brand-story-bottom { gap:15px; }
 .brand-heading-row { display:block; }
 .brand-heading-row>p { font-size:18px; margin-top:22px; }
 .brand-format-card { width:300px; }
 .brand-plans-layout { grid-template-columns:1fr; gap:46px; }
 .brand-plan-heading>p:not(.brand-overline) { font-size:18px; margin:22px 0; }
 .brand-plan-deck { height:505px; margin-right:25px; }
 .brand-connect { padding-top:55px; }
 .brand-connect-field { opacity:.5; width:70%; }
 .brand-connect-methods { grid-template-columns:1fr 1fr; }
 .brand-connect-methods a { padding:25px; border-bottom:1px solid var(--brand-line); }
 .brand-connect-methods a:nth-child(2) { border-right:0; }
 .brand-connect-methods a:nth-child(3) { border-bottom:0; }
 .brand-connect-methods svg { width:48px; height:48px; margin-bottom:22px; }
 .brand-connect-copy>p:last-child { font-size:18px; max-width:280px; }
 .brand-section-top { gap:20px; }
 .brand-section-top .brand-overline { font-size:9px; letter-spacing:.07em; }
 .brand-motion-toggle { font-size:11px; white-space:nowrap; }
 body[data-brand-ui] .brand-hero-lede { font-size:16px; max-width:310px; }
 body[data-brand-ui] .brand-hero-title { font-size:clamp(48px,10vw,70px); }
 .brand-story .brand-scroll-hint { font-size:0; }
 .brand-story .brand-scroll-hint>span { font-size:16px; }
}
@media(max-width:480px) {
 .brand-stage { height:615px; }
 .brand-cleanup-body { grid-template-columns:.9fr 1.1fr; }
 .brand-window-top { padding:17px 12px; font-size:11px; }
 .brand-raw-lines { padding:25px 10px; }
 .brand-raw-lines code { width:35px; font-size:9px; }
 .brand-raw-lines>div { gap:5px; }
 .brand-raw-lines b { font-size:9px; white-space:normal; }
 .brand-md-stream { padding:25px 12px; }
 .brand-md-stream>p { font-size:22px; }
 .brand-stream-line { font-size:10px; }
 .brand-review-body { padding:25px 12px; gap:20px; }
 .brand-review-body p { font-size:22px; }
 .brand-review-body strong { font-size:32px; }
 .brand-reuse-hub { left:3%; width:90px; height:105px; }
 .brand-destinations { right:1%; }
 .brand-destinations>div { gap:8px; font-size:13px; }
 .brand-destinations svg { width:40px; height:40px; }
 .brand-plan-card { padding:25px; }
 .brand-plan-feature { font-size:12px; }
 .brand-plan-caption { font-size:16px; }
 body[data-brand-ui] .brand-hero-details { width:100%; }
 .brand-hero-details>summary { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
 body[data-brand-ui] *,body[data-brand-ui] *::before,body[data-brand-ui] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

.brand-block-count { display:flex; align-items:center; gap:5px; color:#a3907c; font-size:12px; }
.brand-counter-clip { display:inline-block; height:18px; width:10px; overflow:hidden; font-variant-numeric:tabular-nums; color:var(--brand-accent); }
.brand-counter-reel { display:flex; flex-direction:column; animation:brand-count 6s var(--brand-ease) infinite; }
.brand-counter-reel i { display:block; height:18px; line-height:18px; font-style:normal; }
@keyframes brand-count { 0%,15%,100% { transform:translateY(0); } 25% { transform:translateY(-18px); } 35% { transform:translateY(-36px); } 45%,80% { transform:translateY(-54px); } }
@media(prefers-reduced-motion:reduce) { .brand-counter-reel { transform:translateY(-54px); } }

body[data-brand-ui] .brand-details .hero-client-strip a span { display:block; font-size:12px; line-height:1.4; margin-top:4px; }

.brand-scroll-section, .brand-details, .brand-connect { scroll-margin-top:var(--brand-top); }

body[data-brand-ui] .hero-grid>.brand-hero-details { order:3; margin:0 auto; }


/* Shared brand tokens, content surfaces and application states. */
body#brand-site[data-brand-ui] {
 --brand-paper:#f8f4eb; --brand-surface:#fffcf6; --brand-ink:#242018;
 --brand-muted:#6c6254; --brand-accent:#bd6944; --brand-line:#dfd6c8;
 --brand-success:#68785c; --brand-error:#a14f3d; --brand-ease:cubic-bezier(.22,1,.36,1);
 --paper:var(--brand-paper); --ink:var(--brand-ink); --muted:var(--brand-muted);
 --accent:var(--brand-accent); --line:var(--brand-line); --green:var(--brand-success);
 color:var(--brand-ink); background:var(--brand-paper); font-family:'IBM Plex Sans',sans-serif;
 overflow-x:clip;
}
body#brand-site[data-brand-ui] :is(button,input,select,textarea) { font-family:inherit; }
body#brand-site[data-brand-ui] :is(a,button,summary):focus-visible { outline:2px solid var(--brand-accent); outline-offset:4px; }
body#brand-site[data-brand-ui] .site-header { border-bottom:1px solid var(--brand-line); background:#f8f4ebed; backdrop-filter:blur(12px); }

body#brand-site[data-brand-ui] .brand-copy strong { color:var(--brand-ink); }
body#brand-site[data-brand-ui] .nav-links a[aria-current=page] { color:var(--brand-accent); }
.brand-site-link { color:inherit; font-size:10px; margin-left:auto; white-space:nowrap; }
body#brand-site[data-brand-ui] :is(.primary-action,.plan-action,.connection-actions>button:first-child,.review-primary-download) { background:var(--brand-ink); border-color:var(--brand-ink); color:var(--brand-surface); border-radius:6px; box-shadow:none; }
body#brand-site[data-brand-ui] :is(.primary-action,.plan-action):hover { background:#4a3829; }
body#brand-site[data-brand-ui] :is(.primary-action,.plan-action):disabled { background:#8a8276; }
body#brand-site[data-brand-ui] :is(.eyebrow,.section-kicker,.metric-tag) { color:var(--brand-accent); letter-spacing:.09em; font-size:11px; }
body#brand-site[data-brand-ui] :is(.page-shell,.docs-page,.pricing-page) { max-width:1184px; }
body#brand-site[data-brand-ui] .site-footer { border-top:1px solid var(--brand-line); }
/* Home: one headline on desktop, two on narrow screens. */
body#brand-site[data-brand-ui][data-home-page] .hero-shell { padding-top:24px; }
body#brand-site[data-brand-ui][data-home-page] .hero-copy>.brand-overline { display:none; }
body#brand-site[data-brand-ui][data-home-page] .brand-hero-title { font-size:clamp(46px,5.7vw,76px); line-height:1.04; letter-spacing:-.045em; white-space:nowrap; }
body#brand-site[data-brand-ui][data-home-page] .brand-hero-lede { font-size:17px; margin:8px 0 0; }
body#brand-site[data-brand-ui][data-home-page] .hero-grid { row-gap:16px; }
body#brand-site[data-brand-ui] .brand-motion-enabled { scroll-behavior:auto; }
body#brand-site[data-brand-ui].brand-motion-enabled .brand-scroll-section { height:calc(100svh + 1700px); }
body#brand-site[data-brand-ui].brand-motion-enabled .brand-formats { height:calc(100svh + 1100px); }
body#brand-site[data-brand-ui].brand-motion-enabled .brand-plans { height:calc(100svh + 1100px); }
body#brand-site[data-brand-ui].brand-motion-enabled .brand-sticky { padding-top:34px; }
body#brand-site[data-brand-ui].brand-motion-enabled .brand-sticky>:not(.brand-story-bottom) { translate:0 var(--scene-entry-y,0px); opacity:var(--scene-entry-opacity,1); }
body#brand-site[data-brand-ui].brand-motion-enabled .brand-scene { transition:none; filter:none; }
body#brand-site[data-brand-ui] .brand-scene { --panel-open-dur:550ms; --panel-close-dur:400ms; --panel-blur:0px; }
body#brand-site[data-brand-ui] .brand-scene[inert] { transition:opacity .4s var(--brand-ease),transform .55s var(--brand-ease),visibility 0s .55s; }
body#brand-site[data-brand-ui].brand-motion-enabled .brand-scene[inert] { transition:none; }
/* Reusable source-page opening and preserved SEO. */
body#brand-site[data-brand-ui][data-converter-page] .hero-shell { padding:42px 32px 54px; max-width:1184px; margin:auto; }
body#brand-site[data-brand-ui][data-converter-page] .hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:26px 55px; }
body#brand-site[data-brand-ui][data-converter-page] .hero-copy { grid-column:1; grid-row:1; text-align:left; display:flex; flex-direction:column; align-items:stretch; gap:0; }
body#brand-site[data-brand-ui] .brand-source-title { order:0; font:700 clamp(43px,4.8vw,67px)/1.01 'Newsreader',serif; letter-spacing:-.045em; margin:0 0 20px; color:var(--brand-ink); }
.brand-source-title span { color:var(--brand-accent); }
.brand-source-lede { order:1; font-size:18px; line-height:1.6; color:var(--brand-muted); max-width:400px; margin:0; }
body#brand-site[data-brand-ui][data-converter-page] .upload-panel { grid-column:1/-1; grid-row:2; width:min(820px,100%); margin:0 auto; }
body#brand-site[data-brand-ui][data-converter-page] .dropzone { min-height:150px; }
.brand-source-art { grid-column:2; grid-row:1; display:flex; align-items:center; justify-content:center; gap:25px; min-height:220px; position:relative; }
.brand-source-art::before { content:''; position:absolute; inset:-20px; background:radial-gradient(#bb8b5440 .8px,transparent .8px); background-size:9px 9px; mask-image:radial-gradient(ellipse,black,transparent 69%); }
.brand-source-art>div { position:relative; width:108px; height:136px; display:grid; place-content:center; text-align:center; border:1px solid var(--brand-line); border-radius:11px; background:var(--brand-surface); color:var(--brand-accent); box-shadow:6px 12px 25px -17px #815b374f; }
.brand-source-art>div:first-child { transform:rotate(-7deg); animation:brand-source-drift 7s ease-in-out infinite alternate; }
.brand-source-art svg { width:74px; height:74px; }
.brand-source-art>div>span { font-size:10px; letter-spacing:.09em; margin-top:6px; }
.brand-source-art .brand-md-icon { font-size:48px; font-weight:500; transform:rotate(6deg); }
.brand-md-icon small { font-size:12px; font-weight:400; color:var(--brand-muted); }
.brand-flow-line { height:1px; width:85px; background:var(--brand-line); position:relative; }
.brand-flow-line::after { content:''; position:absolute; height:3px; width:15px; top:-1px; background:var(--brand-accent); animation:brand-transfer 3.6s var(--brand-ease) infinite; }
.brand-seo { width:min(1120px,calc(100% - 64px)); margin:0 auto; border-bottom:1px solid var(--brand-line); }
.brand-seo>summary { display:flex; justify-content:space-between; align-items:center; list-style:none; cursor:pointer; padding:24px 0; font-size:16px; color:#746653; }
.brand-seo>summary::-webkit-details-marker { display:none; }
.brand-seo>summary>span { font-size:23px; transition:transform .35s var(--brand-ease); }
.brand-seo[open]>summary>span { transform:rotate(45deg); }
.brand-seo-content { padding:8px 0 30px; }
body#brand-site[data-brand-ui] .brand-seo .section-band { width:100%; max-width:none; padding:15px 0; margin:0; }
body#brand-site[data-brand-ui] .brand-seo :is(h1,h2,.hero-title-main) { font:600 29px/1.2 'Newsreader',serif; letter-spacing:-.02em; white-space:normal; text-align:left; }
body#brand-site[data-brand-ui] .brand-seo :is(p,.hero-lede,.hero-note) { font-size:15px; line-height:1.7; color:var(--brand-muted); text-align:left; }
body#brand-site[data-brand-ui] .brand-hero-seo { order:2; width:100%; margin:16px 0 0; border:0; }
body#brand-site[data-brand-ui] .brand-hero-seo>summary { font-size:12px; padding:8px 0; justify-content:start; gap:20px; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-title-qualifier { font:400 17px/1.5 'IBM Plex Sans',sans-serif; }
body#brand-site[data-brand-ui] .faq-section { padding:55px 0; width:min(1120px,calc(100% - 64px)); margin:auto; }
body#brand-site[data-brand-ui] .faq-section h2 { font:600 38px/1.1 'Newsreader',serif; }
body#brand-site[data-brand-ui] :is(.feature-grid,.availability-grid) article { border-color:var(--brand-line); background:var(--brand-surface); box-shadow:none; border-radius:8px; }
/* Connect: a clear choice, then one useful working surface. */
body#brand-site[data-brand-ui] .docs-connect-intro { padding:52px 0 36px; max-width:100%; }
body#brand-site[data-brand-ui] .docs-connect-intro h1 { font:700 clamp(46px,5.5vw,74px)/1.05 'Newsreader',serif; letter-spacing:-.045em; color:var(--brand-ink); margin:16px 0; }
body#brand-site[data-brand-ui] .docs-connect-intro>p:last-child { font-size:19px; line-height:1.6; max-width:660px; color:var(--brand-muted); }
body#brand-site[data-brand-ui] .connection-workspace { border:1px solid var(--brand-line); border-radius:12px; background:var(--brand-surface); overflow:hidden; box-shadow:0 20px 60px -45px #6f4a2b50; }
body#brand-site[data-brand-ui] .connection-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:0; background:#eee6d8; border-bottom:1px solid var(--brand-line); }
body#brand-site[data-brand-ui] .connection-tabs button { position:relative; border:0; border-right:1px solid var(--brand-line); border-radius:0; padding:26px 30px 22px; background:transparent; min-height:151px; text-align:left; box-shadow:none; transition:background .4s var(--brand-ease); }
body#brand-site[data-brand-ui] .connection-tabs button[aria-selected=true] { background:var(--brand-surface); }
body#brand-site[data-brand-ui] .connection-tabs button::after { content:''; position:absolute; height:2px; left:30px; right:30px; bottom:0; background:var(--brand-accent); transform:scaleX(0); transform-origin:left; transition:transform .4s var(--brand-ease); }
body#brand-site[data-brand-ui] .connection-tabs button[aria-selected=true]::after { transform:scaleX(1); }
body#brand-site[data-brand-ui] .connection-method-code { font-size:31px; line-height:1.1; color:var(--brand-accent); letter-spacing:-.025em; margin-bottom:17px; }
body#brand-site[data-brand-ui] .connection-tabs strong { font-size:16px; font-weight:500; color:var(--brand-ink); }
body#brand-site[data-brand-ui] .connection-method-detail { font-size:12px; color:var(--brand-muted); }
body#brand-site[data-brand-ui] .connection-panel { padding:36px; gap:40px; background:transparent; animation:brand-panel-in .55s var(--brand-ease) both; }
body#brand-site[data-brand-ui] .connection-panel-copy h2 { font:600 38px/1.1 'Newsreader',serif; letter-spacing:-.03em; color:var(--brand-ink); }
body#brand-site[data-brand-ui] .connection-decision { color:var(--brand-muted); font-size:16px; line-height:1.6; }
body#brand-site[data-brand-ui] .connection-panel pre { background:#29261f; border:1px solid #413b31; border-radius:9px; color:#eee4d4; padding:27px; font-size:13px; line-height:1.75; }
body#brand-site[data-brand-ui] .connection-panel pre code { color:inherit; }
body#brand-site[data-brand-ui] .connection-actions button { border-radius:6px; }
body#brand-site[data-brand-ui] .connection-steps { color:#887864; }
body#brand-site[data-brand-ui] .technical-details { margin-top:35px; border-color:var(--brand-line); border-radius:0; background:transparent; }
body#brand-site[data-brand-ui] .doc-section { border-color:var(--brand-line); }
body#brand-site[data-brand-ui] .doc-section h2 { font-family:'Newsreader',serif; font-size:32px; font-weight:600; }
body#brand-site[data-brand-ui] .doc-nav { background:var(--brand-paper); }
/* Pricing: equal-height plans and quiet, legible credit packs. */
body#brand-site[data-brand-ui] .pricing-hero { text-align:center; padding:52px 0 32px; }
body#brand-site[data-brand-ui] .pricing-hero h1 { font:700 clamp(44px,5.3vw,70px)/1.06 'Newsreader',serif; letter-spacing:-.045em; max-width:900px; margin:0 auto 25px; }
body#brand-site[data-brand-ui] .pricing-value-strip { justify-content:center; color:var(--brand-muted); }
body#brand-site[data-brand-ui] .pricing-catalog { display:block; }
body#brand-site[data-brand-ui] .pricing-column { background:none; border:0; padding:0; }
body#brand-site[data-brand-ui] .plans-heading-box { background:none; border:0; padding:15px 0 25px; }
body#brand-site[data-brand-ui] .pricing-column h2 { font:600 35px/1.15 'Newsreader',serif; letter-spacing:-.025em; }
body#brand-site[data-brand-ui] .monthly-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body#brand-site[data-brand-ui] .price-card { border:1px solid var(--brand-line); border-radius:12px; background:#fffcf6; box-shadow:none; padding:26px; }
body#brand-site[data-brand-ui] .price-card[data-plan-id=plus] { background:#f5ebdc; }
body#brand-site[data-brand-ui] .price-card[data-plan-id=pro] { background:#ebe1ce; border-color:#c7ac87; }
body#brand-site[data-brand-ui] .plan-visual { color:var(--brand-accent); background:transparent; border-bottom:1px solid var(--brand-line); border-radius:0; height:86px; margin-bottom:24px; }
body#brand-site[data-brand-ui] .plan-visual :is(span,strong) { background:#fffaf0; color:#a7764f; border-color:#d9c5ac; box-shadow:none; }
body#brand-site[data-brand-ui] .plan-name { color:var(--brand-ink); font-size:23px; }
body#brand-site[data-brand-ui] .plan-price .plan-amount { font:650 70px/1 'Newsreader',serif; letter-spacing:-.06em; }
body#brand-site[data-brand-ui] .plan-price .plan-currency { font:500 29px/1.1 'Newsreader',serif; }
body#brand-site[data-brand-ui] .plan-period { color:var(--brand-muted); }
body#brand-site[data-brand-ui] .plan-tagline { color:var(--brand-muted); }
body#brand-site[data-brand-ui] .plan-badge { background:#dcc6a3; color:#70502e; font-size:10px; border:0; }
body#brand-site[data-brand-ui] .plan-features li { border-color:var(--brand-line); font-size:12px; }
body#brand-site[data-brand-ui] .plan-features strong { color:var(--brand-ink); font-weight:500; }
body#brand-site[data-brand-ui] .credit-packs { margin-top:60px; padding-top:30px; border-top:1px solid var(--brand-line); }
body#brand-site[data-brand-ui] .credit-pack-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
body#brand-site[data-brand-ui] .pack-card { display:flex; flex-direction:column; padding:23px; background:transparent; }
body#brand-site[data-brand-ui] .pack-card .plan-name { font-size:20px; }
body#brand-site[data-brand-ui] .pack-card .plan-amount { font-size:52px; }
body#brand-site[data-brand-ui] .pack-card>div>p:not(.plan-name) { min-height:62px; font-size:13px; }
body#brand-site[data-brand-ui] .pack-card .plan-action { margin-top:auto; width:100%; }
body#brand-site[data-brand-ui] .pricing-flow { border-color:var(--brand-line); background:#eee6d8; border-radius:10px; padding:28px; }
body#brand-site[data-brand-ui] .pricing-flow ol { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
body#brand-site[data-brand-ui] .billing-interval-toggle { background:#e7dfd1; border-color:var(--brand-line); }
body#brand-site[data-brand-ui] .billing-interval-toggle button[aria-pressed=true] { background:var(--brand-surface); color:var(--brand-ink); box-shadow:0 2px 5px #59432712; }
/* Actual conversion components, including runtime-created dialogs. */
body#brand-site[data-brand-ui] .upload-panel { border:1px solid var(--brand-line); background:var(--brand-surface); box-shadow:0 16px 60px -35px #7f644230; border-radius:14px; }
body#brand-site[data-brand-ui] .dropzone { border:1px dashed #cabbab; background:#f7f2e9; border-radius:9px; }
body#brand-site[data-brand-ui] .dropzone:is(.has-file,[data-state=selected]),body#brand-site[data-brand-ui] .dropzone.has-file { background:#f1eadd; border-color:#bc9872; }
body#brand-site[data-brand-ui] :is(.drop-title,.dropzone.has-file .drop-title) { color:var(--brand-ink); }
body#brand-site[data-brand-ui] .drop-title { font-size:23px; font-weight:500; letter-spacing:-.02em; }
body#brand-site[data-brand-ui] .drop-subtitle { color:var(--brand-muted); font-size:14px; }
body#brand-site[data-brand-ui] .file-glyph { filter:sepia(.35) saturate(.6); transform:scale(.83); }
body#brand-site[data-brand-ui] .file-glyph-source { border-color:#a98a68; }
body#brand-site[data-brand-ui] .conversion-flow { position:relative; overflow:hidden; border:1px solid var(--brand-line); border-radius:10px; background:#f7f0e3; padding:24px; box-shadow:none; color:var(--brand-ink); }
body#brand-site[data-brand-ui] .conversion-flow[data-stage=structure]::before { content:''; position:absolute; top:0; left:0; height:2px; width:22%; background:linear-gradient(90deg,transparent,var(--brand-accent),transparent); animation:brand-running 3.4s ease-in-out infinite; }
body#brand-site[data-brand-ui] .conversion-stage-summary { align-items:start; gap:20px; margin-bottom:27px; }
body#brand-site[data-brand-ui] .conversion-stage-summary>strong { color:var(--brand-ink); font-size:16px; font-weight:500; }
body#brand-site[data-brand-ui] .conversion-stage-summary>span { font-size:12px; color:var(--brand-muted); }
body#brand-site[data-brand-ui] .conversion-stage-list { margin:22px 0 30px; }
body#brand-site[data-brand-ui] .conversion-stage-list li { color:var(--brand-muted); font-size:12px; }
body#brand-site[data-brand-ui] .conversion-stage-list li::before,body#brand-site[data-brand-ui] .conversion-stage-list li::after { background:#d9caba; }
body#brand-site[data-brand-ui] .conversion-stage-list li[data-state=complete]::before { background:#af9678; }
body#brand-site[data-brand-ui] .conversion-stage-list li>span { border-color:#cab79e; background:var(--brand-surface); }
body#brand-site[data-brand-ui] .conversion-stage-list li[data-state=complete]>span { border-color:#a68e71; background:#a68e71; }
body#brand-site[data-brand-ui] .conversion-stage-list li[data-state=active]>span { border-color:var(--brand-accent); background:var(--brand-surface); box-shadow:0 0 0 5px #bd694414; animation:brand-pulse 2.6s ease-in-out infinite; }
body#brand-site[data-brand-ui] .conversion-stage-list li strong { color:#857157; font-weight:500; }
body#brand-site[data-brand-ui] .conversion-stage-list li[data-state=active] strong { color:var(--brand-accent); }
body#brand-site[data-brand-ui] .conversion-flow-heading h3 { font:600 24px/1.2 'Newsreader',serif; color:var(--brand-ink); }
body#brand-site[data-brand-ui] .conversion-flow-heading>strong { color:var(--brand-muted); font-size:12px; font-weight:400; }
body#brand-site[data-brand-ui] .job-progress-list li { border:1px solid var(--brand-line); background:var(--brand-surface); border-radius:6px; padding:15px; font-size:14px; }
body#brand-site[data-brand-ui] .job-progress-list [data-job-status] { color:var(--brand-accent); font-size:12px; font-weight:500; }
body#brand-site[data-brand-ui] :is(.formula-beta-option,.formula-enhancement,.formula-option,.formula-enhancement-option,.formula-mode-option,.pdf-formula-control) { background:#f8f1e5; border-color:var(--brand-line); border-radius:7px; }
body#brand-site[data-brand-ui] :is(.result-panel,.url-estimate,.quota-action,.auth-card,.app-card,.account-overview,.account-history-card) { background:var(--brand-surface); border:1px solid var(--brand-line); border-radius:12px; box-shadow:none; }
body#brand-site[data-brand-ui] .result-panel h2 { font:600 35px/1.1 'Newsreader',serif; letter-spacing:-.025em; color:var(--brand-ink); }
body#brand-site[data-brand-ui] :is(.preview,.review-markdown-pane,.review-original-pane) { background:#fffcf6; border-color:var(--brand-line); }
body#brand-site[data-brand-ui] :is(.review-workbench,.surface-dialog,.review-workbench-shell) { background:var(--brand-paper); border-color:var(--brand-line); }
body#brand-site[data-brand-ui] .review-workbench-header h2 { font:600 32px/1.1 'Newsreader',serif; }
body#brand-site[data-brand-ui] dialog::backdrop { background:#30251c66; backdrop-filter:blur(5px); }
body#brand-site[data-brand-ui] :is(.review-pane,.review-workbench-toolbar,.review-workbench-header,.review-workbench-footer) { border-color:var(--brand-line); }
body#brand-site[data-brand-ui] :is(.status-line.is-error,.conversion-flow-warning,.result-review-warning) { color:var(--brand-error); }
body#brand-site[data-brand-ui] .auth-card h2 { font:650 38px/1.1 'Newsreader',serif; color:var(--brand-ink); }
body#brand-site[data-brand-ui] :is(.account-dashboard h2,.legal-page h1) { font-family:'Newsreader',serif; letter-spacing:-.025em; }
body#brand-site[data-brand-ui] :is(.account-nav,.dashboard-nav) a[aria-current=page] { background:#ede1cf; color:#956341; }
@keyframes brand-panel-in { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@keyframes brand-source-drift { to { transform:translateY(-7px) rotate(-4deg); } }
@keyframes brand-transfer { 0%,15% { transform:translateX(0); opacity:0; } 30%,70% { opacity:1; } 90%,100% { transform:translateX(70px); opacity:0; } }
@keyframes brand-running { from { transform:translateX(-100%); } to { transform:translateX(550%); } }
@keyframes brand-pulse { 50% { box-shadow:0 0 0 8px #bd694409; } }
@media(max-width:899px) {
 body#brand-site[data-brand-ui][data-home-page] .brand-hero-title { white-space:normal; font-size:clamp(42px,6.8vw,62px); }
 body#brand-site[data-brand-ui][data-home-page] .brand-hero-title>span { display:block; }
 body#brand-site[data-brand-ui][data-home-page] .brand-hero-lede { font-size:14px; max-width:100%; }
 body#brand-site[data-brand-ui][data-converter-page] .hero-shell { padding:32px 20px; }
 body#brand-site[data-brand-ui][data-converter-page] .hero-grid { grid-template-columns:1fr; gap:22px; }
 body#brand-site[data-brand-ui][data-converter-page] .hero-copy { grid-column:1; grid-row:1; text-align:center; }
 .brand-source-lede { max-width:none; font-size:16px; }
 .brand-source-title { font-size:48px; }
 .brand-source-art { display:none; }
 body#brand-site[data-brand-ui] .brand-hero-seo>summary { justify-content:center; }
 .brand-seo { width:calc(100% - 40px); }
 body#brand-site[data-brand-ui] .monthly-plan-grid { gap:12px; }
 body#brand-site[data-brand-ui] .price-card { padding:20px; }
 body#brand-site[data-brand-ui] .credit-pack-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body#brand-site[data-brand-ui] .connection-tabs button { padding:20px 16px; }
 body#brand-site[data-brand-ui] .connection-panel { padding:25px; gap:25px; }
 body#brand-site[data-brand-ui] .connection-method-code { font-size:25px; }
 body#brand-site[data-brand-ui] .pricing-flow ol { grid-template-columns:1fr; }
}
@media(max-width:600px) {
 body#brand-site[data-brand-ui] .monthly-plan-grid { grid-template-columns:1fr; }
 body#brand-site[data-brand-ui] .credit-pack-grid { grid-template-columns:1fr; }
 body#brand-site[data-brand-ui] .price-card { padding:25px; }
 body#brand-site[data-brand-ui] .connection-tabs button { padding:20px 10px; min-height:110px; }
 body#brand-site[data-brand-ui] .connection-tabs strong { font-size:12px; line-height:1.35; }
 body#brand-site[data-brand-ui] .connection-method-detail { display:none; }
 body#brand-site[data-brand-ui] .connection-method-code { font-size:25px; margin-bottom:12px; }
 body#brand-site[data-brand-ui] .connection-tabs button::after { left:10px; right:10px; }
 body#brand-site[data-brand-ui] .connection-panel-copy h2 { font-size:31px; }
 body#brand-site[data-brand-ui] .connection-panel { padding:23px 19px; grid-template-columns:1fr; }
 body#brand-site[data-brand-ui] .connection-panel pre { padding:18px; font-size:11px; }
 body#brand-site[data-brand-ui] .docs-connect-intro { padding-top:30px; }
 body#brand-site[data-brand-ui] .docs-connect-intro h1 { font-size:49px; }
 body#brand-site[data-brand-ui] .conversion-flow { padding:18px; }
 body#brand-site[data-brand-ui] .conversion-stage-summary { flex-direction:column; gap:6px; }
 body#brand-site[data-brand-ui] .conversion-flow-heading { flex-direction:column; align-items:start; gap:8px; }
 body#brand-site[data-brand-ui] .drop-title { font-size:21px; }
 body#brand-site[data-brand-ui] .brand-site-link { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
 body#brand-site[data-brand-ui] *,body#brand-site[data-brand-ui] *::before,body#brand-site[data-brand-ui] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
body#brand-site[data-brand-ui].brand-paused *,body#brand-site[data-brand-ui].brand-paused *::before,body#brand-site[data-brand-ui].brand-paused *::after { animation-play-state:paused!important; }
body#brand-site[data-brand-ui] :is(.docs-connect-intro,.pricing-hero) { margin:0; }
body#brand-site[data-brand-ui] .docs-page { padding-top:18px; }
body#brand-site[data-brand-ui] .connection-workspace { padding:0; }
body#brand-site[data-brand-ui] .connection-panel { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
body#brand-site[data-brand-ui] .connection-method-code { font-family:'IBM Plex Sans',sans-serif; font-weight:500; }
@media(max-width:899px){body#brand-site[data-brand-ui] .connection-panel { grid-template-columns:1fr; }}
body#brand-site[data-brand-ui] .dropzone.has-selection { background:#f4eddf; border-color:#c7ae8e; }
body#brand-site[data-brand-ui] .dropzone.has-selection .drop-title { color:var(--brand-ink); }
body#brand-site[data-brand-ui] .formula-beta-option { padding:16px; margin:20px 0; }
body#brand-site[data-brand-ui] .formula-beta-option strong { font-size:14px; font-weight:500; color:#695c4b; }
body#brand-site[data-brand-ui] .formula-beta-option small { font-size:12px; font-weight:400; line-height:1.6; color:var(--brand-muted); }
body#brand-site[data-brand-ui] .formula-beta-option input { accent-color:var(--brand-accent); }
body#brand-site[data-brand-ui] .connection-panel-setup { min-width:0; }
body#brand-site[data-brand-ui] .connection-panel pre { overflow:auto; }
body#brand-site[data-brand-ui] .brand-hero-seo [data-hero-disclosure] { display:none; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-note { font-weight:400; }
body#brand-site[data-brand-ui] .conversion-flow[data-stage=stopped] { background:#f7eee5; border-color:#dbc7b4; }
body#brand-site[data-brand-ui] .conversion-flow[data-stage=stopped]::before { display:none; }
body#brand-site[data-brand-ui] .conversion-flow[data-stage=stopped] [data-state=active]>span { animation:none; border-color:var(--brand-error); box-shadow:none; }
body#brand-site[data-brand-ui] .conversion-flow[data-stage=stopped] .conversion-flow-heading h3 { color:var(--brand-error); }
body#brand-site[data-brand-ui] :is(.review-source-pane,.review-rendered-pane) { background:var(--brand-surface); border-color:var(--brand-line); }
body#brand-site[data-brand-ui] .review-pane-tabs button[aria-pressed=true] { background:#efe0ca; color:#8d5f38; border-color:#d7bea0; }
body#brand-site[data-brand-ui] .brand-connection-icon { position:absolute; top:25px; right:27px; width:40px; height:40px; fill:none; stroke:var(--brand-accent); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:600px){body#brand-site[data-brand-ui] .brand-connection-icon { display:none; }}
body#brand-site[data-brand-ui] .nav-links a[aria-current=page] { color:var(--brand-surface); background:var(--brand-ink); }
/* Existing syntax colors were authored for light code surfaces. */
body#brand-site[data-brand-ui] .connection-panel pre .syntax-string { color:#c7d3ad; }
body#brand-site[data-brand-ui] .connection-panel pre .syntax-url { color:#e6bb96; }
body#brand-site[data-brand-ui] .connection-panel pre .syntax-variable { color:#dccbe5; }
body#brand-site[data-brand-ui] .connection-panel pre .syntax-keyword { color:#efb989; }
body#brand-site[data-brand-ui] .connection-panel pre .syntax-comment { color:#b1a795; }
body#brand-site[data-brand-ui] .pricing-hero { display:block; }
body#brand-site[data-brand-ui] .pricing-value-strip { display:flex; flex-wrap:wrap; justify-content:center; gap:22px; margin:0 auto; }
body#brand-site[data-brand-ui] .pricing-value-strip span { color:var(--brand-muted); font-size:12px; font-weight:400; }
body#brand-site[data-brand-ui] .pricing-catalog { margin-top:16px; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-client-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; margin:20px 0 0; gap:0; padding:0; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-client-strip a { padding:8px; background:transparent; border:0; box-shadow:none; text-align:left; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-client-strip span { display:block; font-size:11px; }
/* A short code block must let the wheel reach the scrollable review shell. */
body#brand-site[data-brand-ui] .review-markdown-pane :is(pre,.code-scroll) { overscroll-behavior:auto; }


/* Readability: remove redundant copy first; never shrink text to make the UI fit. */
body#brand-site[data-brand-ui] { font-size:16px; }
body#brand-site[data-brand-ui] :is(button,input,select,summary,label,.nav-links a,.header-actions a) { font-size:14px; }
body#brand-site[data-brand-ui] :is(.primary-action,.plan-action,.review-primary-download) { font-size:16px; }
body#brand-site[data-brand-ui] :is(.hero-lede,.brand-hero-lede,.brand-source-lede,.connection-decision,.plan-tagline,.plan-period,.pricing-note,.pack-validity,.source-boundary) { font-size:16px; line-height:1.55; }
body#brand-site[data-brand-ui] :is(.status-line,.drop-subtitle,.quota-action,.formula-beta-option small,.formula-beta-option strong,.conversion-stage-summary>span,.conversion-stage-summary>strong,.conversion-flow-heading>strong,.job-progress-list [data-job-status],.connection-actions a,.connection-method-detail,.plan-features li,.plan-features strong,.plan-credit-rate,.plan-save,.current-plan-status,.plan-badge,.pricing-value-strip span,.url-source-links a,.review-pane>header,.review-pane-tabs button,.review-workbench-meta,.review-workbench-download-status,.review-workbench-warning-summary,.brand-scroll-hint,.brand-story-count,.brand-motion-toggle,.brand-step-nav button,.brand-plan-credit>span,.brand-plan-feature,.brand-plan-brand,.brand-details>summary,.brand-seo>summary) { font-size:14px; line-height:1.5; }
body#brand-site[data-brand-ui] :is(.brand-seo-content p,.brand-seo-content li,.brand-details-content p,.doc-section p,.doc-section li,.faq-section p,.faq-section summary,.connection-steps li,.pack-card>div>p:not(.plan-name)) { font-size:16px; line-height:1.7; }
body#brand-site[data-brand-ui] :is(.brand-overline,.section-kicker,.eyebrow,.metric-tag,.conversion-stage-list li,.conversion-stage-list li strong,.doc-nav a,.doc-nav-group>span,.doc-section-heading button,.site-footer a,.site-footer-directory strong,.site-footer-brand span,.brand-format-number,.brand-format-art>span,.brand-format-controls button) { font-size:14px; }
body#brand-site[data-brand-ui] .connection-tabs strong { font-size:16px; line-height:1.4; }
body#brand-site[data-brand-ui] .connection-tabs button { min-height:160px; }
body#brand-site[data-brand-ui] .brand-source-title { text-wrap:balance; }
/* The same compact working surface on every subject URL. */
body#brand-site[data-brand-ui][data-converter-page] .unified-input-panel { width:min(820px,100%); padding:20px; }
body#brand-site[data-brand-ui][data-converter-page] .file-input-form { width:100%; margin:0; border:0; padding:0; background:none; }
body#brand-site[data-brand-ui][data-converter-page] .upload-controls { display:block; margin-top:12px; }
body#brand-site[data-brand-ui][data-converter-page] .upload-controls .primary-action { width:100%; }
body#brand-site[data-brand-ui][data-converter-page] .dropzone { min-height:126px; padding:20px 26px; }
body#brand-site[data-brand-ui] .url-source-links { gap:5px 14px; justify-content:center; margin-top:13px; }
body#brand-site[data-brand-ui] .url-divider { font-size:14px; margin:16px 0 8px; }
body#brand-site[data-brand-ui] .inline-url-form { margin:0; }
body#brand-site[data-brand-ui] .url-fetch-row { margin-top:8px; }
body#brand-site[data-brand-ui] :is(.brand-source-art>div>span,.brand-md-icon small) { font-size:14px; }
body#brand-site[data-brand-ui] :is(.brand-hero-seo,.brand-hero-details)>summary { font-size:14px; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-client-strip { display:flex; flex-wrap:wrap; gap:12px; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-client-strip a { font-size:14px; }
body#brand-site[data-brand-ui] .brand-hero-seo .hero-client-strip span { display:none; }
/* These strings repeat the input/action. Real progress and errors stay visible. */
body#brand-site[data-brand-ui] .status-line.brand-empty-hint { display:none; }
body#brand-site[data-brand-ui] :is(.converter-tool-discovery,.result-optional-note) { display:none; }
/* Topic links belong after the content, away from the primary conversion action. */
.brand-related { width:min(1120px,calc(100% - 64px)); margin:34px auto 56px; border-top:1px solid var(--brand-line); padding-top:24px; }
.brand-related>p { font:600 28px/1.15 'Newsreader',serif; margin:0 0 18px; }
.brand-related>div { display:flex; flex-wrap:wrap; gap:12px 25px; }
.brand-related a { font-size:16px; color:var(--brand-muted); text-decoration:none; }
.brand-related a:hover { color:var(--brand-accent); }
body#brand-site[data-brand-ui] .monthly-plan-grid .plan-features li { gap:12px; }
body#brand-site[data-brand-ui] .plan-credit-rate { max-width:100%; white-space:normal; }
body#brand-site[data-brand-ui] .plan-price-meta { width:100%; }
body#brand-site[data-brand-ui] .plan-tagline>span { display:none; }
body#brand-site[data-brand-ui] .pack-card>div>p:not(.plan-name) { min-height:85px; }
body#brand-site[data-brand-ui] .brand-copy small { display:none; }
body#brand-site[data-brand-ui] .brand-plan-price small { font-size:16px; }
/* Code stays readable; only the external demo toolbar uses compact type. */
body#brand-site[data-brand-ui] :is(.connection-panel pre,.connection-panel pre code,.review-markdown-pane pre,.review-markdown-pane pre code) { font-size:14px; line-height:1.7; }
body#brand-site[data-brand-ui] :is(.brand-example-label,.brand-raw-lines code,.brand-raw-lines b,.brand-stream-line,.brand-block-count,.site-footer-brand small,.brand-file-icon+small) { font-size:14px; }
@media(max-width:899px){
 body#brand-site[data-brand-ui] .brand-section-top { align-items:start; }
 body#brand-site[data-brand-ui] .brand-section-top .brand-overline { max-width:210px; }
 body#brand-site[data-brand-ui] .brand-step-nav { gap:14px; }
 body#brand-site[data-brand-ui] .brand-stage { height:640px; }
 body#brand-site[data-brand-ui] .brand-plan-feature { font-size:14px; }
 body#brand-site[data-brand-ui] .brand-plan-deck { height:525px; }
 body#brand-site[data-brand-ui] .credit-pack-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px){
 body#brand-site[data-brand-ui] .connection-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body#brand-site[data-brand-ui] .connection-tabs button { min-height:80px; padding:20px 12px; }
 body#brand-site[data-brand-ui] .connection-tabs :is(strong,.connection-method-detail) { display:none; }
 body#brand-site[data-brand-ui] .connection-method-code { margin:0; }
 body#brand-site[data-brand-ui] .connection-panel-copy h2 { font-size:32px; }
 body#brand-site[data-brand-ui] .credit-pack-grid { grid-template-columns:1fr; }
 body#brand-site[data-brand-ui][data-converter-page] .unified-input-panel { padding:16px; }
 body#brand-site[data-brand-ui] .brand-hero-lede { font-size:16px; max-width:330px; }
 body#brand-site[data-brand-ui] .brand-source-title { font-size:40px; }
 body#brand-site[data-brand-ui] .brand-section-top .brand-overline { max-width:185px; }
 body#brand-site[data-brand-ui] .brand-overline { letter-spacing:.04em; }
 body#brand-site[data-brand-ui] .brand-motion-toggle { white-space:nowrap; flex-shrink:0; }
 body#brand-site[data-brand-ui] .brand-raw-lines>div { gap:5px; }
 body#brand-site[data-brand-ui] .brand-raw-lines code { width:38px; }
 body#brand-site[data-brand-ui] .brand-raw-lines b { white-space:normal; }
 .brand-related { width:calc(100% - 40px); }
}
body#brand-site[data-brand-ui] .brand-hero-seo .format-client-strip { display:flex; flex-wrap:wrap; gap:18px; width:100%; margin:18px 0 0; padding:0; background:transparent; }
body#brand-site[data-brand-ui] .brand-hero-seo .format-client-strip a { border:0; background:none; padding:8px 0; }
body#brand-site[data-brand-ui] .brand-hero-seo .format-client-strip strong { font-size:14px; }
body#brand-site[data-brand-ui] .brand-hero-seo .format-client-strip span { display:none; }
/* The visible product has a 14px floor, including diagram labels and the footer. */
body#brand-site[data-brand-ui] :is(.brand-window-top,.brand-example-label,.brand-raw-lines code,.brand-raw-lines b,.brand-stream-line,.brand-block-count,.brand-review-body>div>span,.brand-reuse-hub>small,.brand-destinations>div,.site-footer-brand small,.brand-file-icon+small) { font-size:14px; }
@media(max-width:600px){
 body#brand-site[data-brand-ui] .brand-raw-lines code { width:60px; flex-shrink:0; }
 body#brand-site[data-brand-ui] .brand-raw-lines b { overflow-wrap:anywhere; }
 body#brand-site[data-brand-ui] .brand-cleanup-body { gap:12px; }
}
body#brand-site[data-brand-ui] :is(.plan-price-meta span,.custom-price-label,.pricing-launch-state strong,.pricing-launch-state span,.disclosure-arrow,.disclosure-action span,.doc-copy-actions span,.drop-flow,.job-progress-list span) { font-size:14px; }
body#brand-site[data-brand-ui] :is(.plan-features li span,.docs-copy-toolbar span) { font-size:14px; }
body#brand-site[data-brand-ui] :is(.brand-copy strong,.oauth-permissions>strong,.oauth-permissions>p,.oauth-permissions>span,.legal-note,.legal-note a) { font-size:14px; }
body#brand-site[data-brand-ui] .oauth-permissions h2 { font-size:16px; }
body#brand-site[data-brand-ui] :is(.home-format-belt .orbit-outer,.credit-balance-card>span,.credit-balance-card>small,.credit-balance-card>p,.plan-summary-card>span,.plan-summary-card>small,.plan-summary-card>p,.account-plan-action,.usage-receipt-heading span,.usage-receipt-heading p,.usage-receipt-totals span,.usage-balance-summary) { font-size:14px; }
body#brand-site[data-brand-ui] :is(.app-page small,.history-limit-note,.api-key-create-context p,.api-key-create-context code,.api-key-form span,.disclosure-cue span,.developer-connection-state span,.billing-mode-badge,.billing-value-strip span,.billing-step-label b,.billing-select-arrow,.billing-manage-note strong,.billing-manage-note span) { font-size:14px; }
body#brand-site[data-brand-ui] :is(.billing-step-label em,.billing-recommendation) { display:none; }
body#brand-site[data-brand-ui] :is(.api-key-inventory-head span,.billing-management-row strong,.billing-management-row span) { font-size:14px; }
body#brand-site[data-brand-ui] .account-section-nav a { font-size:14px; }
body#brand-site[data-brand-ui] .review-markdown-status { font-size:14px; }

/* A clear dollar glyph and a stable baseline at every price size. */
body#brand-site[data-brand-ui] :is(.plan-price .plan-currency,.brand-plan-price>span) {
 font-family:'IBM Plex Sans',sans-serif;
 font-size:30px;
 font-weight:400;
 line-height:1;
 letter-spacing:0;
 font-synthesis:none;
 padding:0;
 margin-right:5px;
 transform:none;
 vertical-align:baseline;
}
body#brand-site[data-brand-ui] .brand-plan-price>span { position:relative; top:-.75em; }
body#brand-site[data-brand-ui] .status-line.is-idle-hint { display:none; }

/* Credit allowance is the primary comparison within a plan. */
body#brand-site[data-brand-ui] .plan-features li:first-child strong { font-size:16px; }

/* Keep annual totals readable when three full-size prices no longer fit. */
@media (max-width:980px) {
  body#brand-site[data-brand-ui] .monthly-plan-grid { grid-template-columns:1fr; max-width:600px; margin-inline:auto; }
}

/* Small text uses ink colors with sufficient contrast on the warm paper surfaces. */
body#brand-site[data-brand-ui] :is(.brand-step-nav button:not([aria-selected=true]),.brand-scene-copy>p,.brand-window-top,.brand-block-count,.brand-raw-lines code,.brand-scroll-hint,.brand-story-count,.brand-heading-row>p,.brand-plan-heading>p:not(.brand-overline),.brand-format-number,.brand-format-card p,.brand-plan-brand,.brand-plan-price small,.brand-plan-caption,.brand-plan-credit>span,.brand-plan-feature,.brand-connect-copy>p:last-child) { color:#6c6254; }
body#brand-site[data-brand-ui] :is(.brand-overline,.eyebrow,.brand-window-top strong,.brand-format-art>span,.brand-source-art>div>span) { color:#a44e2f; }
body#brand-site[data-brand-ui] :is(.plan-credit-rate,.plan-features li>span) { color:#4f6045; }
body#brand-site[data-brand-ui] .plan-badge { color:#614121; }