/* Refractive controls and theme-aware surfaces. Geometry remains in the page components. */
:root {
  --rh-gradient:linear-gradient(112deg,#ec35d8 0%,#fc389f 52%,#ff8869 100%);
  --rh-glass:linear-gradient(140deg,#ffffffc9,#ffffff70 58%,#edf7ffac);
  --rh-matte:#f7f9ffd4;
  --rh-inner:#eef2ff8c;
  --rh-edge:#ffffffdc;
  --rh-ink:#101746;
  --rh-caption:#596b9f;
  --rh-glow:#ed57c345;
  --rh-depth:0 8px 28px -15px #6779c747;
}
:root[data-theme=dark] {
  --bg:#0d1429;--panel:#19243acc;--solid:#19243b;--muted-panel:#24314c;
  --text:#f1f5ff;--muted:#b5c2e3;--line:#52638466;--nav:#17243ce8;
  --rh-glass:linear-gradient(138deg,#324159a8,#1b2943ba 57%,#283754b5);
  --rh-matte:#1a263eea;--rh-inner:#25344da8;--rh-edge:#a2bada45;
  --rh-ink:#f1f5ff;--rh-caption:#b5c2e3;--rh-depth:0 10px 32px -15px #0009;
  --rh-glow:#ee5dbb34;--dash-glass:var(--rh-glass);
}
/* A rounded optical edge, an upper reflection, and a lower caustic. No image is used as a button. */
:is(.btn,.lang-button,.theme-pair,.choice-group>button,.tabs>.tab,.dash-periods>button,.auth-provider-slot>a,.auth-provider-slot>button,.search-submit,.platform-open,.sidebar nav .nav-link.active) {
  --button-fill:linear-gradient(120deg,#ffffffbd,#eef4ffa1);
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--rh-edge);border-radius:14px;
  background:radial-gradient(ellipse at 12% 0%,#ffffffc2,transparent 31%),radial-gradient(ellipse at 91% 104%,#fff8,transparent 40%),linear-gradient(180deg,#ffffff52 0%,#ffffff08 37%,#1a1c5708 70%,#ffffff33),var(--button-fill);
  color:var(--rh-ink);
  box-shadow:inset 0 2px 1px #ffffffd4,inset 1px 0 1px #ffffff9c,inset 0 -2px 2px #a8b7e452,0 4px 12px -7px #626aa66b;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .22s,filter .2s;
  -webkit-tap-highlight-color:transparent;
}
:is(.btn,.lang-button,.theme-pair,.choice-group>button,.tabs>.tab,.dash-periods>button,.auth-provider-slot>a,.auth-provider-slot>button,.search-submit,.platform-open,.sidebar nav .nav-link.active)::after {
  content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;pointer-events:none;
  border:1px solid #ffffff63;
  background:linear-gradient(174deg,#ffffff58 0%,#ffffff12 36%,transparent 37% 74%,#ffffff2c 93%,#fff8);
  box-shadow:inset 0 1px 2px #fff8,inset 0 -1px 2px #ffffff78;
}
:is(.btn.primary,.btn.primary:hover,.sidebar nav .nav-link.active,.choice-group>button.active,.choice-group>button[aria-pressed=true],.choice-group>button[aria-checked=true]) {
  --button-fill:var(--rh-gradient);color:#fff;
  background:radial-gradient(ellipse at 8% 1%,#ffffff91,transparent 27%),radial-gradient(ellipse at 95% 99%,#fff9,transparent 31%),linear-gradient(180deg,#ffffff3b 0%,#ffffff09 35%,#af085515 67%,#ffffff38),var(--button-fill);
  border-color:#ffffffac;
  box-shadow:inset 0 2px 2px #ffffffd6,inset 2px 0 3px #ffffff8c,inset -1px -2px 3px #bc2c7973,0 7px 20px -8px #ed4aaa88;
  text-shadow:0 1px 2px #77154448;
}
:is(.btn,.lang-button,.theme-pair,.choice-group>button,.tabs>.tab,.dash-periods>button,.auth-provider-slot>a,.auth-provider-slot>button):hover {
  transform:translateY(-1px);filter:brightness(1.035);
  box-shadow:inset 0 2px 2px #ffffffb0,inset 0 -2px 2px #ffffff55,0 9px 23px -10px var(--rh-glow);
}
:is(.btn,.lang-button,.theme-pair,.choice-group>button,.tabs>.tab,.dash-periods>button,.auth-provider-slot>a,.auth-provider-slot>button):active {
  transform:translateY(1px) scale(.98);filter:brightness(.97);transition-duration:.08s;
  box-shadow:inset 0 2px 7px #44265238,inset 0 -1px 2px #fff9,0 2px 6px #bc59a52b;
}
:is(button,a,input,select,textarea):focus-visible {outline:3px solid var(--ring);outline-offset:3px}
:is(.btn,.choice-group>button):disabled {opacity:.48;filter:saturate(.45);cursor:not-allowed;transform:none}
.btn>svg,.auth-provider-slot img {flex-shrink:0}
.btn {text-wrap:balance;overflow-wrap:anywhere}
.tabs,.dash-periods {background:var(--rh-inner);border:1px solid var(--rh-edge);box-shadow:inset 0 1px 2px #fff5}
.tabs>.tab:not(.active),.dash-periods>button:not([aria-pressed=true]) {background:transparent;border-color:transparent;box-shadow:none}
.tabs>.tab:not(.active)::after,.dash-periods>button:not([aria-pressed=true])::after {opacity:0}
.tabs .active,.tabs [aria-selected=true],.dash-periods [aria-pressed=true] {color:var(--purple);--button-fill:linear-gradient(110deg,#f5dbff,#cfdeff)}
.auth-providers {align-items:stretch}
.auth-provider-slot {height:auto;min-height:50px;min-width:0}
.auth-provider-slot>a,.auth-provider-slot>button {min-height:50px;height:100%;font-size:13px;padding:12px 10px;line-height:1.35;white-space:normal;text-align:center}
.auth-provider-slot>a>span,.auth-provider-slot>button>span {min-width:0;overflow-wrap:anywhere}
.auth-provider-slot img {width:22px;height:22px}
.theme-pair>span {position:relative;z-index:1}
.lang-button::after {content:none}
.lang-menu {max-width:calc(100vw - 28px);overscroll-behavior:contain}
.lang-menu button {min-height:40px;line-height:1.3}
.card,.dash-section,.dash-mini,.dash-stat,.dash-platform,.dash-chart-panel,.source-column,.source-summary-card,.auth-form {
  background:var(--rh-glass);border-color:var(--rh-edge);
  box-shadow:var(--rh-depth),inset 0 1px 2px #ffffffac,inset 0 -1px 1px #ffffff56;
}
.source-item,.script-inspiration,.script-library-picker,.dash-library-row,.dna-best-list li>span {
  background:var(--rh-matte);border-color:var(--rh-edge);
}
.source-item {padding:12px;border-radius:14px}
.source-item .actions {gap:6px}
.dash-date {background:var(--rh-glass);border-color:var(--rh-edge);color:var(--rh-caption)}
.dash-chart-panel {color:var(--metric-color)}
.dash-chart-panel.purple {--metric-color:var(--dash-purple)}
.dash-chart-panel.blue {--metric-color:var(--dash-blue)}
.dash-chart-panel.pink {--metric-color:var(--dash-pink)}
.dash-chart svg text {fill:var(--rh-caption)}
.dash-chart svg .dash-chart-grid {stroke:var(--line)}
.feed-poster {background:#15223b}
.script-inspiration>img {mix-blend-mode:normal}
.analysis-progress-visual {background-image:url('/__rh_ui/glass-fcf7d18705bb/assets/brand/glass-play-orbit.webp');background-size:auto 215px}
.script-inspiration>img {aspect-ratio:1;height:auto;max-height:280px;width:100%;margin:0;object-fit:contain;filter:drop-shadow(0 8px 15px #8654c822)}
.card,.dash-section,.dash-mini,.source-column,.source-summary-card {backdrop-filter:none;-webkit-backdrop-filter:none}
.btn:before {will-change:auto}
:root[data-theme=dark] body {background:radial-gradient(ellipse at 0 0,#42317622,transparent 50%),var(--bg)}
:root[data-theme=dark] body::before {opacity:.12}
:root[data-theme=dark] :is(.card,.dash-section,.dash-mini,.dash-stat,.dash-platform,.dash-chart-panel,.source-column,.source-summary-card,.auth-form,.usage-card,.admin-overview .stat,.sidebar,.script-top,.notification,.library-tile,.dna-account) {
  color:var(--text);background:var(--rh-glass);border-color:var(--rh-edge);
  box-shadow:var(--rh-depth),inset 0 1px 1px #ffffff28,inset 0 -1px 1px #0002;
}
:root[data-theme=dark] :is(.source-item,.script-inspiration,.script-library-picker,.dash-library-row,.dash-date,.dash-source,.dash-quick,.dash-history-item,.dash-comparison,.script-part,.script-alternative,.library-folder-link,.faq-list details,.dna-best-list li>span,.history-row:hover,.sidebar-project>div,.sidebar-user,.sidebar-plan,.header-search,.auth-kicker,.auth-platforms .pill,.onboarding-layout .step,.analysis-promo,.analysis-capabilities) {
  background:var(--rh-matte);color:var(--text);border-color:var(--rh-edge);box-shadow:inset 0 1px 1px #ffffff14;
}
:root[data-theme=dark] :is(.tabs,.dash-periods) {background:#192740d6;border-color:var(--rh-edge);box-shadow:inset 0 1px 2px #ffffff17}
:root[data-theme=dark] :is(.btn:not(.primary),.lang-button,.theme-pair,.choice-group>button:not(.active):not([aria-pressed=true]):not([aria-checked=true]),.tabs>.tab,.dash-periods>button,.auth-provider-slot>a,.auth-provider-slot>button,.search-submit,.platform-open) {
  --button-fill:linear-gradient(130deg,#324562cc,#26354ecb);
  background:radial-gradient(ellipse at 8% 0%,#bfe6ff23,transparent 40%),linear-gradient(180deg,#ffffff1c,transparent 42%,#070e281a 70%,#b5dbff12),var(--button-fill);
  color:var(--text);border-color:#b4c9e840;
  box-shadow:inset 0 1px 1px #e0f0ff4c,inset 0 -1px 1px #acc8ed1a,0 5px 16px -9px #0009;
}
:root[data-theme=dark] :is(.btn,.lang-button,.theme-pair,.choice-group>button,.tabs>.tab,.dash-periods>button,.auth-provider-slot>a,.auth-provider-slot>button,.search-submit,.platform-open)::after {background:linear-gradient(174deg,#ffffff12,transparent 37% 76%,#accfff13);border-color:#e1f5ff20;box-shadow:inset 0 1px 1px #ffffff15,inset 0 -1px 1px #bedbff14}
:root[data-theme=dark] .btn.primary,:root[data-theme=dark] .sidebar nav .nav-link.active,:root[data-theme=dark] .choice-group>button.active,:root[data-theme=dark] .choice-group>button[aria-pressed=true],:root[data-theme=dark] .choice-group>button[aria-checked=true] {--button-fill:var(--rh-gradient);background:radial-gradient(ellipse at 10% 0,#fff8,transparent 29%),linear-gradient(180deg,#ffffff30,transparent 42%,#92114212 71%,#ffffff30),var(--button-fill);color:white;border-color:#ffffff7f;box-shadow:inset 0 2px 2px #ffffff9c,inset 0 -2px 2px #fba1d342,0 7px 20px -9px #f641af66}
:root[data-theme=dark] :is(.tabs>.tab.active,.tabs>.tab[aria-selected=true],.dash-periods>button[aria-pressed=true]) {--button-fill:linear-gradient(115deg,#594377,#394c77);color:#f0d9ff}
:root[data-theme=dark] :is(.tabs>.tab:not(.active),.dash-periods>button:not([aria-pressed=true])) {background:transparent;box-shadow:none;border-color:transparent;color:var(--muted)}
:root[data-theme=dark] :is(input,textarea,select,.analysis-form input,.feed-filters input,.feed-filters select,.auth-input-wrap>input) {background-color:#16233bc2;color:var(--text);border-color:#819bc347;box-shadow:inset 0 1px 3px #080e2429}
:root[data-theme=dark] :is(input,textarea)::placeholder {color:#9cafd3;opacity:1}
:root[data-theme=dark] :is(input,textarea,select):focus {background-color:#1d2e4a;border-color:#d199fa;box-shadow:0 0 0 3px #bc78f627}
:root[data-theme=dark] :is(.stat-symbol,.metric-symbol,.mini-icon,.auth-feature-grid .mini-icon) {background:color-mix(in srgb,currentColor 12%,#192741);border-color:color-mix(in srgb,currentColor 22%,transparent);box-shadow:inset 0 1px 1px #ffffff2b}
:root[data-theme=dark] :is(.dash-stat.pink,.dash-stat.purple,.dash-stat.green) .stat-symbol {background:#29314b}
:root[data-theme=dark] .dash-stat.pink .stat-symbol {color:#ff7dae}
:root[data-theme=dark] .dash-stat.purple .stat-symbol {color:#cf9fff}
:root[data-theme=dark] .dash-stat.green .stat-symbol {color:#55e8b0}
:root[data-theme=dark] :is(.dash-platform .metric-symbol,.youtube .metric-symbol,.tiktok .metric-symbol) {background:#283950}
:root[data-theme=dark] .dash-platform .metric-likes .metric-symbol {color:#ff789f}
:root[data-theme=dark] :is(.dash-metric>div,.dash-library-row>strong,.script-part .role) {background:var(--rh-inner);color:var(--text)}
:root[data-theme=dark] :is(.connection-state.connected,.badge.good,.notice.success) {background:#1a503b;color:#9bf0c5;border-color:#41bd894c}
:root[data-theme=dark] :is(.connection-state.disconnected,.badge.error,.notice.error) {background:#4c2944;color:#ffb1cc;border-color:#e780ab47}
:root[data-theme=dark] .badge.pink {background:#48365f;color:#e4c2ff}
:root[data-theme=dark] .dash-chart-panel {color:var(--metric-color)}
:root[data-theme=dark] .dash-chart-panel header>strong {background:color-mix(in srgb,var(--metric-color) 14%,transparent);color:var(--metric-color)}
:root[data-theme=dark] :is(.positive,.usage-good) {color:#67eab4}
:root[data-theme=dark] .negative {color:#ff80aa}
:root[data-theme=dark] .neutral {color:#ffcb7b}
:root[data-theme=dark] :is(.auth-subtitle,.auth-art>p,.auth-feature-grid p,.auth-legal,.auth-bottom,.auth-input-field>label,.feed-date,.feed-result-count,.dash-title p,.source-item small) {color:var(--rh-caption)}
:root[data-theme=dark] :is(.lang-menu,dialog,.toast) {background:#1c2b44f5;color:var(--text);border-color:var(--rh-edge)}
:root[data-theme=dark] .lang-menu button {color:var(--text)}
:root[data-theme=dark] .lang-menu button:hover,:root[data-theme=dark] .lang-menu button.selected {background:#493c68}
:root[data-theme=dark] .auth-input-wrap>button:hover {background:#344563}
:root[data-theme=dark] .notification.unread {background:linear-gradient(130deg,#48385d99,#22354ed9)}
:root[data-theme=dark] .plan-card.featured {background:radial-gradient(at 90% 0,#fa49ab22,transparent 70%),var(--rh-matte);border-color:#f178c9}
:root[data-theme=dark] .feed-body {background:transparent;color:var(--text)}
:root[data-theme=dark] .feed-side-actions .btn {background:#192137a6;color:white;border-color:#ffffff4d}
:root[data-theme=dark] .feed-poster .platform-icon {background:transparent}
:root[data-theme=dark] .script-inspiration {background:radial-gradient(at 50% 0,#55539b31,transparent 65%),var(--rh-matte)}
:root[data-theme=dark] .theme-pair>span:first-child {background:#463924;color:#ffcf6e}
:root[data-theme=dark] .theme-pair>span:last-child {background:#513967;color:#dfb2ff}
@media(max-width:600px) {
  .auth-providers {grid-template-columns:1fr}
  .auth-provider-slot>a,.auth-provider-slot>button {font-size:14px;min-height:50px}
  .source-item {padding:12px}
  .lang-menu {position:fixed;inset:64px 14px auto auto;width:240px;max-height:calc(100dvh - 84px);z-index:200}
}
@media(prefers-reduced-motion:reduce) {
  :is(.btn,.lang-button,.theme-pair,.choice-group>button,.tab,.auth-provider-slot>a,.auth-provider-slot>button){transition:none;transform:none}
}

/* Landing: the complete reference composition, built as live HTML and charts. */
body:has(.glass-landing) {background:radial-gradient(ellipse at 0% 27%,#f2d9ff69,transparent 45%),radial-gradient(ellipse at 100% 55%,#d9eeff82,transparent 48%),#f1f7ff}
body:has(.glass-landing)::before {opacity:.24}
.glass-landing {max-width:1440px;width:calc(100% - 72px);margin:0 auto;color:var(--rh-ink);padding-bottom:20px}
.glass-landing h1,.glass-landing h2,.glass-landing h3,.glass-landing p,.glass-landing figure {margin:0}
.glass-landing a {text-decoration:none;color:inherit}
.glass-landing h2 {font-size:clamp(21px,2.05vw,29px);line-height:1.15;letter-spacing:-.85px;font-weight:790}
.glass-landing h3 {font-size:15px;line-height:1.3;letter-spacing:-.3px;font-weight:740}
.glass-landing p {font-size:14px;line-height:1.48;color:var(--rh-caption)}
.glass-landing .btn {min-height:42px;padding:10px 16px;font-size:13px;white-space:normal;line-height:1.25}
.glass-landing .btn.primary {color:white}
.optical-panel {border:1px solid var(--rh-edge);border-radius:22px;background:linear-gradient(145deg,#ffffffb8,#ffffff62 65%,#e9faff87);box-shadow:inset 0 2px 2px #fff,inset 1px 0 1px #fff9,inset 0 -2px 1px #fff8,0 7px 26px -17px #92ade657}
.matte-panel {background:var(--rh-matte);border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 4px 15px -10px #7b80aa1f}
.landing-nav {position:relative;z-index:85;display:flex;align-items:center;gap:24px;width:calc(100% - 44px);margin:0 auto 16px;padding:12px 18px;border-radius:0 0 23px 23px;min-height:70px;backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffea,#ffffff9a)}
.landing-nav>.brand {white-space:nowrap;gap:7px;font-size:21px;letter-spacing:-.85px;flex-shrink:0}
.landing-nav>.brand img {width:33px;height:33px}
.landing-nav>.brand strong {font-size:21px}
.landing-nav>nav {display:flex;gap:22px;align-items:center;justify-content:center;flex:1;font-size:12px;font-weight:650;white-space:nowrap}
.landing-nav>nav a {padding:8px 0;transition:color .2s}
.landing-nav>nav a:hover {color:#e634b1}
.landing-controls {display:flex;align-items:center;gap:9px}
.landing-controls .lang-button {height:38px;min-height:38px;font-size:12px;padding:7px 10px;gap:5px}
.landing-controls .lang-button>.icon {width:17px;height:17px}
.landing-controls .language-name {max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.landing-controls .theme-pair {height:38px;min-height:38px;width:57px;padding:3px}
.landing-controls .theme-pair>span {width:24px;height:27px}
.landing-controls .theme-pair .icon {width:16px;height:16px}
.landing-controls .btn {min-height:38px;font-size:11px;padding:9px 14px;white-space:nowrap}
.landing-controls .btn .icon {width:17px;height:17px}
.landing-mobile-nav {display:none}
.landing-hero {display:grid;grid-template-columns:44% 53%;gap:3%;align-items:center;padding:12px 30px 25px;min-height:530px}
.landing-pitch {padding:8px 0 0;min-width:0}
.landing-kicker {display:inline-flex;gap:9px;align-items:center;padding:9px 16px;border:1px solid #fff;background:linear-gradient(110deg,#fff9,#ffeaff88);border-radius:999px;font-size:13px;font-weight:560;color:#7271af;box-shadow:0 3px 14px #a9a4e31a;margin-bottom:10px}
.landing-kicker .icon {width:21px;height:21px;color:#ee3bd1}
.landing-pitch h1 {font-size:clamp(42px,5.1vw,75px);line-height:.95;font-weight:840;letter-spacing:-3.3px;margin:0 0 18px}
.landing-pitch h1>span {display:inline-block;background:linear-gradient(95deg,#cf35f2,#ff329f 59%,#ff8164);color:transparent;background-clip:text;-webkit-background-clip:text;line-height:1.08;padding-bottom:3px}
.landing-pitch>p {font-size:clamp(15px,1.25vw,18px);max-width:96%;line-height:1.46;margin-bottom:21px}
.landing-profile-form {display:flex;align-items:stretch;gap:4px;border:1px solid var(--rh-edge);background:var(--rh-glass);border-radius:16px;padding:4px;box-shadow:0 5px 18px -10px #788fe655,inset 0 1px 2px #fffe;min-width:0}
.landing-profile-input {display:flex;align-items:center;flex:1;min-width:0;gap:8px;margin:0;padding-inline:8px}
.landing-profile-input img {width:21px;height:21px;flex-shrink:0}
.landing-profile-input input {border:0;outline-offset:-2px;background:transparent!important;box-shadow:none!important;padding:6px 0;width:100%;min-height:38px;min-width:0;font-size:11px;color:var(--rh-ink)}
.landing-profile-input input::placeholder {color:#7684b3}
.landing-profile-form .btn {flex-shrink:0;border-radius:12px;font-size:11px;min-height:42px;padding:9px 13px;gap:7px}
.landing-profile-form .btn>.icon {width:17px;height:17px}
.landing-form-note {display:block;text-align:right;font-size:10px;line-height:1.4;color:var(--rh-caption);margin-top:7px}
.landing-proof {display:flex;gap:10px;align-items:center;margin-top:21px}
.landing-proof strong,.landing-proof b {display:block;font-size:11px;line-height:1.4;font-weight:600}
.landing-proof small {font-size:10px;color:var(--rh-caption);display:block;line-height:1.4}
.landing-faces {display:flex;flex-shrink:0;padding-left:8px}
.landing-faces .landing-photo {position:static;width:29px;height:35px;margin-left:-8px;border:2px solid white;border-radius:50%;background-size:500% 100%}
.landing-proof-note {margin-left:auto;max-width:165px}
.landing-proof-note b {background:linear-gradient(95deg,#b03eea,#fb3ca3);background-clip:text;color:transparent;font-weight:750}
.landing-report {position:relative;width:100%;height:auto;aspect-ratio:1.23;margin:0;min-width:0;direction:ltr;isolation:isolate}
.landing-report .optical-panel {position:relative;border-radius:21px;border-color:#ffffffed;box-shadow:inset 0 2px 2px #fff,inset 2px 0 1px #fff9,inset 0 -2px 1px #fff,0 10px 30px -17px #939bea59;background:linear-gradient(128deg,#ffffffdc,#ffffff78 48%,#dafaff87);overflow:hidden}
.landing-report .optical-panel:after {content:'';position:absolute;inset:4px;border:1px solid #ffffffcb;border-radius:16px;pointer-events:none;box-shadow:inset 0 1px 2px #ffffff76}
.landing-report span,.landing-report p {font-size:13px;font-weight:560}
.report-top {position:absolute;top:0;left:0;width:84%;height:27%;display:grid;grid-template-columns:43% 54%;gap:3%}
.report-top>div {padding:15px 18px}
.report-score>strong {font-size:46px;letter-spacing:-1.8px;line-height:1.08;display:block;margin:7px 0 3px}
.landing-report .report-score {display:block;min-width:0;min-height:0;text-align:left}
.landing-report .report-score>span {display:block;margin:0;padding:0}
.landing-report .report-score>strong {display:block;padding:0;background:none;box-shadow:none;border:0}
.landing-report .report-score>p {margin:0;max-width:none;position:static}
.report-score>strong>small {font-size:14px;letter-spacing:-.3px}
.report-score>p {font-size:10px;color:var(--rh-caption);display:flex;align-items:center;gap:6px}
.report-score>p>i {display:inline-block;width:8px;height:8px;background:#07d69d;border-radius:50%}
.report-ring {position:absolute;right:10px;top:26%;width:36%;aspect-ratio:1}
.report-ring svg {width:100%;height:100%;fill:none;stroke-width:8;transform:rotate(-90deg);filter:drop-shadow(0 2px 3px #ffffffcb)}
.report-ring b {position:absolute;inset:0;display:grid;place-items:center;font-size:15px;color:#635fda}
.report-growth>strong {font-size:44px;display:block;line-height:1.2;margin-top:7px;letter-spacing:-1.7px}
.report-growth>svg {position:absolute;width:64%;height:70%;right:11px;bottom:6px;overflow:visible;filter:drop-shadow(0 2px 2px #fff9)}
.landing-report .report-views {position:absolute;top:29%;left:0;width:69%;height:44%;padding:15px 20px 12px}
.report-view-value {display:flex;gap:12px;align-items:center;margin-top:0}
.report-view-value strong {font-size:clamp(33px,3.75vw,55px);line-height:1.15;letter-spacing:-1.7px}
.report-view-value b {font-size:19px;color:#00be64;letter-spacing:-.6px}
.report-views>svg {width:100%;height:calc(100% - 76px);overflow:visible;margin-top:8px}
.report-grid {fill:var(--rh-caption);font-family:Onest,sans-serif;font-size:10px}
.report-grid path {stroke:#b1bde633;stroke-width:.7;fill:none}
.report-tooltip {position:absolute;right:8%;top:48%;padding:10px 13px;border:1px solid #fff7;border-radius:14px;background:linear-gradient(130deg,#fff9,#f1e2ff8c);box-shadow:0 7px 15px #684eae21;backdrop-filter:blur(12px)}
.report-tooltip small {display:block;font-size:10px;color:var(--rh-caption)}
.report-tooltip b {display:block;font-size:18px;letter-spacing:-.5px}
.landing-report .report-video {position:absolute;right:0;top:21%;width:29%;height:55%;padding:6px;transform:rotate(1deg);z-index:3;overflow:hidden;display:flex;flex-direction:column}
.report-video>.landing-photo {display:block;flex:1;position:relative;width:100%;border-radius:16px 16px 7px 7px}
.report-video>div:last-child {display:flex;align-items:center;justify-content:space-between;gap:3px;padding:10px 6px 5px}
.report-video>div:last-child>span {display:flex;align-items:center;gap:4px;font-size:11px}
.report-video>div:last-child .icon {width:14px;height:14px}
.report-video>div:last-child>span:last-child .icon {color:#ff3b91}
.report-hot {position:absolute;top:13px;left:15px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:2}
.report-hot>span {font-size:28px;filter:drop-shadow(0 2px 3px white)}
.report-hot>b {font-size:11px;background:linear-gradient(110deg,#ff75bf,#ff38ae);border:1px solid #fffd;color:#fff;padding:3px 11px;border-radius:99px;box-shadow:0 3px 8px #ff33923b}
.report-bottom {position:absolute;top:76%;left:0;width:84%;height:22%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.report-bottom>.optical-panel {padding:12px 16px;display:flex;flex-direction:column}
.report-bottom span {font-size:11px}
.report-bottom strong {font-size:31px;line-height:1.2;letter-spacing:-1px}
.report-bottom b {font-size:13px;color:#00bd72}
.report-bottom .icon {position:absolute;right:13px;top:21px;width:21px;height:21px;color:#299bff;filter:drop-shadow(0 0 8px #4bdaff8c)}
.report-bubble {position:absolute;padding:11px 13px;border:1px solid #ffffffb0;border-radius:18px;color:white;display:flex;align-items:center;gap:6px;background:linear-gradient(120deg,#ff80d8c2,#b9c5ffe6);box-shadow:inset 0 2px 1px #fff7,0 8px 18px -9px #dc72f05c;z-index:4}
.report-bubble .icon {width:20px;height:20px;fill:currentColor}
.bubble-likes {right:-3%;top:0;transform:rotate(8deg)}
.bubble-growth {right:-4%;bottom:4%;transform:rotate(-14deg)}
.landing-report>figcaption {position:absolute;bottom:-16px;font-size:9px;color:var(--rh-caption);left:7px}
.landing-photo {display:block;background-image:url('/__rh_ui/glass-fcf7d18705bb/assets/brand/trend-strip.webp');background-repeat:no-repeat;background-size:500% 100%;background-position:0 50%}
.landing-photo.shot-1 {background-position:25% 50%}.landing-photo.shot-2 {background-position:50% 50%}.landing-photo.shot-3 {background-position:75% 50%}.landing-photo.shot-4 {background-position:100% 50%}
.landing-section {padding:14px 16px;margin:0 0 12px;scroll-margin-top:20px}
.landing-section>h2 {text-align:center;margin-bottom:15px}
.landing-four,.landing-five,.landing-three,.landing-two {display:grid;gap:13px;align-items:stretch}
.landing-four {grid-template-columns:repeat(4,minmax(0,1fr))}.landing-five {grid-template-columns:repeat(5,minmax(0,1fr))}.landing-three {grid-template-columns:repeat(3,minmax(0,1fr))}.landing-two {grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-feature {display:flex;align-items:flex-start;gap:14px;padding:19px 14px;min-height:138px}
.landing-feature h3 {margin:4px 0 7px}
.landing-feature p {font-size:14px;line-height:1.4}
.landing-orb {--orb:#f5459c;flex-shrink:0;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(at 20% 15%,#ffffffa3,transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--orb) 65%,white),var(--orb));border:2px solid #fff;box-shadow:0 5px 13px color-mix(in srgb,var(--orb) 36%,transparent),inset 0 1px 4px #fff9,inset 0 -4px 5px #fff3}
.landing-orb .icon {width:31px;height:31px;stroke-width:1.7;filter:drop-shadow(0 2px 1px #754b9849)}
.landing-orb.tone-1 {--orb:#aa54ed}.landing-orb.tone-2 {--orb:#32b9f3}.landing-orb.tone-3 {--orb:#ff705f}
.landing-section-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.landing-section-heading>a {display:flex;gap:7px;align-items:center;font-size:12px;color:var(--rh-caption)}
.landing-section-heading>a .icon {width:16px;height:16px}
.landing-trend {padding:5px 5px 10px;border-radius:12px;overflow:hidden;transition:transform .22s,box-shadow .22s}
.landing-trend:hover {transform:translateY(-4px);box-shadow:0 9px 25px -14px #9569d177}
.landing-trend-media {position:relative;aspect-ratio:1.42;border-radius:9px;overflow:hidden}
.landing-trend-media>.landing-photo {position:absolute;inset:0;background-size:500% auto;background-position-y:35%;transition:transform .35s}
.landing-trend:hover .landing-photo {transform:scale(1.035)}
.trend-platform {position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:5px;background:#ffffffb3;border:1px solid #fff6;border-radius:8px;padding:4px 6px;font-size:11px;font-weight:700;backdrop-filter:blur(6px);color:#101746}
.trend-platform img {width:22px;height:22px}
.trend-score {position:absolute;right:5px;bottom:7px;display:flex;flex-direction:column;align-items:flex-end;background:linear-gradient(140deg,#fff3,#b3e6fa7a);backdrop-filter:blur(9px);border:1px solid #ffffffb3;border-radius:11px;padding:7px 10px;color:white;text-shadow:0 1px 3px #19497533;box-shadow:inset 0 1px 2px #fff9,0 2px 9px #152d8e17}
.landing-trend:nth-child(1) .trend-score,.landing-trend:nth-child(4) .trend-score {background:linear-gradient(130deg,#ff77c149,#f96fd89c)}
.trend-score small {font-size:11px;font-weight:600}.trend-score b {font-size:25px;line-height:1.05}
.landing-trend h3 {font-size:14px;padding:8px 5px 4px;line-height:1.3;min-height:46px}
.landing-trend-metrics {display:flex;align-items:center;justify-content:space-between;gap:7px;padding:5px 6px 0;font-size:12px;font-weight:550}
.landing-trend-metrics span {display:flex;align-items:center;gap:5px}.landing-trend-metrics .icon {width:16px;height:16px}
.landing-trend-metrics span:first-child .icon {fill:currentColor;width:14px;height:14px}
.landing-trend:first-child .landing-trend-metrics span:last-child .icon {color:#ff3b93}
.landing-steps {gap:38px;padding:0 0 1px;margin-top:30px}
.landing-step {position:relative;display:flex;align-items:flex-start;gap:13px;padding:26px 14px 17px;min-height:135px}
.landing-step h3 {margin:6px 0 7px}.landing-step p {font-size:12px;line-height:1.45}
.step-number {position:absolute;top:-15px;left:calc(50% - 20px);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#984af4;border:1px solid #ebd4ff;background:linear-gradient(145deg,#fff,#f4ebff);box-shadow:inset 0 1px 2px #fff,0 2px 8px #aa76e21f;font-weight:500}
.step-number.tone-1 {color:#f338c4;background:linear-gradient(145deg,#fff,#ffe5f9)}.step-number.tone-2 {color:#ff625e;background:linear-gradient(145deg,#fff,#ffe5e6)}.step-number.tone-3 {color:#00badd;background:linear-gradient(145deg,#fff,#d9ffff)}
.step-arrow {position:absolute;right:-30px;top:50%;color:#8498c9}.step-arrow .icon {width:23px;height:23px}
.landing-tool-icon {width:44px;height:46px;border-radius:13px;flex-shrink:0;display:grid;place-items:center;color:#9b48ec;background:linear-gradient(135deg,#fff8,#f4e6ff99);border:1px solid #fff7}
.landing-tool-icon .icon {width:28px;height:28px;stroke-width:1.8}
.landing-tool-icon.tone-0 {color:#fd4e92;background:linear-gradient(130deg,#fff9,#ffe6f180)}.landing-tool-icon.tone-1 {color:#9743f0}.landing-tool-icon.tone-2 {color:#288bff;background:linear-gradient(130deg,#fff9,#def8ff9c)}.landing-tool-icon.tone-3 {color:#ed2edf;background:linear-gradient(130deg,#fff9,#ffe1fc82)}.landing-tool-icon.tone-4 {color:#f343a1;background:linear-gradient(130deg,#fff9,#ffeafc82)}
.landing-comparison {padding:13px 17px 17px}
.landing-comparison header {display:flex;align-items:center;gap:11px;position:relative;margin-bottom:6px;flex-wrap:wrap}
.landing-comparison header>.landing-tool-icon {width:37px;height:38px}
.landing-comparison h3 {font-size:18px;letter-spacing:-.6px}
.landing-best {font-size:11px;font-weight:600;line-height:1.4;border-radius:999px;background:linear-gradient(110deg,#ec2fcd,#ff447d 74%,#ff9074);box-shadow:inset 0 1px 2px #fff9,0 5px 10px -6px #f744a679;color:#fff;padding:5px 16px;white-space:nowrap;border:1px solid #fff6}
.landing-comparison .landing-best {margin-left:auto;padding:4px 10px;font-size:10px}
.landing-comparison ul,.landing-plan ul {list-style:none;margin:0;padding:0}
.landing-comparison li {display:flex;gap:13px;align-items:center;font-size:13px;color:var(--rh-caption);line-height:1.5;margin:2px 0}
.landing-comparison li .icon {width:18px;height:18px;flex-shrink:0;color:#ff2a83;stroke-width:2}
.landing-comparison:first-child li .icon {color:#00ac98;stroke-width:2.5}
.landing-tool {display:flex;align-items:flex-start;gap:11px;padding:13px 10px;transition:box-shadow .2s,transform .2s}
.landing-tool:hover {transform:translateY(-2px);box-shadow:0 5px 15px -9px #8055c565}
.landing-tool h3 {font-size:13px;margin:3px 0 5px}.landing-tool p {font-size:12px;line-height:1.4}.landing-tool-icon {width:40px;height:43px}
.landing-plans>h2 {margin-bottom:14px}
.landing-plan {position:relative;display:flex;flex-direction:column;padding:17px 17px 11px;border-radius:14px}
.landing-plan>h3 {font-size:15px}.landing-price {display:flex;align-items:baseline;gap:6px;margin:1px 0 3px;flex-wrap:wrap}
.landing-price>strong {font-size:clamp(28px,2.65vw,38px);line-height:1.2;letter-spacing:-1.5px;white-space:nowrap}
.landing-price>span {font-size:12px}
.landing-plan>p {font-size:14px;margin-bottom:11px}
.landing-plan ul {flex:1;margin-bottom:17px}
.landing-plan li {display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.55;color:var(--rh-caption);margin-bottom:2px}
.landing-plan li .icon {color:#00b096;width:18px;height:18px;flex-shrink:0;stroke-width:2.5}
.landing-plan>.btn {width:100%;min-height:36px;font-size:12px;padding:8px;border-radius:10px}
.landing-plan.is-featured {border:1px solid #f184e4;box-shadow:inset 0 1px 3px #fff,0 0 0 3px #f492d21c,0 8px 22px -15px #ea3baa69}
.landing-plan>.landing-best {position:absolute;top:-10px;left:50%;transform:translateX(-50%)}
.plan-placeholder {min-height:290px}
.landing-plan-error {grid-column:1/-1;display:flex;gap:20px;align-items:center;padding:15px}
.landing-faq {padding:12px 14px}.landing-faq>h2 {text-align:left;font-size:23px;margin:0 0 7px}
.landing-faq .landing-two {column-gap:22px;row-gap:5px}
.landing-faq details {padding:0;border-radius:14px;align-self:start;overflow:hidden}
.landing-faq summary {display:flex;align-items:center;gap:12px;padding:9px 13px;cursor:pointer;list-style:none;font-size:12px;min-height:40px;line-height:1.4;color:var(--rh-caption)}
.landing-faq summary::-webkit-details-marker {display:none}
.faq-mark .icon {width:20px;height:20px;color:#399cff;flex-shrink:0}.faq-mark.tone-1 .icon {color:#a145f7}.faq-mark.tone-2 .icon {color:#03bece}.faq-mark.tone-3 .icon {color:#f24bad}
.faq-chevron {margin-left:auto;font-size:18px;color:#899bc5;transition:transform .2s}
.landing-faq details[open] .faq-chevron {transform:rotate(180deg)}
.landing-faq details>p {padding:0 18px 15px 45px;font-size:14px;line-height:1.55}
.landing-final {display:grid;grid-template-columns:100px 1fr 1fr 75px;align-items:center;gap:12px;padding:0 0 4px;min-height:155px;position:relative}
.landing-final>img:first-child {width:135px;height:135px;object-fit:contain;max-width:none;transform:rotate(-15deg);margin-left:-22px;filter:drop-shadow(0 10px 13px #b28ddd30)}
.landing-final h2 {font-size:23px;letter-spacing:-.55px;line-height:1.13;margin-bottom:6px}
.landing-final p {font-size:13px;max-width:430px;line-height:1.4}
.landing-final .landing-profile-form {display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;padding:0;gap:5px}
.landing-final .landing-profile-input {background:var(--rh-glass);border:1px solid var(--rh-edge);border-radius:13px;box-shadow:inset 0 1px 1px #fff9;padding-inline:14px}
.landing-final .landing-profile-input input {font-size:11px;min-height:38px}
.landing-final .btn {min-height:40px}
.landing-final .landing-form-note {font-size:9px}
.landing-final-heart {width:100%;height:115px;object-fit:contain;max-width:100%;transform:rotate(16deg)}
.landing-final>div:last-of-type {grid-column:3/-1;margin-right:16px}
.landing-footer {display:grid;grid-template-columns:1.6fr 1fr 1fr 1.6fr 1.2fr;gap:26px;border-top:1px solid var(--rh-edge);padding:15px 12px 35px;font-size:12px}
.landing-footer>div {display:flex;flex-direction:column;align-items:flex-start}
.landing-footer .brand {font-size:17px;gap:7px;margin-bottom:7px}.landing-footer .brand img {width:25px;height:25px}.landing-footer .brand strong {font-size:17px}
.landing-footer strong {font-size:12px;margin-bottom:5px}
.landing-footer a:not(.brand) {font-size:11px;color:var(--rh-caption);display:flex;gap:5px;align-items:center;line-height:1.55}
.landing-footer a:hover {color:var(--purple)}
.landing-footer a>.icon {width:14px;height:14px}
.landing-footer p,.landing-footer small {font-size:10px;color:var(--rh-caption);line-height:1.45;max-width:245px}
.landing-footer-platforms {display:flex;gap:16px;align-items:center;margin:10px 0}
.landing-footer-platforms img {width:19px;height:19px}
:root[data-theme=dark] body:has(.glass-landing) {background:radial-gradient(ellipse at 12% 10%,#58317728,transparent 50%),radial-gradient(ellipse at 85% 35%,#05465b2e,transparent 55%),var(--bg)}
:root[data-theme=dark] body:has(.glass-landing)::before {opacity:.07}
:root[data-theme=dark] :is(.optical-panel,.landing-report .optical-panel,.landing-nav) {background:var(--rh-glass);border-color:var(--rh-edge);box-shadow:inset 0 1px 2px #d7e6ff30,inset 0 -1px 1px #cedfff1c,var(--rh-depth)}
:root[data-theme=dark] .landing-report .optical-panel:after {border-color:#d1e7ff23;box-shadow:inset 0 1px 2px #fff1}
:root[data-theme=dark] .matte-panel {background:var(--rh-matte);border-color:#afc8eb22;box-shadow:none}
:root[data-theme=dark] :is(.landing-kicker,.report-tooltip,.step-number) {background:linear-gradient(135deg,#514068c9,#263753c9);border-color:var(--rh-edge);color:#d6cefa;box-shadow:inset 0 1px 2px #fff2}
:root[data-theme=dark] .landing-pitch h1>span {background-image:linear-gradient(95deg,#e172ff,#ff69b8 60%,#ff9c78)}
:root[data-theme=dark] .landing-profile-form {box-shadow:inset 0 1px 2px #fff2,0 4px 15px #0002}
:root[data-theme=dark] .landing-photo {filter:saturate(.95)}
:root[data-theme=dark] .landing-faces .landing-photo {border-color:#27354f}
:root[data-theme=dark] .landing-tool-icon {background:#2d34549e;border-color:#ffffff14}
:root[data-theme=dark] .landing-orb {border-color:#c8deff6c;box-shadow:inset 0 1px 4px #fff7,inset 0 -4px 5px #fff3,0 5px 15px #0003}
:root[data-theme=dark] .landing-best {border-color:#ffb3e189}
:root[data-theme=dark] :is(.report-bottom b,.report-view-value b) {color:#38eaa0}
:root[data-theme=dark] .report-grid path {stroke:#c1d7f71c}
:root[data-theme=dark] .landing-final .landing-profile-input {box-shadow:inset 0 1px 2px #fff2}
@media(min-width:1600px) {.landing-hero {min-height:610px}.landing-nav>nav {font-size:13px}.landing-controls .btn {font-size:12px}.landing-feature {min-height:150px}.landing-trend-media {aspect-ratio:1.35}}
@media(max-width:1250px) {
  .glass-landing {width:calc(100% - 40px)}.landing-nav {width:100%;gap:16px;padding:10px 14px}.landing-nav>nav {gap:13px;font-size:11px}.landing-controls {gap:6px}.landing-controls .theme-pair {width:38px}.landing-controls .theme-pair>span {width:27px}.landing-controls .theme-pair>span:nth-child(2) {display:none}:root[data-theme=dark] .landing-controls .theme-pair>span:first-child {display:none}:root[data-theme=dark] .landing-controls .theme-pair>span:last-child {display:grid}.landing-controls .language-name {display:none}.landing-controls .lang-button {width:38px;justify-content:center;padding:7px}.landing-controls .landing-nav-cta {font-size:10px;padding:9px 10px}.landing-hero {padding:16px 20px 28px;min-height:480px}.landing-pitch h1 {letter-spacing:-2.5px}.landing-proof-note {display:none}.landing-feature {gap:10px;padding:14px 11px;min-height:128px}.landing-feature .landing-orb {width:45px;height:45px}.landing-feature .landing-orb .icon {width:27px;height:27px}.landing-feature h3 {font-size:14px}.landing-feature p {font-size:12px}.landing-report {aspect-ratio:1.19}.report-score>strong {font-size:39px}.report-growth>strong {font-size:37px}.report-top>div {padding:12px 14px}.report-views>svg {height:calc(100% - 60px)}.report-bottom>.optical-panel {padding:11px 12px}.report-bottom strong {font-size:28px}.report-bottom .icon {right:8px;width:18px;height:18px}.report-video>div:last-child>span {font-size:9px}.report-hot {left:10px;right:9px}.report-hot>b {font-size:9px;padding-inline:6px}.landing-profile-form .btn {font-size:10px;padding:10px;gap:5px}.landing-profile-input input {font-size:10px}.landing-comparison .landing-best {font-size:9px;padding-inline:7px}.landing-comparison h3 {font-size:16px}.landing-comparison li {font-size:12px}.landing-tool {gap:7px}.landing-tool-icon {width:33px;height:37px}.landing-tool h3 {font-size:12px}.landing-tool p {font-size:11px}.landing-step {gap:8px;padding-inline:11px}.landing-step h3 {font-size:13px}.landing-final h2 {font-size:20px}
}
@media(max-width:1000px) {
  .landing-nav .landing-nav-cta {display:none}.landing-nav>.brand strong {font-size:19px}.landing-nav>nav {font-size:12px;gap:14px}.landing-hero {min-height:440px;padding-inline:10px;grid-template-columns:45% 52%}.landing-pitch h1 {font-size:clamp(36px,5vw,48px);letter-spacing:-1.9px}.landing-pitch>p {font-size:14px}.landing-kicker {font-size:11px;padding:7px 12px}.landing-profile-form {flex-wrap:wrap}.landing-profile-input {min-width:100%;padding-inline:10px}.landing-profile-input input {font-size:12px}.landing-profile-form .btn {width:100%;font-size:12px}.landing-form-note {font-size:9px}.landing-proof {margin-top:12px}.landing-proof strong,.landing-proof small {font-size:9px}.landing-report {aspect-ratio:1.1}.report-score>strong {font-size:33px}.report-score>p {font-size:8px}.report-ring {right:7px}.report-growth>strong {font-size:32px}.report-top>div {padding:11px}.report-growth>svg {width:63%;bottom:10px}.report-bottom strong {font-size:25px}.report-bottom b {font-size:11px}.report-bottom .icon {right:6px;top:15px;width:17px}.report-bottom>.optical-panel {padding:10px}.landing-report span {font-size:11px}.report-bubble {padding:8px}.report-bubble .icon {width:14px}.report-view-value b {font-size:15px}.landing-report .report-views {padding:13px 12px}.report-hot>span {font-size:23px}.report-hot>b {font-size:8px}.landing-steps {gap:22px}.step-arrow {right:-22px}.landing-comparison .landing-best {display:none}.landing-comparison header {gap:8px}.landing-comparison h3 {font-size:15px}.landing-trend h3 {font-size:12px}.landing-trend-metrics {font-size:10px}.trend-score {padding:5px 8px}.trend-score b {font-size:23px}.trend-platform {font-size:10px;padding:3px}.trend-platform img {width:18px;height:18px}.landing-final {grid-template-columns:75px 1fr 1fr}.landing-final-heart {display:none}.landing-final>img:first-child {width:105px;height:105px}.landing-footer {gap:17px}
}
@media(max-width:760px) {
  .glass-landing {width:calc(100% - 28px)}.glass-landing h2 {font-size:24px;letter-spacing:-.7px}.landing-nav {min-height:65px;margin-bottom:9px;padding:10px 12px;gap:8px;border-radius:0 0 20px 20px}.landing-nav>nav {display:none}.landing-nav>.brand {margin-right:auto}.landing-nav>.brand strong {font-size:19px}.landing-nav>.brand img {width:31px;height:31px}.landing-controls {gap:7px}.landing-controls .landing-login {display:none}.landing-mobile-nav {display:block;position:relative}.landing-mobile-nav>summary {display:grid;place-items:center;list-style:none;width:38px;height:38px;border-radius:12px;border:1px solid var(--rh-edge);background:var(--rh-glass);cursor:pointer}.landing-mobile-nav>summary::-webkit-details-marker {display:none}.landing-mobile-nav>summary .icon {width:22px;height:22px}.landing-mobile-nav>nav {display:flex;flex-direction:column;gap:0;position:absolute;right:0;top:47px;width:230px;padding:10px;border-radius:17px;background:var(--solid);box-shadow:0 15px 35px #1928542b;border:1px solid var(--rh-edge)}.landing-mobile-nav>nav a {padding:11px;font-size:14px}.landing-mobile-nav>nav a:hover {background:var(--rh-inner);border-radius:9px}.landing-hero {grid-template-columns:1fr;gap:28px;padding:20px 10px 28px;min-height:0}.landing-pitch {max-width:580px;margin:auto;text-align:center}.landing-kicker {font-size:12px;margin-bottom:16px}.landing-pitch h1 {font-size:clamp(39px,7.5vw,57px);line-height:1;letter-spacing:-2px;margin-bottom:16px}.landing-pitch>p {font-size:16px;max-width:100%;margin:0 auto 22px}.landing-profile-form {flex-wrap:nowrap;max-width:520px;margin:auto}.landing-profile-input {min-width:0;padding-inline:6px}.landing-profile-input input {font-size:12px}.landing-profile-form .btn {width:auto;max-width:45%;font-size:12px;padding:10px 12px}.landing-form-note {text-align:center;font-size:10px}.landing-proof {justify-content:center;text-align:left;margin-top:17px;gap:13px}.landing-proof strong {font-size:11px}.landing-proof small {font-size:10px}.landing-proof-note {display:none}.landing-report {max-width:580px;margin:auto!important;aspect-ratio:1.24}.report-score>strong {font-size:clamp(32px,7vw,43px)}.report-ring {width:35%;right:8px}.report-score>p {font-size:9px}.report-growth>strong {font-size:clamp(32px,7vw,43px)}.report-top>div {padding:12px 15px}.landing-report .report-views {padding:13px 16px}.report-view-value strong {font-size:clamp(32px,6.6vw,43px)}.report-view-value b {font-size:16px}.report-bottom>.optical-panel {padding:11px 13px}.report-bottom strong {font-size:28px}.report-bottom .icon {top:16px;right:11px}.report-bubble {right:0}.report-video>div:last-child>span {font-size:10px}.landing-section {padding:16px 13px;margin-bottom:13px;border-radius:22px}.landing-section>h2 {margin:0 auto 18px;max-width:500px}.landing-four {grid-template-columns:1fr 1fr}.landing-five {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-three {grid-template-columns:1fr}.landing-section-heading {align-items:flex-start;gap:10px}.landing-section-heading>a {font-size:11px;white-space:normal;max-width:90px;flex-shrink:0;line-height:1.4}.landing-feature {padding:17px 12px;min-height:140px;gap:11px}.landing-feature h3 {font-size:14px}.landing-feature p {font-size:13px}.landing-trend-media {aspect-ratio:1.12}.landing-trend h3 {font-size:14px;line-height:1.35;min-height:48px}.landing-trend-metrics {font-size:12px}.landing-trend:last-child {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:center;padding:5px}.landing-trend:last-child .landing-trend-media {grid-row:1/3;aspect-ratio:1.4}.landing-trend:last-child h3 {padding:12px 12px 3px 0;font-size:16px}.landing-trend:last-child .landing-trend-metrics {padding:8px 12px 10px 0;align-self:start}.trend-platform {font-size:11px;padding:4px 6px}.trend-platform img {width:21px;height:21px}.trend-score b {font-size:26px}.landing-steps {row-gap:30px;column-gap:14px;padding-top:9px}.landing-step {padding:24px 13px 18px;gap:10px;min-height:160px}.landing-step h3 {font-size:14px}.landing-step p {font-size:13px}.step-arrow {display:none}.landing-comparison {padding:18px 20px}.landing-comparison header {gap:11px;margin-bottom:10px}.landing-comparison h3 {font-size:19px}.landing-comparison .landing-best {display:inline-block;font-size:11px}.landing-comparison li {font-size:14px;line-height:1.65;gap:12px}.landing-tool {padding:16px;gap:12px}.landing-tool h3 {font-size:14px}.landing-tool p {font-size:13px}.landing-tool-icon {width:40px;height:43px}.landing-tools>a:last-child {grid-column:1/-1}.landing-plan {padding:22px 15px 12px}.landing-plans .landing-four {gap:20px 12px}.landing-plan h3 {font-size:16px}.landing-plan p {font-size:13px}.landing-price>strong {font-size:30px}.landing-plan li {font-size:12px;line-height:1.6}.landing-plan>.btn {min-height:42px;font-size:13px}.landing-plan>.landing-best {font-size:10px;padding:4px 10px}.landing-faq .landing-two {grid-template-columns:1fr;gap:8px}.landing-faq summary {font-size:14px;min-height:52px;padding:11px}.landing-faq>h2 {text-align:left;margin-bottom:14px}.landing-final {grid-template-columns:65px 1fr;gap:12px;padding:7px 7px 24px}.landing-final>div:last-of-type {grid-column:1/-1}.landing-final h2 {font-size:23px}.landing-final p {font-size:14px;line-height:1.45}.landing-final>img:first-child {width:95px;height:95px;margin-left:-19px}.landing-final .landing-profile-form {max-width:none}.landing-final .landing-profile-input {min-height:46px;flex:none;width:100%}.landing-final .landing-profile-input input {font-size:14px;min-height:44px}.landing-final .btn {max-width:none;min-height:48px;font-size:14px;width:100%}.landing-final .landing-form-note {font-size:10px}.landing-footer {grid-template-columns:1fr 1fr;gap:20px 25px;padding:20px 10px 50px}.landing-footer>div:first-child {grid-column:1/-1}.landing-footer .brand strong {font-size:21px}.landing-footer .brand img {width:32px;height:32px}.landing-footer p {font-size:13px;max-width:300px}.landing-footer strong {font-size:14px}.landing-footer a:not(.brand) {font-size:13px;line-height:1.8}.landing-footer small {font-size:11px}
}
@media(max-width:430px) {
  .glass-landing {width:calc(100% - 20px)}.landing-nav {padding:10px 8px;gap:5px}.landing-nav>.brand {gap:3px}.landing-nav>.brand strong {font-size:17px;letter-spacing:-.7px}.landing-nav>.brand img {width:28px;height:28px}.landing-controls {gap:5px}.landing-controls .lang-button,.landing-controls .theme-pair,.landing-mobile-nav>summary {width:34px;height:36px;min-height:36px}.landing-mobile-nav>summary .icon {width:20px;height:20px}.landing-hero {padding:18px 4px 25px;gap:23px}.landing-pitch h1 {font-size:clamp(35px,10vw,42px);letter-spacing:-1.8px}.landing-pitch>p {font-size:15px}.landing-profile-form {flex-direction:column}.landing-profile-input {padding:5px 10px}.landing-profile-input input {font-size:13px}.landing-profile-form .btn {width:100%;max-width:none;font-size:13px;min-height:47px}.landing-report {aspect-ratio:1.16}.landing-report .optical-panel {border-radius:16px}.landing-report .optical-panel:after {inset:3px;border-radius:12px}.report-top>div {padding:9px 10px}.report-score>strong {font-size:29px;margin-top:4px}.report-score>strong small {font-size:10px}.report-score>p {font-size:7px;gap:3px}.report-score>p>i {width:5px;height:5px}.report-ring {right:3px;top:30%}.report-ring b {font-size:11px}.report-growth>strong {font-size:29px;margin-top:3px}.landing-report span {font-size:10px}.report-bubble {padding:6px 8px;border-radius:13px}.report-bubble .icon {width:13px;height:13px}.landing-report .report-views {padding:10px 12px}.report-view-value {gap:6px}.report-view-value strong {font-size:30px}.report-view-value b {font-size:12px}.report-views>svg {height:calc(100% - 52px);margin-top:6px}.report-tooltip {padding:6px 8px;border-radius:10px}.report-tooltip b {font-size:15px}.report-tooltip small {font-size:8px}.report-bottom {gap:6px;height:23%}.report-bottom>.optical-panel {padding:9px 10px}.report-bottom strong {font-size:23px}.report-bottom b {font-size:10px}.report-bottom .icon {right:6px;top:10px;width:14px;height:14px}.report-bottom span {font-size:8px}.report-hot {left:9px;right:7px;top:9px}.report-hot>span {font-size:20px}.report-hot>b {font-size:7px;padding:2px 5px}.report-video>.landing-photo {border-radius:12px 12px 6px 6px}.report-video>div:last-child {padding:7px 2px 3px;gap:1px}.report-video>div:last-child>span {font-size:8px;gap:2px}.report-video>div:last-child .icon {width:10px;height:10px}.landing-section {padding:15px 10px}.glass-landing h2 {font-size:22px}.landing-feature {flex-direction:column;padding:15px;gap:9px;min-height:187px}.landing-feature h3 {margin-top:0}.landing-feature p {font-size:13px}.landing-trend h3 {font-size:13px;min-height:51px}.landing-trend-metrics {font-size:11px;padding-inline:3px;gap:4px}.landing-trend-metrics .icon {width:14px;height:14px}.landing-trend:last-child h3 {font-size:14px}.landing-trend:last-child .landing-trend-metrics {font-size:11px}.landing-step {flex-direction:column;gap:4px;min-height:205px;padding-top:28px}.landing-comparison .landing-best {font-size:9px;padding-inline:8px}.landing-comparison {padding:16px 14px}.landing-comparison h3 {font-size:17px}.landing-tool {padding:13px 10px;gap:8px;flex-direction:column}.landing-tool:last-child {flex-direction:row}.landing-plans .landing-four {grid-template-columns:1fr;gap:22px}.landing-plan {padding:22px}.landing-price>strong {font-size:38px}.landing-plan li {font-size:14px}.landing-plan>p {font-size:15px}.landing-plan>.btn {min-height:46px;font-size:14px}.landing-plan>.landing-best {font-size:12px}.landing-final h2 {font-size:21px}.landing-footer {gap:18px}.landing-footer a:not(.brand) {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {.landing-trend,.landing-tool,.landing-trend .landing-photo{transition:none;transform:none}}
.theme-pair {display:inline-flex!important;flex-shrink:0}
@media(max-width:359px) {
  .theme-pair,.auth-top .theme-pair {width:39px;min-width:39px;padding:4px}
  .theme-pair>span {width:27px;height:27px}
  .theme-pair>span:first-child {display:grid}
  .theme-pair>span:last-child {display:none}
  :root[data-theme=dark] .theme-pair>span:first-child {display:none}
  :root[data-theme=dark] .theme-pair>span:last-child {display:grid}
  .landing-controls .theme-pair {width:34px;min-width:34px;padding:3px}
  .auth-top:before {font-size:18px}
}
html[data-preview=true] .feed-poster>img[src*="trend-strip.webp"] {object-fit:cover;object-position:0 50%;background:transparent}
html[data-preview=true] .feed-poster>img[src$="#shot=1"] {object-position:25% 50%}
html[data-preview=true] .feed-poster>img[src$="#shot=2"] {object-position:50% 50%}
html[data-preview=true] .feed-poster>img[src$="#shot=3"] {object-position:75% 50%}
html[data-preview=true] .feed-poster>img[src$="#shot=4"] {object-position:100% 50%}
@media(max-width:760px){.landing-final>div:last-of-type{grid-column:1/-1;margin-right:0}.landing-final>img:first-child{margin-left:0;max-width:100%;transform:rotate(-8deg)}}

/* Controls keep their intrinsic label width before wrapping to another row. */
.choice-group{gap:8px;align-items:stretch;max-width:100%}
.choice-group>button{flex:0 1 auto;min-width:0;max-width:100%;min-height:44px;padding:10px 14px;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-align:center;border-radius:12px}
.choice-group>button::after{inset:2px;border-radius:9px;opacity:.7}
.choice-group>button[aria-checked=true]{font-weight:650}
.script-compose-form{container-type:inline-size}
.script-compose-form .field,.script-compose-form .span2{min-width:0}
.script-compose-form .field>label{display:block;margin-bottom:10px}
.script-compose-actions{flex-wrap:wrap;gap:12px}
.script-compose-actions>.btn{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal;line-height:1.4;padding:12px 18px}
.actions>.btn:not(.icon-only){max-width:100%;white-space:normal;line-height:1.4;min-height:44px}
.actions>.btn>span{min-width:0;overflow-wrap:anywhere}
.admin-tabs{flex-wrap:wrap;gap:8px;max-width:100%;overflow:visible}
.admin-tabs>.btn{flex:0 1 auto;width:auto;max-width:100%;min-height:44px;padding:10px 14px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.dash-periods{gap:5px;flex-wrap:wrap;overflow:visible;padding:4px;border-radius:15px;max-width:100%}
.dash-periods>button{flex:1 0 auto;min-height:38px;padding:8px 12px;font-size:13px;line-height:1.2;border-radius:11px}
.dash-periods>button::after{border-radius:8px;opacity:.55}
.dash-chart-controls{flex-wrap:wrap;gap:10px;max-width:100%;min-width:0}
.dash-trends>.dash-section-heading{display:grid;grid-template-columns:auto minmax(140px,1fr) max-content;align-items:center;height:auto;min-height:54px;gap:10px;padding:6px 4px 12px;margin:0}
.dash-trends .dash-chart-controls{margin:0;width:auto;flex-wrap:nowrap}
.dash-trends .dash-periods{flex:0 0 auto;width:max-content}
.dash-trends .dash-chart-controls .dash-periods>button[aria-pressed=true]{background:linear-gradient(175deg,#ffffffad,transparent 48%,#ffffff57),linear-gradient(110deg,#edccff,#bfd9ff);color:#7026c8;border-color:#d8baf0;box-shadow:inset 0 1px 2px #fff,0 3px 10px #9463ce30}
:root[data-theme=dark] .dash-trends .dash-chart-controls .dash-periods>button[aria-pressed=true]{background:linear-gradient(175deg,#ffffff26,transparent 50%,#c7caff0f),linear-gradient(110deg,#634284,#384f82);color:#f1dfff;border-color:#c3a4eb88;box-shadow:inset 0 1px 2px #eadfff44,0 3px 10px #0003}
.source-add-grid>.btn{height:auto;min-height:46px;line-height:1.35;white-space:normal;padding:11px 16px;gap:8px}
.library-recent-link{white-space:normal;overflow-wrap:anywhere;line-height:1.5;padding:10px 6px}
.dash-chart-panel .dash-chart,.dash-chart-panel .dash-chart>svg{color:var(--metric-color)}
:root[data-theme=dark] .dash-chart-panel.purple{--metric-color:#c989ff}
:root[data-theme=dark] .dash-chart-panel.blue{--metric-color:#75aaff}
:root[data-theme=dark] .dash-chart-panel.pink{--metric-color:#ff7dcf}
.dash-chart svg circle{stroke:var(--solid);stroke-width:.75px}
.dash-chart svg .chart-value{fill:var(--text)}
@container(max-width:840px){
 .script-compose-form .form-grid>.field{grid-column:span 6}
 .script-compose-form .form-grid>.field:has(#duration),.script-compose-form .form-grid>.field:has(#language),.script-compose-form .form-grid>.field:has(#niche),.script-compose-form .form-grid>.span2:has(#audience){grid-column:span 6}
}
@container(max-width:560px){
 .script-compose-form .form-grid{grid-template-columns:minmax(0,1fr)}
 .script-compose-form .form-grid>.field,.script-compose-form .form-grid>.span2,.script-compose-form .form-grid>.field:has(#duration),.script-compose-form .form-grid>.field:has(#language),.script-compose-form .form-grid>.field:has(#niche),.script-compose-form .form-grid>.span2:has(#audience),.script-compose-form .form-grid>.span2:has(#use_dna),.script-compose-form .form-grid>.span2:has(.script-library-picker){grid-column:1/-1}
 .script-compose-actions{display:flex;flex-wrap:wrap}
 .script-compose-actions>.btn{flex:1 1 180px;justify-content:center}
 .script-compose-actions>.btn.primary{flex-basis:100%}
}

/* Vector brand marks replace the low-resolution clipped sprite. */
.dash-platform-art{min-width:0;justify-content:space-between;gap:20px;padding-top:9px}
.platform-emblem{--emblem-glow:#d259f5;display:grid;place-items:center;position:relative;width:clamp(90px,8vw,132px);aspect-ratio:1;margin:9px auto 17px;isolation:isolate;transform:rotate(-12deg);border-radius:28%;border:1px solid #ffffffd1;background:linear-gradient(145deg,#fffffff5,#dfc5ff9e 45%,#ff86bfbd 72%,#bca8ffed);box-shadow:inset 0 2px 2px #fff,inset 2px 0 3px #fff,inset -3px -4px 5px #8056aa70,2px 6px 0 #c7a4e680,0 19px 27px -12px color-mix(in srgb,var(--emblem-glow) 55%,transparent);transition:transform .3s ease}
.platform-emblem::before{content:'';position:absolute;inset:4px;border:1px solid #fffd;border-radius:25%;pointer-events:none;box-shadow:inset 0 2px 2px #fff9,inset 0 -3px 3px #fff9;z-index:2}
.platform-emblem::after{content:'';position:absolute;inset:1px;border-radius:27%;background:linear-gradient(155deg,#fff9,transparent 30% 68%,#fff6);pointer-events:none;z-index:3}
.platform-emblem-face{display:grid;place-items:center;width:84%;height:84%;border-radius:24%;overflow:hidden;box-shadow:0 2px 5px #592e874d,inset 0 1px 2px #fff9;background:#a63ccd}
.platform-emblem img{display:block;width:100%;height:100%;object-fit:contain;filter:none;image-rendering:auto}
.platform-emblem.tiktok{--emblem-glow:#2fc9ed;background:linear-gradient(145deg,#f3fcff,#8febf1b3 40%,#fa81c5b5 77%,#d5adff);transform:rotate(10deg)}
.platform-emblem.tiktok .platform-emblem-face{background:#11131c}
.platform-emblem.youtube{--emblem-glow:#ff436c;background:linear-gradient(140deg,#fff,#ffb4c0be 34%,#ff507daf 73%,#fce1ff);transform:rotate(-8deg)}
.platform-emblem.youtube .platform-emblem-face{background:linear-gradient(140deg,#ff5467,#ff123e);box-shadow:inset 0 2px 2px #ff96b1,0 2px 6px #9b245e4d}
.platform-emblem.youtube img{width:83%;height:83%}
.dash-platform:hover .platform-emblem{transform:translateY(-3px) rotate(-6deg)}
.dash-platform.tiktok:hover .platform-emblem{transform:translateY(-3px) rotate(6deg)}
:root[data-theme=dark] .platform-emblem{border-color:#fff9;box-shadow:inset 0 2px 2px #fff,inset 2px 0 3px #fffc,inset -3px -4px 5px #5433709c,2px 6px 0 #593661b5,0 17px 35px -16px color-mix(in srgb,var(--emblem-glow) 70%,transparent)}
.dash-platform>header>.platform-icon{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.dash-platform>header>.platform-open{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:11px}
.dash-platform>header>.platform-open::after{border-radius:8px}
@media(max-width:600px){.platform-emblem{width:108px;margin-block:8px 16px}.dash-platform-art{gap:14px}.dash-periods{width:100%}.dash-periods>button{min-height:42px;font-size:13px;padding-inline:10px}}
@media(max-width:359px){.platform-emblem{width:86px}.choice-group>button{font-size:14px;padding:10px 12px}}
@media(max-width:1100px){.dash-trends>.dash-section-heading{grid-template-columns:auto minmax(0,1fr)}.dash-trends .dash-chart-controls{grid-column:1/-1;width:100%;flex-wrap:wrap;justify-content:space-between}.dash-trends .dash-chart-controls select{max-width:100%;min-height:44px}}
@media(max-width:600px){.dash-trends .dash-periods{width:100%;flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.platform-emblem{transition:none}.dash-platform:hover .platform-emblem{transform:rotate(-12deg)}.dash-platform.tiktok:hover .platform-emblem{transform:rotate(10deg)}}