.heatmap-page{--hm-bg:#081411;--hm-panel:#10231d;--hm-ink:#f1f8f3;--hm-muted:#a7b8ae;--hm-green:#10b981;--hm-green-soft:#77e9af;--hm-line:#bce8cf22;scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--hm-bg);height:100svh;color:var(--hm-ink);font-family:var(--font-plus-jakarta),"Plus Jakarta Sans",Inter,Arial,sans-serif;overflow:hidden auto}.heatmap-page *{box-sizing:border-box}.heatmap-page h1,.heatmap-page h2,.heatmap-page h3,.heatmap-page p,.heatmap-page figure,.heatmap-page dl{margin-top:0}.heatmap-page a{color:inherit;text-decoration:none}.heatmap-page button{font:inherit;color:inherit}:is(.heatmap-page button:focus-visible,.heatmap-page a:focus-visible){outline:2px solid var(--hm-green-soft);outline-offset:4px}.heatmap-skip{z-index:120;background:var(--hm-green);border-radius:99px;padding:10px 14px;font-size:14px;position:fixed;top:12px;left:18px;transform:translateY(-170%);color:#03150e!important}.heatmap-skip:focus{transform:none}.heatmap-header{z-index:60;pointer-events:none;background:linear-gradient(#081411f5,#08141100);justify-content:space-between;align-items:center;height:72px;padding:0 5.5%;display:flex;position:fixed;inset:0 0 auto}.heatmap-header>*{pointer-events:auto}.heatmap-home,.heatmap-header>button{color:#d2e5d9;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;font-size:13px;display:inline-flex}.heatmap-header>button{border-color:var(--hm-line);background:#102019bd;border-radius:99px;padding:9px 13px}.heatmap-header>div{text-align:center;gap:4px;display:grid}.heatmap-header>div span{letter-spacing:.16em;color:#8fa99a;font-size:11px}.heatmap-header>div strong{letter-spacing:.12em;font-size:13px;font-weight:600}.heatmap-progress{z-index:55;gap:6px;display:grid;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.heatmap-progress a{color:#94aa9d;justify-content:flex-end;align-items:center;width:35px;height:28px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:relative}.heatmap-progress i{background:#7d958755;border-radius:99px;width:6px;height:6px;transition:all .35s;display:block}.heatmap-progress a[aria-current] i{background:var(--hm-green);height:24px;box-shadow:0 0 20px #10b98199}.heatmap-progress span{opacity:0;transition:all .2s;position:absolute;right:18px}.heatmap-progress a:hover span{opacity:1}.heatmap-slide{scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;background:radial-gradient(circle at 78% 20%,#0f775944,transparent 34%),radial-gradient(circle at 12% 88%,#10b98117,transparent 30%),var(--hm-bg);flex-direction:column;justify-content:center;height:100svh;min-height:100svh;padding:96px 7.5% 42px;display:flex;position:relative;overflow:hidden}.heatmap-slide:before{content:"";z-index:-2;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.heatmap-eyebrow{color:#9dc6ad;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:17px;font-size:12px;font-weight:700;display:flex}.heatmap-eyebrow>span{background:var(--hm-green);width:22px;height:1px;display:block}.heatmap-page em{color:var(--hm-green-soft);font-style:normal}.heatmap-primary{background:var(--hm-green);cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;color:#03170f!important}.heatmap-primary:hover{background:#4bd399;transform:translateY(-2px);box-shadow:0 15px 35px #06120e66}.heatmap-hero{align-items:flex-start}.hm-hero-copy{z-index:2;max-width:720px;position:relative}.hm-hero-copy h1{letter-spacing:-.075em;margin:0 0 28px;font-size:clamp(58px,6.7vw,104px);font-weight:500;line-height:.92}.hm-hero-copy>p:not(.heatmap-eyebrow){color:#bfd0c6;max-width:575px;margin-bottom:28px;font-size:clamp(17px,1.35vw,21px);line-height:1.6}.hm-hero-devices{align-items:flex-start;gap:clamp(12px,2vw,30px);height:min(74vh,760px);display:flex;position:absolute;bottom:-15%;right:9%;transform:rotate(6deg)}.hm-hero-devices .hm-device{filter:drop-shadow(0 35px 80px #000a);height:100%}.hm-hero-devices .hm-device:nth-child(2){height:88%;margin-top:5%;transform:rotate(-11deg)}.hm-hero-summary{border-top:1px solid var(--hm-line);grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;padding-top:15px;display:grid;position:absolute;bottom:35px;left:7.5%;right:7.5%}.hm-hero-summary div{border-right:1px solid var(--hm-line);margin-right:24px;padding-right:24px}.hm-hero-summary div:last-child{border:0}.hm-hero-summary dt{color:#879c90;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:11px}.hm-hero-summary dd{color:#e4f1e8;margin:0;font-size:17px}.hm-device{aspect-ratio:2497/5069;justify-items:center;gap:7px;min-width:0;height:100%;margin:0;display:grid;position:relative}.hm-device-shell{filter:drop-shadow(0 16px 28px #0007);width:100%;height:100%;position:relative}.hm-device-frame{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hm-device-viewport{z-index:1;scrollbar-width:thin;scrollbar-color:#10b98166 transparent;background:#fff;border-radius:clamp(17px,2vw,30px);position:absolute;inset:2.7% 4.4% 2.35%;overflow:hidden auto}.hm-device-viewport::-webkit-scrollbar{width:3px}.hm-device-viewport::-webkit-scrollbar-thumb{background:#10b98188;border-radius:99px}.hm-screen-action{cursor:zoom-in;background:#fff;border:0;width:100%;min-height:100%;padding:0;display:block}.hm-screen-action:disabled{cursor:default}.hm-screen-action img{object-fit:initial;width:100%;height:auto;min-height:100%;display:block}.hm-device figcaption{color:#9dc6ad;letter-spacing:.11em;text-align:center;white-space:nowrap;min-height:14px;font-size:9px;line-height:1.1}.hm-hotspot{z-index:4;color:#fff;cursor:pointer;background:#087548;border:1px solid #dcffe8;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #10b98127,0 0 24px #10b981aa}.hm-hotspot>span{font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.hm-hotspot i{color:#bfd3c6;text-align:left;background:#071b15f2;border:1px solid #aee9c53d;border-radius:10px;width:200px;padding:11px;font-size:12px;font-style:normal;line-height:1.4;display:none;position:absolute;top:50%;left:37px;transform:translateY(-50%);box-shadow:0 18px 45px #0009}.hm-hotspot i strong{color:#f0faf3;margin-bottom:4px;font-size:13px;display:block}.hm-hotspot:hover i,.hm-hotspot:focus i{display:block}.hm-explorer{background:radial-gradient(circle at 55% 52%,#0e795032,#0000 38%),linear-gradient(140deg,#0b0f17,#071913);justify-content:flex-start;padding-top:92px}.hm-explorer-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:18px;display:flex}.hm-explorer-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(42px,4.1vw,64px);font-weight:500;line-height:.96}.hm-explorer-heading>button{border:1px solid var(--hm-line);color:#cae0d3;cursor:pointer;background:#15251fc9;border-radius:99px;align-items:center;gap:9px;padding:11px 14px;font-size:14px;display:inline-flex}.hm-explorer-layout{flex:1;grid-template-columns:minmax(185px,.48fr) minmax(600px,1.7fr);align-items:center;gap:clamp(25px,4vw,70px);min-height:0;display:grid}.hm-finding-rail{align-self:center;display:grid}.hm-finding-rail button{border:0;border-bottom:1px solid var(--hm-line);text-align:left;cursor:pointer;opacity:.5;background:0 0;grid-template-columns:32px 1fr;align-items:center;gap:11px;padding:15px 8px 15px 0;transition:all .25s;display:grid;position:relative}.hm-finding-rail button:before{content:"";background:var(--hm-green);border-radius:99px;width:3px;height:0;transition:all .25s;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.hm-finding-rail button:hover,.hm-finding-rail button.selected{opacity:1;transform:translate(5px)}.hm-finding-rail button.selected:before{height:32px}.hm-finding-rail button>span{color:var(--hm-green-soft);font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.hm-finding-rail button div{gap:4px;display:grid}.hm-finding-rail strong{font-size:14px;font-weight:600;line-height:1.25}.hm-finding-rail small{color:#8fa399;font-size:11px;line-height:1.25}.hm-current-reading{grid-template-columns:minmax(170px,.5fr) minmax(520px,1.5fr);align-items:center;gap:clamp(22px,4vw,65px);min-width:0;display:grid}.hm-current-heading span{color:#8edeb0;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}.hm-current-heading h3{letter-spacing:-.06em;margin:10px 0 14px;font-size:clamp(33px,3.6vw,56px);font-weight:500;line-height:.98}.hm-current-heading p{color:#bed0c5;border-left:2px solid #f97316;margin:0;padding-left:14px;font-size:14px;line-height:1.55}.hm-version-pair{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:clamp(6px,1.2vw,18px);height:min(56vh,570px);display:grid}.hm-version-column{grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:7px;min-width:0;height:100%;display:grid}.hm-version-label{color:#92caa7;letter-spacing:.1em;text-align:center;align-self:start;font-size:9px;font-weight:700}.hm-version-column>.hm-device{max-width:100%;height:calc(100% - 17px)}.hm-version-column>p{color:#aec3b7;width:100%;min-height:38px;margin:0;font-size:11px;line-height:1.35}.hm-version-arrow{width:28px;height:28px;color:var(--hm-green-soft);background:#0d2a20;border:1px solid #83e9aa55;border-radius:50%;place-items:center;display:grid}.hm-no-pair{color:#8fc6a2;text-align:center;background:#0b1f18a8;border:1px dashed #8ecda34d;border-radius:18px;align-self:center;justify-items:center;gap:9px;width:100%;max-width:190px;padding:18px 14px;display:grid}.hm-no-pair strong{color:#cce4d5;font-size:13px}.hm-no-pair span{font-size:11px;line-height:1.45}.hm-explorer-footer{color:#8ba195;justify-content:flex-end;align-items:center;gap:19px;padding-top:12px;font-size:11px;display:flex}.hm-explorer-footer span{align-items:center;gap:7px;display:flex}.hm-explorer-footer .heatmap-primary{margin-left:8px;padding:10px 15px;font-size:12px}.hm-modal{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;max-width:none;height:100%;max-height:none;color:var(--hm-ink);background:#04080bd9;border:0;margin:0;padding:18px;position:fixed;inset:0;overflow:auto}.hm-modal-panel{background:radial-gradient(circle at 47% 45%,#176e4c33,#0000 34%),linear-gradient(145deg,#121b23f7,#09130ff8);border:1px solid #c9edd72e;border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1320px,97vw);min-height:min(820px,94svh);margin:auto;display:grid;overflow:hidden;box-shadow:0 45px 140px #000b}.hm-modal-header{border-bottom:1px solid var(--hm-line);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:22px 28px;display:grid}.hm-modal-header>div{grid-template-columns:auto 1fr;align-items:end;gap:4px 15px;display:grid}.hm-modal-header>div>span{color:#72d99b;grid-row:1/3;align-self:center;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.hm-modal-header h2{letter-spacing:-.035em;margin:0;font-size:27px;font-weight:500}.hm-modal-header p{color:#94a89c;grid-column:2;margin:0;font-size:14px}.hm-modal-header>button{border:1px solid var(--hm-line);cursor:pointer;background:#14221dc4;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.hm-analysis-body{min-height:0;padding:26px 38px}.hm-analysis-body .hm-version-pair{max-width:850px;height:min(65vh,680px);margin:auto}.hm-analysis-body .hm-version-column>p{font-size:13px}.hm-analysis-body .hm-version-arrow{width:35px;height:35px}.hm-modal-footer{border-top:1px solid var(--hm-line);grid-template-columns:1fr minmax(280px,1.4fr) 1fr;align-items:center;padding:13px 28px;display:grid}.hm-modal-footer button{color:#bed0c5;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:max-content;padding:8px 0;font-size:13px;display:flex}.hm-modal-footer button:last-child{justify-self:end}.hm-modal-footer button:disabled{opacity:.25;cursor:default}.hm-modal-footer p{color:#a7b9ae;text-align:center;margin:0;font-size:11px;line-height:1.4}.hm-modal-footer strong{color:#8ce9ae}.hm-library-body{grid-template-columns:minmax(230px,.55fr) minmax(520px,1.45fr);gap:32px;min-height:0;padding:24px 30px 30px;display:grid}.hm-library-preview{place-items:center;height:min(70vh,680px);display:grid}.hm-library-preview .hm-device{height:100%}.hm-library-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-content:center;gap:9px;min-height:0;display:grid}.hm-library-grid button{aspect-ratio:375/650;border:1px solid var(--hm-line);cursor:pointer;opacity:.65;background:#18221e;border-radius:10px;min-width:0;padding:0;transition:all .22s;position:relative;overflow:hidden}.hm-library-grid button:hover,.hm-library-grid button.selected{opacity:1;border-color:#65dfa0;transform:translateY(-2px)}.hm-library-grid img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.hm-library-grid span{color:#d8ece0;background:#06130fdd;border-radius:4px;padding:4px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:5px;left:5px}.heatmap-page.motion-on .heatmap-reveal{animation:.7s cubic-bezier(.2,.75,.2,1) both hm-enter}.heatmap-page.motion-on .hm-hero-devices{animation:7s ease-in-out infinite alternate hm-float}@keyframes hm-enter{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}@keyframes hm-float{to{translate:0 -10px}}@media (max-width:1120px){.hm-explorer-layout{grid-template-columns:160px 1fr;gap:26px}.hm-current-reading{grid-template-columns:145px 1fr;gap:22px}.hm-version-pair{height:min(53vh,520px)}.hm-library-body{grid-template-columns:250px 1fr}.hm-library-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:820px){.heatmap-slide{height:auto;min-height:100svh;padding-inline:6%;overflow:visible}.hm-hero-devices{opacity:.65;right:-8%}.hm-explorer-layout{grid-template-columns:1fr}.hm-finding-rail{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.hm-finding-rail button{scroll-snap-align:start;min-width:185px}.hm-finding-rail button:before{display:none}.hm-current-reading{grid-template-columns:1fr}.hm-current-heading{grid-template-columns:auto 1fr;align-items:end;gap:0 14px;display:grid}.hm-current-heading h3,.hm-current-heading p{grid-column:1/-1}.hm-version-pair{max-width:620px;height:min(54vh,540px);margin:auto}.hm-explorer-footer{flex-wrap:wrap;justify-content:flex-start}.hm-library-body{grid-template-columns:220px 1fr}.hm-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:620px){.heatmap-page{scroll-snap-type:y proximity}.heatmap-header{height:64px;padding:0 6%}.heatmap-header>div span,.heatmap-header>button{display:none}.heatmap-progress{right:8px}.heatmap-progress span{display:none}.heatmap-slide{padding:84px 7% 35px}.heatmap-eyebrow{font-size:10px}.hm-hero-copy h1{font-size:clamp(49px,14vw,70px)}.hm-hero-copy>p:not(.heatmap-eyebrow){max-width:94%;font-size:16px}.hm-hero-devices{height:51vh;bottom:-7%;right:-23%}.hm-hero-summary{gap:12px;bottom:25px;left:7%;right:7%}.hm-hero-summary div{border:0;margin:0;padding:0}.hm-hero-summary dt{font-size:9px}.hm-hero-summary dd{font-size:13px}.hm-explorer{padding-top:78px}.hm-explorer-heading{align-items:center}.hm-explorer-heading h2{font-size:39px}.hm-explorer-heading>button{font-size:0}.hm-explorer-heading>button svg{width:18px;height:18px}.hm-version-pair{gap:5px;height:52vh;min-height:395px}.hm-version-column>p{font-size:10px}.hm-version-arrow{width:24px;height:24px}.hm-version-arrow svg{width:13px}.hm-no-pair{padding:12px 8px}.hm-no-pair span{font-size:10px}.hm-current-heading h3{font-size:40px}.hm-explorer-footer{font-size:10px}.hm-modal{padding:0}.hm-modal-panel{border:0;border-radius:0;width:100%;min-height:100svh}.hm-modal-header{padding:18px}.hm-modal-header>div{display:block}.hm-modal-header>div>span{margin-bottom:5px;display:block}.hm-modal-header p{margin-top:5px;font-size:13px}.hm-analysis-body{padding:18px}.hm-analysis-body .hm-version-pair{height:56vh;min-height:440px}.hm-hotspot i{width:180px;top:34px;left:auto;right:0;transform:none}.hm-modal-footer{background:#0c1513f2;grid-template-columns:1fr 1fr;position:sticky;bottom:0}.hm-modal-footer p{display:none}.hm-library-body{flex-direction:column;padding:18px;display:flex}.hm-library-preview{height:56vh}.hm-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:390px){.hm-hero-summary{grid-template-columns:1fr 1fr}.hm-hero-summary div:last-child{display:none}.hm-version-pair{height:48vh;min-height:365px}.hm-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.heatmap-page{scroll-behavior:auto}.heatmap-page *{transition:none!important;animation:none!important}.heatmap-reveal{opacity:1!important;filter:none!important;transform:none!important}}.hm-hero-graphic{z-index:1;object-fit:contain;filter:drop-shadow(0 32px 55px #0008);width:min(58vw,910px);height:auto;position:absolute;bottom:0;right:-2%}.hm-version-pair{--hm-phone-width:clamp(132px,14vw,184px);grid-template-columns:var(--hm-phone-width) 28px var(--hm-phone-width);justify-content:center;align-items:start}.hm-version-column{grid-template-rows:auto auto minmax(0,1fr);align-content:start}.hm-version-column>.hm-device{width:var(--hm-phone-width);max-width:none;height:auto;margin-bottom:8px}.hm-version-arrow{align-self:center}.hm-no-pair{width:var(--hm-phone-width);height:calc(var(--hm-phone-width) * 2.03);align-content:center;align-self:start;max-width:none}.hm-analysis-body .hm-version-pair{--hm-phone-width:clamp(170px,18vw,245px)}@media (max-width:820px){.hm-hero-graphic{opacity:.72;width:82vw;bottom:4%;right:-18%}}@media (max-width:620px){.hm-hero-graphic{opacity:.58;width:105vw;bottom:7%;right:-28%}.hm-version-pair{--hm-phone-width:clamp(120px,32vw,154px);grid-template-columns:var(--hm-phone-width) 24px var(--hm-phone-width)}.hm-analysis-body .hm-version-pair{--hm-phone-width:clamp(142px,38vw,180px)}}.hm-device-viewport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overflow:hidden auto}.hm-screen-action img{object-fit:initial;vertical-align:top;width:100%;height:auto;min-height:0}.hm-device{aspect-ratio:auto;height:auto;display:block}.hm-device-shell{aspect-ratio:2497/5069;width:100%;height:auto}.hm-device figcaption{margin-top:7px;display:block}.hm-library-preview .hm-device{width:clamp(160px,22vw,300px);height:auto}.hm-hotspot{display:none!important}.hm-analysis-panel{animation:.38s cubic-bezier(.2,.8,.2,1) both hm-modal-in}.hm-analysis-body{place-items:center;padding:28px 38px;display:grid;overflow:auto}.hm-modal-comparison{--hm-modal-phone-width:clamp(175px,15vw,245px);grid-template-columns:minmax(180px,1fr) var(--hm-modal-phone-width) 46px var(--hm-modal-phone-width) minmax(180px,1fr);align-items:center;gap:clamp(14px,2vw,30px);width:100%;display:grid}.hm-modal-reading{background:0 0;border:0;align-self:center;gap:18px;min-width:0;padding:0;animation:.42s both hm-reading-in;display:grid}.hm-modal-reading>div{border:0;border-bottom:1px solid var(--hm-line);background:0 0;padding:0 0 16px}.hm-modal-reading>div:last-child{border-bottom:0;padding-bottom:0}.hm-modal-reading small{color:#79dca0;letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.hm-modal-reading p{color:#bdcec4;margin:0;font-size:13px;line-height:1.55}.hm-reading-left{animation-delay:80ms}.hm-reading-right{animation-delay:.2s}.hm-modal-phone{justify-items:center;gap:8px;min-width:0;display:grid}.hm-modal-phone>span{color:#92caa7;letter-spacing:.11em;font-size:10px;font-weight:700}.hm-modal-phone .hm-device{width:var(--hm-modal-phone-width);height:auto;animation:.46s cubic-bezier(.2,.8,.2,1) both hm-phone-in}.hm-modal-phone-2 .hm-device{animation-delay:80ms}.hm-modal-arrow{width:42px;height:42px;color:var(--hm-green-soft);background:#0d2a20;border:1px solid #83e9aa55;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite hm-arrow-breathe;display:grid}.hm-modal-footer{grid-template-columns:1fr 1fr}.hm-modal-footer button:last-child{grid-column:2;justify-self:end}.hm-device-shell{transition:transform .28s,filter .28s}.hm-device:hover .hm-device-shell{filter:drop-shadow(0 22px 34px #000a);transform:translateY(-4px)}.hm-device:hover .hm-device-viewport{box-shadow:inset 0 0 0 1px #78e9aa66}@keyframes hm-modal-in{0%{opacity:0;filter:blur(5px);transform:scale(.975)}to{opacity:1;filter:none;transform:none}}@keyframes hm-phone-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes hm-reading-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes hm-arrow-breathe{50%{transform:scale(1.09);box-shadow:0 0 24px #10b98140}}@media (max-width:920px){.hm-modal-comparison{--hm-modal-phone-width:clamp(150px,20vw,205px);grid-template-columns:minmax(140px,.8fr) var(--hm-modal-phone-width) 38px var(--hm-modal-phone-width) minmax(140px,.8fr);gap:14px}.hm-modal-reading p{font-size:12px}}@media (max-width:620px){.hm-analysis-body{padding:18px}.hm-modal-comparison{--hm-modal-phone-width:min(38vw,178px);grid-template-columns:var(--hm-modal-phone-width) 24px var(--hm-modal-phone-width);gap:10px}.hm-modal-phone-1{grid-area:1/1}.hm-modal-arrow{grid-area:1/2;width:24px;height:24px}.hm-modal-arrow svg{width:14px}.hm-modal-phone-2{grid-area:1/3}.hm-modal-reading{border:1px solid var(--hm-line);background:#10251ec4;border-radius:14px;grid-column:1/-1;max-width:560px;padding:15px}.hm-reading-left{grid-row:2}.hm-reading-right{grid-row:3}.hm-modal-reading>div{padding-bottom:12px}.hm-modal-footer{grid-template-columns:1fr 1fr}.hm-modal-footer button{font-size:12px}}@media (prefers-reduced-motion:reduce){.hm-analysis-panel,.hm-modal-phone .hm-device,.hm-modal-reading,.hm-modal-arrow{animation:none!important}.hm-device-shell{transition:none!important}}