/* Shared public presentation. No checkout or authentication state changes. */
:root{--tm-paper:#faf8f2;--tm-ink:#242944;--tm-blue:#3949da;--tm-line:#dddfe8;--tm-muted:#596174;color-scheme:light}html{scroll-padding-top:115px}.tm-header{position:sticky;top:0;z-index:30;background:#faf8f2f5;border-bottom:1px solid var(--tm-line);backdrop-filter:blur(16px)}.tm-nav-wrap{max-width:1240px;width:calc(100% - 64px);min-height:86px;margin:auto;display:flex;align-items:center;gap:30px}.tm-wordmark{display:inline-flex;align-items:center;gap:10px;font:750 24px/1 system-ui,sans-serif;color:var(--tm-ink);text-decoration:none;letter-spacing:-1px;white-space:nowrap}.tm-wordmark img{flex:none;display:block}.tm-navigation{display:flex;gap:24px;align-items:center;margin-inline:auto}.tm-navigation a{font:550 13px/1.5 system-ui,Arial,sans-serif;text-decoration:none;color:var(--tm-muted);white-space:nowrap;padding:12px 0;border-bottom:2px solid transparent}.tm-navigation a:hover,.tm-navigation a[aria-current]{color:var(--tm-blue);border-color:var(--tm-blue)}.tm-tools{display:flex;align-items:center;gap:16px;margin:0}.tm-account{font:600 12px/1.4 system-ui,Arial,sans-serif;white-space:nowrap;text-decoration:none;color:var(--tm-blue)}.tm-language{width:auto!important;max-width:112px;min-height:39px;border:1px solid #d7d9e5;border-radius:12px;padding:8px 10px;background:#fffefa;color:var(--tm-ink);font:500 12px/1.3 system-ui,Arial,sans-serif}.tm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.tm-footer{border-top:1px solid var(--tm-line);padding:35px 0;color:var(--tm-muted);margin-top:36px}.tm-footer-inner{max-width:1240px;width:calc(100% - 64px);margin:auto;display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:12px}.tm-footer-inner>div{display:flex;flex-wrap:wrap;gap:24px}.tm-footer a{text-decoration:none;color:inherit}.tm-footer .tm-wordmark{font-size:21px}.tm-header a:focus-visible,.tm-footer a:focus-visible{outline:3px solid #3949da;outline-offset:5px;border-radius:5px}.tm-step-rail{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:24px 0 0;list-style:none}.tm-step-rail li{font-size:12px;border:1px solid var(--tm-line);border-radius:99px;padding:8px 15px;background:#fffdf9}.tm-step-rail b{color:var(--tm-blue);margin-inline-end:9px}.chat-bubble>div{white-space:pre-wrap;overflow-wrap:anywhere}.chat-resources,.chat-suggestions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.chat-resources a,.chat-suggestions button{border:1px solid #cfd2ed;border-radius:99px;padding:9px 14px;background:#fffdfa;color:#3949da;font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer;text-decoration:none}.chat-resources a:hover,.chat-suggestions button:hover{background:#e9e8fb}.chat-log{min-height:230px}.chat-head{gap:16px}.chat-head h2{font-size:27px;line-height:1.4}.chat-head .btn{padding:9px 13px;font-size:11px;white-space:nowrap}.section.checkout-grid{align-items:start}.business-band{gap:30px!important;padding:36px!important;border:1px solid #d9d8ed}.business-band h2{font-size:29px}.service-card{transition:border-color .18s,transform .18s}.service-card:hover{transform:translateY(-3px)}.service-card h3{font-size:17px}.filters{border-radius:22px}.proof{flex-wrap:wrap}.panel{min-width:0}html[dir=rtl] .tm-navigation a,html[dir=rtl] .tm-account{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] .tm-wordmark{direction:ltr}html[dir=rtl] .tm-header{letter-spacing:0}.tm-account.account-nav-link{margin:0}
@media(max-width:1050px){.tm-nav-wrap{gap:20px;width:calc(100% - 40px)}.tm-navigation{gap:15px}.tm-navigation a{font-size:12px}.tm-tools{gap:10px}.tm-wordmark{font-size:22px}.tm-footer-inner{width:calc(100% - 40px)}}
@media(max-width:760px){.tm-nav-wrap{width:calc(100% - 32px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;padding-top:15px}.tm-navigation{grid-row:2;grid-column:1/-1;width:100%;min-width:0;gap:22px;overflow-x:auto;justify-content:flex-start;padding-top:7px}.tm-navigation a{font-size:12px;padding-block:12px}.tm-tools{grid-column:2;grid-row:1;gap:12px}.tm-wordmark{font-size:22px}.tm-wordmark img{width:30px;height:30px}.tm-language{max-width:100px}.tm-footer-inner{width:calc(100% - 36px);flex-direction:column;align-items:flex-start;gap:22px}.business-band{padding:25px!important}.business-band h2{font-size:25px}.chat-head{flex-wrap:wrap}.tm-step-rail{gap:7px}.tm-step-rail li{font-size:11px;padding:7px 11px}html[dir=rtl] .tm-navigation{gap:18px}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}
/* TEXTMERCE / CHROMATIC 01. Presentation only; original logo and all flows retained. */
:root {
  --tm-design-revision: chromatic-20260910;
  --tm-paper: #f7f8fa; --tm-ink: #151c32; --tm-blue: #3949da;
  --tm-line: #cdd2e0; --tm-muted: #50596d; --tm-lime: #dbf85a;
  --tm-coral: #ff895f; --tm-soft: #edf0ff;
  --paper: var(--tm-paper); --bg: var(--tm-paper); --panel: #ffffff;
  --ink: var(--tm-ink); --blue: var(--tm-blue); --accent: var(--tm-blue);
  --blue-dark: #2837ba; --muted: var(--tm-muted); --line: var(--tm-line);
  --lavender: #edf0ff; --mint: #edf4df; --peach: #ffe5db;
  font-family: Arial, Helvetica, sans-serif;
}
body { background: var(--tm-paper); color: var(--tm-ink); }
::selection { color: #151c32; background: #dbf85a; }
.tm-header { background: #fffffffa; border-bottom: 3px solid #3949da; }
.tm-nav-wrap { min-height: 88px; }
.tm-wordmark { color: #151c32; font-size: 27px; letter-spacing: -1.5px; font-weight: 800; }
.tm-navigation { gap: 9px; }
.tm-navigation a { padding: 11px 15px; border: 0; border-radius: 8px; color: #3f485e; font-weight: 650; }
.tm-navigation a[aria-current] { background: #edf0ff; color: #2837ba; }
.tm-navigation a:hover { color: #2837ba; background: #f0f2f8; }
.tm-tools { gap: 12px; }
.tm-account { background: #dbf85a; color: #151c32; border: 1px solid #b8d148; padding: 11px 15px; border-radius: 8px; }
.tm-account.account-nav-link { color: #151c32; }
.tm-language { background: white; border: 1px solid #c1c7d7; border-radius: 8px; min-height: 42px; }
.tm-header a:focus-visible, .tm-footer a:focus-visible,
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid #2837ba; outline-offset: 4px;
}
.tm-header a:focus-visible { outline-offset: 2px; }
.hero h1, .biz-hero h1, main.wrap > h1,
.manifesto h2, .flow-title, .human-copy h2, .closing h2, .questions h2,
.journey-aside .quote, .biz-section h2, .section-head h2, .chat-head h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #151c32; font-weight: 800; letter-spacing: -1.8px; line-height: 1.12;
}
.hero h1 em, .biz-hero h1 em, .flow-title em, .human-copy h2 em,
.manifesto h2 em, .journey-aside .quote em { font-style: normal; font-weight: inherit; }
.container.hero { padding-block: 66px 74px; gap: 54px; min-height: 640px; }
.container.hero h1 { font-size: clamp(53px, 5.5vw, 78px); letter-spacing: -4px; line-height: 1.04; }
.hero h1 em { color: #3949da; }
.container.hero h1 em:after { inset-block-start: auto; inset-block-end: -7px; height: 10px; background: #dbf85a; border: 0; border-radius: 0; transform: none; z-index: -1; }
.container.hero h1 em { isolation: isolate; }
.eyebrow, .biz-kicker { color: #2937ae; font-size: 11px; font-weight: 750; letter-spacing: 1.4px; }
.container.hero .eyebrow:before { width: 9px; height: 9px; background: #3949da; border-radius: 2px; }
.hero .intro, .hero-copy, .biz-intro { color: #50596d; line-height: 1.85; }
.clarity { color: #3e475c; }
.button, .btn, .biz-button { border-radius: 12px; min-height: 49px; font-weight: 700; }
.button:not(:disabled), .btn.primary:not(:disabled), .biz-button { box-shadow: 4px 4px 0 #202961; }
.button:hover:not(:disabled), .btn.primary:hover:not(:disabled), .biz-button:hover { transform: translate(-1px,-1px); box-shadow: 6px 6px 0 #202961; }
.button.primary, .btn.primary, .biz-button, .hero-actions > .button { background: #3949da; color: white; border: 1px solid #2837ba; }
.hero-actions > .button { padding: 10px 12px 10px 20px; gap: 18px; }
.hero-actions .button .arrow { display: grid; place-items: center; background: #dbf85a; color: #151c32; border-radius: 7px; width: 32px; height: 32px; }
.text-link, .biz-link { color: #2837ba; border-bottom-color: #838eda; font-weight: 650; }
.small-note, .overline, .honesty { color: #566074; }
/* The speech-bubble silhouette is the graphic signature, not a new logo. */
.scene { min-height: 490px; }
.scene-base { inset: 5% auto auto 10%; width: 86%; height: 86%; border-radius: 30px 30px 30px 6px; background: #dbf85a; transform: rotate(4deg); border: 1px solid #c4de4d; }
.scene-ring { inset: 12% 5% 9% 5%; border-radius: 26px; border-color: #2732a840; transform: rotate(-9deg); }
.scene-ring:after { border-color: #2732a824; border-radius: 20px; }
.ribbon path:first-child { stroke: #3949da; stroke-width: 52px; }
.ribbon path:nth-child(2) { stroke: #b7beff; stroke-dasharray: 0; }
.story-card { border: 1px solid #bcc3d8; border-radius: 18px; background: white; box-shadow: 8px 10px 0 #25327218; }
.profile-card { top: 3%; left: 0; width: 51%; transform: rotate(-6deg); padding: 22px; }
.profile-card h3 { font-family: Arial, sans-serif; font-size: 25px; font-weight: 750; letter-spacing: -.8px; color: #151c32; }
.card-top { color: #4d586f; }
.profile-orb { background: radial-gradient(circle at 65% 27%,#dbf85a 0 15%,transparent 16%),linear-gradient(135deg,#3949da 50%,#ff895f 51%); border: 4px solid #edf0ff; outline: 1px solid #9ba5db; }
.profile-pill { background: #edf0ff; color: #2837ba; border-radius: 7px; width: 84%; }
.video-card { top: 24%; right: 0; transform: rotate(6deg); }
.video-art { background: #ff895f; }
.video-art:before { border-color: #dbf85a; outline-color: #dbf85a; box-shadow: 0 0 0 30px #3949da; }
.video-art:after { background: #ee5a33; }
.play { background: #ffffffeb; border-color: #ffffff; }
.play:after { border-left-color: #3949da; }
.message-card { left: 4%; bottom: 1%; width: 87%; transform: rotate(-2deg); border-radius: 16px 16px 16px 3px; padding: 20px; }
.message-card h3 { font-size: 13px; color: #151c32; }
.message-card p, .video-card p { color: #49536a; }
.spark { color: #3949da; width: 54px; height: 54px; top: -3%; }
.scene-caption { font-family: Arial,sans-serif; font-style: normal; font-size: 11px; letter-spacing: .5px; color: #4b566e; transform: none; }
.platform-line { border-top: 2px solid #151c32; border-bottom: 1px solid #cdd2e0; padding-block: 25px; }
.platforms { font-size: 21px; letter-spacing: -.8px; }
.platforms span:last-child { background: #edf0ff; color: #2937ae; padding: 6px 10px; border-radius: 5px; }
.manifesto { padding-block: 82px 48px; }
.manifesto h2 { font-size: clamp(34px,3.8vw,50px); }
.journey-aside { background: #dbf85a; border: 1px solid #bdd546; border-radius: 24px 24px 24px 4px; box-shadow: 7px 7px 0 #151c32; min-height: 345px; }
.journey-aside:before { border-color: #3949da; opacity: .14; }
.journey-aside .quote { font-size: 39px; }
.journey-aside .signature { color: #354211; }
.chapter { border-bottom: 1px solid #bfc6d8; padding-block: 23px; }
.chapter .num { background: #edf0ff; display: grid; place-items: center; min-height: 28px; border-radius: 4px; color: #2837ba; font-weight: 700; }
.chapter h3 { font-size: 24px; font-weight: 750; }
.flow-band { background: #edf0ff; border-block: 1px solid #cbd1ed; }
.flow-number { background: #dbf85a; color: #151c32; border-radius: 8px; border: 1px solid #b6cb54; width: 38px; height: 38px; font-weight: 750; }
.conversation { background: #e8edff; border: 1px solid #bdc8ec; border-radius: 24px 24px 24px 4px; }
.bubble { background: #fff; border: 1px solid #ccd3e8; color: #151c32; }
.bubble.you { background: #dbf85a; color: #25310e; }
.bubble b { color: #2937ae; }
.closing { background: #3949da; color: #fff; border-radius: 24px 24px 24px 4px; border: 1px solid #2837ba; }
.closing h2, .closing h2 em { color: #fff; }
.closing > p, .closing-note { color: #f1f2ff; }
.closing .button { background: #dbf85a; color: #151c32; border-color: #dbf85a; box-shadow: 4px 4px 0 #182578; }
.questions h2 { font-size: 35px; }
.site-footer, .tm-footer { border-top: 2px solid #151c32; background: #fff; }
/* Business pages: the same ink, cobalt, lime and coral system. */
.biz-tabs { border-color: #bfc6d8; }
.biz-tabs a { color: #515b71; font-weight: 600; }
.biz-tabs a[aria-current] { color: #2837ba; }
.biz-hero { padding-block: 62px; gap: 65px; }
.biz-hero h1 { font-size: clamp(40px,4.5vw,64px); letter-spacing: -2.8px; line-height: 1.07; }
.biz-hero h1 em { color: #3949da; margin-top: 9px; }
.biz-example { background: #dbf85a; border: 1px solid #bccf50; border-radius: 24px 24px 24px 4px; padding: 30px; box-shadow: 8px 8px 0 #3949da; }
.biz-example-label, .biz-example-note { color: #334314; font-weight: 650; }
.biz-message { border: 1px solid #c0c7d9; border-radius: 14px; background: #fff; box-shadow: 5px 5px 0 #15224612; }
.biz-message .biz-art { background: radial-gradient(circle at 78% 25%,#ff895f 0 23%,transparent 23.5%),linear-gradient(135deg,#3949da 65%,#6977ef 65%); height: 130px; border-radius: 9px; }
.biz-art:after { border: 7px solid #dbf85a; inset: 24px 28%; border-radius: 15px 15px 15px 2px; transform: rotate(-12deg); }
.biz-message strong { font-size: 22px; color: #151c32; letter-spacing: -.6px; }
.biz-mock-action { display: inline-block; background: #edf0ff; color: #2837ba; padding: 7px 11px; border: 0; border-radius: 5px; }
.biz-section h2 { font-size: clamp(29px,3.2vw,43px); }
.biz-grid { gap: 22px; }
.biz-card { background: #fff; border: 1px solid #bbc4d8; border-radius: 16px; padding: 30px; box-shadow: 4px 4px 0 #151c320a; }
.biz-card:nth-child(2), .biz-card:nth-child(3) { background: #f0f3ff; }
.biz-card h3 { color: #151c32; font-size: 22px; font-weight: 750; }
.biz-number { background: #3949da; color: #fff; border-radius: 7px; font-weight: 700; }
.biz-card:nth-child(2) .biz-number { background: #dbf85a; color: #151c32; }
.biz-card:nth-child(3) .biz-number { background: #ff895f; color: #151c32; }
.biz-process { background: #edf0ff; border: 1px solid #c7cfea; border-radius: 20px; }
.biz-steps b { display: inline-block; background: #dbf85a; padding: 5px 10px; border-radius: 5px; color: #151c32; }
.biz-plan { background: #fff; border: 1px solid #b8c2d6; border-radius: 16px; box-shadow: 4px 4px 0 #151c320a; }
.biz-plan h3 { font-weight: 750; }
.biz-plan.featured { background: #3949da; color: #fff; border-color: #2837ba; box-shadow: 6px 6px 0 #dbf85a; }
.biz-plan.featured p, .biz-plan.featured .biz-period { color: #f0f2ff; }
.biz-plan.featured h3 { color: #fff; }
.biz-plan.featured a { color: #dbf85a; border-bottom-color: #dbf85a; }
.biz-price { font-weight: 800; letter-spacing: -1.6px; }
.biz-project { background: #edf0ff; border: 1px solid #b9c5ed; border-radius: 22px 22px 22px 4px; }
.biz-project .biz-button { background: #3949da; }
.biz-note { border-inline-start-color: #3949da; color: #4c566b; }
.biz-cross { border-top: 2px solid #151c32; }
/* Catalog and account are quieter so the form and price remain easy to read. */
main.wrap > .hero { background: #edf0ff; border: 1px solid #c0caee; border-radius: 22px 22px 22px 4px; padding: 35px; margin-top: 28px; }
main.wrap > .hero h1 { max-width: 970px; font-size: clamp(36px,4vw,57px); font-weight: 800; }
main.wrap > .hero .hero-copy { max-width: 840px; }
.tm-step-rail { margin-top: 20px; }
.tm-step-rail li { background: white; color: #3f485d; border-color: #b6c0db; border-radius: 7px; font-weight: 600; }
.tm-step-rail b { color: #2837ba; }
.proof { color: #465069; }
.filters { background: #fff; border: 1px solid #b9c3d9; border-radius: 15px; box-shadow: 4px 4px 0 #151c3208; }
.tab { min-height: 42px; border-radius: 7px; }
.tab[aria-pressed=true] { color: #151c32; background: #dbf85a; border: 1px solid #b3ca45; font-weight: 750; }
input, textarea, select { background: #fff; color: #151c32; border-color: #aab5ce; border-radius: 8px; }
input::placeholder, textarea::placeholder { color: #626c80; }
.service-card { border-color: #bec8df; border-radius: 16px; background: #fff; box-shadow: 4px 4px 0 #151c3208; }
.service-card:hover { border-color: #3949da; box-shadow: 5px 6px 0 #3949da19; }
.service-card.selected { border: 2px solid #3949da; box-shadow: 5px 5px 0 #dbf85a; }
.platform-icon { border-radius: 9px; font-weight: 800; }
.platform-icon.instagram { background: #ffdfd1; color: #842e17; border-color: #e7b09d; }
.platform-icon.tiktok { background: #edf4c4; color: #374414; border-color: #bfce88; }
.platform-icon.youtube { background: #e7ecff; color: #2837ba; border-color: #bac6ed; }
.rate { color: #2837ba; font-weight: 800; }
.fact { background: #f1f4fa; border-radius: 7px; }
.panel { background: #fff; border: 1px solid #bbc5db; border-radius: 18px; box-shadow: 5px 5px 0 #151c3208; }
#assistant { border-top: 4px solid #3949da; }
.chat-bubble { background: #edf0ff; color: #151c32; border-color: #c3ccec; border-radius: 14px 14px 14px 3px; }
.chat-bubble.user { background: #dbf85a; color: #24310c; border-color: #c0d750; border-radius: 14px 14px 3px 14px; }
.chat-label { color: #2837ba; font-weight: 750; }
.chat-resources a, .chat-suggestions button { background: white; color: #2837ba; border: 1px solid #9faddb; border-radius: 7px; min-height: 42px; }
.chat-resources a:hover, .chat-suggestions button:hover { background: #dbf85a; color: #151c32; }
.chat-option { border-radius: 9px; background: #fff; border-color: #a8b4d7; }
.business-band { background: #3949da; border-color: #2837ba; color: white; border-radius: 22px 22px 22px 4px; }
.business-band h2 { color: white; font-weight: 800; }
.business-band p { color: #eff1ff; }
.business-band .btn { background: #dbf85a; color: #151c32; border-color: #dbf85a; }
.faq-grid details { border-color: #bbc5db; background: #fff; border-radius: 10px; }
.login-panel .note { background: #edf4c4; color: #253411; border-radius: 13px 13px 13px 3px; border: 1px solid #c5d990; }
#signed-out .button.primary { color: white; }
#signed-in .profile { border-inline-start: 4px solid #3949da; }
main.wrap > h1 { font-size: clamp(38px,5vw,64px); }
/* Language-safe typography: do not apply Latin tracking to Arabic. */
html[dir=rtl] .hero h1, html[dir=rtl] .biz-hero h1, html[dir=rtl] main.wrap > h1,
html[dir=rtl] .manifesto h2, html[dir=rtl] .flow-title, html[dir=rtl] .human-copy h2,
html[dir=rtl] .closing h2, html[dir=rtl] .questions h2, html[dir=rtl] .journey-aside .quote,
html[dir=rtl] .biz-section h2, html[dir=rtl] .section-head h2, html[dir=rtl] .chat-head h2 {
  font-family: Tahoma, Arial, sans-serif; letter-spacing: 0; font-weight: 700; line-height: 1.45;
}
html[dir=rtl] .container.hero h1 { font-size: clamp(43px,4.6vw,63px); line-height: 1.4; }
html[dir=rtl] .biz-hero h1 { font-size: clamp(35px,3.8vw,52px); }
html[dir=rtl] .hero h1 em:after { inset-block-start: auto; inset-block-end: 0; }
html[dir=rtl] .scene-caption { letter-spacing: 0; }
html[dir=rtl] .eyebrow, html[dir=rtl] .biz-kicker { letter-spacing: 0; }
@media(max-width:1100px) {
  .tm-nav-wrap { gap: 14px; }
  .tm-navigation { gap: 2px; }
  .tm-navigation a { padding-inline: 9px; font-size: 12px; }
  .tm-wordmark { font-size: 24px; }
  .tm-account { padding-inline: 11px; }
  .container.hero { gap: 26px; }
  .container.hero h1 { font-size: 62px; }
  .scene { min-height: 458px; }
  .biz-hero { gap: 35px; }
}
@media(max-width:760px) {
  .tm-nav-wrap { min-height: 0; }
  .tm-navigation { gap: 6px; padding-block: 10px 9px; }
  .tm-navigation a { padding: 9px 11px; min-height: 36px; }
  .tm-tools { gap: 9px; }
  .tm-account { padding: 10px; font-size: 11px; }
  .tm-wordmark { font-size: 23px; }
  .tm-language { max-width: 92px; padding-inline: 7px; }
  .container.hero { padding-block: 37px 43px; min-height: 0; gap: 31px; }
  .container.hero h1 { font-size: clamp(46px,11.4vw,64px); letter-spacing: -2.4px; }
  .hero .intro { font-size: 15px; }
  .scene { min-height: 396px; width: min(430px,100%); margin-block: 12px 20px; }
  .profile-card { width: 51%; padding: 18px; }
  .profile-card h3 { font-size: 22px; }
  .video-card { width: 51%; top: 24%; }
  .message-card { width: 90%; padding: 16px; }
  .scene-base { width: 82%; }
  .platforms { font-size: 18px; gap: 17px; }
  .platforms span:last-child { width: auto; }
  .journey-aside { min-height: 224px; }
  .journey-aside .quote { font-size: 32px; }
  .manifesto { padding-block: 50px 35px; }
  .manifesto h2, .flow-title, .human-copy h2 { font-size: 33px; }
  .closing h2 { font-size: 36px; }
  .biz-hero { padding-block: 34px; gap: 32px; }
  .biz-hero h1 { font-size: clamp(37px,9vw,52px); letter-spacing: -1.8px; }
  .biz-example { max-width: calc(100% - 8px); padding: 23px; }
  .biz-section h2 { font-size: 31px; }
  .biz-card { padding: 24px; }
  main.wrap > .hero { padding: 24px; margin-top: 23px; }
  main.wrap > .hero h1 { font-size: 36px; letter-spacing: -1.2px; }
  html[dir=rtl] .container.hero h1 { font-size: clamp(36px,9.5vw,47px); line-height: 1.45; }
  html[dir=rtl] .biz-hero h1, html[dir=rtl] main.wrap > .hero h1 { font-size: 32px; }
  html[dir=rtl] .tm-navigation { gap: 3px; }
  html[dir=rtl] .journey-aside .quote { font-size: 27px; }
}
@media(max-width:370px) {
  .tm-wordmark { font-size: 21px; gap: 6px; }
  .tm-wordmark img { width: 26px; height: 26px; }
  .tm-tools { gap: 6px; }
  .tm-account { font-size: 10px; padding-inline: 8px; }
  .tm-language { max-width: 81px; font-size: 11px; }
  .scene { min-height: 365px; }
  .profile-card { padding: 14px; }
  .profile-card h3 { font-size: 19px; }
  .video-art { height: 150px; }
}
@media(prefers-reduced-motion:reduce) {
  .button, .btn, .biz-button, .service-card { transition: none; }
  .button:hover:not(:disabled), .btn.primary:hover:not(:disabled), .biz-button:hover, .service-card:hover { transform: none; }
}
@media(max-width:760px) {
  .tm-navigation { display: grid; grid-template-columns: .7fr 1.3fr 1.2fr 1fr; gap: 3px; overflow: visible; }
  .tm-navigation a { min-width: 0; min-height: 44px; white-space: normal; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px 5px; font-size: 11px; line-height: 1.35; }
}

/* Keep all navigation items on screen on tablet-sized viewports too. */
@media(min-width:761px) and (max-width:1020px) {
  .tm-nav-wrap { display:grid; grid-template-columns:minmax(0,1fr) auto; min-height:0; gap:0; padding-top:15px; }
  .tm-wordmark { grid-column:1; grid-row:1; }
  .tm-tools { grid-column:2; grid-row:1; }
  .tm-navigation { grid-column:1/-1; grid-row:2; width:100%; justify-content:center; padding-block:10px; gap:12px; }
  .tm-navigation a { padding:9px 13px; min-height:38px; }
}
@media(max-width:1020px) { html { scroll-padding-top:155px; } }