/* The post-hero journey shares the hero's type, lavender and coral. */
.tv-space { padding-block: clamp(54px, 6.5vw, 90px); }
.tv-kicker, .tv-maker, .tv-stepcap, .tv-ledger-head { font-family: var(--body); }
.tv-kicker { display:inline-flex; align-items:center; gap:9px; color:#695382; font-size:14px; font-weight:700; letter-spacing:.02em; }
.tv-kicker i { width:17px; height:3px; border-radius:4px; background:var(--coral); transform:rotate(-12deg); }
.tv-maker { display:block; color:#6a537f; font-size:12px; font-weight:700; letter-spacing:.12em; margin-bottom:10px; }
.tv-topline, .tv-endrow, .tv-film-label, .tv-ledger-row, .tv-report-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tv-return, .tv-textlink { color:#5e4c85; font-weight:600; font-size:15px; text-decoration:underline; text-underline-offset:4px; }
.tv-intro { display:grid; grid-template-columns:1.12fr 1fr; align-items:end; gap:clamp(24px,6vw,86px); margin:18px 0 34px; }
.tv-space h2 { font-size:clamp(38px,4.5vw,68px); line-height:1.04; }
.tv-space h2 em { font-style:normal; color:#735b9e; }
.tv-space p { font-size:clamp(17px,1.4vw,20px); line-height:1.58; }
.tv-space .tv-caption { font-size:14px; line-height:1.52; margin-top:15px; }
.tv-market { background:#f5effa; border-block:1px solid #e6dcee; }
body[data-audience="brand"] .tv-market { background:#fff0e8; border-color:#f0ded4; }
.tv-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.tv-product { background:#fff; overflow:hidden; border:1px solid #e0d7e9; border-radius:24px; display:flex; flex-direction:column; }
.tv-picture { height:clamp(175px,16vw,235px); position:relative; isolation:isolate; overflow:hidden; display:grid; place-items:center; }
.tv-picture img { width:100%; height:100%; object-fit:contain; min-height:0; }
.tv-lilac { background:radial-gradient(ellipse at 50% 80%,#e6dcf5,#f5f0fb); }
.tv-lilac img { mix-blend-mode:multiply; padding:14px; }
.tv-scrolly { background:#f7e6dc; }
.tv-scrolly img { width:100%; height:100%; object-fit:contain; padding:14px; }
.tv-even img { object-fit:cover; object-position:50% 42%; }
.tv-chip { position:absolute; top:14px; left:14px; border:1px solid #ffffffbe; border-radius:20px; padding:5px 11px; background:#fffffff2; color:#534765; font-size:12px; font-weight:700; }
.tv-cardbody { display:flex; flex:1; flex-direction:column; padding:22px clamp(16px,2vw,28px) 26px; }
.tv-cardbody h3 { font-family:var(--heading); font-size:clamp(26px,2.5vw,38px); line-height:1.15; margin-bottom:9px; }
.tv-cardbody p { font-size:17px; }
.tv-footnote,.tv-aside,.tv-link-note { display:flex; align-items:center; gap:20px; }
.tv-footnote { background:#ffffffa6; border-left:3px solid #aa91d7; border-radius:3px 15px 15px 3px; padding:19px 24px; margin-top:24px; }
.tv-icon,.tv-chat-icon { display:grid; place-items:center; color:#71569f; flex:0 0 44px; }
.tv-icon svg,.tv-chat-icon svg,.tv-link-note svg,.tv-ledger-head svg { width:34px; height:34px; }
.tv-space p strong { color:var(--ink); }
.tv-endrow { justify-content:flex-start; flex-wrap:wrap; gap:24px; margin-top:27px; }
.tv-endrow .button>span,.tv-start .button>span { font-size:inherit; line-height:inherit; }
.tv-showreels { display:grid; grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr); gap:20px; }
.tv-film,.tv-casebook { border-radius:24px; overflow:hidden; }
.tv-film { display:flex; flex-direction:column; align-items:stretch; padding:16px; background:#3b304d; color:#fff; }
.tv-film-label { padding:0 3px 12px; font-size:12px; color:#eadff2; }
.tv-film-label .tv-kicker { color:white; }
.tv-reel-screen { border-radius:12px; background:#fff; overflow:hidden; width:100%; max-width:430px; margin:auto; }
.tv-reel-screen iframe { display:block; width:100%; height:445px; border:0; }
.tv-reel-controls { display:flex; align-items:center; gap:7px; padding:12px 2px 0; }
.tv-reel-controls button { border-radius:10px; border:1px solid #796c89; background:transparent; color:#f3ecfa; padding:7px 10px; font-size:14px; }
.tv-reel-controls button[aria-pressed=true] { background:#e9dbfb; color:#3f3058; border-color:#e9dbfb; }
.tv-reel-controls a { margin-left:auto; font-size:13px; color:#fff; text-decoration:underline; text-underline-offset:3px; }
.tv-casebook { padding:clamp(24px,3.5vw,54px); background:#fffaf6; border:1px solid #ecdbcd; align-content:center; }
.tv-casebook h3,.tv-ledger h3 { font-family:var(--heading); font-weight:500; font-size:clamp(32px,3.3vw,50px); line-height:1.09; margin-bottom:16px; }
.tv-case-table { width:100%; border-collapse:collapse; margin-top:22px; font-size:clamp(14px,1.4vw,19px); font-variant-numeric:tabular-nums; }
.tv-case-table caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.tv-case-table th,.tv-case-table td { text-align:right; padding:13px 3px; border-bottom:1px solid #e6dcd3; }
.tv-case-table tr>*:first-child { text-align:left; }
.tv-case-table thead th { color:#766973; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.tv-case-table td:last-child { color:#6b4c8a; font-weight:700; }
.tv-steps-section { background:#fffdfb; }
.tv-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid #ded6e8; border-radius:24px; overflow:hidden; background:#fff; }
.tv-steps article { padding:clamp(17px,2.1vw,32px); }
.tv-steps article+article { border-left:1px dashed #dcd0e7; }
.tv-stepcap { display:flex; align-items:center; justify-content:space-between; margin-bottom:35px; gap:10px; }
.tv-stepcap span { color:#8a71a5; font-size:13px; font-weight:700; letter-spacing:.08em; }
.tv-stepcap svg { background:#f2ecfb; color:#6b5196; width:46px; height:46px; border-radius:15px; padding:10px; }
.tv-steps article:nth-child(even) svg { background:#fff0e7; color:#aa694f; }
.tv-steps h3 { font-size:clamp(21px,2vw,28px); margin-bottom:11px; }
.tv-steps p,.tv-aside p { font-size:17px; }
.tv-aside { margin-top:24px; background:#f5f0f9; border-radius:18px; padding:22px 27px; }
.tv-aside h3 { font-size:23px; margin-bottom:6px; }
.tv-aside .tv-maker { margin-bottom:5px; }
.tv-report-section { color:#fff; background-color:#49387b; background-image:radial-gradient(ellipse at 100% 50%,#654994,transparent 62%); }
.tv-report-section .tv-kicker,.tv-report-section h2 em { color:#e0d0f7; }
.tv-report-section p { color:#f0e9f8; }
.tv-report-frame { display:block; width:100%; background:#fff; color:var(--ink); overflow:hidden; border:1px solid #9c83bf; border-radius:18px; padding:0; box-shadow:0 14px 38px #24143e40; cursor:zoom-in; }
.tv-report-frame img { width:100%; height:auto; }
.tv-report-bar { background:#f9f7fd; border-bottom:1px solid #e4d9f0; padding:12px 19px; font-size:13px; color:#645078; }
.tv-report-bar b { font-size:23px; color:#28212f; letter-spacing:-1px; }
.tv-report-bar b span { color:var(--purple); }
.tv-report-keys { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:30px; }
.tv-report-keys>div { border-top:1px solid #9f8ab7; padding-top:15px; }
.tv-report-keys span { color:#e5d0fa; font-size:12px; font-weight:700; letter-spacing:.09em; }
.tv-report-keys p { margin-top:8px; font-size:17px; }
.tv-link-note { border-radius:15px; padding:17px 22px; margin-top:25px; background:#ffffff12; }
.tv-link-note p,.tv-link-note p strong { font-size:16px; color:white; }
.tv-link-note svg { flex:0 0 28px; }
.tv-money { background:#faf8fb; }
.tv-finance,.tv-story-grid,.tv-faq-grid,.tv-start-grid { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:clamp(28px,7vw,90px); }
.tv-finance { margin-top:20px; }
.tv-finance h2+p,.tv-story h2+p,.tv-start p+p,.tv-story p+p { margin-top:18px; }
.tv-detail { padding:0; border-bottom:1px solid #ddd3e6; }
.tv-detail summary { display:flex; justify-content:space-between; align-items:center; gap:16px; list-style:none; cursor:pointer; font-size:17px; line-height:1.5; font-weight:600; padding:17px 0; }
.tv-detail summary::-webkit-details-marker { display:none; }
.tv-detail summary:after { content:'+'; color:var(--purple); font-size:23px; font-weight:400; }
.tv-detail[open] summary:after { content:'−'; }
.tv-detail p { font-size:17px; margin:0 0 19px; }
.tv-plan { border-left:3px solid #b9a5d9; padding-left:17px; margin-top:20px; }
.tv-plan p { font-size:16px; margin-top:4px; }
.tv-ledger { background:white; border:1px solid #e3d9eb; padding:clamp(23px,3vw,43px); border-radius:22px; box-shadow:0 8px 0 -4px #ede7f3; }
.tv-ledger-head { color:#785a9a; display:flex; align-items:center; gap:12px; font-size:12px; letter-spacing:.1em; font-weight:700; margin-bottom:20px; }
.tv-ledger p { font-size:17px; }
.tv-ledger-row { border-top:1px dashed #dfd3e6; padding:12px 0; font-size:15px; }
.tv-ledger-row:first-of-type,.tv-ledger p+.tv-ledger-row { margin-top:18px; }
.tv-start { background:#f9e7dc; border-block:1px solid #efdbcd; }
.tv-start em { color:#98654d!important; }
.tv-start .button { margin-top:22px; }
.tv-story { background:#fffcf9; }
.tv-story-grid { grid-template-columns:.75fr 1.4fr; }
.tv-story h2,.tv-faq h2,.tv-start h2 { margin-top:15px; }
.tv-sign-art { display:grid; place-items:center; height:290px; isolation:isolate; }
.tv-ticket { grid-area:1/1; display:grid; gap:8px; width:min(210px,65%); border:1px solid #ccb9e3; border-radius:18px; padding:19px 22px; box-shadow:0 8px 22px #51326314; background:#e7d9f5; color:#503a73; transform:translate(18%,-30%) rotate(8deg); }
.tv-ticket:last-child { background:#ffe2d1; color:#885638; border-color:#edc8b4; transform:translate(-17%,30%) rotate(-7deg); }
.tv-ticket span { font-size:10px; font-weight:700; letter-spacing:.1em; }
.tv-ticket b { font-family:var(--heading); font-size:36px; font-weight:500; }
.tv-ticket i { font-size:14px; font-style:normal; }
.tv-roadmap { border-left:2px solid #d0b8e2; padding-left:15px; }
.tv-faq { background:#f6f2fa; }
.tv-faq-grid { grid-template-columns:.8fr 1.35fr; align-items:start; }
[hidden] { display:none!important; }
.tv-sprite { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.tv-space svg:not(.tv-sprite) { stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:900px) {
 .tv-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tv-steps article:nth-child(3) { border-left:0; }
 .tv-steps article:nth-child(n+3) { border-top:1px dashed #dcd0e7; }
 .tv-stepcap { margin-bottom:15px; }
}
@media(max-width:760px) {
 .tv-space { padding-block:48px; }
 .tv-intro,.tv-finance,.tv-start-grid,.tv-story-grid,.tv-faq-grid,.tv-showreels { grid-template-columns:1fr; gap:20px; }
 .tv-intro { margin:14px 0 22px; }
 .tv-cards { grid-template-columns:1fr; gap:12px; }
 .tv-product { display:grid; grid-template-columns:31% minmax(0,1fr); border-radius:16px; }
 .tv-picture { height:100%; min-height:158px; }
 .tv-cardbody { padding:18px 15px; }
 .tv-cardbody h3 { font-size:25px; }
 .tv-cardbody p { font-size:16px; }
 .tv-cardbody .tv-maker { font-size:11px; margin-bottom:5px; }
 .tv-chip { top:7px; left:6px; padding:3px 6px; font-size:10px; }
 .tv-lilac img { padding:3px; }
 .tv-scrolly img { padding:8px; }
 .tv-even img { object-position:50% 50%; }
 .tv-footnote,.tv-aside,.tv-link-note { align-items:flex-start; gap:12px; padding:16px; }
 .tv-icon,.tv-chat-icon { flex-basis:26px; }
 .tv-icon svg,.tv-chat-icon svg { width:25px; height:25px; }
 .tv-steps { grid-template-columns:1fr; }
 .tv-steps article { position:relative; padding:18px 17px 18px 73px; }
 .tv-steps article+article { border-left:0; border-top:1px dashed #dcd0e7; }
 .tv-stepcap { position:absolute; left:13px; top:18px; flex-direction:column-reverse; gap:5px; }
 .tv-stepcap svg { width:39px; height:39px; padding:9px; }
 .tv-steps h3 { margin:0 0 5px; }
 .tv-reel-screen iframe { height:420px; }
 .tv-report-keys { grid-template-columns:1fr; gap:13px; }
 .tv-report-keys p { margin-top:3px; }
 .tv-report-bar { padding:7px 12px; font-size:11px; gap:6px; }
 .tv-report-bar b { font-size:18px; }
 .tv-sign-art { height:175px; }
 .tv-ticket { width:147px; padding:10px 16px; gap:2px; }
 .tv-ticket b { font-size:29px; }
 .tv-return { font-size:13px; }
 .tv-endrow { gap:16px; }
}
.tv-click-bar { display:block; width:100%; max-width:76px; height:4px; margin:4px 0 0 auto; border-radius:4px; background:linear-gradient(to right,#ac91cf var(--bar),#eee7f3 var(--bar)); }

.tv-return {
  background: transparent;
  padding: 7px 0 7px 10px;
}
.tv-brand-id {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 7px;
  min-height: 45px;
  margin-top: auto;
  padding-top: 16px;
}
.tv-brand-id img { width: auto; height: auto; max-width: 110px; max-height: 22px; }
.tv-brand-id img[src*="uwant"] { width: 86px; }
.tv-brand-id img[src*="even-logo"] { width: 110px; }
.tv-brand-id .tv-maker { margin:0; color:#63546c; }

/* Stationary ribbons link the spreads; the patterns sit behind the content. */
.tv-market,.tv-steps-section,.tv-report-section,.tv-money,.tv-start,.tv-story,.tv-faq {
  position:relative;
  isolation:isolate;
  overflow:clip;
}
.tv-market {
  background:
    radial-gradient(ellipse at 6% 9%,#fbf7ff 0%,transparent 55%),
    linear-gradient(132deg,#ede0fa 0%,#f7f0fb 56%,#e9dcf4 100%);
}
body[data-audience="brand"] .tv-market {
  background:linear-gradient(128deg,#fff3e8 12%,#f9e3d7 72%,#eee2ef 100%);
}
.tv-market::before,.tv-start::before,.tv-report-section::before,.tv-footer::before {
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  background:url("assets/ribbon-lines.svg") no-repeat center/contain;
}
.tv-market::before { width:min(650px,62vw); aspect-ratio:580/330; right:-10%; top:-82px; opacity:.50; transform:rotate(-9deg); }
.tv-steps-section {
  background:
    radial-gradient(ellipse at 12% 83%,#f3e4f7,transparent 42%),
    radial-gradient(ellipse at 100% 0%,#ffebde,transparent 48%),#fffdf9;
}
.tv-steps-section::before,.tv-faq::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  width:220px; height:210px; right:-38px; bottom:-45px;
  background:radial-gradient(#9369a9 1.2px,transparent 1.4px) 0 0/10px 10px;
  mask-image:linear-gradient(140deg,transparent 4%,black); opacity:.33; transform:rotate(-8deg);
}
.tv-report-section {
  background:radial-gradient(ellipse at 100% 10%,#6b4993,transparent 55%),linear-gradient(130deg,#413164,#503c83);
}
.tv-report-section::before { width:55%; aspect-ratio:580/330; top:-72px; right:-10%; opacity:.55; filter:brightness(1.75); }
.tv-money {
  background:radial-gradient(ellipse at 85% 80%,#e7daf1,transparent 50%),linear-gradient(109deg,#fbf7f7,#f2ecf6);
}
.tv-start { background:radial-gradient(ellipse at 8% 5%,#fff2e6,transparent 53%),linear-gradient(115deg,#fadfcf,#f8dccc 72%,#efd6db); }
.tv-start::before { width:min(530px,45vw); aspect-ratio:580/330; bottom:-120px; left:-10%; transform:rotate(12deg); opacity:.75; }
.tv-story { background:radial-gradient(ellipse at 13% 45%,#f4dfcf,transparent 39%),#fffaf5; }
.tv-faq { background:linear-gradient(140deg,#f5effb 18%,#eee4f4); }
.tv-faq::before { right:auto; left:-52px; width:250px; bottom:-50px; opacity:.25; }
.tv-footer {
  position:relative; isolation:isolate; overflow:hidden;
  display:block; padding:0; color:#fbf5ff;
  background:radial-gradient(ellipse at 0% 20%,#4a335e 0%,transparent 56%),#30253e;
}
.tv-footer::before { left:-100px; bottom:-105px; width:500px; aspect-ratio:580/330; opacity:.38; }
.tv-footer>.tv-footer-inner { display:block; padding-top:56px; padding-bottom:20px; }
.tv-footer-grid { display:grid; grid-template-columns:1.35fr repeat(3,1fr); gap:32px; }
.tv-footer-brand .wordmark { font-size:40px; }
.tv-footer-brand .wordmark span { color:#ffab8c; }
.tv-footer-brand p { font-size:17px; color:#ebd7ed; margin-top:3px; }
.tv-footer-grid nav { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.tv-footer-grid h3 { color:#d6bfdc; font:700 13px/1.4 var(--body); letter-spacing:.06em; margin-bottom:7px; }
.tv-footer nav a,.tv-footer-bottom { font-size:15px; line-height:1.5; }
.tv-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
.tv-footer-bottom { margin-top:38px; padding-top:17px; border-top:1px solid #ffffff30; display:flex; justify-content:space-between; gap:14px; color:#d5c2dd; }
@media(max-width:760px) {
  .tv-market::before { width:72vw; top:-26px; right:-20%; opacity:.33; }
  .tv-brand-id { min-height:32px; gap:5px; }
  .tv-brand-id img { max-width:87px; max-height:18px; }
  .tv-footer>.tv-footer-inner { padding-top:36px; }
  .tv-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; }
  .tv-footer-brand { grid-column:1/-1; }
  .tv-footer-bottom { flex-wrap:wrap; font-size:13px; margin-top:26px; }
}

/* The photo and its label share a single square tile. */
.tv-product {
  display:grid;
  grid-template: minmax(0,1fr) / minmax(0,1fr);
  aspect-ratio:1;
  position:relative;
}
.tv-product .tv-picture { grid-area:1/1; width:100%; height:100%; min-height:0; align-items:start; }
.tv-product .tv-picture img { height:66%; width:100%; padding:12px; object-fit:contain; }
.tv-product .tv-even img { object-fit:cover; padding:0; object-position:50% 42%; }
.tv-product .tv-cardbody {
  grid-area:1/1;
  align-self:end;
  z-index:1;
  min-height:34%;
  justify-content:center;
  border-top:1px solid #eee6f0;
  background:#fff;
  padding:clamp(10px,1.2vw,17px) clamp(15px,2vw,25px);
}
.tv-cardbody h3 { font-size:clamp(23px,2.4vw,35px); margin:0 0 7px; }
.tv-product .tv-brand-id { flex-direction:row; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:5px 12px; min-height:0; padding:0; margin:0; }
.tv-product .tv-brand-id .tv-maker { font-size:13px; letter-spacing:.07em; margin:0; }
.tv-product .tv-brand-id img { height:auto; width:auto; max-height:26px; max-width:124px; }
.tv-product .tv-brand-id img[src*="uwant"] { width:98px; }
.tv-product .tv-brand-id img[src*="even-logo"] { width:122px; }
.tv-flow { border:1px solid #e2d4e6; border-radius:24px; background:#fffdfb; box-shadow:0 12px 35px #4d285009; overflow:hidden; }
.tv-flow-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; padding:9px; border-bottom:1px solid #e6dbea; background:#f5eef8; }
.tv-flow-tabs button { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 4px; background:transparent; color:#705d7a; border-radius:12px; font-size:15px; }
.tv-flow-tabs b { font-size:12px; font-variant-numeric:tabular-nums; }
.tv-flow-tabs [aria-selected="true"] { background:#5c427e; color:white; }
.tv-flow-panel { display:grid; grid-template-columns:1.3fr .8fr; align-items:stretch; gap:24px; padding:clamp(22px,3.2vw,43px); }
.tv-flow-copy { align-self:center; }
.tv-flow-copy h3 { font:500 clamp(29px,3.3vw,50px)/1.12 var(--heading); letter-spacing:-.045em; margin-bottom:13px; }
.tv-flow-print { display:grid; align-content:center; justify-items:center; min-height:190px; padding:15px; background:radial-gradient(ellipse at 80% 0%,#faf0e2,transparent 75%),#f1e9f7; border:1px solid #e7dcee; border-radius:18px; }
.tv-flow-print svg { width:min(100%,185px); height:142px; }
.tv-flow-print span { font:600 13px/1.5 var(--body); color:#755d88; }
.tv-flow-panel:nth-of-type(even) .tv-flow-print { background:linear-gradient(145deg,#fae5d7,#f8f1eb); border-color:#efdbd0; }
.tv-flow-controls { display:flex; gap:10px; justify-content:space-between; align-items:center; padding:0 clamp(18px,3.2vw,43px) 21px; }
.tv-flow-controls button { padding:10px 16px; border:1px solid #dacde2; color:#654d81; background:white; border-radius:99px; font:600 15px/1.4 var(--body); }
.tv-flow-controls [data-flow-next] { background:#eee6f7; }
.tv-flow-controls button:disabled { opacity:.4; cursor:default; }
.tv-partners { background:linear-gradient(118deg,#f7e7db,#fff7f0 54%,#f0e4f2); border-block:1px solid #edddda; }
.tv-partner-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,3vw,44px); }
.tv-partner-points>div { border-top:1px solid #ccb9c4; padding-top:14px; }
.tv-partner-points>div>span { color:#835a77; font-size:13px; font-weight:700; }
.tv-partner-points h3 { font-size:24px; margin:7px 0; }
.tv-partner-points p { font-size:17px; }
.tv-partners .tv-aside { background:#fffcf8d9; }
@media(max-width:760px) {
  .tv-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tv-product .tv-chip { font-size:11px; }
  .tv-flow-tabs { padding:6px; gap:2px; }
  .tv-flow-tabs button { flex-direction:column; gap:1px; font-size:12px; min-height:49px; }
  .tv-flow-panel { grid-template-columns:1fr; gap:14px; padding:18px; }
  .tv-flow-print { min-height:0; display:flex; align-items:center; justify-content:center; gap:10px; padding:5px 12px; }
  .tv-flow-print svg { width:76px; height:64px; }
  .tv-flow-controls button { font-size:13px; padding:9px 13px; }
  .tv-partner-points { grid-template-columns:1fr; }
}
@media(max-width:520px) {
  .tv-cards { grid-template-columns:1fr; max-width:355px; margin-inline:auto; }
}
@media(prefers-reduced-motion:no-preference) {
  .tv-flow-panel:not([hidden]) .tv-flow-print svg { animation:tv-step-in .25s ease-out; }
  @keyframes tv-step-in { from { opacity:.4; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
}

/* Language names stay in their own language. Flags are decorative. */
.tv-language { position:relative; z-index:26; flex-shrink:0; color:#493759; }
.tv-language summary { display:flex; align-items:center; gap:7px; padding:9px 11px; min-height:40px; border:1px solid #dcccdf; border-radius:20px; background:#fffcff; font:600 13px/1.2 var(--body); list-style:none; cursor:pointer; }
.tv-language summary::-webkit-details-marker { display:none; }
.locale-chevron { width:6px; height:6px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:translateY(-1px) rotate(45deg); }
.tv-language[open] .locale-chevron { transform:translateY(2px) rotate(225deg); }
.locale-list { position:absolute; top:calc(100% + 6px); right:0; width:max-content; min-width:155px; padding:5px; border:1px solid #e0d1e5; border-radius:14px; background:#fffcff; box-shadow:0 8px 24px #3b254122; }
.locale-list [data-set-language] { display:flex; align-items:center; gap:9px; width:100%; min-height:38px; padding:8px 12px; border-radius:9px; background:transparent; color:#432c50; text-align:left; font:500 15px/1.3 var(--body); }
.locale-list [data-set-language][aria-current="true"] { background:#eee5f6; font-weight:700; }
.locale-list [data-set-language][aria-current="true"]::after { content:'✓'; margin-left:auto; color:#674b83; }
.locale-list [data-set-language]:hover { background:#f5edf9; }
.locale-flag { display:inline-block; flex:0 0 auto; width:21px; height:14px; border-radius:3px; box-shadow:inset 0 0 0 1px #0001; background-size:cover; background-position:center; }
.flag-it { background-image:linear-gradient(to right,#009246 33.33%,white 33.33% 66.67%,#ce2b37 66.67%); }
.flag-en { background-image:url("assets/flag-gb.svg"); }
.flag-zh { background-image:url("assets/flag-cn.svg"); }
html[lang="zh-Hans"] { --heading:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; --body:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; }
html[lang="zh-Hans"] :is(h1,h2,h3) { letter-spacing:-.035em; line-height:1.22; }
html[lang="zh-Hans"] .headline-line { word-spacing:-.24em; }
html[lang="zh-Hans"] .tv-space p { line-height:1.7; }
html[lang="en"] .tv-space h2 { overflow-wrap:break-word; }
@media(min-width:761px) and (max-width:1050px) { .header { gap:15px; } .header nav { gap:14px; } }
@media(max-width:760px) {
  .header { gap:9px; padding-inline:14px; }
  .header>.button { padding-inline:12px; gap:5px; }
  .tv-language summary { min-height:38px; padding:8px; gap:5px; }
}
@media(max-width:390px) {
  .header { gap:6px; padding-inline:10px; }
  .header .wordmark { font-size:28px; }
  .header>.button { font-size:12px; padding-inline:9px; }
  .header .menu-toggle { padding:2px; }
}

/* Optional social connection information in the creator journey. */
.tv-report-keys .tv-social-report-note { display:flex; align-items:flex-start; gap:8px; margin-top:13px; color:#e5d0fa; }
.tv-social-report-note svg { width:16px; height:16px; flex-shrink:0; margin-top:3px; }
.tv-social-report-note small { font-size:13px; line-height:1.55; }

/* Mobile product rail: show the next card, keep the desktop product grid. */
.tv-product-controls { display:none; }
@media(max-width:760px) {
  #creator-products {
    grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:calc(100% - 38px);
    gap:14px; width:calc(100% + 44px); max-width:none; margin:0 -22px;
    padding:2px 22px 10px; overflow-x:auto; overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory; scroll-padding-inline:22px; scrollbar-width:none;
  }
  #creator-products::-webkit-scrollbar { display:none; }
  #creator-products .tv-product { min-width:0; scroll-snap-align:start; }
  #creator-products:focus-visible { outline:2px solid var(--purple); outline-offset:-3px; border-radius:18px; }
  .tv-product-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 10px; color:#746285; font-size:12px; }
  .tv-product-controls>span { display:flex; align-items:center; gap:8px; }
  .tv-product-controls>span>span { font-size:19px; }
  .tv-product-dots { display:flex; gap:0; }
  .tv-product-dots button { display:grid; place-items:center; width:36px; height:36px; padding:0; border-radius:50%; background:transparent; }
  .tv-product-dots i { width:6px; height:6px; border-radius:10px; background:#bfb0d1; transition:width .2s,background .2s; }
  .tv-product-dots [aria-current="true"] i { width:20px; background:var(--purple); }
}

/* Large, edge-to-edge reel covers. Motion stays quiet and pauses on interaction. */
.tv-motion-gallery { margin:38px -40px 30px; }
.tv-motion-heading,.tv-motion-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-inline:40px; }
.tv-motion-toggle { display:flex; align-items:center; gap:10px; padding:9px 14px; color:#68527f; border:1px solid #dbc9e3; border-radius:99px; background:#ffffff80; font-size:13px; }
.tv-motion-viewport { overflow-x:auto; scrollbar-width:none; padding:26px 40px 30px; overscroll-behavior-x:contain; mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent); }
.tv-motion-viewport::-webkit-scrollbar { display:none; }
.tv-motion-track { display:flex; gap:22px; width:max-content; }
.tv-motion-card { width:220px; flex:0 0 220px; }
.tv-motion-preview { display:block; position:relative; width:100%; aspect-ratio:9/16; border-radius:18px; overflow:hidden; background:#e5dce9; box-shadow:0 8px 18px -12px #30223870; transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s; isolation:isolate; }
.tv-motion-preview img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.tv-reel-select { position:absolute; inset:0; width:100%; padding:0; border:0; border-radius:inherit; background:linear-gradient(180deg,transparent 65%,#21172830); cursor:pointer; }
.tv-reel-select:focus-visible { outline:3px solid #c1a0ee; outline-offset:-5px; }
.tv-preview-stat { position:absolute; bottom:12px; left:10px; right:10px; display:flex; align-items:center; gap:10px; padding:10px 12px; color:#fff; background:rgba(57,39,64,.61); border:1px solid #ffffff61; border-radius:18px; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 2px 10px #24162f20; text-align:left; transition:background .3s; }
.tv-preview-stat>svg { flex:none; }
.tv-preview-stat>svg:last-child { margin-left:auto; }
.tv-preview-stat>span { display:flex; flex-direction:column; gap:2px; min-width:0; }
.tv-preview-stat strong { font-family:var(--body); font-size:19px; line-height:1.05; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.tv-preview-stat small { font-family:var(--body); font-size:10px; line-height:1.2; font-weight:400; }
.tv-motion-card.is-active .tv-motion-preview { transform:translateY(-5px); box-shadow:0 15px 24px -16px #30223890; }
.tv-motion-card.is-active img { transform:scale(1.045); }
.tv-motion-card.is-active .tv-preview-stat { background:rgba(57,39,64,.78); }
.tv-space .tv-motion-bottom p { font-size:12px; color:#796681; margin:0; }
.tv-touch-hint { display:none; }

/* A compact result sheet, independent of Instagram embeds. */
html { scrollbar-gutter:stable; }
#reel-dialog { position:fixed; inset:0; margin:auto; width:min(480px,calc(100vw - 32px)); max-width:480px; max-height:92dvh; padding:0; border:1px solid #ffffffb3; border-radius:26px; background:#fffaf7; color:var(--ink); overflow:auto; overscroll-behavior:contain; box-shadow:0 32px 120px #20172f4d; }
#reel-dialog[open] { animation:reel-sheet-in .25s cubic-bezier(.2,.7,.2,1); }
#reel-dialog::backdrop { background:#241b395c; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); }
@keyframes reel-sheet-in { from { opacity:0; transform:translateY(10px) scale(.985); } to { opacity:1; transform:none; } }
.tv-result-header { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:22px 28px; background:#fffaf7f5; border-bottom:1px solid #e5d9e9; }
#reel-title { font-family:var(--body); font-size:23px; font-weight:700; letter-spacing:-.04em; color:#5d416f; }
#reel-dialog [data-close-reel] { position:static; display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; padding:0; border:1px solid #dfcde8; border-radius:50%; background:transparent; color:#6c4888; }
#reel-dialog [data-close-reel]:hover { background:#eee4f5; }
.tv-result-body { padding:24px 28px 26px; min-width:0; }
.tv-result-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.tv-result-creator { font-family:var(--body); font-size:18px; font-weight:700; line-height:1.3; color:#634975; overflow-wrap:anywhere; min-width:0; }
.tv-demo-badge { flex-shrink:0; display:inline-flex; padding:5px 8px; border:1px solid #d2bde1; border-radius:99px; font-size:10px; line-height:1.2; color:#80618f; background:#f7f0fa; }
.tv-result-sales { display:flex; flex-direction:column; gap:4px; padding:20px 24px; border-radius:18px; background:linear-gradient(120deg,#eadcf0,#f3e9f1); color:#795397; }
.tv-result-sales strong { font-size:58px; line-height:1; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.tv-result-sales>span { font-size:16px; }
.tv-result-metrics { margin:14px 0 24px; }
.tv-result-metrics>div { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; border-bottom:1px solid #e5d9e9; }
.tv-result-metrics>div:last-child { border-bottom:0; padding-bottom:0; }
.tv-result-metrics span { font-size:13px; color:#80618f; text-align:right; }
.tv-result-metrics strong { font-size:27px; line-height:1.1; color:#654889; letter-spacing:-.04em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tv-result-body #tv-original { display:flex; position:relative; width:100%; justify-content:center; gap:12px; margin:0; padding:15px 16px; border-radius:16px; background:#78539a; box-shadow:none; font-family:var(--body); font-size:16px; line-height:1.3; min-height:54px; cursor:pointer; }
.tv-result-body #tv-original:hover { background:#654184; }
#tv-original>span { font-size:inherit; line-height:inherit; }
#tv-original>svg { flex:none; pointer-events:none; }
.tv-demo-note { margin-top:16px; font-size:11px; line-height:1.5; color:#8c798a; text-align:center; }
@media(max-width:760px) {
 .tv-motion-gallery { margin:24px -22px; }
 .tv-motion-heading,.tv-motion-bottom { padding-inline:22px; }
 .tv-motion-heading .tv-kicker { font-size:13px; }
 .tv-motion-toggle { display:flex; flex:none; font-size:12px; padding:8px 10px; gap:7px; }
 .tv-motion-viewport { padding:22px 22px 25px; scroll-snap-type:none; scroll-padding:22px; mask-image:none; }
 .tv-motion-track { gap:14px; }
 .tv-motion-card { width:min(67vw,240px); flex-basis:min(67vw,240px); scroll-snap-align:start; }
 .tv-motion-card[aria-hidden] { display:block; }
 .tv-motion-bottom { align-items:flex-start; flex-direction:column; gap:7px; }
 .tv-hover-hint { display:none; }
 .tv-touch-hint { display:inline; }
 #reel-dialog { width:calc(100vw - 24px); border-radius:22px; }
 .tv-result-header { padding:18px 20px; }
 #reel-title { font-size:21px; }
 .tv-result-body { padding:20px; }
 .tv-result-meta { flex-wrap:wrap; gap:8px; margin-bottom:18px; }
 .tv-result-creator { font-size:16px; }
 .tv-result-sales { padding:18px 20px; }
 .tv-result-sales strong { font-size:50px; }
 .tv-result-metrics strong { font-size:25px; }
 .tv-result-metrics>div { padding:16px 0; }
}
@media(prefers-reduced-motion:reduce) {
 .tv-motion-preview,.tv-motion-preview img,.tv-preview-stat { transition:none; }
 .tv-motion-card.is-active .tv-motion-preview,.tv-motion-card.is-active img { transform:none; }
 #reel-dialog[open] { animation:none; }
}

/* Give each creator a direct profile link, separate from the result sheet. */
.tv-motion-toggle [data-motion-play] { display:none; }
.tv-motion-toggle[aria-pressed="true"] [data-motion-play] { display:block; }
.tv-motion-toggle[aria-pressed="true"] [data-motion-pause] { display:none; }
.tv-preview-stat { display:grid; grid-template-columns:21px minmax(0,1fr); column-gap:10px; row-gap:8px; padding:10px 12px 9px; }
.tv-preview-stat>svg:nth-of-type(2) { display:none; }
.tv-preview-stat>.tv-preview-sales { grid-column:1/-1; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; padding-top:8px; border-top:1px solid #ffffff38; font-size:11px; font-weight:500; line-height:1.25; }
.tv-preview-sales svg { flex:none; }
.tv-creator-link { display:flex; align-items:center; gap:7px; width:fit-content; max-width:100%; min-height:44px; margin-bottom:3px; padding:7px 1px; color:#624977; font-size:12px; font-weight:600; line-height:1.4; }
.tv-creator-link span { overflow-wrap:anywhere; }
.tv-creator-link svg { flex:none; opacity:.65; }
.tv-creator-link:hover span,.tv-result-creator:hover [data-result-creator] { text-decoration:underline; text-underline-offset:4px; }
.tv-creator-link:hover svg { opacity:1; }
.tv-result-creator { display:inline-flex; align-items:center; gap:7px; }
.tv-result-creator svg { flex:none; opacity:.65; }
/* Four simple steps, with an animated editorial scene for each. */
.tv-flow { --flow-progress:0; border-color:#dcd0e8; border-radius:26px; }
.tv-flow-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; gap:0; background:#fffaf8; }
.tv-flow-tabs button { position:relative; min-height:70px; border-radius:0; padding:17px 12px; color:#796987; font-size:17px; overflow:hidden; transition:color .25s,background .25s; }
.tv-flow-tabs button+button { border-left:1px solid #e8dfed; }
.tv-flow-tabs b { font-size:14px; font-weight:600; color:#aa8aba; }
.tv-flow-tabs [aria-selected="true"] { color:#4e366b; background:#f1e8f8; }
.tv-step-progress { position:absolute; left:0; bottom:0; height:3px; width:100%; background:#8a68ba; transform:scaleX(0); transform-origin:left; }
.tv-flow-tabs [aria-selected="true"] .tv-step-progress { transform:scaleX(var(--flow-progress)); }
.tv-flow-panel { min-height:410px; padding:0; gap:0; grid-template-columns:1fr 1.12fr; }
.tv-flow-copy { padding:clamp(25px,3.4vw,48px); }
.tv-flow-number { display:block; color:#ab8eb9; font-size:13px; font-weight:700; letter-spacing:.08em; margin-bottom:18px; }
.tv-flow-copy h3 { font-size:clamp(30px,3vw,43px); letter-spacing:-.035em; max-width:440px; }
.tv-flow-copy p { font-size:17px; line-height:1.62; }
.tv-flow-note { display:flex; align-items:flex-start; gap:9px; margin-top:23px; padding-top:19px; border-top:1px solid #e5dceb; color:#79558f; font-size:13px; font-weight:600; line-height:1.5; }
.tv-flow-note svg { width:19px; height:19px; flex-shrink:0; }
.tv-flow-scene { position:relative; isolation:isolate; display:grid; align-content:center; min-width:0; padding:40px 35px; overflow:hidden; background:radial-gradient(ellipse at 90% 90%,#f6d2bd,transparent 63%),linear-gradient(135deg,#e4d1f5,#d6c5ef); }
.tv-flow-scene:before { content:''; position:absolute; z-index:-1; width:460px; height:460px; border:1px solid #ffffff80; border-radius:50%; left:10%; top:-15%; box-shadow:0 0 0 45px #ffffff15,0 0 0 90px #ffffff12; }
.scene-agree { background:radial-gradient(ellipse at 10% 100%,#d9c5ef,transparent 65%),linear-gradient(135deg,#f5d7c5,#f2e1da); }
.scene-publish { background:radial-gradient(ellipse at 100% 0%,#f8dcc6,transparent 65%),linear-gradient(135deg,#dcccf0,#efdfef); }
.scene-repeat { background:radial-gradient(ellipse at 80% 95%,#f3c9b4,transparent 65%),linear-gradient(135deg,#d7c2e9,#e9d7ec); }
.tv-flow-scene svg { width:22px; height:22px; flex-shrink:0; }
.tv-discovery-stack { position:relative; padding-bottom:35px; }
.tv-demo-search { display:flex; align-items:center; gap:10px; background:#fffdf9; padding:17px; border-radius:14px; font-size:13px; color:#735485; box-shadow:0 8px 35px #583a6d13; }
.tv-demo-search i { width:2px; height:15px; background:#8b67b1; }
.tv-demo-products { display:flex; gap:10px; margin-top:14px; }
.tv-demo-products>div { border:5px solid white; background:white; box-shadow:0 8px 18px #54386d12; border-radius:15px; overflow:hidden; width:33.333%; transform:rotate(-4deg) translateY(6px); }
.tv-demo-products>div:nth-child(2) { transform:translateY(-3px); }
.tv-demo-products>div:nth-child(3) { transform:rotate(4deg) translateY(6px); }
.tv-demo-products img { width:100%; height:150px; object-fit:cover; }
.tv-demo-products span { font-size:10px; font-weight:600; display:block; padding:7px 3px; white-space:nowrap; text-align:center; color:#655073; }
.tv-demo-creators img { height:200px; object-position:50% 30%; }
.tv-demo-float { display:flex; align-items:center; gap:10px; position:absolute; right:2%; bottom:8px; padding:14px 20px; border:1px solid #e6d8ef; border-radius:16px; background:#fffcf8; box-shadow:0 12px 28px #65407c20; font-size:14px; font-weight:600; color:#624576; transform:rotate(-3deg); }
.tv-demo-float b { color:#ca8d85; }
.tv-demo-agreement,.tv-demo-tracker,.tv-demo-partnership { padding:25px; border-radius:19px; background:#fffdfaf5; box-shadow:0 14px 38px #664d7e24; border:1px solid #fff; transform:rotate(-2deg); width:100%; max-width:410px; margin:auto; }
.tv-demo-top { display:flex; justify-content:space-between; align-items:center; font-size:17px; color:#53376c; font-weight:700; padding-bottom:20px; }
.tv-demo-line { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:14px 0; border-top:1px solid #eee6f2; font-size:12px; color:#8b7a98; }
.tv-demo-line b { font-size:12px; font-weight:600; color:#59406e; text-align:right; }
.tv-demo-stamp { padding:13px; margin-top:18px; border:1px solid #aac8b3; background:#eef5ee; color:#47735b; font-size:13px; font-weight:600; text-align:center; border-radius:12px; transform:rotate(-3deg); }
.tv-demo-stamp>span { margin-right:8px; }
.tv-demo-tracker { transform:rotate(2deg); }
.tv-demo-task { display:flex; align-items:center; gap:12px; padding:10px 0; font-size:14px; color:#644e78; }
.tv-demo-task i { display:grid; place-items:center; width:25px; height:25px; border:1px solid #c9b7d9; background:#f4eafa; border-radius:50%; font-style:normal; }
.tv-demo-bars { height:55px; display:flex; align-items:end; gap:8px; margin:12px 0 0 37px; border-bottom:1px solid #e9dfee; }
.tv-demo-bars i { background:#b69bcd; border-radius:4px 4px 0 0; flex:1; height:35%; transform-origin:bottom; }
.tv-demo-bars i:nth-child(2n) { height:57%; background:#d7b4ad; }.tv-demo-bars i:nth-child(3n) { height:78%; }.tv-demo-bars i:last-child { height:100%; background:#8d6ba9; }
.tv-demo-partnership { transform:rotate(-1deg); }
.tv-partner-orbit { display:flex; align-items:center; justify-content:center; gap:15px; padding:12px 0 26px; }
.tv-partner-orbit>span { display:grid; place-items:center; width:85px; height:85px; border:1px solid #d8c5e6; border-radius:50%; background:#efe3f8; font-size:14px; font-weight:600; color:#62457c; }
.tv-partner-orbit>span:last-child { background:#fce6d7; border-color:#ecccbb; color:#9c6b51; }
.tv-partner-orbit b { font-size:25px; font-weight:400; }
.tv-partner-thread { display:flex; align-items:center; gap:10px; font-size:13px; padding:11px; margin-top:7px; border-radius:10px; background:#f7f2fa; color:#735b87; }.tv-partner-thread i { font-style:normal; color:#9172a9; font-size:18px; }
.tv-flow-controls { padding:14px 24px; border-top:1px solid #eee3f0; background:#fffcfa; }
.tv-flow-controls [data-flow-play] { margin:auto; border:0; background:transparent; display:flex; gap:8px; align-items:center; font-weight:500; font-size:12px; padding:9px; }
.tv-flow-chat { display:flex; align-items:center; gap:14px; margin-top:18px; padding:16px 20px; border:1px solid #ded5ef; border-radius:16px; background:linear-gradient(110deg,#f1ebfc 0%,#fff7f1 100%); color:#7253a2; }
.tv-flow-chat>svg { width:27px; height:27px; flex-shrink:0; }
.tv-flow-chat p { display:flex; flex-wrap:wrap; align-items:center; gap:4px 14px; font-size:14px; }
.tv-flow-chat p strong { font-size:11px; color:#72538d; letter-spacing:.06em; }
.tv-chat-label { display:inline-flex; align-items:center; gap:9px; }
.tv-chat-new { padding:3px 8px; border-radius:20px; background:#6b56dc; color:#fff; font-size:10px; font-weight:700; line-height:1.5; letter-spacing:.02em; }
.tv-payment-path { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:25px; padding-top:20px; border-top:1px solid #eadfee; color:#735385; font-size:12px; }
.tv-payment-path span { background:#f4edf9; border-radius:8px; padding:8px 10px; }.tv-payment-path i { font-style:normal; color:#b59ac9; }
.tv-faq .tv-detail p { font-size:16px; }
.tv-product .tv-picture.tv-real-product img { padding:0; height:68%; object-fit:cover; object-position:center; }
.tv-product .tv-picture.tv-real-product img[src*="ezviz"] { object-position:center bottom; }
.tv-product .tv-picture.tv-real-product img[src*="creatulize"] { object-fit:contain; padding:10px; background:#f4f3f0; }
.tv-product .tv-brand-id img { max-width:105px; max-height:22px; object-fit:contain; }
.tv-product .tv-brand-id img[src*="creatulize-logo"] { filter:brightness(0); }
.tv-product .tv-brand-id .tv-maker { font-size:12px; }
@media(prefers-reduced-motion:no-preference) {
 .tv-flow-panel:not([hidden]) .tv-flow-copy { animation:tv-copy-in .5s ease both; }
 .tv-flow-panel:not([hidden]) .tv-flow-scene>div { animation:tv-scene-in .65s cubic-bezier(.2,.7,.2,1) both; }
 .tv-flow-panel:not([hidden]) .tv-demo-float { animation:tv-float-in .8s .35s both; }
 .tv-flow-panel:not([hidden]) .tv-demo-stamp { animation:tv-stamp-in .6s .5s both; }
 .tv-flow-panel:not([hidden]) .tv-demo-bars i { animation:tv-bar-in .9s .25s both; }
 .tv-flow-panel:not([hidden]) .tv-demo-bars i:nth-child(2n) { animation-delay:.4s; }
 @keyframes tv-copy-in { from { opacity:0; transform:translateY(9px); } to {opacity:1;transform:translateY(0);} }
 @keyframes tv-scene-in { from { opacity:0; translate:24px 10px; scale:.97; } to {opacity:1;translate:0 0;scale:1;} }
 @keyframes tv-float-in { from {opacity:0;translate:0 15px;} to {opacity:1;translate:0 0;} }
 @keyframes tv-stamp-in { from {opacity:0;scale:1.12;} to {opacity:1;scale:1;} }
 @keyframes tv-bar-in { from {transform:scaleY(.1);} to {transform:scaleY(1);} }
}
@media(max-width:760px) {
 .tv-flow { border-radius:20px; }
 .tv-flow-tabs button { font-size:13px; min-height:62px; gap:3px; padding:10px 3px; }
 .tv-flow-tabs b { font-size:12px; }
 .tv-flow-panel { grid-template-columns:1fr; min-height:0; }
 .tv-flow-copy { padding:23px; min-height:310px; }
 .tv-flow-copy h3 { font-size:30px; }
 .tv-flow-copy p { font-size:16px; }
 .tv-flow-number { display:none; }
 .tv-flow-note { font-size:12px; padding-top:13px; margin-top:16px; }
 .tv-flow-scene { min-height:290px; padding:25px; }
 .tv-demo-products img { height:120px; }
 .tv-demo-creators img { height:145px; }
 .tv-demo-search { font-size:11px; padding:13px; }
 .tv-demo-products span { font-size:8px; }
 .tv-demo-agreement,.tv-demo-tracker,.tv-demo-partnership { max-width:330px; padding:19px; }
 .tv-demo-line { padding:11px 0; }
 .tv-partner-orbit>span { width:65px; height:65px; }
 .tv-flow-controls { padding:10px; gap:3px; }
 .tv-flow-controls button { font-size:11px; padding:8px; }
 .tv-flow-controls [data-flow-play] { font-size:11px; padding:7px 4px; gap:4px; }
 .tv-flow-chat { align-items:flex-start; padding:14px; gap:11px; }
}
[data-flow-play-icon] { display:inline-block; width:10px; height:10px; flex-shrink:0; }
[data-flow-play-icon].is-play { border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid currentColor; width:8px; }
[data-flow-play-icon].is-pause { border-inline:3px solid currentColor; width:9px; }
.tv-product .tv-brand-id img[src*="creatulize-logo"] { width:40px; height:22px; object-fit:cover; }
/* Square photography and a single, integrated product signature. */
#creator-products .tv-product { display:flex; flex-direction:column; aspect-ratio:auto; border:1px solid #e4dbe9; border-radius:21px; background:#fff; overflow:hidden; }
#creator-products .tv-picture.tv-real-product { display:block; width:100%; height:auto; aspect-ratio:1; flex:none; overflow:hidden; border-radius:0; background:#fff; }
#creator-products .tv-picture.tv-real-product img { display:block; width:100%; height:100%; padding:0; object-fit:cover; object-position:center; mix-blend-mode:normal; }
#creator-products .tv-picture.tv-real-product img[src*="creatulize"] { object-fit:contain; background:#fff; }
#creator-products .tv-picture.tv-real-product img[src*="ezviz"] { object-position:50% 75%; }
#creator-products .tv-cardbody { display:flex; flex-direction:row; align-self:stretch; align-items:center; justify-content:space-between; gap:15px; min-height:76px; padding:20px; background:#fff; border:0; }
#creator-products .tv-cardbody h3 { font-size:clamp(22px,2.1vw,29px); margin:0; line-height:1.1; letter-spacing:-.035em; }
#creator-products .tv-brand-id { display:flex; flex:0 0 70px; width:70px; height:22px; align-items:center; justify-content:center; padding:0; }
#creator-products .tv-brand-id img,#creator-products .tv-brand-id svg { display:block; width:70px; height:22px; max-width:70px; max-height:22px; object-fit:contain; filter:grayscale(1); opacity:.78; }
#creator-products .tv-brand-id .tv-creatulize-wordmark { filter:brightness(0); overflow:hidden; }
@media(max-width:760px) {
 #creator-products .tv-product { border-radius:18px; }
 #creator-products .tv-cardbody { padding:17px 16px; min-height:70px; gap:10px; }
 #creator-products .tv-cardbody h3 { font-size:clamp(19px,5.5vw,23px); }
 #creator-products .tv-brand-id { flex-basis:62px; width:62px; }
 #creator-products .tv-brand-id img,#creator-products .tv-brand-id svg { width:62px; max-width:62px; }
}
/* All tab panels share one intrinsic grid row, so switches never move the section. */
.tv-flow-stage { display:grid; }
.tv-flow-stage>.tv-flow-panel { grid-area:1/1; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.tv-flow-stage>.tv-flow-panel[hidden] { display:grid!important; visibility:hidden; pointer-events:none; }
.tv-flow-copy { padding:clamp(24px,3vw,40px); min-width:0; }
.tv-flow-scene { padding:30px; }
.tv-ledger q { quotes:'«' '»'; }
html[lang="en"] .tv-ledger q { quotes:'“' '”'; }
html[lang="zh-Hans"] .tv-ledger q { quotes:'「' '」'; }
@media(max-width:760px) {
 .tv-flow-stage>.tv-flow-panel { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(310px,1fr) 290px; }
 .tv-flow-copy { padding:23px; }
 .tv-flow-scene { padding:25px; }
}

/* A quiet contact route alongside the questions, for both audiences. */
.tv-faq-contact { margin-top:28px; padding-top:20px; border-top:1px solid rgba(110,79,141,.18); }
.tv-faq-contact p { margin:0 0 7px; font-size:15px; color:var(--muted,#746b7c); }
.tv-faq-contact a { display:inline-flex; align-items:center; gap:9px; min-height:36px; font-size:15px; font-weight:600; color:var(--purple,#7354c9); text-underline-offset:4px; }
.tv-faq-contact a:hover { text-decoration:underline; }
.tv-faq-contact a:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:3px; }

/* Company details stay readable and directly available on the homepage. */
.tv-footer-bottom { align-items:flex-start; gap:28px; }
.tv-company-info { min-width:0; font-size:13px; line-height:1.75; }
.tv-company-info strong { display:block; margin-bottom:7px; font-size:14px; color:#fff; }
.tv-company-info p { margin:0; color:inherit; font-size:inherit; line-height:inherit; }
.tv-company-contacts { display:flex; flex-wrap:wrap; gap:4px 22px; margin-top:8px; }
.tv-company-contacts a { overflow-wrap:anywhere; }
.tv-footer-bottom .tv-back-top { flex-shrink:0; font-size:13px; padding:2px 0; }
@media(max-width:600px) { .tv-footer-bottom { flex-direction:column; gap:18px; } .tv-company-contacts { flex-direction:column; gap:3px; } }

.tv-result-metrics .tv-metric-label { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.tv-result-metrics .tv-metric-platforms { display:flex; align-items:center; gap:10px; color:#29272c; }
.tv-metric-platforms svg { width:15px; height:15px; display:block; }
.tv-demo-badge.is-real { color:#3c6654; background:#e8f1eb; border-color:#cadfd1; }

/* Confirmed ROI is only shown for campaigns with supplied data. */
.tv-preview-roi { position:absolute; top:12px; right:12px; display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid #ffffffa3; border-radius:999px; color:#254d3e; background:#f0f8f0e8; backdrop-filter:blur(10px); box-shadow:0 2px 10px #182d2020; font-family:var(--body); line-height:1; }
.tv-preview-roi>span { font-size:10px; font-weight:600; letter-spacing:.03em; }
.tv-preview-roi>strong { font-size:16px; font-weight:750; letter-spacing:-.03em; }
.tv-result-highlights { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.tv-result-highlights.has-roi { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.tv-result-roi { display:flex; flex-direction:column; justify-content:center; gap:7px; padding:20px; border:1px solid #d3e4d9; border-radius:18px; background:linear-gradient(120deg,#e8f3e9,#f3f7ef); color:#39654f; }
.tv-result-roi strong { font-size:44px; font-weight:700; line-height:1; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.tv-result-roi>span { font-size:14px; }
@media(max-width:480px) { .tv-result-highlights { gap:9px; } .tv-result-highlights.has-roi .tv-result-sales,.tv-result-roi { padding:18px 14px; } .tv-result-roi strong { font-size:38px; } .tv-result-highlights.has-roi .tv-result-sales>span { font-size:13px; } }

/* Clear attribution notes and a restrained founder experience panel. */
.tv-report-ref { font-size:.65em; color:#ead7ff; margin-left:2px; }
.tv-report-footnotes { display:grid; gap:8px; margin-top:18px; color:#e5d6ed; max-width:960px; }
.tv-report-footnotes p { display:flex; align-items:baseline; gap:8px; font-size:13px; line-height:1.55; }
.tv-report-footnotes b { min-width:15px; }
.tv-founder-experience { width:100%; max-width:370px; padding:30px; border:1px solid #d9cce1; border-radius:24px; background:linear-gradient(145deg,#fffdfb 0%,#f4ecf7 100%); box-shadow:0 16px 48px #63427508; }
.tv-experience-eyebrow { display:block; font-size:10px; font-weight:700; letter-spacing:.13em; color:#8d729c; }
.tv-founder-experience h3 { margin:16px 0 25px; font-size:clamp(25px,2.6vw,34px); line-height:1.18; letter-spacing:-.035em; font-weight:500; }
.tv-founder-experience h3 em { color:#8c62a1; font-style:normal; }
.tv-experience-row { display:flex; gap:21px; align-items:center; padding:20px 0; border-top:1px solid #ded2e5; }
.tv-experience-number { min-width:61px; font-family:var(--heading); font-size:48px; line-height:1; letter-spacing:-.06em; color:#624878; }
.tv-experience-number>span { display:block; margin-top:5px; font-family:var(--body,inherit); font-size:12px; letter-spacing:0; color:#8a7992; }
.tv-experience-row>div:last-child { display:grid; gap:5px; }
.tv-experience-row strong { font-size:17px; font-weight:600; }
.tv-experience-row>div:last-child>span { font-size:13px; line-height:1.4; color:#897991; }
.tv-experience-origin { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid #ded2e5; padding-top:22px; margin-top:2px; }
.tv-experience-origin>span:first-child { font-size:12px; color:#897991; }
.tv-experience-origin .wordmark { font-size:29px; }
@media(max-width:760px) {
 .tv-founder-experience { max-width:none; padding:25px; }
 .tv-founder-experience h3 { font-size:29px; margin-bottom:20px; }
 .tv-experience-row { padding:16px 0; }
 .tv-report-footnotes p { font-size:12px; }
}

@media(max-width:760px) {
 .hero .actions { gap:12px; }
 .tv-faq-grid > .tv-faq-contact { margin-top:4px; }
}

/* Match optical clear space around both headline accents. */
.headline-word.word-three { display:inline-block; }
.headline-word.word-two .headline-connection { width:39px; height:39px; right:-46px; top:0; }
.headline-word.word-three .headline-confetti { width:30px; height:46px; left:-43px; top:calc(50% - 23px); bottom:auto; }
@media(max-width:760px) {
 .headline-word.word-two .headline-connection { width:25px; height:25px; right:-30px; top:-2px; }
 .headline-word.word-three .headline-confetti { width:19px; height:30px; left:-28px; top:calc(50% - 15px); }
}

/* Approved linked-o wordmark: the original letterforms, with clean counters. */
@font-face{font-family:'Trovaloo Logo';src:url('assets/fonts/trovaloo-dm-sans-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.wordmark{font-family:'Trovaloo Logo','DM Sans',sans-serif;--logo-accent:#6b56dc;white-space:nowrap;letter-spacing:-.065789em}
.wordmark-links{display:inline-block;width:.9em;height:.568em;vertical-align:-.032em;margin-left:.015em;margin-right:-.02em;overflow:visible;letter-spacing:0}
.wordmark-links .first-link{fill:currentColor}
.wordmark-links .second-link{fill:var(--logo-accent)}
.tv-footer-brand .wordmark{--logo-accent:#ffab8c}

/* One shared visual language for the joining badge and the title accents. */
.hero .intro-pill{grid-template-columns:max-content 34px max-content;column-gap:6px;background:transparent;border-color:transparent;box-shadow:none}
.hero .intro-pill:hover{border-color:transparent;box-shadow:none}
.intro-pill .badge-label{justify-self:center;text-align:center}
.badge-half{position:absolute;inset-block:0;width:calc(50% + 3px);z-index:-1;pointer-events:none;background:#f3eefb;border:1px solid #dcd2ef;box-shadow:inset 0 1px 0 #fff;transition:border-color .25s}
.badge-half--brand{left:0;border-right:0;border-radius:999px 0 0 999px}
.badge-half--creators{right:0;border-left:0;border-radius:0 999px 999px 0}
.intro-pill:hover .badge-half{border-color:#c8b7e4}
.intro-pill .badge-link-toggle{appearance:none;display:grid;place-items:center;position:relative;width:34px;height:34px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.badge-link-toggle:focus-visible{outline:2px solid #8d70c3;outline-offset:3px}
.badge-connection{display:block;width:32px;height:20.2px;overflow:visible;transform:rotate(-28deg);transform-origin:center}
.badge-connection .first-link{fill:var(--coral)}
.badge-connection .second-link{fill:#a38acb}
.connection-motion{transform-origin:0 0}
.headline-confetti.headline-confetti--collab{width:30px;height:46px;left:auto;right:calc(-43px + .16em);top:calc(50% - 31px);bottom:auto;stroke:var(--coral)}
.hero .headline-confetti{transform-origin:center}
.hero .headline-swoosh{transform-origin:center}
.hero-heading:hover .headline-highlight:before{transition:transform .4s cubic-bezier(.22,1,.36,1)}
@media(max-width:760px){
 .headline-confetti.headline-confetti--collab{width:19px;height:30px;right:calc(-28px + .16em);top:calc(50% - 20px)}
 .badge-connection{width:31px;height:19.6px}
}
@media(prefers-reduced-motion:reduce){
 .hero-heading:hover .headline-highlight:before{transform:rotate(-3deg);transition:none}
 .badge-connection,.badge-connection path,.headline-confetti,.headline-swoosh{transition:none!important}
}

/* Keep the header first, while fonts and the linked-o entrance are prepared. */
html.hero-boot .header,html.hero-boot main,html.hero-boot body>footer{visibility:hidden}
.header .wordmark-links{transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){html.hero-boot .header,html.hero-boot main,html.hero-boot body>footer{visibility:visible}}

/* Fine outline on the torn edges, visible only while the pill is open. */
.badge-tear{position:absolute;top:0;width:6px;height:100%;fill:none;stroke:#c9b7df;stroke-width:1.2;opacity:0}
.badge-half--brand .badge-tear{right:0}
.badge-half--creators .badge-tear{left:0}

/* Both halves follow one shared tear line: protrusions meet opposite recesses. */
.badge-half--brand{clip-path:polygon(0 0,100% 0,calc(100% - 6px) 16.67%,100% 33.33%,calc(100% - 6px) 50%,100% 66.67%,calc(100% - 6px) 83.33%,100% 100%,0 100%)}
.badge-half--creators{clip-path:polygon(100% 0,6px 0,0 16.67%,6px 33.33%,0 50%,6px 66.67%,0 83.33%,6px 100%,100% 100%)}

/* Center the capsule; keep equal clear space around the link between labels. */
.badge-half--brand{width:calc(var(--badge-join, 50%) + 3px)}
.badge-half--creators{width:calc(100% - var(--badge-join, 50%) + 3px)}

.tv-footer .wordmark:hover,.tv-footer .wordmark:focus-visible{text-decoration:none}
/* Applications: a real form and a clear, calm confirmation. */
#contact-dialog{width:min(560px,calc(100% - 28px));padding:36px;border-radius:28px;background:linear-gradient(150deg,#fff,#faf7ff);border:1px solid #e3daee;scrollbar-width:thin}
#contact-dialog .eyebrow{font-size:12px;margin:4px 32px 14px 0;text-transform:uppercase;letter-spacing:.08em}
#contact-dialog h2{font-size:38px;line-height:1.08;margin:0 20px 16px 0;letter-spacing:-.035em}
#contact-description{font-size:15px;line-height:1.6;color:#796d84}
#contact-form label,#application-correct-form label{margin:19px 0;font-size:13px;font-weight:600}
#contact-dialog input,#contact-dialog select{font:400 15px var(--body);padding:13px 14px;border-radius:12px;background:#fff;border-color:#ddd5e8;outline-offset:3px}
#contact-dialog .button{font-size:15px;min-height:52px;margin-top:8px}
#contact-dialog button:disabled{opacity:.65;cursor:wait}
#contact-dialog small{font-size:12px;line-height:1.5;text-align:center;margin:14px 0 0}
.application-trap{display:none!important}
.application-error{color:#a42d38!important;background:#fff0ef;padding:10px 12px;border-radius:9px;font-size:13px!important;margin:12px 0!important}
#contact-success{text-align:center;padding-top:8px}
#contact-success h2{margin:12px 0 18px;outline:none}
#contact-success .eyebrow{display:block;margin:18px 0 0}
#contact-success>p{font-size:15px;line-height:1.6;color:#796d84}
.application-check{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:#eee7ff;display:grid;place-items:center;box-shadow:0 0 0 9px #f6f1fd}
.application-check svg{width:48px;height:48px;fill:none;stroke:#6b56dc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#contact-success:not([hidden]) .application-check path{stroke-dasharray:40;animation:application-check .5s .1s both ease}
@keyframes application-check{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
.application-email-card{margin:22px 0;padding:18px 14px;background:#f0eafa;border:1px solid #e5daf5;border-radius:16px}
.application-email-card strong{display:block;color:#42314e;font-size:17px;overflow-wrap:anywhere}
#application-edit-email{font-size:12px;color:#6b56dc;background:none;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}
#application-correct-form{text-align:left}#application-correct-form .application-cancel{display:block;margin:12px auto;background:none;padding:8px;color:#796d84;font-size:13px}
#application-corrected{font-size:13px!important;color:#4b7c5a!important}
@media(max-width:540px){#contact-dialog{padding:30px 22px;max-height:92dvh}#contact-dialog h2{font-size:32px}#contact-dialog .close-modal{right:9px;top:8px}}
@media(prefers-reduced-motion:reduce){#contact-success .application-check path{animation:none!important}}

/* About: an editorial introduction and a founder's statement, not a stats panel. */
.tv-about{background:radial-gradient(ellipse at 100% 45%,#f2e6f4,transparent 46%),#fffaf6}
.tv-about .tv-space{padding-top:80px;padding-bottom:80px}
.tv-about-intro{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(28px,6vw,80px);align-items:end;margin-bottom:44px}
.tv-about-intro h2{font-size:clamp(38px,4.2vw,57px);max-width:650px}
.tv-about-intro>p{font-size:17px;line-height:1.7;max-width:510px}
.tv-about-founder{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,78px);align-items:center}
.tv-origin-poster{position:relative;isolation:isolate;overflow:hidden;min-height:390px;margin:0;padding:35px;border-radius:8px 52px 8px 8px;background:linear-gradient(145deg,#30243e,#574274);color:#fff8f1;display:flex;flex-direction:column;justify-content:space-between}
.tv-origin-poster::before{content:'“';position:absolute;top:-30px;right:25px;color:#e9b59a;font:200px/1.2 var(--heading);opacity:.16;z-index:-1}
.tv-origin-eyebrow{font:600 10px/1.5 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#d9c4e6}
.tv-origin-poster blockquote{margin:28px 0 42px;font:500 clamp(30px,3.2vw,44px)/1.15 var(--heading);letter-spacing:-.04em;max-width:370px}
.tv-origin-poster blockquote>span{display:block}
.tv-origin-poster blockquote em{display:block;font-style:normal;color:#ffb99c;margin-top:12px}
.tv-origin-mark{position:absolute;right:-48px;bottom:5px;width:250px;height:158px;transform:rotate(-25deg);z-index:-1;opacity:.1;overflow:visible}
.tv-origin-mark .first-link,.tv-origin-mark .second-link{fill:#e3c8f6}
.tv-origin-poster figcaption{display:flex;gap:12px;align-items:center;font:400 12px/1.5 var(--body)}
.tv-founder-monogram{display:grid;place-items:center;width:41px;height:41px;border:1px solid #bfa2d3;border-radius:50%;color:#edd3f8;font-size:12px;flex-shrink:0;letter-spacing:.03em}
.tv-origin-poster figcaption>span:last-child{display:grid;gap:2px}
.tv-origin-poster figcaption strong{font-size:15px;font-weight:600}
.tv-origin-poster figcaption>span>span{font-size:11px;color:#dacbe4}
.tv-about-experience h3{font:500 clamp(30px,3vw,40px)/1.17 var(--heading);letter-spacing:-.04em;margin:0 0 22px}
.tv-about-experience h3 em,.tv-about-purpose h3 em{font-style:normal;color:#8a659f}
.tv-about-experience p{font-size:16px;line-height:1.75}
.tv-about-experience .tv-about-belief{font-size:15px;color:#6b4d80;font-weight:600;padding-left:15px;border-left:2px solid #d8c4e6;margin-top:22px}
.tv-about-purpose{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,78px);border-top:1px solid #dfd3df;margin-top:44px;padding-top:32px;align-items:center}
.tv-about-purpose .tv-kicker{font-size:11px}
.tv-about-purpose h3{font:500 clamp(28px,2.6vw,35px)/1.15 var(--heading);letter-spacing:-.035em;margin-top:12px}
.tv-about-purpose p{font-size:15px;line-height:1.7}
.tv-about-purpose p+p{margin-top:12px;color:#87788c;font-size:13px}
.header nav [aria-current]{color:var(--purple)}
.tv-footer-grid{grid-template-columns:1fr minmax(150px,220px);align-items:start;gap:30px}
.tv-footer-grid .tv-footer-navigation{flex-direction:column;align-items:flex-start;gap:10px;padding-top:5px}
.tv-footer-grid .tv-footer-navigation h3{font:500 10px/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#b8a5c2;margin:0 0 5px}
.tv-footer .tv-footer-navigation a{font-size:13px;font-weight:400;line-height:1.6;color:#e3dbe7;transition:color .2s}
.tv-footer .tv-footer-navigation a:hover{color:#fff}

.tv-footer .tv-footer-navigation [aria-current]{color:#ffbb9d}
@media(max-width:900px){.tv-about-intro{gap:28px}.tv-origin-poster{padding:28px;min-height:390px}.tv-origin-poster blockquote{font-size:34px}.tv-about-founder,.tv-about-purpose{gap:30px}}
@media(max-width:760px){
 .tv-about .tv-space{padding-top:52px;padding-bottom:52px}
 .tv-about-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
 .tv-about-intro h2{font-size:39px;max-width:500px}
 .tv-about-intro>p{font-size:16px}
 .tv-about-founder{grid-template-columns:1fr;gap:30px}
 .tv-origin-poster{min-height:320px;max-width:none;padding:27px;border-radius:8px 38px 8px 8px}
 .tv-origin-poster blockquote{font-size:36px;margin:24px 0 30px;max-width:320px}
 .tv-origin-mark{width:220px;height:139px;bottom:-8px;right:-30px}
 .tv-about-experience h3{font-size:32px;margin-bottom:18px}
 .tv-about-experience p{font-size:16px}
 .tv-about-purpose{grid-template-columns:1fr;gap:19px;margin-top:30px;padding-top:26px}
 .tv-footer-grid{grid-template-columns:1fr;gap:26px}
 .tv-footer-grid .tv-footer-navigation{gap:9px;padding-top:0}
 .tv-footer-brand{grid-column:auto}

}

/* A compact footer with clear navigation, social channels and company details. */
.tv-footer{background:radial-gradient(ellipse at 3% 0%,#4c3858 0%,transparent 55%),#292132;border-top:1px solid #a68db348}
.tv-footer::before{display:none}
.tv-footer::after{content:'';position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,#ffab8c80,transparent 65%);pointer-events:none}
.tv-footer>.tv-footer-inner{padding-top:44px;padding-bottom:28px}
.tv-footer-grid{grid-template-columns:minmax(0,1fr) 150px 190px;gap:48px;align-items:start}
.tv-footer-brand .wordmark{font-size:38px;line-height:1.2;display:inline-block}
.tv-footer-brand p{font-size:14px;color:#c9bbd0;margin-top:7px;letter-spacing:.005em}
.tv-footer-grid .tv-footer-navigation{padding:0;gap:9px}
.tv-footer-grid h3,.tv-footer-grid .tv-footer-navigation h3,.tv-footer-label{display:block;font:500 10px/1.5 var(--body);text-transform:uppercase;letter-spacing:.13em;color:#ac97b8;margin:0 0 14px}
.tv-footer-grid .tv-footer-navigation h3{margin-bottom:5px}
.tv-footer .tv-footer-navigation a{font-size:13px;line-height:1.7}
.tv-social-links{display:grid;gap:8px}
.tv-footer .tv-social-links a{display:flex;align-items:center;gap:10px;font-size:13px;min-height:29px;color:#e3dbe7;text-decoration:none;transition:color .2s}
.tv-social-links svg{width:18px;height:18px;flex:none}
.tv-social-links .tv-social-arrow{width:13px;height:13px;margin-left:auto;color:#a08cad}
.tv-footer .tv-social-links a:hover{color:#ffbb9d}
.tv-footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) 388px;gap:48px;margin-top:30px;padding-top:24px;border-top:1px solid #ffffff18;color:#a99ab2}
.tv-company-info{font-size:11px;line-height:1.8}
.tv-company-info strong{font-size:12px;font-weight:500;color:#d8cddd;margin-bottom:5px}
.tv-company-contacts{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:12px;line-height:1.6}
.tv-company-contacts .tv-footer-label{margin:0 0 4px}
.tv-company-contacts a{color:#cfc1d8}
@media(max-width:760px){
 .tv-footer>.tv-footer-inner{padding-top:34px;padding-bottom:24px}
 .tv-footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px}
 .tv-footer-brand{grid-column:1/-1}
 .tv-footer-brand .wordmark{font-size:33px}
 .tv-footer-brand p{font-size:13px;margin-top:5px}
 .tv-footer-grid .tv-footer-navigation{gap:9px}
 .tv-footer-bottom{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:22px}
 .tv-company-contacts{grid-row:1}
 .tv-social-links{max-width:165px}
 .tv-footer::after{left:22px;right:22px}
}
@media(max-width:390px){.tv-footer-brand .wordmark{font-size:28px}}

/* Choose a clear audience before navigating overlapping sections. */
.tv-footer-grid{grid-template-columns:minmax(170px,1fr) minmax(310px,390px) 160px;gap:38px}
.tv-footer-grid .tv-footer-navigation{display:block;width:100%}
.tv-footer-nav-head{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-bottom:19px}
.tv-footer-grid .tv-footer-nav-head h3{margin:0}
.tv-footer-role{display:inline-flex;gap:2px;padding:2px;border:1px solid #b9a1cb38;background:#ffffff04;border-radius:30px}
.tv-footer-role button{font:500 11px/1.4 var(--body);min-height:26px;padding:4px 12px;border-radius:24px;background:transparent;color:#c5b5cf;transition:background .2s,color .2s}
.tv-footer-role button[aria-pressed="true"]{background:#e8dceb;color:#34263e;box-shadow:0 1px 4px #00000015}
.tv-footer-role button:hover{color:#fff}
.tv-footer-role button[aria-pressed="true"]:hover{color:#34263e}
.tv-footer-sections{display:grid;grid-template-columns:1fr 1fr;gap:11px 24px;align-items:start}
.tv-footer .tv-footer-sections a{display:block;font-size:13px;line-height:1.55;text-decoration:none}
.tv-footer .tv-footer-sections a:hover{color:#ffbb9d;text-decoration:underline;text-underline-offset:4px}
.tv-footer-bottom{grid-template-columns:minmax(0,1fr) 588px;gap:38px}
@media(max-width:1050px){.tv-footer-grid{grid-template-columns:minmax(150px,1fr) minmax(300px,1.4fr) 140px;gap:26px}.tv-footer-bottom{grid-template-columns:1.4fr 1fr;gap:26px}}
@media(max-width:760px){
 .tv-footer-grid{grid-template-columns:1fr 135px;gap:30px 22px}
 .tv-footer-brand{grid-column:1;grid-row:1}
 .tv-footer-social{grid-column:2;grid-row:1}
 .tv-footer-grid .tv-footer-navigation{grid-column:1/-1;grid-row:2;padding-top:24px;border-top:1px solid #ffffff18}
 .tv-footer-nav-head{margin-bottom:18px}
 .tv-footer-sections{gap:13px 20px}
 .tv-footer-role button{min-height:28px;padding-inline:12px}
 .tv-footer-bottom{grid-template-columns:1fr;gap:22px}
}

/* Header entry: choose your side before the application form. */
#contact-choice{padding:12px 0 4px}
#contact-choice h2{max-width:370px;margin-bottom:28px}
#contact-choice-title:focus,#contact-title:focus{outline:none}
.contact-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-choice-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:228px;padding:23px 21px 22px;border:1px solid #ded4f3;border-radius:21px;background:linear-gradient(145deg,#f4efff,#ebe3fb);transition:transform .28s cubic-bezier(.2,.75,.3,1),border-color .28s,box-shadow .28s;overflow:hidden}
.contact-choice-card--brand{background:linear-gradient(145deg,#fff3ec,#ffe4d5);border-color:#f1d8c9}
.contact-choice-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#ffffffb0;color:#6b56dc;margin-bottom:24px}
.contact-choice-icon svg{width:39px;height:39px}
.contact-choice-card--brand .contact-choice-icon{color:#aa573d}
.contact-choice-name{font-size:25px;font-weight:600;letter-spacing:-.04em;margin-bottom:8px}
.contact-choice-copy{font-size:14px;line-height:1.5;max-width:150px;color:#6a5c77;padding-right:3px}
.contact-choice-card--brand .contact-choice-copy{color:#805e51}
.contact-choice-arrow{position:absolute;right:17px;top:28px;font-size:23px;color:#77648d;transition:transform .22s}
.contact-choice-card--brand .contact-choice-arrow{color:#a36850}
@media(any-hover:hover){.contact-choice-card:hover{transform:translateY(-2px) scale(1.025);border-color:#b3a0e4;box-shadow:0 8px 20px #49316d12}.contact-choice-card--brand:hover{border-color:#d7a58d}.contact-choice-card:hover .contact-choice-arrow{transform:translateX(3px)}}

.contact-entry-top{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:16px 0 17px}
#contact-dialog .contact-entry-top .eyebrow{margin:0}
#contact-switch{background:transparent;color:var(--purple);font-size:12px;font-weight:500;padding:6px 0;white-space:nowrap;margin-left:auto;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#6b56dc40;transition:text-decoration-color .2s}
#contact-switch:hover{text-decoration-color:currentColor}

@media(max-width:540px){#contact-choice{padding:9px 0 0}#contact-choice h2{margin-bottom:23px}.contact-choice-grid{gap:10px}.contact-choice-card{padding:18px 15px;min-height:216px;border-radius:18px}.contact-choice-name{font-size:23px}.contact-choice-copy{font-size:13px}.contact-choice-icon{width:46px;height:46px;margin-bottom:22px}.contact-choice-icon svg{width:33px;height:33px}.contact-choice-arrow{right:13px;top:23px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.contact-choice-card,.contact-choice-arrow{transition:none}}

#contact-dialog .close-modal{width:32px;height:32px;line-height:1;padding:0;font-size:26px;display:grid;place-items:center}

/* A small response to hover, with the same cue for keyboard users. */
.contact-choice-icon{transition:background .28s ease,box-shadow .28s ease}
.contact-choice-icon svg{transition:transform .4s cubic-bezier(.22,.8,.3,1.3);transform-origin:center}
@media(any-hover:hover){
 .contact-choice-card:hover .contact-choice-icon{background:#fff;box-shadow:0 5px 16px #6b56dc14}
 .contact-choice-card:hover .contact-choice-icon svg{transform:rotate(-4deg) scale(1.04)}
 .contact-choice-card--brand:hover .contact-choice-icon svg{transform:rotate(4deg) scale(1.04)}
}
.contact-choice-card:focus-visible .contact-choice-icon{background:#fff;box-shadow:0 5px 16px #6b56dc14}
.contact-choice-card:focus-visible .contact-choice-icon svg{transform:rotate(-4deg) scale(1.04)}
.contact-choice-card--brand:focus-visible .contact-choice-icon svg{transform:rotate(4deg) scale(1.04)}
@media(prefers-reduced-motion:reduce){
 .contact-choice-icon,.contact-choice-icon svg{transition:none}
 .contact-choice-card:hover,.contact-choice-card:hover .contact-choice-arrow,.contact-choice-card:hover .contact-choice-icon svg,.contact-choice-card:focus-visible .contact-choice-icon svg{transform:none}
}

/* Pointer events also activate this cue in embedded/hybrid browser previews. */
#contact-choice .contact-choice-card.is-pointer-over{transform:translateY(-2px) scale(1.025);border-color:#b3a0e4;box-shadow:0 8px 20px #49316d12;will-change:transform}
#contact-choice .contact-choice-card--brand.is-pointer-over{border-color:#d7a58d}
#contact-choice .is-pointer-over .contact-choice-arrow{transform:translateX(3px)}
#contact-choice .is-pointer-over .contact-choice-icon{background:#fff;box-shadow:0 5px 16px #6b56dc14}
#contact-choice .is-pointer-over .contact-choice-icon svg{transform:rotate(-4deg) scale(1.04)}
#contact-choice .contact-choice-card--brand.is-pointer-over .contact-choice-icon svg{transform:rotate(4deg) scale(1.04)}
@media(prefers-reduced-motion:reduce){
 #contact-choice .contact-choice-card.is-pointer-over,#contact-choice .is-pointer-over .contact-choice-arrow,#contact-choice .is-pointer-over .contact-choice-icon svg{transform:none;will-change:auto}
}

/* The founder's two roles, with direct links to each social profile. */
.tv-origin-poster .tv-founder-identity{display:flex;flex-direction:column;align-items:stretch;gap:5px;position:relative}
.tv-founder-name{display:flex;align-items:center;gap:10px}
.tv-origin-poster .tv-founder-name strong{font-size:18px;letter-spacing:-.02em}
.tv-founder-role{color:#dacbe4;font-size:12px}
.tv-founder-linkedin,.tv-founder-socials a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ffffff24;border-radius:50%;color:#fff8f1;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;flex:none}
.tv-founder-linkedin svg,.tv-founder-socials svg{width:15px;height:15px}
.tv-founder-editorial{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:14px;border-top:1px solid #ffffff24;font-size:12px;color:#dacbe4;flex-wrap:wrap}
.tv-founder-socials{display:flex;gap:6px}
.tv-founder-linkedin:hover,.tv-founder-socials a:hover{background:#ffffff15;border-color:#ffffff60;transform:translateY(-2px);text-decoration:none}
.tv-founder-linkedin:focus-visible,.tv-founder-socials a:focus-visible{outline:2px solid #ffb99c;outline-offset:4px}
.tv-company-contacts .tv-contact-linkedin{display:inline-flex;align-items:center;gap:8px;margin-top:4px;text-decoration:none}
.tv-contact-linkedin svg{width:16px;height:16px;flex:none}
.tv-contact-linkedin:hover span:first-of-type{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.tv-founder-linkedin,.tv-founder-socials a{transition:none}.tv-founder-linkedin:hover,.tv-founder-socials a:hover{transform:none}}

/* A quiet, persistent announcement beneath the opening navigation. */
.tv-newsbar { position:sticky; top:0; z-index:20; border-block:1px solid #dfd7ee; background:linear-gradient(100deg,#f2edfcf5,#fff4ecf5); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.tv-newsbar-inner { display:flex; align-items:center; gap:20px; min-height:44px; }
.tv-newsbar-label { display:flex; align-items:center; flex:none; gap:9px; color:#65517d; }
.tv-newsbar-label strong { font-size:12px; font-weight:600; white-space:nowrap; }
.tv-newsbar-window { min-width:0; flex:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent); }
.tv-newsbar-track { display:flex; width:max-content; animation:newsbar-scroll 27s linear infinite; }
.tv-newsbar-message { display:flex; align-items:center; justify-content:space-between; flex:none; min-width:calc(100vw - 260px); padding-left:18px; gap:40px; white-space:nowrap; font-size:13px; color:#655c72; line-height:1.5; }
.tv-newsbar-message i { color:#cba997; font-size:12px; font-style:normal; padding-right:22px; }
.tv-newsbar-toggle { display:grid; place-items:center; flex:none; width:28px; height:28px; padding:0; border:1px solid #dbd2e8; border-radius:50%; background:transparent; color:#78658c; }
.tv-newsbar-toggle svg { fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.newsbar-play { display:none; }
.tv-newsbar.is-paused .newsbar-pause { display:none; }
.tv-newsbar.is-paused .newsbar-play { display:block; }
.tv-newsbar.is-paused .tv-newsbar-track { animation-play-state:paused; }
@media(hover:hover) { .tv-newsbar:hover .tv-newsbar-track { animation-play-state:paused; } .tv-newsbar-toggle:hover { background:#e9e1f5; } }
@keyframes newsbar-scroll { to { transform:translateX(-50%); } }
html.hero-boot .tv-newsbar { visibility:hidden; }
html { scroll-padding-top:60px; }
@media(max-width:760px) { .tv-newsbar-inner { gap:10px; padding-inline:16px; min-height:42px; } .tv-newsbar-label { gap:6px; } .tv-newsbar-label strong { font-size:11px; } .tv-newsbar-message { font-size:12px; } .tv-newsbar-toggle { width:25px; height:25px; } }
@media(prefers-reduced-motion:reduce) { html.hero-boot .tv-newsbar { visibility:visible; } .tv-newsbar-track { animation:none; width:auto; } .tv-newsbar-message { min-width:0; padding:0; white-space:normal; font-size:12px; } .tv-newsbar-message[aria-hidden],.tv-newsbar-message i,.tv-newsbar-toggle { display:none; } .tv-newsbar-window { mask-image:none; } .tv-newsbar-inner { padding-block:8px; } }

.locale-list a { text-decoration:none; box-sizing:border-box; }

/* The founder's own handwriting becomes a quiet layer in the origin card. */
.tv-origin-poster{background:radial-gradient(ellipse at 100% 75%,#73569a55,transparent 65%),linear-gradient(145deg,#30243e,#574274)}
.tv-origin-poster::before{content:none}
.tv-origin-signature{position:absolute;z-index:-1;pointer-events:none;user-select:none;left:-9%;bottom:128px;width:120%;max-width:none;height:auto;opacity:.28;filter:brightness(2.2) saturate(.4);mix-blend-mode:screen;transform:rotate(-9deg);transform-origin:50% 50%}
.tv-origin-poster blockquote{position:relative;z-index:1}
@media(max-width:760px){.tv-origin-signature{left:-6%;width:114%;bottom:130px;opacity:.25;transform:rotate(-7deg)}}