/* Shared AVIEYES identity: public site, account and Telegram Mini App. */
:root {
  --bg: #050507; --panel: #101014; --panel2: #19191f; --line: #282830;
  --text: #f5f5f8; --muted: #aaaab8;
  --blue: #00aaff; --green: #00d67c; --coral: #ff365f; --violet: #af52ff;
  --mint: var(--green); --danger: #ff8a9f;
  --brand-spectrum: linear-gradient(105deg,#00aaff 4%,#ff365f 36%,#00d67c 68%,#af52ff 96%);
}
body { background: var(--bg); }
.brand-word { display: inline-flex; align-items: baseline; white-space: nowrap; font-style: normal; letter-spacing: -.055em; font-weight: 850; }
.brand-word > span:first-child { color: #f5f5f8; }
.brand-word > span:nth-child(2) { color: var(--blue); }
.brand-word > span:nth-child(3) { color: var(--coral); }
.brand-word > span:nth-child(4) { color: var(--green); }
.brand-word > span:nth-child(5) { color: var(--violet); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline: 2px solid #7dceff; outline-offset: 4px; }

/* Public site */
body[data-surface="site"] { background: radial-gradient(ellipse at 88% 8%,#af52ff0b,transparent 27%),radial-gradient(ellipse at 4% 2%,#00aaff09,transparent 24%),var(--bg); }
.site-header { border-bottom-color: #ffffff13; }
.site-header:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: var(--brand-spectrum); opacity: .5; }
.wordmark { font-size: 25px; }
.wordmark > i { display: none; }
.button { border-radius: 12px; min-height: 46px; }
.primary { color: #06130e; background: var(--green); box-shadow: 0 0 22px #00d67c16; }
.primary:hover { background: #31e99b; box-shadow: 0 0 25px #00d67c32; }
.secondary { background: #15151b; border-color: #373740; }
.secondary:hover { border-color: var(--blue); }
.hero { gap: 36px; min-height: 735px; }
.hero h1 { font-weight: 760; letter-spacing: -.065em; font-size: clamp(52px,5.8vw,78px); line-height: 1.06; }
.gradient-text { background-image: linear-gradient(110deg,#00b7ff 8%,#b65eff 90%); }
.hero-description { max-width: 460px; color: #b9b9c7; font-size: 16px; }
.hero-benefits { color: #a7a7b6; font-size: 11px; }
.hero-benefits span:before { color: var(--green); }
.tariff-link { display: inline-block; margin-top: 20px; font-size: 12px; color: #bfa0e0; }
.tariff-link:hover { color: #d8b7ff; }
.hero-copy .eyebrow { color: #bfbfca; }
.hero-actions .text-link:hover { color: #b971ff; }
.beta-note { color: #9494a4; }
.beta-note a { color: #c2c2cf; }
.live-dot { box-shadow: 0 0 12px #00d67c44; }
.orbit-one { width: 500px; height: 500px; border-top-color: #00aaff44; border-right-color: #af52ff33; border-bottom-color: #00d67c33; border-left-color: #ff365f22; }
.orbit-two { width: 370px; height: 370px; border-color: #ffffff06; background: radial-gradient(ellipse,#00aaff08,transparent 68%); }
.demo-caption { color: #aaaab8; }
.demo-tag { background: #111116; border-color: #30303a; }
.demo-disclaimer { color: #9292a2; font-size: 10px; }
.subtle-button { color: #9898a7; min-height: 40px; }
.feature-ribbon { background: #0b0b0f; }
.feature-ribbon i:nth-child(1) { color: var(--blue); }
.feature-ribbon i:nth-child(2) { color: var(--coral); }
.feature-ribbon i:nth-child(3) { color: var(--violet); }
.feature-ribbon span:last-child { color: #d6d6df; }
.segmented { background: #101014; }
.segmented button.selected { color: #d9c6ff; background: #af52ff1c; }
.audience-card { background: radial-gradient(ellipse at 100% 0%,#af52ff10,transparent 60%),#101014; border-color: #30303b; }
.sample-card { background: #131319; border-color: #00aaff4d; box-shadow: 0 24px 60px #0008; }
.sample-visual { background: radial-gradient(ellipse at 50% 0%,#66557d66,#191921 75%); }
.sample-price span { color: #45edab; background: #00d67c15; }
.feature-icon { background: #111116; }
.feature:nth-child(1) .feature-icon { color: var(--blue); border-color: #00aaff44; }
.feature:nth-child(2) .feature-icon { color: var(--green); border-color: #00d67c44; }
.feature:nth-child(3) .feature-icon { color: var(--violet); border-color: #af52ff44; }
.feature h3 { font-weight: 650; }
.how-section { background: radial-gradient(ellipse at 5% 100%,#00aaff08,transparent 70%),#0a0a0e; }
.steps article:nth-child(1)>span { color: var(--blue); border-color: #00aaff55; }
.steps article:nth-child(2)>span { color: var(--violet); border-color: #af52ff55; }
.steps article:nth-child(3)>span { color: var(--green); border-color: #00d67c55; }
.cabinet-demo { background: #0b0b10; border-color: #af52ff55; box-shadow: 0 0 55px #af52ff09; }
.window-top i:nth-child(1) { background: var(--coral); }
.window-top i:nth-child(2) { background: var(--blue); }
.window-top i:nth-child(3) { background: var(--green); }
.dashboard-demo aside b { color: var(--blue); }
.dashboard-demo aside span:last-child { color: #bc83ff; }
.dashboard-bars i { background: linear-gradient(#00aaff88,#00aaff10); }
.dashboard-bars i:nth-child(3n) { background: linear-gradient(#af52ff88,#af52ff10); }
.dashboard-bars i:nth-child(2n) { background: linear-gradient(#00d67c88,#00d67c10); }
.closing { background: radial-gradient(ellipse at 80% 100%,#af52ff15,transparent 70%),radial-gradient(ellipse at 0% 0%,#00aaff10,transparent 65%),#0b0b10; border-color: #3c324c; }
.closing h2 { max-width: 760px; margin-inline: auto; }
.plan-card,.form-panel { background: #101014; }
.plan-card { border-top: 2px solid var(--blue); }
.plan-card:nth-child(2) { border-top-color: var(--green); }
.plan-card:nth-child(3) { background: linear-gradient(#181222,#101014); border-color: #af52ff66; border-top-color: var(--violet); }
.plan-card:nth-child(4) { border-top-color: var(--coral); }
.plan-card .price { letter-spacing: -.04em; }
.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea { background: #08080c; border-color: #34343e; }
.form-panel label:not(.consent),.consent { color: #bebeca; }
.form-panel input::placeholder,.form-panel textarea::placeholder { color: #9393a2; }
.support-portrait { display: block; width: 160px; height: 160px; margin: -6px 0 25px; border-radius: 50%; object-fit: contain; }
.status-banner { background: #00d67c09; border-color: #00d67c35; color: #a5eccc; }
.site-footer a,.fine-print { color: #a3a3b2; }
.site-footer small { color: #9898a7; }
.beta-public { margin-top: 30px; }
.beta-public p { margin: 16px 0 26px; }

/* Animated phone and the selected brand artwork. */
.phone-shell { background: linear-gradient(115deg,#a2a2ac,#24242e 8%,#08080a 45%,#575762 96%,#a2a2ac); box-shadow: inset 0 0 0 1px #c7c7d055,20px 30px 60px #0009,-12px 0 35px #00aaff12,12px 0 35px #af52ff12; }
.phone-screen { background: #0c0c13; }
.chat-top { background: #15151e; }
.mini-eye { background: #08080c; border-color: #00aaff66; }
.mini-eye i { background: var(--blue); }
.chat-bubble { background: #1b1b26; }
.chat-bubble b { color: #66c9ff; }
.chat-keyboard span { background: #141d2b; border-color: #00aaff18; color: #d1e9f8; }
.typing-bubble { background: #153328; }
.search-preview { background: #15151f; border-color: #af52ff33; }
.search-preview dl div { border-color: #ffffff0d; }
.search-preview dt { color: #aaaabb; }
.search-preview dd { color: #f0f0f8; }
.demo-stage[data-stage=filters] .search-preview dl div { animation: filter-choose .32s both; }
.demo-stage[data-stage=filters] .search-preview dl div:nth-child(2) { animation-delay: .2s; }
.demo-stage[data-stage=filters] .search-preview dl div:nth-child(3) { animation-delay: .4s; }
.demo-stage[data-stage=filters] .search-preview dl div:nth-child(4) { animation-delay: .6s; }
.demo-stage[data-stage=filters] .search-preview dl div:nth-child(5) { animation-delay: .8s; }
.demo-stage[data-stage=filters] .search-preview dl div:nth-child(6) { animation-delay: 1s; }
.demo-save { background: #00d67c; color: #072014; font-weight: 700; }
.search-created { background: #092a1d; border-color: #00d67c77; }
.phone-sleep { background: radial-gradient(ellipse at 10% 80%,#2b1645,#09090e 70%); }
.shards i:nth-child(3n+1) { background: linear-gradient(140deg,#00aaffaa,#050507); }
.shards i:nth-child(3n+2) { background: linear-gradient(140deg,#af52ffaa,#050507); }
.shards i:nth-child(3n) { background: linear-gradient(140deg,#00d67caa,#ff365f55); }
.avi-letters i,.avi-letters i:nth-child(2),.avi-letters i:nth-child(3) { color: #f5f5f8; }
.eyes-letters i { font-style: normal; }
.eyes-letters i:nth-child(1) { color: var(--blue); }
.eyes-letters i:nth-child(2) { color: var(--coral); }
.eyes-letters i:nth-child(3) { color: var(--green); }
.eyes-letters i:nth-child(4) { color: var(--violet); }
.eye-outline { fill: #0a0a10; stroke: var(--blue); }
.logo-finale { overflow: visible; }
.finale-art { position: absolute; top: -14px; width: min(400px,100%); height: 400px; max-height: calc(100% - 58px); object-fit: contain; opacity: 0; transform: scale(.92); transition: opacity .6s,transform .7s; pointer-events: none; }
.logo-line { transition: opacity .4s,transform .4s; }
.logo-finale>p { color: #b7b7c8; }
.logo-finale>.button { position: absolute; bottom: 0; min-height: 46px; font-size: 13px; }
.demo-stage[data-stage=final] .finale-art { opacity: 1; transform: scale(1); }
.demo-stage[data-stage=final] .logo-line,.demo-stage[data-stage=final] .logo-finale>p { opacity: 0; pointer-events: none; }
.demo-stage[data-stage=final] .logo-finale { background: none; }
@keyframes filter-choose { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Account and Mini App */
body[data-surface="app"] .ambient { background: radial-gradient(ellipse at 95% 0%,#af52ff0b,transparent 45%),radial-gradient(ellipse at 10% 80%,#00aaff08,transparent 40%); }
.sidebar { background: #08080be6; border-right-color: #25252f; }
.brand { gap: 9px; font-size: 22px; letter-spacing: 0; }
.brand small { font-size: 10px; letter-spacing: .1em; }
.brand img { width: 36px; height: 36px; }
.sidebar-bottom { color: #a3a3b0; line-height: 1.7; }
.topbar { position: relative; }
.topbar:after { content: ''; position: absolute; bottom: -1px; height: 1px; inset-inline: 0; background: var(--brand-spectrum); opacity: .48; }
.desktop-nav a { border: 1px solid transparent; }
.desktop-nav a.active { background: #00aaff0c; color: #52c5ff; border-color: #00aaff38; padding: 14px 16px; }
.desktop-nav a[data-nav="check"] span { color: #be78ff; }
.desktop-nav a[data-nav="favorites"] span { color: #ff708e; }
.desktop-nav a[data-nav="searches"] span { color: #37e99e; }
.page-head h1 { font-weight: 700; }
.avatar { background: #20162d; border-color: #af52ff66; color: #ecddff; }
.pill { background: #00d67c0c; border-color: #00d67c38; color: #5ce6ad; }
.btn { min-height: 44px; color: #062014; border-color: var(--green); box-shadow: 0 0 18px #00d67c0b; }
.btn.secondary { background: #17171e; color: var(--text); border-color: #393944; box-shadow: none; }
.btn.ghost { border-color: #393944; color: #b9b9c7; box-shadow: none; }
.btn.danger { background: #ff365f10; border-color: #ff365f55; color: #ff91a8; }
.segment.active { background: #00aaff16; color: #77d1ff; }
.toolbar select,.field input,.field select,.field textarea,input.input { background: #0b0b10; border-color: #343440; }
.field { color: #d1d1dd; }
.field input::placeholder,.field textarea::placeholder { color: #9696a5; }
.card { background: #111116; }
.card:hover { border-color: #00aaff66; }
.card-image { background: #14141e; }
.card-placeholder { background: radial-gradient(ellipse at 50% 0%,#af52ff12,transparent 75%),#15151d; color: #aaaabc; }
.card-placeholder span { color: #9f91c6; }
.image-tags span { background: #08291fef; border-color: #00d67c55; color: #78f1bd; }
.image-tags .demo { background: #251635ef; color: #d3aeff; border-color: #af52ff44; }
.heart { width: 40px; height: 40px; background: #08080ddd; }
.heart.saved { color: #ff6b8b; border-color: #ff365f88; }
.card-price { font-weight: 700; color: #f9f9fc; }
.notice { background: #af52ff0b; border-color: #af52ff44; color: #d9baff; }
.notice.warning { background: #ff365f0a; color: #ffa4b8; border-color: #ff365f44; }
.empty { background: #101014; border-color: #3a3549; }
.empty .empty-icon { color: #68cfff; background: #00aaff0a; border-color: #00aaff55; }
.search-card .search-icon { background: #00d67c0a; border-color: #00d67c33; }
.plan { background: #111116; border-top: 2px solid var(--blue); }
.plan:nth-child(2) { border-top-color: var(--green); }
.plan:nth-child(3) { border-top-color: var(--violet); }
.plan:nth-child(4) { border-top-color: var(--coral); }
.result h3 { color: #c184ff; }
.login h1 { font-weight: 750; }
.login .logo-large { width: 190px; height: 190px; object-fit: contain; margin-bottom: 25px; border-radius: 50%; box-shadow: none; }
.feature-list div:nth-child(1) span { color: var(--blue); }
.feature-list div:nth-child(2) span { color: var(--coral); }
.feature-list div:nth-child(3) span { color: var(--violet); }
.detail-market { background: #00d67c09; border-color: #00d67c33; }
dialog { background: #101015; border-color: #5d387f; }
.icon-button { min-width: 44px; min-height: 44px; }
#toast { background: #e0fced; }
.footer { color: #9494a4; }
.mobile-brand { letter-spacing: -.05em; }

@media(max-width:760px) {
  .hero { min-height: 0; gap: 0; }
  .hero h1 { font-size: clamp(43px,10.7vw,64px); line-height: 1.08; }
  .hero-description { font-size: 15px; }
  .hero-demo { margin-top: 34px; }
  .hero-benefits { font-size: 10px; flex-wrap: wrap; gap: 7px 20px; }
  .orbit-one { width: 330px; height: 330px; }
  .orbit-two { width: 270px; height: 270px; }
  .finale-art { top: -4px; height: 356px; }
  .hero-actions { flex-wrap: wrap; }
  .wordmark { font-size: 23px; }
  .header-actions>.button { min-height: 42px; }
  .subtle-button { min-height: 44px; }
  .support-portrait { width: 145px; height: 145px; }
  .mobile-nav { background: #0a0a0ff5; border-color: #35313e; padding-bottom: calc(8px + max(env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px))); }
  .mobile-nav a { min-height: 48px; place-content: center; font-size: 10px; }
  .mobile-nav a.active { color: #58c9ff; }
  .mobile-nav a.active[data-nav="check"] { color: #c083ff; }
  .mobile-nav a.active[data-nav="favorites"] { color: #ff7897; }
  .mobile-nav a.active[data-nav="searches"] { color: #4ceca4; }
  .workspace { padding-inline: max(16px,env(safe-area-inset-left),var(--tg-content-safe-area-inset-left,0px)); }
  .topbar { height: 74px; }
  .heart { width: 40px; height: 40px; font-size: 24px; }
  .image-tags { max-width: calc(100% - 54px); }
  .image-tags span { font-size: 9px; }
  .field input,.field select,.field textarea,input.input { font-size: 16px; }
  .toolbar select,.segment { min-height: 44px; }
  .card-meta { font-size: 11px; }
  .card-body h2 { font-size: 13px; }
  .card-price { font-size: 21px; }
  .login .logo-large { width: 165px; height: 165px; }
  .login { margin-top: 5px; }
}
@media(max-width:360px) {
  .header-actions>.button { padding-inline: 9px; font-size: 9px; }
  .wordmark { font-size: 21px; }
  .hero-actions .button { padding: 13px 17px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}

/* Compact public landing: one continuous hero and an off-canvas navigation. */
body[data-surface=site] .desktop-links, body[data-surface=site] .cabinet-link {display:none}
body[data-surface=site] .menu-toggle {display:inline-flex;gap:10px;align-items:center;min-width:44px;min-height:44px;font-size:18px;border:1px solid var(--line);border-radius:14px;padding:8px 14px}
body[data-surface=site] .menu-toggle span {font-size:14px}
body.menu-open {overflow:hidden}
body[data-surface=site] .menu-backdrop {position:fixed;inset:0;background:#000a;backdrop-filter:blur(8px);z-index:110}
body[data-surface=site] .mobile-menu {position:fixed;top:0;right:0;bottom:0;left:auto;width:min(390px,90vw);height:100dvh;overflow:auto;z-index:111;background:#101014;border-left:1px solid #383844;padding:80px 28px 32px;display:flex;flex-direction:column;gap:4px;box-shadow:-30px 0 100px #0009}
body[data-surface=site] .mobile-menu a {display:block;padding:15px 8px;font-size:18px;border-bottom:1px solid #ffffff0b}
body[data-surface=site] .mobile-menu a:hover {color:#00d67c;background:#ffffff05}
body[data-surface=site] .menu-close {position:absolute;top:20px;right:24px;width:44px;height:44px;color:#fff;background:#22222a;border:0;border-radius:50%;font-size:26px;cursor:pointer}
body[data-surface=site] [hidden] {display:none!important}
body[data-surface=site] .beta-strip {font-size:12px;color:#a9a9b7;text-align:center;padding:9px 20px;border-bottom:1px solid #ffffff08;line-height:1.6}
body[data-surface=site] .beta-strip a {color:#c9b6ee;margin-left:8px}
body[data-surface=site] .hero {min-height:640px;min-height:min(760px,calc(100svh - 136px));padding-top:24px;padding-bottom:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;isolation:isolate}
body[data-surface=site] .hero-copy {z-index:2}
body[data-surface=site] .hero h1 {font-size:clamp(40px,4.7vw,72px);line-height:1.07;letter-spacing:-.045em;max-width:690px}
body[data-surface=site] .hero-description {font-size:17px;max-width:480px;line-height:1.65}
body[data-surface=site] .hero-demo {background:transparent;border:0;box-shadow:none;overflow:visible;min-width:0}
body[data-surface=site] .hero-demo:before {content:"";position:absolute;inset:0 -8% 0 -24%;z-index:-1;background:radial-gradient(ellipse at 55% 43%,#00aaff18,transparent 56%),radial-gradient(ellipse at 80% 65%,#af52ff22,transparent 53%),radial-gradient(ellipse at 80% 12%,#ff365f15,transparent 45%);filter:blur(16px);pointer-events:none}
body[data-surface=site] .demo-stage {height:530px;background:transparent}
body[data-surface=site] .demo-caption {border:0;font-size:12px;justify-content:center;color:#9292a2;background:none;padding:8px}
body[data-surface=site] .demo-tag {display:none}
body[data-surface=site] .demo-controls {justify-content:center;margin-top:0}
body[data-surface=site] .subtle-button {min-height:44px;color:#a2a2b0;font-size:12px}
body[data-surface=site] .demo-disclaimer {font-size:10px;color:#9292a2;margin:0;text-align:center}
body[data-surface=site] .phone-shell {border:2px solid #8b8c96;padding:6px;background:linear-gradient(110deg,#babcc3,#37383d 4%,#141519 50%,#777984 98%);box-shadow:0 0 0 1px #111,4px 0 0 #4d4e57,10px 20px 38px #0009,inset 0 0 2px #fff;border-radius:43px;transform:translateX(-50%) rotateY(-8deg) rotateZ(2deg)}
body[data-surface=site] .phone-screen {border:2px solid #030305;border-radius:35px;background:linear-gradient(150deg,#10151c,#0b0e15)}
body[data-surface=site] .phone-notch {top:15px;height:20px;width:78px;border-radius:14px;background:#000;box-shadow:inset 0 -1px 1px #303137;z-index:9}
body[data-surface=site] .phone-notch:after {content:"";position:absolute;right:13px;top:7px;width:5px;height:5px;border-radius:50%;background:#15233b;box-shadow:0 0 1px #5781bc}
body[data-surface=site] .phone-side {right:-6px;top:132px;width:4px;height:62px;background:linear-gradient(#b5b6c0,#393a42);border-radius:3px;box-shadow:-286px -20px 0 #636570}
body[data-surface=site] .phone-status {font-weight:600;padding-top:12px}
body[data-surface=site] .logo-finale .finale-art {top:50%;left:50%;translate:-50% -50%;width:min(100%,370px);height:auto;aspect-ratio:1;max-height:none;max-width:370px;object-fit:cover;object-position:center;border-radius:50%;clip-path:circle(49% at 50% 50%)}
body[data-surface=site][data-view=home] .site-footer {padding:22px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:12px;border-top:1px solid #ffffff0c}
body[data-surface=site][data-view=home] .site-footer > div:not(:first-child):not(:last-child),body[data-surface=site][data-view=home] .site-footer p,body[data-surface=site][data-view=home] #site-status,body[data-surface=site][data-view=home] .site-footer > div:first-child small {display:none}
body[data-surface=site][data-view=home] .site-footer > div:last-child {display:flex;gap:20px;flex-wrap:wrap}
body[data-surface=site][data-view=features] [data-page=features],body[data-surface=site][data-view=faq] [data-page=faq] {display:block}
@media(max-width:760px){
 body[data-surface=site] .site-header {padding:14px 20px;gap:12px}
 body[data-surface=site] .header-actions {gap:8px}
 body[data-surface=site] .header-actions .primary {display:none}
 body[data-surface=site] .hero {display:flex;flex-direction:column;gap:0;min-height:0;padding-top:28px;padding-bottom:16px}
 body[data-surface=site] .hero-copy {text-align:left;width:100%}
 body[data-surface=site] .hero h1 {font-size:clamp(35px,8.5vw,55px);line-height:1.1;margin:14px 0 18px}
 body[data-surface=site] .hero-description {font-size:15px;line-height:1.55;margin-bottom:12px}
 body[data-surface=site] .hero-actions,body[data-surface=site] .hero-benefits,body[data-surface=site] .tariff-link {display:none}
 body[data-surface=site] .hero-demo {width:100%;margin-top:6px}
 body[data-surface=site] .demo-stage {height:505px}
 body[data-surface=site] .demo-caption {padding:5px 0}
 body[data-surface=site] .hero-demo:before {inset:0 -3%}
 body[data-surface=site] .site-footer {margin:0 20px}
 body[data-surface=site] .logo-finale .finale-art {max-width:300px}
}

/* Catalogue filters and touch actions share the same colour system. */
body[data-surface=app] .card {touch-action:pan-y;min-width:0}
body[data-surface=app] .card-actions {display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
body[data-surface=app] .card-actions button {min-height:44px;flex:1;white-space:normal}
body[data-surface=app] .swipe-hint {color:#a2a2b2;font-size:12px;margin:8px 0 20px}
body[data-surface=app] .feed-filters {background:#101014;border:1px solid #31313c;border-radius:16px;padding:16px;margin:16px 0}
body[data-surface=app] .feed-filters summary {cursor:pointer;padding:8px 0;color:#c6adf4}
body[data-surface=app] .feed-filters form {margin-top:16px}
body[data-surface=app] .category-heading {grid-column:1/-1;margin:20px 0 0;font-size:20px;color:#c4b2e5}
body[data-surface=site] .phone-side {left:auto;box-shadow:-231px -20px 0 #636570}
@media(max-width:560px){body[data-surface=app] .toolbar .segmented {width:100%}body[data-surface=app] .toolbar .segment {flex:1;white-space:normal}body[data-surface=app] .feed-filters .form-grid {grid-template-columns:1fr 1fr}body[data-surface=app] .feed-filters .field {min-width:0}}

body[data-surface=site] .section-heading h1,body[data-surface=site] .faq-section h1 {font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.04em}
body[data-surface=app] [hidden] {display:none!important}