/* Chosen typography, consistent green Android marks and six informative benefit scenes. */
.android-mark{color:#178c48!important;fill:currentColor}
:is(.btn-primary,.app-download-page .article-card-main a.btn,.app-download-page .article-side-card a.btn) .android-mark{color:#a2f3bc!important}
html[data-theme="dark"] .android-mark{color:#8ee9ad!important}
.benefit-visual{position:relative;display:block;width:100%;height:196px;border:1px solid var(--m-line);border-radius:16px;background:var(--m-bg);padding:17px 20px;overflow:hidden;color:var(--m-ink);margin:0}
.benefit-visual :is(strong,b,small,span){font-family:Inter,system-ui,sans-serif;font-synthesis:none}
.benefit-visual .site-icon{width:17px;height:17px}.visual-caption{position:absolute;bottom:12px;left:15px;right:15px;text-align:center;font-size:10px;color:var(--m-muted);letter-spacing:.01em;line-height:1.4}
.benefit-window-top{display:flex;gap:4px;align-items:center;height:20px;border-bottom:1px solid var(--m-line);padding-bottom:9px;margin-bottom:11px}.benefit-window-top>span{height:4px;width:4px;background:#becde1;border-radius:50%}.benefit-window-top small{margin-left:auto;font-size:8px;color:var(--m-muted)}
.benefit-quotes{display:grid;gap:6px}.benefit-quotes>div{display:flex;gap:10px;align-items:center;min-height:27px;background:var(--m-surface);padding:5px 10px;border:1px solid var(--m-line);border-radius:7px}.quote-logo{display:grid;place-items:center;width:18px;height:18px;color:#7194c5}.benefit-quotes .site-icon{width:15px;height:15px}.benefit-quotes i{height:5px;background:#cad9ee;border-radius:4px;width:42%}.benefit-quotes>div:first-child i{width:58%}.benefit-quotes>div:last-child i{width:50%}.benefit-quotes b{font-size:11px;font-weight:650;color:var(--m-muted);margin-left:auto}.benefit-quotes>.quote-chosen{border-color:#9bbde9;background:#edf5ff}.quote-check{display:grid;place-items:center;color:#fff;background:#2468ee;border-radius:50%;width:16px;height:16px}.quote-check .site-icon{height:10px;width:10px}.benefit-quotes .quote-chosen b{color:#2468ee}
.visual-form{width:76%;background:var(--m-surface);border:1px solid var(--m-line);border-radius:11px;padding:14px;margin-top:7px;box-shadow:0 4px 12px #183c6810}.visual-form-title{font-size:8px;font-weight:650;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px;white-space:nowrap}.visual-form-title>span{color:var(--m-muted);font-size:7px}.visual-field{display:flex;align-items:center;gap:6px;padding:8px 0;font-size:8px;border-top:1px solid var(--m-line)}.visual-field span{color:var(--m-muted);min-width:55px}.visual-field i{background:var(--m-line);height:4px;width:30%;border-radius:3px}.visual-field .site-icon{height:11px;width:11px;color:#2c9a71;margin-left:auto}.visual-progress{display:flex;gap:5px;margin-top:10px}.visual-progress i{height:4px;flex:1;background:#2468ee;border-radius:3px}.visual-progress i:last-child{background:var(--m-line)}.visual-timer{position:absolute;top:42px;right:16px;display:grid;justify-items:center;align-content:center;width:77px;height:94px;border:1px solid #bfd4f1;background:var(--m-surface);border-radius:17px;box-shadow:0 4px 14px #214e8913;color:#3264a8;transform:rotate(6deg)}.visual-timer .site-icon{width:17px;height:17px;margin-bottom:3px}.visual-timer strong{font-size:29px;line-height:1.1;font-weight:750;letter-spacing:-.06em}.visual-timer>span{font-size:8px;margin-top:2px}
.visual-mail{margin:5px 0 0;background:var(--m-surface);border:1px solid var(--m-line);border-radius:11px;padding:12px 13px;box-shadow:0 4px 12px #183c6808}.mail-head{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--m-muted);padding-bottom:10px;border-bottom:1px solid var(--m-line)}.mail-head>.site-icon{width:13px;height:13px;color:#6f92c3}.mail-unread{margin-left:auto;background:#e6efff;color:#2468ee;padding:1px 6px;border-radius:5px;font-size:7px;font-weight:650}.mail-message{display:flex;align-items:center;gap:8px;margin:11px 0}.mail-avatar{height:26px;width:26px;display:grid;place-items:center;background:#eaf5ee;color:#387a59;border-radius:9px}.mail-message>div{display:grid;gap:3px;flex:1}.mail-message strong{font-size:9px;font-weight:650}.mail-message>div>span{font-size:7px;color:var(--m-muted)}.mail-message>.site-icon{width:13px;height:13px;color:#2a946e}.mail-attachment{display:flex;align-items:center;gap:8px;border:1px solid var(--m-line);background:var(--m-bg);border-radius:7px;padding:8px}.mail-attachment>.site-icon{width:20px;height:20px;color:#5e7fa9}.mail-attachment>div{display:grid;gap:2px;flex:1}.mail-attachment b{font-size:8px;font-weight:600}.mail-attachment span{font-size:7px;color:var(--m-muted)}.mail-attachment .attachment-mark{font-size:13px;color:#3b9b74}
.visual-insurers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px auto 0;max-width:255px;align-items:center}.insurer-tile{display:grid;place-items:center;aspect-ratio:1;background:var(--m-surface);border:1px solid var(--m-line);border-radius:11px;color:#7090bb}.insurer-tile .site-icon{width:24px;height:24px}.insurer-tile:nth-child(2),.insurer-tile:nth-child(6){color:#407e6a;background:#f0f7f3}.insurer-count{grid-column:3/5;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;border:1px solid #bed1f0;border-radius:14px;background:#e9f1fe;min-height:115px;color:#2468ee}.insurer-count strong{font-size:39px;letter-spacing:-.08em;line-height:1.1;font-weight:750}.insurer-count>span{font-size:9px;letter-spacing:.01em;margin-top:4px}
.visual-online{display:flex;align-items:center;justify-content:center;gap:30px;padding-top:0}.online-day,.online-night{display:grid;justify-items:center;gap:9px;font-size:8px;color:#8b9cb1}.online-day .site-icon{height:30px;width:30px;color:#c69849}.online-night .site-icon{height:27px;width:27px;color:#7293bf}.online-phone{height:145px;width:86px;background:var(--m-surface);border:3px solid #315077;border-radius:17px;position:relative;display:flex;flex-direction:column;align-items:center;padding:23px 7px 10px;box-shadow:0 6px 13px #294c7b0e}.online-phone-camera{position:absolute;top:6px;left:calc(50% - 12px);width:24px;height:3px;background:#315077;border-radius:5px}.online-phone>.site-icon{width:21px;height:21px;color:#4179c6;margin-bottom:13px}.online-phone strong{font-size:22px;letter-spacing:-.06em;line-height:1;font-weight:750}.online-phone>span{display:flex;align-items:center;gap:5px;font-size:7px;color:#47866e;margin-top:13px}.online-phone>span>i{display:block;width:4px;height:4px;border-radius:50%;background:#41a475}
.visual-receipt{position:relative;width:83%;margin:0 auto;background:var(--m-surface);padding:13px 15px;border:1px solid var(--m-line);border-radius:10px;transform:rotate(-2deg);box-shadow:0 4px 12px #173d690a}.receipt-top{display:flex;align-items:center;gap:6px;margin-bottom:14px}.receipt-top b{font-size:8px;font-weight:650}.receipt-top .site-icon{height:16px;width:16px;color:#6b8cb6}.receipt-line{display:flex;align-items:center;gap:8px;font-size:8px;margin-bottom:11px;color:var(--m-muted)}.receipt-line b{margin-left:auto;font-size:10px;font-weight:600;color:var(--m-ink)}.receipt-extra b{color:#2b9164;font-size:13px}.receipt-total{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--m-line);padding-top:11px;font-size:8px;color:var(--m-muted)}.receipt-total>span:last-child{color:var(--m-ink);font-weight:650}.receipt-check{position:absolute;right:22px;bottom:47px;width:37px;height:37px;border:4px solid var(--m-bg);border-radius:50%;background:#3c9972;color:#fff;display:grid;place-items:center;transform:rotate(10deg)}.receipt-check .site-icon{height:19px;width:19px}
/* The bottom app action gets a dedicated contrasting card and visible button in every state. */
.app-download-page .article-card-main .article-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px;padding:30px;border:1px solid #bcd1f0;border-radius:21px;background:linear-gradient(120deg,#eef4ff,#f8fbff);color:var(--m-ink)}
.app-download-page .article-card-main .article-cta h2{color:var(--m-ink);font-size:28px;line-height:1.3;margin:0 0 10px}
.app-download-page .article-card-main .article-cta p{color:var(--m-muted);font-size:13px;line-height:1.7;margin:0}
.app-download-page .article-card-main .article-cta a.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:54px;padding:14px 23px;background:#2468ee;color:#fff;border:1px solid #2468ee;border-radius:12px;font-size:13px;line-height:1.4;font-weight:650;box-shadow:0 5px 14px #2468ee1f;text-decoration:none}
.app-download-page .article-card-main .article-cta a.btn:hover{background:#174ebc;border-color:#174ebc;color:#fff;box-shadow:0 7px 19px #174ebc2b;transform:translateY(-1px)}
.app-download-page .article-card-main .article-cta a.btn:focus-visible{outline:3px solid #71a8ff;outline-offset:4px;background:#174ebc;border-color:#174ebc;color:#fff}
html[data-theme="dark"] .benefit-visual{background:#142338}html[data-theme="dark"] .quote-chosen{background:#203e60;border-color:#5275a0}html[data-theme="dark"] .benefit-quotes i{background:#526b8c}html[data-theme="dark"] .benefit-quotes .quote-chosen b{color:#98c1ff}html[data-theme="dark"] .visual-timer{border-color:#436083;color:#a9c9f8}html[data-theme="dark"] .insurer-count{background:#203b60;border-color:#3b5b81;color:#b3cfff}html[data-theme="dark"] .insurer-tile:nth-child(2),html[data-theme="dark"] .insurer-tile:nth-child(6){background:#1c3b35;color:#9bcbb9}html[data-theme="dark"] .mail-unread{background:#29466e;color:#b2ccf1}html[data-theme="dark"] .mail-avatar{background:#234438;color:#a4d5b7}html[data-theme="dark"] .receipt-extra b{color:#82d0ab}html[data-theme="dark"] .receipt-check{border-color:#142338}html[data-theme="dark"] .visual-field .site-icon,html[data-theme="dark"] .mail-message>.site-icon{color:#88cfab}
html[data-theme="dark"] .app-download-page .article-card-main .article-cta{background:linear-gradient(120deg,#203853,#1a2b40);border-color:#456384}html[data-theme="dark"] .app-download-page .article-card-main .article-cta :is(h2,p){color:var(--m-ink)}
@media(max-width:1200px){.benefit-visual{height:190px;padding:15px}.visual-timer{right:12px;width:68px;height:90px}.visual-form{padding:11px;width:78%}.visual-online{gap:24px}.visual-insurers{gap:7px}.insurer-count{min-height:109px}.app-download-page .article-card-main .article-cta{flex-wrap:wrap}}
@media(max-width:680px){.advantage-card{display:block;padding:23px}.benefit-visual{height:196px;margin:0 0 22px;padding:17px 20px}.advantage-card h3{margin:0 0 12px;font-size:20px;line-height:1.4}.advantage-card p{font-size:12px;line-height:1.85}.visual-online{gap:30px}.visual-timer{right:19px;width:77px;height:94px}.visual-form{padding:14px;width:76%}.visual-insurers{gap:8px}.app-download-page .article-card-main .article-cta{display:block;padding:24px 20px;margin-top:26px}.app-download-page .article-card-main .article-cta h2{font-size:25px;line-height:1.35;margin-bottom:13px}.app-download-page .article-card-main .article-cta p{font-size:12px;margin-bottom:22px}.app-download-page .article-card-main .article-cta a.btn{width:100%;font-size:13px;padding:14px 18px;white-space:normal}.review-font-note{font-size:10px;color:#74849a}}
@media(max-width:370px){.benefit-visual{padding:15px;height:190px}.visual-form{padding:10px}.visual-timer{right:10px;width:67px}.visual-form-title{font-size:7px}.visual-insurers{gap:6px}.insurer-count{min-height:108px}.visual-online{gap:23px}.visual-mail{padding:11px}.mail-message strong{font-size:8px}.mail-message>div>span{font-size:6px}.visual-receipt{width:90%}.receipt-check{right:15px}}
.visual-insurers{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:29px 61px 29px;gap:7px}.insurer-tile{height:29px;aspect-ratio:auto;border-radius:8px}.insurer-tile .site-icon{width:18px;height:18px}.insurer-count{grid-column:1/-1;grid-row:2;min-height:0;flex-direction:row;gap:10px;border-radius:10px}.insurer-count strong{font-size:34px}.insurer-count>span{font-size:10px;margin:3px 0 0}
/* Keep the scene and caption separate at every card width. */
.benefit-visual{height:210px}
@media(min-width:681px) and (max-width:1100px){.advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
