/* Yasno landing: approved website layout; shared/tokens.css provides the base system. */
.website-page { background:var(--white) }
.website-page button,.website-page a { touch-action:manipulation }
.section-wrap { width:min(1264px,calc(100% - 96px)); margin-inline:auto }
.site-symbols { position:absolute; width:0; height:0; overflow:hidden }
.web-mark { width:38px; height:38px; fill:none; stroke:var(--blue); stroke-width:14; stroke-linecap:square; stroke-linejoin:round }
.web-icon { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; display:block }
.skip-link { position:absolute; left:24px; top:-120px; z-index:100; background:white; padding:14px }
.skip-link:focus { top:24px }
.web-header { width:min(1264px,calc(100% - 96px)); margin:auto; min-height:102px; display:flex; align-items:center; gap:32px; justify-content:space-between }
.web-nav,.web-header-actions { display:flex; align-items:center; gap:28px }
.web-nav a,.account-link { color:var(--ink); text-decoration:none; font-size:14px; display:flex; align-items:center; min-height:44px; white-space:nowrap }
.web-nav a:hover,.account-link:hover { color:var(--blue) }
.web-header-actions { gap:20px }
.web-header-actions .btn { font-size:13px }
.web-hero { display:grid; grid-template-columns:1.06fr 1fr; min-height:630px; align-items:center; padding-block:34px 68px; gap:10px }
.hero-copy { position:relative; z-index:1 }
.hero-copy .eyebrow { margin-bottom:24px }
.hero-copy h1 { font-family:var(--font-display); font-size:clamp(58px,5.5vw,80px); font-weight:900; letter-spacing:-.067em; line-height:1.045; margin:0 0 28px }
.hero-copy h1 span { color:var(--blue) }
.hero-description { font-size:18px; color:var(--slate); line-height:1.7; margin-bottom:28px }
.hero-buttons { display:flex; align-items:center; gap:24px; flex-wrap:wrap }
.quiet-link { min-height:44px; display:inline-flex; align-items:center; gap:12px; font-size:14px; font-weight:650; color:var(--blue); background:none; padding:8px 0; border:0; text-decoration:none; text-align:left }
.quiet-link:hover { text-decoration:underline; text-underline-offset:4px }
.hero-footnote { font-size:12px; color:var(--slate); margin:18px 0 0 }
.hero-footnote span { font-size:11px }
.hero-signature { height:480px; position:relative; display:flex; align-items:center; justify-content:center; min-width:0 }
.hero-route { width:110%; max-width:none; height:auto; overflow:visible }
.hero-route path { fill:none; stroke-width:83; stroke-linecap:square; stroke-linejoin:round }
.route-shadow { stroke:var(--mist) }
.route-cobalt { stroke:var(--blue) }
.float-note { position:absolute; background:white; border:1px solid var(--line); border-radius:15px; display:flex; align-items:center; gap:12px; padding:16px 20px; box-shadow:0 8px 32px #1323440a }
.float-note b,.float-note small { display:block }
.float-note b { font-size:15px }
.float-note small { font-size:11px; color:var(--slate); margin-top:2px }
.float-trial { top:23px; right:10px; transform:rotate(4deg) }
.float-help { left:3px; bottom:32px; transform:rotate(-4deg) }
.note-icon { width:42px; height:42px; border-radius:12px; background:var(--ice); color:var(--blue); display:grid; place-items:center; flex-shrink:0 }
.route-caption { position:absolute; bottom:3px; right:10px; font-size:10px; letter-spacing:.01em; color:var(--slate) }
.benefits-strip { background:var(--ice); border-block:1px solid var(--line) }
.benefits-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; padding-block:24px }
.benefits-inner>div { display:flex; align-items:center; gap:16px }
.benefits-inner .web-icon { color:var(--blue) }
.benefits-inner p { margin:0; font-size:13px }
.benefits-inner b,.benefits-inner span { display:block }
.benefits-inner span { color:var(--slate); font-size:12px; margin-top:3px }
.web-section { padding-block:90px }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:42px }
.section-heading h2,.account-intro h2,.faq-intro h2 { font-size:clamp(34px,3.55vw,50px); font-weight:800; line-height:1.12; letter-spacing:-.055em; margin-bottom:0 }
.section-heading .eyebrow { margin-bottom:16px }
.section-heading>p { font-size:15px; line-height:1.7; color:var(--slate); margin:0 0 4px; max-width:350px }
.start-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px }
.start-steps article { border-top:1px solid var(--line); padding-top:26px }
.step-number { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--ice); color:var(--blue); font-size:18px; font-weight:750; margin-bottom:26px }
.start-steps h3 { font-size:22px; letter-spacing:-.035em; margin-bottom:14px }
.start-steps p { font-size:14px; color:var(--slate); line-height:1.75; max-width:320px; min-height:98px }
.pricing-section { background:var(--ice); padding-block:82px; border-block:1px solid var(--line) }
.price-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; align-items:stretch }
.price-card { background:white; border:1px solid var(--line); border-radius:22px; padding:28px 24px; position:relative; display:flex; flex-direction:column; min-width:0 }
.price-period { font-size:17px; font-weight:650; margin-bottom:26px }
.price-card .price-amount { font-size:48px; line-height:1.1; letter-spacing:-.05em; margin-bottom:10px; font-weight:750; overflow-wrap:anywhere }
.price-card .price-amount span { font-size:26px; font-weight:500 }
.price-monthly { color:var(--slate); font-size:12px; margin-bottom:24px }
.price-description { font-size:13px; min-height:40px; margin-bottom:26px }
.price-card .btn { margin-top:auto; padding:12px 10px; font-size:13px; gap:8px; justify-content:space-between }
.price-card>small { font-size:11px; color:var(--slate); text-align:center; margin-top:14px }
.price-featured { border:2px solid var(--blue); padding:27px 23px }
.price-featured .price-period,.price-featured .price-amount { color:var(--blue) }
.pricing-note { display:flex; align-items:center; gap:16px; margin-top:28px }
.pricing-note p { font-size:13px; color:var(--slate); margin:0; flex:1 }
.pricing-note p strong { color:var(--ink) }
.pricing-note .note-icon { background:white }
.pricing-note .quiet-link { font-size:12px }
.account-section { display:grid; grid-template-columns:.9fr 1fr; gap:100px; align-items:center }
.account-intro h2 { margin-bottom:25px }
.account-intro>p:not(.eyebrow) { font-size:15px; line-height:1.8; color:var(--slate); max-width:440px }
.account-feature-list { display:flex; flex-direction:column; gap:13px; margin:26px 0 30px; font-size:13px }
.account-feature-list span { display:flex; align-items:center; gap:12px }
.account-feature-list .web-icon { width:18px; height:18px; color:var(--blue) }
.account-preview { padding:27px; background:var(--ice); border:1px solid var(--line); border-radius:28px; box-shadow:0 18px 60px #13234408; transform:rotate(1.5deg) }
.preview-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px }
.preview-top .brand { font-size:20px; gap:9px }
.preview-top .web-mark { width:28px; height:28px }
.preview-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:20px }
.preview-heading h3 { margin:0; font-size:28px }
.preview-heading p { margin:0; color:var(--slate); font-size:12px }
.preview-subscription { background:var(--blue); color:white; border-radius:19px; padding:24px }
.preview-subscription>div { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px }
.preview-status { font-size:10px; padding:5px 9px; background:white; border-radius:30px; color:var(--blue) }
.preview-subscription>p { margin:26px 0 3px; font-size:12px; color:#dce7ff }
.preview-subscription>strong { display:block; font-size:36px; font-weight:650; letter-spacing:-.04em; margin-bottom:18px }
.preview-small-btn { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 15px; background:white; color:var(--ink); border-radius:10px; text-decoration:none; font-size:12px; font-weight:650 }
.preview-setup { display:flex; gap:12px; align-items:center; background:white; padding:20px; margin-top:14px; border:1px solid var(--line); border-radius:16px; text-decoration:none; color:var(--ink) }
.preview-setup>div { flex:1 }
.preview-setup b,.preview-setup span:not(.note-icon) { display:block }
.preview-setup b { font-size:13px }
.preview-setup div span { font-size:11px; color:var(--slate); margin-top:4px }
.preview-bottom { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px }
.preview-bottom a { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:16px; background:white; border:1px solid var(--line); border-radius:13px; text-decoration:none; font-size:11px; font-weight:600; min-height:52px }
.trust-section { background:var(--blue); color:white; padding-block:76px }
.trust-section .eyebrow { color:#dce7ff }
.trust-section .section-heading>p { color:#dce7ff }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px }
.trust-grid article { border-top:1px solid #ffffff45; padding-top:30px }
.trust-icon { display:block; font-size:32px; line-height:1; margin-bottom:22px }
.trust-icon-svg { height:32px; width:32px; margin-bottom:22px }
.trust-grid h3 { font-size:22px; margin-bottom:14px }
.trust-grid p { font-size:14px; line-height:1.7; max-width:350px; color:#dce7ff; margin:0 }
.faq-section { display:grid; grid-template-columns:.78fr 1.3fr; gap:90px }
.faq-intro h2 { margin-bottom:25px }
.faq-intro>p:not(.eyebrow) { font-size:14px; color:var(--slate); line-height:1.8 }
.faq-list { border-top:1px solid var(--line) }
.faq-list details { border-bottom:1px solid var(--line) }
.faq-list summary { cursor:pointer; font-size:15px; font-weight:600; min-height:73px; padding:22px 35px 22px 0; list-style:none; position:relative; line-height:1.8 }
.faq-list summary::-webkit-details-marker { display:none }
.faq-list summary:after { content:'+'; position:absolute; right:3px; top:19px; color:var(--blue); font-size:23px; font-weight:400 }
.faq-list details[open] summary:after { content:'−' }
.faq-list details p { font-size:14px; color:var(--slate); line-height:1.8; margin:0; padding:0 32px 24px 0 }
.closing-section { padding-bottom:76px }
.closing-banner { padding:50px 54px; background:var(--ice); border:1px solid var(--line); border-radius:27px; display:flex; gap:30px; align-items:center; justify-content:space-between; position:relative; overflow:hidden }
.closing-banner>div { position:relative; z-index:1 }
.closing-banner h2 { font-size:46px; line-height:1.14; letter-spacing:-.055em; margin-bottom:20px }
.closing-banner p:not(.eyebrow) { font-size:14px; color:var(--slate); line-height:1.8; margin-bottom:0 }
.closing-actions { display:flex; flex-direction:column; gap:13px; align-items:center; padding:0 20px }
.closing-actions .btn { min-width:200px }
.closing-actions>span { font-size:11px; color:var(--slate) }
.closing-mark { position:absolute; width:460px; height:460px; right:-80px; top:10px; fill:none; stroke:var(--mist); stroke-width:14; stroke-linejoin:round }
.web-footer { padding-bottom:25px }
.footer-top { display:flex; gap:30px; align-items:center; padding:26px 0; border-block:1px solid var(--line) }
.footer-top>p { flex:1; margin:0; font-size:13px; color:var(--slate) }
.footer-top>a:last-child { font-size:13px; text-decoration:none; min-height:44px; display:flex; align-items:center }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:22px; font-size:11px; color:var(--slate); align-items:center }
.footer-bottom>nav { display:flex; gap:24px }
.footer-bottom a { border:0; background:none; color:var(--slate); font-size:11px; min-height:44px; padding:0 }
.footer-bottom a:hover { color:var(--blue) }
@media(min-width:1600px) {
  .hero-copy h1 { font-size:86px }
  .web-hero { min-height:680px }
  .hero-signature { height:530px }
}

@media(max-width:1100px) {
  .section-wrap,.web-header { width:calc(100% - 64px) }
  .web-nav,.web-header-actions { gap:18px }
  .web-header { gap:20px }
  .web-hero { min-height:580px }
  .hero-copy h1 { font-size:65px }
  .hero-signature { height:410px }
  .float-note { padding:12px 15px }
  .float-note b { font-size:13px }
  .float-trial { right:0; top:5px }
  .float-help { left:0; bottom:25px }
  .route-caption { bottom:-5px; right:0 }
  .hero-description { font-size:16px }
  .hero-buttons { gap:15px }
  .hero-buttons .btn { font-size:13px }
  .hero-buttons .quiet-link { font-size:12px }
  .price-grid { gap:12px }
  .price-card { padding:25px 17px }
  .price-featured { padding:24px 16px }
  .price-card .price-amount { font-size:40px }
  .price-card .btn { font-size:12px }
  .account-section { gap:50px }
  .faq-section { gap:50px }
  .account-preview { padding:23px }
  .preview-heading h3 { font-size:24px }
}

@media(max-width:850px) {
  .web-nav { display:none }
  .web-header { min-height:90px }
  .hero-copy h1 { font-size:56px }
  .web-hero { min-height:540px; padding-block:25px 55px; grid-template-columns:1fr .92fr; gap:10px }
  .hero-signature { height:350px }
  .float-note { padding:10px 12px; gap:9px }
  .float-note .note-icon { height:32px; width:32px }
  .float-note b { font-size:11px }
  .float-note small { font-size:10px }
  .float-trial { top:0; right:0 }
  .float-help { bottom:0; left:0 }
  .route-caption { display:none }
  .hero-description { font-size:14px; line-height:1.8 }
  .hero-buttons { display:flex; flex-direction:column; align-items:start; gap:4px }
  .hero-footnote { font-size:11px; margin-top:10px }
  .benefits-inner { gap:18px }
  .benefits-inner>div { gap:10px; align-items:start }
  .benefits-inner b { font-size:12px }
  .benefits-inner span { font-size:10px }
  .web-section { padding-block:68px }
  .section-heading { gap:30px }
  .section-heading>p { font-size:13px; max-width:260px }
  .start-steps { gap:24px }
  .start-steps h3 { font-size:19px; min-height:44px }
  .start-steps p { font-size:13px; min-height:137px }
  .start-steps .quiet-link { font-size:12px }
  .pricing-section { padding-block:68px }
  .price-grid { grid-template-columns:repeat(2,1fr); gap:23px 18px }
  .price-card { padding:25px }
  .price-featured { padding:24px }
  .price-card .price-amount { font-size:48px }
  .price-card .btn { font-size:13px }
  .price-description { min-height:21px; margin-bottom:23px }
  .pricing-note { flex-wrap:wrap; gap:14px }
  .pricing-note .quiet-link { margin-left:57px }
  .pricing-note p { font-size:12px }
  .account-section { gap:32px; grid-template-columns:.92fr 1fr }
  .account-intro h2 { font-size:33px }
  .account-intro>p:not(.eyebrow) { font-size:13px }
  .account-preview { padding:18px; transform:none }
  .preview-heading { display:block }
  .preview-heading p { margin-top:6px }
  .preview-top { margin-bottom:22px }
  .preview-subscription { padding:19px }
  .preview-subscription>strong { font-size:30px }
  .preview-subscription>div { font-size:10px }
  .preview-setup { padding:14px; gap:10px }
  .preview-setup .note-icon { width:32px; height:36px }
  .preview-setup b { font-size:11px }
  .preview-setup div span { font-size:10px }
  .preview-bottom { grid-template-columns:1fr; gap:8px }
  .preview-bottom a { min-height:45px; padding:12px 14px }
  .account-feature-list { font-size:12px }
  .trust-section { padding-block:65px }
  .trust-grid { gap:25px }
  .trust-grid h3 { font-size:19px }
  .trust-grid p { font-size:13px }
  .faq-section { gap:35px; grid-template-columns:.7fr 1fr }
  .faq-intro h2 { font-size:36px }
  .faq-list summary { font-size:13px; padding-block:20px; min-height:65px }
  .faq-list details p { font-size:13px }
  .closing-banner { padding:36px 32px }
  .closing-banner h2 { font-size:36px }
  .closing-actions { padding:0 }
  .closing-actions .btn { min-width:165px; font-size:13px }
  .closing-banner p:not(.eyebrow) { font-size:13px }
  .footer-top { gap:20px; flex-wrap:wrap }
  .footer-top>p { font-size:12px }
  .footer-bottom>nav { gap:15px }
  .footer-bottom a { font-size:10px }
}

@media(max-width:600px) {
  .section-wrap,.web-header { width:calc(100% - 40px) }
  .web-header { min-height:82px; gap:12px }
  .web-header .brand { font-size:22px; gap:9px }
  .web-header .brand small { display:none }
  .web-header .web-mark { width:30px; height:30px }
  .web-header-actions { gap:12px }
  .web-header-actions .btn { display:none }
  .account-link { font-size:12px }
  .web-hero { display:flex; flex-direction:column; align-items:stretch; gap:30px; padding-block:29px 28px }
  .hero-copy h1 { font-size:clamp(49px,11vw,69px); max-width:470px; margin-bottom:23px }
  .hero-copy .eyebrow { font-size:10px; margin-bottom:20px }
  .hero-description { font-size:15px; margin-bottom:22px }
  .hero-buttons { flex-direction:row; align-items:center; gap:8px 20px }
  .hero-buttons .btn { font-size:13px; min-height:49px }
  .hero-buttons .quiet-link { font-size:12px }
  .hero-footnote { font-size:11px; margin-top:12px }
  .hero-signature { width:min(100%,390px); height:320px; align-self:center; margin-top:4px }
  .hero-route { width:100%; height:320px }
  .float-note b { font-size:12px }
  .float-note small { font-size:10px }
  .float-trial { right:0; top:0 }
  .float-help { left:2px; bottom:13px }
  .benefits-inner { grid-template-columns:1fr; gap:18px; padding-block:24px }
  .benefits-inner>div { gap:16px; align-items:center }
  .benefits-inner b { font-size:13px }
  .benefits-inner span { font-size:11px }
  .benefits-inner .web-icon { width:20px; height:20px }
  .web-section { padding-block:55px }
  .section-heading { display:block; margin-bottom:30px }
  .section-heading h2,.account-intro h2,.faq-intro h2 { font-size:35px }
  .section-heading .eyebrow { font-size:10px; margin-bottom:14px }
  .section-heading>p { margin-top:20px; max-width:none; font-size:13px }
  .start-steps { grid-template-columns:1fr; gap:25px }
  .start-steps article { padding-top:23px; position:relative; padding-left:58px }
  .step-number { position:absolute; left:0; top:23px; width:36px; height:36px; font-size:16px; border-radius:10px }
  .start-steps h3 { font-size:20px; min-height:0; margin-bottom:10px }
  .start-steps p { min-height:0; font-size:13px; max-width:100%; margin-bottom:4px }
  .start-steps .quiet-link { font-size:12px }
  .pricing-section { padding-block:55px }
  .price-grid { gap:20px 12px }
  .price-card { padding:20px 15px }
  .price-featured { padding:19px 14px }
  .price-period { font-size:14px; margin-bottom:20px }
  .price-card .price-amount { font-size:36px; margin-bottom:9px }
  .price-card .price-amount span { font-size:21px }
  .price-monthly { font-size:10px; margin-bottom:18px }
  .price-description { font-size:11px; min-height:36px; margin-bottom:18px }
  .price-card .btn { font-size:11px; gap:4px; padding-inline:8px; min-height:46px }
  .price-card .btn span { display:none }
  .price-card>small { font-size:9px }
  .pricing-note { align-items:start; gap:12px; margin-top:22px }
  .pricing-note p { font-size:12px }
  .pricing-note p strong { display:block; margin-bottom:4px }
  .pricing-note .quiet-link { margin-left:54px; margin-top:-9px; font-size:11px }
  .account-section { grid-template-columns:1fr; gap:30px }
  .account-intro>p:not(.eyebrow) { font-size:14px }
  .account-feature-list { font-size:13px; margin-block:22px }
  .account-preview { padding:22px; max-width:460px; width:100%; margin:auto }
  .preview-heading { display:flex }
  .preview-heading h3 { font-size:25px }
  .preview-heading p { font-size:11px }
  .preview-subscription { padding:23px }
  .preview-subscription>strong { font-size:35px }
  .preview-subscription>div { font-size:11px }
  .preview-setup { padding:18px }
  .preview-setup b { font-size:13px }
  .preview-setup div span { font-size:11px }
  .preview-bottom { grid-template-columns:1fr 1fr }
  .preview-bottom a { font-size:10px; padding:13px 10px }
  .trust-section { padding-block:54px }
  .trust-grid { grid-template-columns:1fr; gap:28px }
  .trust-grid article { padding-top:24px }
  .trust-grid h3 { font-size:21px }
  .trust-grid p { font-size:13px; max-width:none }
  .trust-icon,.trust-icon-svg { margin-bottom:17px }
  .faq-section { grid-template-columns:1fr; gap:30px }
  .faq-intro>p:not(.eyebrow) { font-size:13px }
  .faq-intro h2 br { display:none }
  .faq-list summary { font-size:14px; padding-block:19px; min-height:64px; line-height:1.6 }
  .faq-list summary:after { top:17px }
  .faq-list details p { font-size:13px }
  .closing-section { padding-bottom:48px }
  .closing-banner { display:block; padding:30px 26px; border-radius:22px }
  .closing-banner h2 { font-size:34px }
  .closing-banner .eyebrow { font-size:9px }
  .closing-banner p:not(.eyebrow) { font-size:13px }
  .closing-actions { align-items:start; margin-top:25px }
  .closing-actions .btn { min-width:190px }
  .closing-mark { width:340px; height:340px; right:-165px; top:105px }
  .footer-top { gap:12px; justify-content:space-between }
  .footer-top>p { order:3; flex-basis:100%; font-size:12px }
  .footer-top>a:last-child { font-size:12px }
  .footer-bottom { align-items:start; flex-direction:column; gap:8px }
  .footer-bottom>nav { flex-wrap:wrap; gap:0 20px }
  .footer-bottom a { font-size:10px }
  .web-footer .brand { font-size:23px }
  .web-footer .web-mark { width:30px; height:30px }
}

@media(max-width:360px) {
  .section-wrap,.web-header { width:calc(100% - 32px) }
  .hero-copy h1 { font-size:47px }
  .hero-description { font-size:13px }
  .hero-buttons { flex-direction:column; align-items:stretch; gap:3px }
  .hero-buttons .quiet-link { justify-content:center }
  .hero-signature { height:277px }
  .hero-route { height:277px }
  .float-trial { top:-3px }
  .float-help { bottom:0 }
  .float-note { padding:8px 10px }
  .float-note b { font-size:10px }
  .float-note small { font-size:9px }
  .hero-footnote { text-align:center }
  .price-grid { grid-template-columns:1fr; gap:22px }
  .price-card { padding:23px }
  .price-featured { padding:22px }
  .price-card .price-amount { font-size:44px }
  .price-card .btn { font-size:13px }
  .price-card>small { font-size:10px }
  .price-description { min-height:0; font-size:12px }
  .price-period { font-size:16px }
  .price-monthly { font-size:11px }
  .pricing-note .quiet-link { margin-left:0; font-size:11px }
  .account-preview { padding:17px }
  .preview-heading { display:block }
  .preview-subscription { padding:18px }
  .preview-subscription>strong { font-size:30px }
  .preview-bottom { grid-template-columns:1fr }
  .preview-setup { padding:14px }
  .preview-setup b { font-size:12px }
  .preview-setup div span { font-size:10px }
  .closing-banner { padding:27px 20px }
  .closing-banner h2 { font-size:30px }
}

.faq-section>* { min-width:0 }
.faq-list summary { overflow-wrap:anywhere }
.price-period { line-height:1.4; letter-spacing:normal; overflow-wrap:anywhere }
.price-description { overflow-wrap:anywhere }
.price-card { container-type:inline-size }
.price-card .price-amount { font-size:clamp(24px,20cqi,48px) }
.price-card .price-amount span { font-size:.55em }
.price-duration { margin:0 0 20px; color:var(--slate); font-size:12px }
.catalog-feedback { display:flex; flex-wrap:wrap; gap:16px; align-items:center }
.catalog-feedback:has(#catalog-status:not(.sr-only)) { min-height:170px; padding-block:20px }
.catalog-feedback p:not(.sr-only) { flex:1 1 280px; max-width:620px; margin:0; color:var(--slate) }
.catalog-noscript { color:var(--slate); font-size:14px }
.preview-example { font-size:10px; color:var(--slate); text-align:right; max-width:110px }
.preview-top { gap:12px }
.preview-subscription>strong { overflow-wrap:anywhere }
.preview-subscription>div { flex-wrap:wrap }
.footer-bottom a { display:inline-flex; align-items:center; text-decoration:none }
.footer-bottom a:hover { text-decoration:underline }
.web-header-actions .account-link { min-width:44px; justify-content:center }
.price-card:focus-within { border-color:var(--blue) }
.preview-subscription a:focus-visible { outline-color:white }
@media(max-width:600px) {
  .faq-intro h2 br { display:initial }
}