main:has(.gearup-compare){max-width:1660px}.shelf:has(.gearup-compare){grid-template-columns:220px minmax(0,1fr);gap:28px}.stage:has(.gearup-compare){display:block;padding:0;background:transparent!important;border:0;border-radius:0;overflow:visible}.gearup-compare{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start;width:100%;min-width:0}.gearup-source,.gearup-working{min-width:0}.gearup-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;min-height:61px;padding-bottom:14px;border-bottom:1px solid #d6d8db;margin-bottom:16px}.gearup-heading small{font-size:10px;letter-spacing:.12em;color:#666b74;display:block;margin-bottom:4px}.gearup-heading h3{font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:0}.gearup-heading>a,.gearup-heading>span{font-size:11px;line-height:1.6;color:#5b6069}.gearup-heading>a{min-height:44px;display:flex;align-items:center}.gearup-tabs{display:flex;gap:8px;margin-bottom:12px}.gearup-tabs button{font-size:13px}.gearup-picture{display:block;width:100%;padding:0!important;border:0!important;border-radius:8px!important;overflow:hidden;background:#101635!important;text-align:left}.gearup-picture img{display:block;width:100%;height:auto}.gearup-picture>span{display:block;padding:12px 14px;background:#192950;color:#fff;font-size:12px}.gearup-caption{font-size:11px;color:#626872;line-height:1.65;margin:12px 0 8px}.gearup-source-note{font-size:13px;line-height:1.65;color:#424851;margin:0;max-width:45ch}
.gearup-demo{--cyan:#42e9f1;--panel:#1b3065;--muted:#c3d0ed;container-type:inline-size;width:100%;min-width:0;padding:22px 18px 18px;background:radial-gradient(ellipse at 50% 28%,#163464 0%,#111c47 36%,#101535 75%);color:#f4f8ff;border-radius:10px;text-align:left;font-family:Arial,Helvetica,sans-serif}.gearup-demo[data-tone=fair]{--cyan:#ffd17c}.gearup-demo[data-tone=high]{--cyan:#ff5384}.gearup-demo p{margin:0}.gearup-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.gearup-top>span:last-child{font-size:9px;border:1px solid #4b6093;padding:5px 7px;border-radius:3px;white-space:nowrap}.gearup-scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(168px,31cqw,240px) minmax(0,1fr);gap:12px;align-items:center;padding-block:28px;min-height:300px}.gearup-traces{position:absolute;inset:0;width:100%;height:100%;color:#2c8ce6;opacity:.8;pointer-events:none}.gearup-left{position:relative;z-index:1;display:grid;gap:24px;min-width:0}.gearup-panel{position:relative;z-index:1;background:var(--panel);border:1px solid #3c5795;border-radius:6px;padding:14px 12px;min-width:0}.gearup-label{font-size:10px;line-height:1.4;letter-spacing:.015em;color:#57e5f1;font-weight:700}.gearup-region{display:block;font-size:13px;font-weight:400;margin:10px 0 7px}.gearup-muted{font-size:10px;line-height:1.65;color:var(--muted);display:block}.gearup-graph{display:block;width:100%;height:54px;margin:14px 0 10px}.gearup-base{display:block;font-size:25px;line-height:1.15;margin-top:5px}.gearup-base small{font-size:10px;font-weight:400}.gearup-hub{position:relative;aspect-ratio:1;display:grid;place-items:center;color:var(--cyan);z-index:1;background:radial-gradient(circle,#228ac933 20%,transparent 70%)}.gearup-ring{position:absolute;inset:0;width:100%;height:100%;transform-origin:center}.gearup-core{display:grid;place-items:center;gap:8px;color:#fff}.gearup-core>span{font-size:8px;font-weight:700;letter-spacing:.08em;color:#b9d9fb}.gearup-core strong{font-size:42px;letter-spacing:-.05em;line-height:1.1;text-shadow:0 0 20px #2089bdaa}.gearup-core small{font-size:12px;letter-spacing:0;margin-left:3px;color:#bdd5f5}
.gearup-rating-panel{padding:10px 11px 16px;align-self:stretch;margin-block:16px;display:flex;flex-direction:column;justify-content:center}.gearup-rating-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}.gearup-rating-heading .gearup-label{font-size:9px}.gearup-demo button{min-height:44px;min-width:44px;background:transparent;color:#f4f8ff;border:1px solid #3c5795;border-radius:5px;font:12px Arial,Helvetica,sans-serif;padding:10px 12px}.gearup-demo .gearup-info{display:inline-flex;align-items:center;gap:5px;padding:8px 6px;color:#58e7f4;border-color:transparent;min-width:64px;font-size:12px}.gearup-info svg{width:21px;height:21px;flex:none}.gearup-rating{position:relative;min-height:84px;display:grid;place-items:center;color:var(--cyan);margin:12px -4px}.gearup-rating svg{position:absolute;inset:0;width:100%;height:100%}.gearup-rating strong{font-size:23px;line-height:1;position:relative}.gearup-rating-panel>[data-description]{font-size:13px;text-align:center;line-height:1.5;margin:6px 0 10px}.gearup-rating-panel>.gearup-muted{text-align:center}.gearup-popover{position:relative;background:#245fb5;border:1px solid #66a6ff;border-radius:5px;padding:16px;margin-bottom:18px}.gearup-popover::before{content:'';position:absolute;right:28px;top:-7px;width:12px;height:12px;background:#245fb5;border:solid #66a6ff;border-width:1px 0 0 1px;transform:rotate(45deg)}.gearup-popover>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.gearup-popover h3{font-size:16px;margin:0 0 12px;line-height:1.4}.gearup-popover p{font-size:13px;line-height:1.65}.gearup-popover p+p{margin-top:9px}.gearup-popover button,.gearup-notice>button{font-size:24px;padding:0;flex:none;border-color:#ffffff70}.gearup-popover button{margin-bottom:10px}
.gearup-controls{border-top:1px solid #354b7c;padding-top:16px}.gearup-controls>p{font-size:12px;color:#d5e0f7;margin-bottom:9px}.gearup-controls>div,.gearup-actions{display:flex;gap:8px;flex-wrap:wrap}.gearup-demo button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#112148}.gearup-actions{margin-top:18px;gap:9px}.gearup-actions button:first-child{background:#1585ee;border-color:#399cfc;color:white;font-weight:700;flex:1}.gearup-demo button:focus-visible{outline:3px solid #fff2ac;outline-offset:3px}.gearup-demo button:disabled{opacity:.55;cursor:default}.gearup-notice{display:flex;justify-content:space-between;gap:12px;background:#224b84;padding:14px;margin-top:16px;border-left:3px solid var(--cyan);border-radius:3px}.gearup-notice b{font-size:14px}.gearup-notice p{font-size:12px;line-height:1.6;margin-top:6px}.gearup-live{font-size:10px;line-height:1.6;color:var(--muted);margin-top:13px!important;min-height:16px}.stage[data-hover=on] .gearup-demo button:not(:disabled):hover{border-color:var(--cyan);filter:brightness(1.13)}.stage[data-hover=off] .gearup-demo button:hover{background:transparent}.stage[data-hover=off] .gearup-demo button[aria-pressed=true]:hover{background:#112148}.stage[data-hover=off] .gearup-actions button:first-child:hover{background:#1585ee}
.gearup-image-dialog{max-width:min(94vw,1100px);width:100%;border:0;border-radius:10px;padding:22px;background:#fafaf8;color:#20242c}.gearup-image-dialog::backdrop{background:#070e20c9}.gearup-image-dialog>div{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.gearup-image-dialog h3{margin:0;font-size:22px}.gearup-image-dialog img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#101535}.gearup-image-dialog>p{font-size:12px;color:#555e6b;margin-bottom:0}
@container(max-width:470px){.gearup-scene{grid-template-columns:1fr 1fr;gap:14px;padding-top:24px}.gearup-hub{grid-column:1/-1;grid-row:1;width:180px;justify-self:center;margin-bottom:10px}.gearup-traces{display:none}.gearup-left{gap:14px}.gearup-rating-panel{margin-block:0}.gearup-rating-heading{justify-content:center}.gearup-rating-heading>.gearup-label{text-align:center}}
@media(max-width:1100px){.gearup-compare{grid-template-columns:1fr}.gearup-source{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.gearup-source>.gearup-heading{grid-column:1/-1}.gearup-picture{grid-column:1;grid-row:3/6}.gearup-caption,.gearup-source-note{grid-column:2}.gearup-tabs{grid-column:1/-1}.gearup-source-note{align-self:start}}
@media(max-width:640px){.shelf:has(.gearup-compare){display:flex}.gearup-source{display:block}.gearup-compare{gap:28px}.gearup-demo{padding:18px 14px 16px}.gearup-heading{align-items:start}.gearup-heading h3{font-size:21px}.gearup-heading>a,.gearup-heading>span{max-width:17ch}.gearup-image-dialog{padding:16px}}