/* Feature map and supplied-screen guide, September 2026. */
:root{--guide-ink:#123f4b;--guide-cyan:#008eaa;--guide-pink:#e70091}
.guide-section,.guide-hub{scroll-margin-top:32px}.guide-hub{background:#fff;padding:78px 0 48px}.guide-heading{text-align:center;max-width:850px;margin:0 auto 30px}.guide-eyebrow{font-size:12px!important;letter-spacing:.14em;color:var(--guide-cyan);font-weight:700;margin:0 0 14px!important}.guide-heading h2,.guide-copy h2{font-size:clamp(25px,3vw,38px);line-height:1.55;letter-spacing:-.03em;text-wrap:balance}.guide-heading>p:not(.guide-eyebrow){margin-top:18px;line-height:1.9}.hub-map{position:relative;max-width:1050px;margin:0 auto;background:white}.hub-map>img{display:block;width:100%;height:auto}.hub-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:translate(-50%,-50%);border-radius:24px;display:flex;align-items:flex-end;justify-content:center;text-decoration:none;border:2px solid transparent;color:var(--guide-ink);transition:border-color .2s,background .2s}.hub-hotspot span{display:block;font-size:14px;font-weight:650;white-space:nowrap;line-height:1.6;background:#fff;border:1px solid #d5e6e9;border-radius:99px;padding:7px 14px;box-shadow:0 3px 10px #123f4b0a;transform:translateY(25%)}.hub-hotspot b{color:var(--guide-cyan)}.hub-hotspot:hover,.hub-hotspot:focus-visible{border-color:var(--guide-cyan);background:#0096ad08;outline:none}.hub-hotspot:hover span{border-color:var(--guide-cyan)}.hub-mobile-links{display:none}.guide-caption{text-align:center;font-size:11px;color:#60717a;line-height:1.8;margin-top:20px}.guide-section{padding:76px 0}.guide-tint{background:linear-gradient(115deg,#edf9fc 0%,#f9fafd 55%,#fff1f8 100%)}.guide-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}.guide-copy{max-width:500px}.guide-lead{font-size:17px;line-height:2;margin-top:24px!important;color:#47626a}.guide-copy>p{line-height:2;margin-top:22px}.guide-small{font-size:12px!important;line-height:1.9!important;color:#60747d}.guide-back{display:inline-block;margin-top:25px;font-size:13px;color:var(--guide-cyan);text-underline-offset:5px;padding:10px 0;min-height:44px}.guide-gallery{min-width:0;display:grid;justify-items:center;gap:20px}.guide-switches{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;border:1px solid #d7e6eb;border-radius:18px;background:#fff}.guide-switches button{font:inherit;cursor:pointer;border:0;border-radius:12px;background:transparent;color:#45606b;font-size:13px;min-height:44px;padding:8px 14px}.guide-switches button[aria-pressed=true]{background:var(--guide-ink);color:white}.guide-switches button:focus-visible{outline:3px solid #ec71b9;outline-offset:2px}.guide-gallery figure{margin:0;text-align:center;width:100%}.guide-gallery [hidden]{display:none!important}.guide-phone{position:relative;width:280px;max-width:100%;margin:0 auto;border:7px solid #142e39;border-radius:40px;overflow:hidden;box-shadow:0 16px 32px #123f4b15;background:white;line-height:0}.guide-phone img{width:100%;height:auto;display:block}.guide-gallery figcaption{font-size:11px;max-width:340px;margin:16px auto 0;color:#566c75;line-height:1.8}.guide-ink{background:#103e4b;color:#fff}.guide-ink h2{color:#fff}.guide-ink .guide-eyebrow,.guide-ink .guide-back{color:#70dfed}.guide-ink .guide-lead,.guide-ink .guide-copy>p{color:#d1e6eb}.maintenance-card{margin:0;background:#fff;border-radius:28px;color:var(--guide-ink);padding:30px}.maintenance-heading{display:flex;align-items:center;gap:18px}.maintenance-heading small{font-size:11px;color:#60747d}.maintenance-heading h3{font-size:20px;margin-top:5px}.guide-icon{display:block;width:86px;height:86px;flex:none;background-image:url('/site/assets/guide/ball-hub-flat.webp');background-size:510% auto;background-repeat:no-repeat}.icon-maintenance{background-position:98% 48%}.maintenance-flow{padding:0;list-style:none;margin:26px 0 0;counter-reset:step}.maintenance-flow li{counter-increment:step;position:relative;padding:0 0 26px 44px;border-left:1px solid #bcd9e0;margin-left:15px}.maintenance-flow li:last-child{padding-bottom:0;border:0}.maintenance-flow li:before{content:counter(step);position:absolute;left:-15px;top:0;width:29px;height:29px;border-radius:50%;color:#fff;background:#008daa;display:grid;place-items:center;font-size:13px}.maintenance-flow strong,.maintenance-flow span{display:block}.maintenance-flow strong{font-size:16px}.maintenance-flow span{font-size:12px;line-height:1.9;color:#526d75;margin-top:6px}.maintenance-card figcaption{font-size:10px;color:#67808a;margin:22px 0 0}.measure-figure,.tools-figure{margin:30px auto 0;max-width:980px}.measure-figure img,.tools-figure img{width:100%;height:auto;border-radius:20px;border:1px solid #d4e3e7;box-shadow:0 10px 30px #173d470a;display:block}.measure-figure figcaption,.tools-figure figcaption{font-size:11px;color:#5a707b;line-height:1.8;text-align:center}.measure-figure a{display:block;border-radius:20px}.measure-figure a:focus-visible{outline:3px solid #008daa;outline-offset:4px}.tools-figure{max-width:960px}
@media(max-width:900px){.guide-two{gap:30px}.hub-hotspot span{font-size:12px;padding:5px 10px}.guide-phone{width:255px}.guide-section{padding-block:54px}.guide-copy .reading-list dt{font-size:15px}.guide-copy .reading-list dd{font-size:13px}}
@media(max-width:650px){.guide-hub{padding:44px 0 30px}.guide-heading{text-align:left;margin-bottom:22px}.guide-heading>p:not(.guide-eyebrow){font-size:14px}.guide-heading br{display:none}.hub-map{margin-inline:-8px}.hub-hotspot{border-radius:12px;min-height:44px}.hub-hotspot span{display:none}.hub-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.hub-mobile-links a{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:48px;border:1px solid #d1e4e7;border-radius:12px;padding:9px 10px;text-decoration:none;font-size:11px;font-weight:600;color:#123f4b}.hub-mobile-links a span{color:#008daa}.guide-caption{text-align:left;font-size:10px}.guide-section{padding:42px 0}.guide-two{grid-template-columns:1fr;gap:28px}.guide-reverse>.guide-copy{grid-row:1}.guide-copy{max-width:none}.guide-copy h2,.guide-heading h2{font-size:27px}.guide-eyebrow{font-size:10px!important}.guide-lead{font-size:15px;margin-top:17px!important}.guide-copy>p{font-size:14px}.guide-phone{width:258px;border-width:6px;border-radius:35px}.guide-small{font-size:11px!important}.guide-switches{gap:2px}.guide-switches button{font-size:12px;padding:7px 11px}.maintenance-card{padding:24px 20px}.maintenance-heading{gap:12px}.maintenance-heading h3{font-size:18px}.guide-icon{width:68px;height:68px}.maintenance-flow span{font-size:12px}.measure-figure,.tools-figure{margin-top:22px}.measure-figure img,.tools-figure img{border-radius:10px}.guide-back{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.hub-hotspot{transition:none}html{scroll-behavior:auto}}

.hub-map{max-width:900px}.guide-phone{container-type:inline-size}.guide-status{position:absolute;inset:0 0 auto;height:6%;display:flex;justify-content:space-between;align-items:flex-start;padding:5.5cqw 9cqw 0 11cqw;background:#fff;color:#000;line-height:1}.guide-status>span{font-size:4.2cqw;font-weight:700}.guide-status>div{display:flex;align-items:center;gap:1.4cqw}.guide-status svg{width:4.8cqw;height:3.4cqw;fill:currentColor}.guide-status b{background:#000;color:white;font-size:2.9cqw;padding:.4cqw .65cqw;border-radius:1cqw;font-weight:650}.guide-phone:has(img[src*="bag-"]) .guide-status,.guide-phone:has(img[src*="surface-"]) .guide-status,.guide-phone:has(img[src*="rotation-"]) .guide-status{background:#f4f4f6}.tools-figure>a{display:block;border-radius:20px}.tools-figure>a:focus-visible{outline:3px solid #008daa;outline-offset:4px}

/* Consistent device hardware and coherent, supplied-layout sample screens. */
.guide-phone.iphone{width:300px;margin:0 auto;border:0;border-radius:49px;padding:8px;overflow:visible;line-height:normal;background:linear-gradient(125deg,#e0e1e2 0%,#41464b 3%,#080b0e 8%,#171d22 45%,#7c8287 83%,#151a1e 95%);box-shadow:0 2px 0 1px #e0e5e79c inset,0 0 0 1px #05090c,0 25px 38px -18px #0a202b6e,8px 6px 12px -10px #fff6;container-type:normal}
.guide-phone .iphone-screen{border:3px solid #06080a;border-radius:41px;overflow:hidden;background:#ececef}.guide-screen,.sample-screen{position:relative;container-type:inline-size}.guide-screen>img{display:block;width:100%;height:auto}.guide-status{z-index:3;height:10cqw;padding:5.5cqw 8cqw 0 10cqw;box-sizing:content-box;background:#fff!important}.guide-status svg{width:4.8cqw;height:3.4cqw}.guide-status b{font-size:2.9cqw}.guide-phone .iphone-island{z-index:5;top:17px;height:19px}.sample-screen{background:#ececef;aspect-ratio:1179/2556;overflow:hidden;color:#101419;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Hiragino Kaku Gothic ProN',sans-serif;text-align:left;line-height:1.4}.sample-screen h3,.sample-screen h4,.sample-screen p{margin:0;letter-spacing:0}.sample-screen>div{padding-top:14cqw}.sample-header{display:flex;justify-content:space-between;align-items:center;padding:4cqw 5cqw 6cqw;background:white;font-size:4.5cqw}.sample-header>span{font-size:7cqw;line-height:1;color:#008eaa}.sample-header strong{font-size:4.7cqw;color:#151719}.sample-home{position:absolute;bottom:2cqw;left:35%;width:30%;height:1.2cqw;background:#171a20;border-radius:10px}.sample-bag{margin:3cqw 3cqw 0;padding:6cqw 4cqw;border-radius:6cqw;color:#fff;background:radial-gradient(ellipse at 100% 5%,#08616d,transparent 70%),linear-gradient(160deg,#183c4c,#081524 85%)}.sample-bag-title{display:flex;align-items:center;justify-content:space-between;gap:2cqw}.sample-bag-title b{font-size:6.8cqw}.sample-bag-title span{font-size:3.6cqw;color:#b8d2dc}.sample-featured{height:46cqw;display:flex;align-items:center;justify-content:space-between;gap:3cqw}.sample-featured>div{flex:1}.sample-featured small{font-size:3.3cqw;color:#b8d2dc}.sample-featured h3{font-size:7cqw;color:#fff;line-height:1.1;margin-block:3cqw}.sample-featured span{font-size:3.2cqw;color:#b8d2dc}.sample-screen .sample-featured>img{width:46%;height:90%;object-fit:contain}.sample-ball-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw}.sample-ball-grid>div{border-radius:4cqw;background:#ffffff12;min-height:41cqw;padding:3cqw 1.5cqw;text-align:center;display:flex;flex-direction:column;align-items:center}.sample-screen .sample-ball-grid img{width:22cqw;height:22cqw;object-fit:contain;mix-blend-mode:normal;border-radius:50%}.sample-ball-grid strong{display:block;font-size:3.5cqw;line-height:1.3;margin-top:2cqw;min-height:9cqw;overflow-wrap:anywhere}.sample-ball-grid small{font-size:2.8cqw;color:#a6dce5;margin-top:2cqw}.sample-note{color:#476976;text-align:center;font-size:3.7cqw;padding:6cqw 0}.sample-subtabs{display:flex;gap:3cqw;align-items:center;justify-content:space-around;background:#fff;padding:5cqw 3cqw;font-size:3.7cqw;color:#75787f}.sample-subtabs b{color:#008eaa;border-bottom:1cqw solid #008eaa;padding-bottom:2cqw}.sample-card{margin:4cqw;padding:5cqw 4cqw;border:1px solid #c4e2e9;border-radius:6cqw;background:white}.sample-card h3{font-size:5.2cqw;font-weight:700;line-height:1.4}.sample-cover{display:flex;align-items:center;gap:4cqw;margin-block:7cqw 3cqw}.cover-ring{width:33cqw;height:33cqw;border-radius:50%;background:conic-gradient(#008eaa 0 33.333%,#e70091 33.333% 83.333%,#7939ef 83.333%);display:grid;place-items:center;flex-shrink:0}.cover-ring>b{background:white;border-radius:50%;width:24cqw;height:24cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10cqw;line-height:1.1}.cover-ring small{font-size:3.5cqw;color:#777;margin-top:1cqw}.sample-legend{flex:1;font-size:3.7cqw}.sample-legend>span{display:flex;align-items:center;gap:1.5cqw;margin-bottom:4cqw}.sample-legend b{margin-left:auto;white-space:nowrap;font-weight:500}.sample-legend i{width:2.3cqw;height:2.3cqw;border-radius:50%}.sample-spec{display:flex;gap:8cqw;margin:6cqw 0 7cqw;font-size:3.5cqw;color:#888}.sample-spec b{display:block;color:#008eaa;font-weight:500;font-size:4.3cqw;margin-top:2cqw}.sample-scatter{height:50cqw;position:relative;margin-left:5cqw;margin-bottom:6cqw;background:repeating-linear-gradient(0deg,transparent 0 24%,#b5cbd780 24% 24.7%,transparent 24.7% 25%),repeating-linear-gradient(90deg,#ebf8fa80 0 24%,#c4c1d980 24% 24.7%,#f4f0fb80 24.7% 25%)}.sample-screen .sample-scatter img{position:absolute;transform:translate(-50%,-50%);width:10cqw;height:10cqw;object-fit:contain;border-radius:50%;border:1px solid #fff}.axis-y{position:absolute;left:-6cqw;top:-6cqw;font-size:3cqw}.scatter-tl,.scatter-bl{position:absolute;left:-7cqw;font-size:2.5cqw;color:#74818a}.scatter-tl{top:0}.scatter-bl{bottom:0}.scatter-x{position:absolute;left:0;bottom:-5cqw;font-size:2.6cqw;color:#74818a;white-space:nowrap}.sample-footnote{display:block;color:#7b8188;font-size:2.8cqw;margin-top:4cqw}.sample-period{font-size:3.3cqw;color:#7b8188;padding:3cqw 4cqw!important}.sample-comparison-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1cqw;background:white;margin:0 4cqw;border-radius:5cqw;padding:4cqw 2cqw}.sample-comparison-head>div{text-align:center}.sample-screen .sample-comparison-head img{width:21cqw;height:21cqw;object-fit:contain;margin:0 auto 2cqw;display:block}.sample-comparison-head b{display:block;font-size:3.3cqw;line-height:1.25;min-height:8cqw}.sample-comparison-head small{font-size:3.1cqw;color:#82858a;display:block;margin-top:2cqw}.comparison-card{padding:4cqw 3cqw}.sample-metric{padding:4cqw 0;border-bottom:1px solid #ebedef}.sample-metric:last-child{border:0}.sample-metric h4{font-size:3.9cqw;color:#73767b;font-weight:400;margin-bottom:3cqw}.sample-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;text-align:center}.sample-cols>div{min-width:0}.sample-donut{width:19cqw;height:19cqw;margin:auto;border-radius:50%;background:conic-gradient(var(--color) var(--pct),#e8e8eb 0);display:grid;place-items:center}.sample-donut b{width:15cqw;height:15cqw;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--color);font-size:4.3cqw;font-variant-numeric:tabular-nums}.sample-donut b small{font-size:3cqw}.sample-denom{display:block;margin-top:1.8cqw;font-size:3cqw;color:#7b7e84;font-weight:400}.sample-cols strong{font-size:5.6cqw;display:block}.sample-cols strong small{font-size:3.7cqw}.sample-spare-title{margin-top:4cqw!important}.detail-closeup{margin:0;min-width:0}.detail-closeup>a{display:block;overflow:hidden;border-radius:22px;border:1px solid #d6e4e9;background:#fff;box-shadow:0 18px 45px #153b4212}.detail-closeup img{display:block;width:100%;height:auto}.detail-closeup figcaption{font-size:11px;line-height:1.9;color:#526c77;margin:18px 0 0}.guide-ink .detail-closeup figcaption{color:#d1e6eb}.rotation-card{padding:5cqw 4cqw;border:0}.rotation-values{display:flex;gap:7cqw;margin:7cqw 0}.rotation-values>span{font-size:3.5cqw;color:#767a80;flex:1;white-space:nowrap}.rotation-values b{display:block;font-size:13cqw;color:#0a0b0c;margin-top:2cqw}.rotation-card h4{font-size:4.5cqw;margin:4cqw 0}.rotation-card>img{border-radius:4cqw;display:block}.rotation-card p{font-size:3.2cqw;color:#757c83;margin-top:4cqw;line-height:1.6}.sample-save{margin:8cqw 0 3cqw;background:#008eaa;color:#fff;border-radius:6cqw;padding:4cqw;text-align:center;font-size:3.7cqw;font-weight:600}.speed-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;max-width:720px;margin:35px auto 0}.speed-pair figure{margin:0;min-width:0}.speed-pair figcaption{text-align:center;font-size:13px;margin-top:22px;color:#46616c}.sample-screen .tool-crop{width:92%;margin:5cqw auto 0;display:block;border-radius:4cqw}.catalog-figure .guide-status{height:10cqw}.sample-screen .sample-ball-grid img[src*="ion-pro"],.sample-screen .sample-featured img[src*="ion-pro"]{border-radius:50%}
@media(max-width:900px){.guide-phone.iphone{width:280px}.speed-pair{gap:22px}}
@media(max-width:650px){.guide-phone.iphone{width:290px;padding:7px;border-radius:43px}.guide-phone .iphone-screen{border-radius:36px;border-width:2px}.guide-phone .iphone-island{top:14px;height:17px}.speed-pair{gap:38px;grid-template-columns:1fr}.detail-closeup>a{border-radius:16px}.detail-closeup figcaption{font-size:10px}}
@media(max-width:360px){.guide-phone.iphone{width:270px}}
/* Keep all three comparison columns and the last metric inside the phone. */
#comparison .sample-subtabs{padding:3cqw;line-height:1.2}#comparison .sample-subtabs b{padding-bottom:1cqw}#comparison .sample-comparison-head{padding:3cqw 2cqw}#comparison .sample-comparison-head img{width:18cqw;height:18cqw;margin-bottom:1.5cqw}#comparison .sample-comparison-head b{min-height:5cqw;font-size:3.1cqw}#comparison .sample-comparison-head small{margin-top:1cqw}#comparison .sample-metric{padding:2.5cqw 0}#comparison .sample-metric h4{margin-bottom:2cqw}#comparison .sample-donut{width:17cqw;height:17cqw}#comparison .sample-donut b{width:13.3cqw;height:13.3cqw;font-size:4cqw}#comparison .sample-denom{margin-top:1cqw}#comparison .sample-spare-title{margin-top:2cqw!important}#comparison .comparison-card{margin-top:3cqw;margin-bottom:7cqw}#comparison .sample-footnote{margin-top:2cqw}.sample-scatter{height:45cqw}.sample-screen img[src*="ion-pro-solid.jpg"],.ba-screen img[src*="ion-pro-solid.jpg"]{clip-path:circle(43.5% at 50% 50%)}
.sample-screen .sample-scatter img{width:8cqw;height:8cqw}.scatter-x{display:flex;justify-content:space-between;width:100%;white-space:normal}.scatter-x b{position:absolute;right:0;bottom:-3.5cqw;font-size:2.4cqw;font-weight:400}.sample-footnote{padding-top:1cqw}
.sample-scatter{height:42cqw}

/* September layout revision: one continuous ball screen, compact catalog, crisp speed UI. */
.score-records,.catalog-compact{scroll-margin-top:32px}.sample-screen.is-scrollable>div{height:216.8cqw;box-sizing:border-box;display:flex;flex-direction:column}.is-scrollable .sample-header,.is-scrollable .sample-subtabs{flex-shrink:0}.comparison-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#82bac7 #eef3f5;padding-bottom:9cqw;touch-action:pan-y}.comparison-scroll:focus-visible{outline:2px solid #008eaa;outline-offset:-3px}.is-scrollable .sample-home{z-index:4;pointer-events:none}.is-scrollable:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6cqw;background:linear-gradient(transparent,#ececef 85%);pointer-events:none}.comparison-scroll .sample-metric{padding:5cqw 0!important}.comparison-scroll .sample-metric h4{font-size:4.2cqw}.comparison-scroll .sample-donut{width:20cqw!important;height:20cqw!important}.comparison-scroll .sample-donut b{width:16cqw!important;height:16cqw!important;font-size:4.5cqw!important}.comparison-scroll .comparison-card{margin-bottom:4cqw!important}.catalog-compact{padding:52px 0;background:#f1f9fb}.catalog-compact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:center}.catalog-compact .guide-copy h2{font-size:clamp(24px,2.7vw,34px)}.catalog-compact .guide-lead{font-size:15px;margin-top:18px!important}.catalog-compact .guide-copy>p:not(.guide-eyebrow){font-size:14px}.catalog-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0;align-items:start}.catalog-mini-grid h3{font-size:15px;margin:0 0 12px;color:#173e4b}.catalog-switches{padding:2px;gap:0;border-radius:12px;margin-bottom:10px;flex-wrap:nowrap;justify-content:space-between}.catalog-switches button{padding:5px 8px;font-size:11px;min-height:36px;border-radius:9px}.catalog-mini-label{font-size:11px;height:40px;display:flex;align-items:center;margin:0 0 10px;color:#627783}.catalog-crop-viewport{height:310px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9fbfc8 #f5f7f9;border:1px solid #d2e2e8;border-radius:16px;background:#fff;box-shadow:0 12px 24px #224f6009}.catalog-crop-viewport:focus-visible{outline:3px solid #008eaa;outline-offset:3px}.catalog-crop-viewport img{display:block;width:100%;height:auto}.catalog-search-demo [hidden]{display:none!important}
.speed-ui{padding:4cqw;color:#151719}.speed-still{position:relative;border-radius:4cqw;overflow:hidden;background:#000;height:99cqw}.sample-screen .speed-still>img{width:100%;height:100%;object-fit:contain;display:block}.speed-video-caption{position:absolute;inset:0 0 auto;background:#0009;color:white;padding:3cqw 4cqw}.speed-video-caption b{display:block;font-size:4.4cqw;margin-bottom:1.5cqw}.speed-video-caption span{display:block;font-size:3cqw;line-height:1.6}.speed-slider{position:relative;height:2cqw;background:#d8dadd;border-radius:2cqw;margin:5cqw 0 3cqw}.speed-slider i{display:block;width:34.72%;height:100%;background:#008eaa;border-radius:2cqw}.speed-slider b{position:absolute;top:50%;left:34.72%;transform:translate(-50%,-50%);width:8cqw;height:5cqw;background:white;border-radius:3cqw;box-shadow:0 1cqw 3cqw #384c621a}.speed-timeline{display:flex;justify-content:space-between;font-size:3.2cqw;color:#6d7681}.speed-controls{display:flex;align-items:center;justify-content:center;gap:6cqw;margin:4cqw 0 2cqw}.speed-controls>span{display:flex;align-items:center;justify-content:center;border-radius:50%;width:12cqw;height:12cqw;color:#008eaa;background:#c5e4eb}.speed-controls>span.play{width:14cqw;height:14cqw;background:#008eaa;color:#fff}.speed-controls svg{width:6cqw;height:6cqw;fill:currentColor}.speed-controls .previous svg{transform:rotate(180deg)}.sample-screen .speed-fps{text-align:center;font-size:3cqw;color:#9298a1;margin:0 0 4cqw}.speed-endpoints{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.speed-endpoints>div{display:flex;align-items:center;gap:3cqw;background:white;border:1px solid #008eaa;border-radius:4cqw;padding:3cqw}.endpoint-icon{display:grid;place-items:center;flex-shrink:0;width:8cqw;height:9cqw;border-radius:2cqw;background:linear-gradient(140deg,#e0f7fc,#f0eafa);color:#008eaa;font-size:4cqw;font-weight:700}.speed-endpoints b{display:block;font-size:4cqw}.speed-endpoints strong{display:block;white-space:nowrap;color:#008eaa;font-size:3.6cqw;font-weight:500}.speed-video-ui .sample-save{margin:6cqw 0 0;padding:3.5cqw}.speed-result-ui{padding-top:6cqw}.speed-main-result{background:white;border-radius:5cqw;padding:6cqw 4cqw;display:grid;grid-template-columns:18cqw 1fr;gap:3cqw;align-items:center}.speed-gauge{padding:2cqw;background:linear-gradient(145deg,#eef9fc,#eeeafa);border-radius:3cqw}.speed-gauge svg{width:100%;height:auto;display:block}.speed-main-result small{font-size:4cqw;color:#657a96}.speed-main-result strong{display:flex;align-items:baseline;gap:2cqw;font-size:15cqw;line-height:1.2;font-variant-numeric:tabular-nums}.speed-main-result strong span{font-size:4.5cqw;color:#12a4d6}.speed-main-result>p{grid-column:1/-1;font-size:4.7cqw;font-weight:700;margin-top:3cqw!important;white-space:nowrap;letter-spacing:-.04em}.speed-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;margin-top:4cqw}.speed-stat-grid>div{padding:5cqw 2cqw;background:#fff;border-radius:4cqw;text-align:center}.speed-stat-grid span{display:block;font-size:3.6cqw;color:#627999;white-space:nowrap}.speed-stat-grid b{display:flex;justify-content:center;align-items:baseline;gap:.6cqw;white-space:nowrap;font-size:6.5cqw;margin-top:3cqw;letter-spacing:-.04em}.speed-stat-grid small{font-size:2.8cqw;color:#12a4d6}.speed-stat-grid p{font-size:2.8cqw;color:#8a98ab;margin-top:3cqw;line-height:1.8}.speed-info{display:flex;align-items:flex-start;gap:3cqw;background:white;border-radius:4cqw;padding:5cqw 4cqw;margin-top:5cqw;color:#657b96}.speed-info>span{color:#00a6d3;font-size:6cqw;line-height:1}.speed-info>p{font-size:3.8cqw;line-height:1.8}.speed-result-ui .sample-save{display:flex;align-items:center;justify-content:center;gap:3cqw;margin:22cqw 0 0;padding:5cqw;font-size:4.6cqw}.sample-save svg{width:6cqw;height:6cqw;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.catalog-compact-layout{gap:26px}.catalog-mini-grid{gap:10px}.catalog-switches button{font-size:10px;padding-inline:5px}.catalog-crop-viewport{height:280px}}
@media(max-width:650px){.catalog-compact-layout{grid-template-columns:1fr;gap:26px}.catalog-compact{padding-block:40px}.catalog-mini-grid{gap:12px}.catalog-mini-grid h3{font-size:13px}.catalog-crop-viewport{height:240px}.catalog-switches button{font-size:10px;padding-inline:4px}.catalog-mini-label{font-size:9px}.catalog-compact .guide-copy>p:not(.guide-eyebrow){font-size:13px}}

/* Catalog: the phone is primary; linked detail cards explain discovery. */
.catalog-focus{background:#f1f9fb;padding:64px 0 46px}.catalog-focus .guide-heading{max-width:900px;margin-bottom:38px}.catalog-focus .guide-heading>p:last-child{font-size:15px;color:#526d77}.catalog-explainer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:60px;max-width:1000px;margin:0 auto;align-items:start}.catalog-main-phone{position:relative;margin:0;grid-column:2;grid-row:1;z-index:2}.catalog-main-phone .guide-phone.iphone{width:300px}.catalog-main-screen .guide-status{height:12cqw;background:#f4f4f6;z-index:3}.catalog-callout{position:relative;z-index:2;min-width:0;padding:18px;background:#fff;border:1px solid #d4e6eb;border-radius:20px;box-shadow:0 10px 24px #123f4b06}.catalog-callout-search{grid-column:1;grid-row:1;margin-top:94px}.catalog-callout-ranking{grid-column:3;grid-row:1;margin-top:240px}.catalog-callout h3{font-size:17px;color:#123f4b;margin:0 0 9px}.catalog-callout-description{font-size:12px;color:#607984;line-height:1.8;margin:0 0 14px;min-height:44px}.catalog-callout .catalog-crop-viewport{height:250px;border-radius:12px;box-shadow:none}.catalog-callout .catalog-switches button{font-size:10px;padding:5px 6px}.catalog-callout-ranking .catalog-crop-viewport{height:250px}.catalog-connector-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.catalog-connector-lines path{fill:none;stroke:#80b5c2;stroke-width:1.5;vector-effect:non-scaling-stroke}.catalog-connector-lines circle{fill:#008eaa}.catalog-focus>.wrap>.guide-back{display:table;margin:25px auto 0}.catalog-main-screen .ba-catalog-row img[src*="ion-pro"]{border-radius:50%}
@media(max-width:1100px) and (min-width:701px){.catalog-explainer{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);gap:28px}.catalog-main-phone .guide-phone.iphone{width:270px}.catalog-callout{padding:12px}.catalog-callout h3{font-size:15px}.catalog-callout-description{font-size:11px}.catalog-callout .catalog-crop-viewport{height:220px}.catalog-callout-ranking{margin-top:220px}.catalog-callout .catalog-switches{flex-wrap:wrap;justify-content:center}.catalog-connector-lines path{stroke-width:1.2}}
@media(max-width:700px){.catalog-focus{padding-block:42px}.catalog-focus .guide-heading{text-align:left;margin-bottom:30px}.catalog-focus .guide-heading>p:last-child{font-size:14px}.catalog-explainer{grid-template-columns:1fr 1fr;gap:64px 14px;max-width:500px}.catalog-main-phone{grid-column:1/-1;grid-row:1;justify-self:center}.catalog-main-phone .guide-phone.iphone{width:290px}.catalog-callout-search{grid-column:1;grid-row:2;margin-top:0}.catalog-callout-ranking{grid-column:2;grid-row:2;margin-top:0}.catalog-callout{padding:12px 9px;border-radius:15px}.catalog-callout h3{font-size:13px}.catalog-callout-description{font-size:10px;min-height:72px;margin-bottom:10px}.catalog-callout .catalog-crop-viewport{height:198px;border-radius:9px}.catalog-callout-ranking .catalog-crop-viewport{margin-top:48px}.catalog-callout .catalog-switches button{font-size:9px;padding-inline:3px;min-height:32px}.catalog-callout .catalog-switches{min-height:38px;margin-bottom:10px}.catalog-connector-lines{display:none}.catalog-main-phone:after{content:"";position:absolute;left:50%;bottom:-33px;height:33px;border-left:1px solid #80b5c2}.catalog-callout:before{content:"";position:absolute;top:-32px;left:50%;height:31px;border-left:1px solid #80b5c2}.catalog-callout-search:after{content:"";position:absolute;top:-32px;left:50%;width:calc(100% + 16px);border-top:1px solid #80b5c2}.catalog-focus>.wrap>.guide-back{margin-top:26px}}
@media(max-width:360px){.catalog-main-phone .guide-phone.iphone{width:260px}.catalog-callout{padding-inline:7px}.catalog-callout h3{font-size:12px}.catalog-callout .catalog-switches button{font-size:8px;padding-inline:2px}.catalog-callout-description{min-height:90px}}
@media(min-width:701px){.catalog-callout-search:after{content:"";position:absolute;right:-61px;top:80px;width:60px;height:70px;border-bottom:1.5px solid #80b5c2;border-right:1.5px solid #80b5c2;z-index:-1}.catalog-callout-ranking:before{content:"";position:absolute;left:-61px;top:96px;width:60px;height:145px;border-top:1.5px solid #80b5c2;border-left:1.5px solid #80b5c2;z-index:-1}}
@media(min-width:701px) and (max-width:1100px){.catalog-callout-search:after{right:-29px;width:28px}.catalog-callout-ranking:before{left:-29px;width:28px}}
.catalog-main-screen .ba-catalog-clean{top:85%;height:15%;}.catalog-main-screen .ba-nav{box-shadow:0 -2cqw 5cqw #ececef;}.catalog-main-screen:after{content:"";position:absolute;bottom:1.2%;left:34%;width:32%;height:.6cqw;background:#202024;border-radius:99px;z-index:5}
/* Nested catalog settings: brand and sort belong inside the filter screen. */
.catalog-supplied-screen .guide-status{height:12cqw;background:#f4f4f6;z-index:3}.catalog-drilldown [hidden]{display:none!important}.catalog-panel-heading{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px;padding:5px 8px;border:1px solid #d7e6eb;border-radius:12px;background:#f2f7f9;color:#123f4b;font-size:12px;font-weight:600}.catalog-panel-heading strong{font:inherit}.catalog-panel-heading button{border:1px solid #d7e6eb;border-radius:9px;background:#fff;color:#008eaa;cursor:pointer;padding:5px 10px;min-height:34px;font:inherit;margin-right:auto}.catalog-panel-heading button span{font-size:20px;vertical-align:-1px}.catalog-setting-row{width:100%;display:flex;align-items:center;gap:6px;min-height:46px;padding:10px 12px;border:0;border-bottom:1px solid #e0e5e8;background:#fff;font:inherit;font-size:12px;text-align:left;cursor:pointer;color:#173e4b}.catalog-setting-row>span{flex:1}.catalog-setting-row small{font-size:10px;color:#7c8b90}.catalog-setting-row b{font-size:21px;color:#008eaa;font-weight:400}.catalog-setting-row:hover,.catalog-setting-row:focus-visible{background:#eaf7fb}.catalog-drilldown button:focus-visible{outline:2px solid #008eaa;outline-offset:-3px}.catalog-filter-rest{overflow:hidden}.catalog-filter-rest>img{margin-top:-35.21%;}.catalog-callout-ranking .catalog-crop-viewport{margin-top:54px}
@media(max-width:700px){.catalog-panel-heading{font-size:10px;padding-inline:5px;gap:4px}.catalog-panel-heading button{font-size:10px;padding-inline:6px}.catalog-setting-row{font-size:11px;padding:8px}.catalog-setting-row small{display:none}}

/* The parent settings screen needs no redundant button-like title. */
.catalog-callout-ranking .catalog-crop-viewport{margin-top:0}.catalog-panel-heading{justify-content:space-between;background:transparent;border:0;padding:0;border-radius:0}.catalog-panel-heading button{border-radius:12px;min-height:40px;padding:6px 12px}