/* AIAI_COMPARE_CLEAN_REBUILD_R17
   Clean mobile rebuild from AIAI_COMPARE_FINAL_V4.html.
   One mobile stylesheet owns the Compare surface. Legacy desktop remains unchanged. */

@media (max-width:767px){
  html:has(body.page-compare.compare-clean-r17){
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-x:clip!important;
    background:#F7F6FB!important;
    scroll-behavior:smooth;
  }

  body.page-compare.compare-clean-r17{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    min-width:320px!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-x:clip!important;
    color:#171522!important;
    font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif!important;
    background:
      radial-gradient(66% 22% at 50% 0,rgba(104,74,233,.043),transparent 78%),
      #F7F6FB!important;
    -webkit-font-smoothing:antialiased;
  }

  body.page-compare.compare-clean-r17 *,
  body.page-compare.compare-clean-r17 *::before,
  body.page-compare.compare-clean-r17 *::after{
    box-sizing:border-box;
  }

  body.page-compare.compare-clean-r17 button,
  body.page-compare.compare-clean-r17 a{
    font:inherit;
  }

  body.page-compare.compare-clean-r17 button{
    cursor:pointer;
  }

  body.page-compare.compare-clean-r17 > main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-x:clip!important;
  }

  body.page-compare.compare-clean-r17 .cmpv4-mobile{
    max-width:430px!important;
    overflow-x:hidden!important;
    overflow-x:clip!important;
  }

  /* Legacy Compare/Desktop surfaces stay out of the mobile visual tree. */
  body.page-compare.compare-clean-r17 > .lum-header,
  body.page-compare.compare-clean-r17 > .site-header,
  body.page-compare.compare-clean-r17 > .dmd-header,
  body.page-compare.compare-clean-r17 > .erx-site-header,
  body.page-compare.compare-clean-r17 .cm-hero,
  body.page-compare.compare-clean-r17 .cm-page,
  body.page-compare.compare-clean-r17 .beta-feedback-fab,
  body.page-compare.compare-clean-r17 .beta-feedback-dialog,
  body.page-compare.compare-clean-r17 > .aiai-global-mobile-footer-v1,
  body.page-compare.compare-clean-r17 > .aiai-flow2-footer-v1,
  body.page-compare.compare-clean-r17 > .lum-footer,
  body.page-compare.compare-clean-r17 > .site-footer,
  body.page-compare.compare-clean-r17 > footer{
    display:none!important;
  }

  /* App shell / main from the approved reference. */

  body.page-compare.compare-clean-r17 .cmpv4-mobile{
    width:min(100%,430px);
    min-height:calc(100dvh - 68px);
    margin:0 auto;
    padding:14px 17px 28px;
    display:block;
    color:#171522;
    background:transparent;
    font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
  }

  .cmpv4-context{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .cmpv4-context-label{
    display:flex;
    align-items:center;
    gap:8px;
    color:#684AE9;
    font-size:11.2px;
    font-weight:800;
  }

  .cmpv4-context-label i{
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:#684AE9;
    box-shadow:0 0 0 4px rgba(104,74,233,.08);
  }

  .cmpv4-task-picker{
    position:relative;
  }

  .cmpv4-task-picker summary{
    list-style:none;
    min-height:36px;
    padding:0 11px;
    border-radius:12px;
    border:1px solid rgba(104,74,233,.13);
    color:#684AE9;
    background:rgba(255,255,255,.64);
    font-size:10.8px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }

  .cmpv4-task-picker summary::-webkit-details-marker{
    display:none;
  }

  .cmpv4-task-picker nav,
  .cmpv4-task-picker > a{
    position:absolute;
    inset-inline-end:0;
    top:43px;
    z-index:35;
    width:min(280px,calc(100vw - 34px));
    max-height:300px;
    overflow:auto;
    padding:7px;
    border:1px solid #E5E1EB;
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 44px rgba(40,30,78,.12);
  }

  .cmpv4-task-picker nav a,
  .cmpv4-task-picker > a{
    min-height:42px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    border-radius:10px;
    color:#595462;
    text-decoration:none;
    font-size:11px;
    font-weight:700;
  }

  .cmpv4-task-picker nav a.is-current{
    color:#684AE9;
    background:#F1EDFF;
  }

  .cmpv4-task{
    margin:7px 0 0;
    color:#171522;
    font-size:23px;
    line-height:1.42;
    font-weight:700;
  }

  .cmpv4-empty{
    margin-top:18px;
    padding:18px;
    border:1px solid rgba(104,74,233,.11);
    border-radius:22px;
    background:rgba(255,255,255,.82);
    box-shadow:0 16px 40px rgba(40,30,78,.065);
  }

  .cmpv4-empty > b{
    display:block;
    font-size:16px;
  }

  .cmpv4-empty p{
    margin:7px 0 13px;
    color:#595462;
    font-size:12px;
    line-height:1.7;
  }

  .cmpv4-empty a{
    display:inline-flex;
    min-height:38px;
    padding:0 13px;
    align-items:center;
    border-radius:12px;
    background:#684AE9;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
  }

  /* Balance */
  .cmpv4-balance{
    margin-top:13px;
    border:1px solid rgba(104,74,233,.11);
    border-radius:28px;
    background:rgba(255,255,255,.80);
    box-shadow:0 16px 40px rgba(40,30,78,.065);
    overflow:hidden;
    position:relative;
  }

  .cmpv4-balance::before{
    content:"";
    position:absolute;
    left:-68px;
    top:-90px;
    width:176px;
    height:176px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(32,184,199,.05),transparent 68%);
  }

  .cmpv4-balance::after{
    content:"";
    position:absolute;
    right:-64px;
    bottom:-108px;
    width:188px;
    height:188px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(104,74,233,.045),transparent 68%);
  }

  .cmpv4-balance-top{
    position:relative;
    z-index:2;
    padding:13px 15px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  .cmpv4-balance-top b{
    font-size:10.8px;
    color:#684AE9;
  }

  .cmpv4-balance-top small{
    font-size:10.4px;
    color:#716B78;
  }

  .cmpv4-arena{
    height:148px;
    position:relative;
    z-index:2;
  }

  .cmpv4-beam{
    --cmpv4-tilt:-5deg;
    position:absolute;
    left:50%;
    top:62px;
    width:246px;
    height:4px;
    margin-left:-123px;
    border-radius:999px;
    background:linear-gradient(90deg,#20B8C7,#CDC8DA 46%,#CDC8DA 54%,#684AE9);
    transform:rotate(var(--cmpv4-tilt));
    transform-origin:center;
    transition:transform .62s cubic-bezier(.2,.85,.2,1);
  }

  .cmpv4-pivot{
    position:absolute;
    left:50%;
    top:57px;
    width:18px;
    height:18px;
    margin-left:-9px;
    border-radius:50%;
    background:#fff;
    border:3px solid #684AE9;
    z-index:4;
    box-shadow:0 5px 14px rgba(104,74,233,.15);
  }

  .cmpv4-pivot::after{
    content:"";
    position:absolute;
    left:50%;
    top:15px;
    transform:translateX(-50%);
    width:0;
    height:0;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-bottom:48px solid rgba(104,74,233,.085);
  }

  .cmpv4-base{
    position:absolute;
    left:50%;
    top:118px;
    width:94px;
    height:4px;
    margin-left:-47px;
    border-radius:999px;
    background:linear-gradient(90deg,#20B8C7,#684AE9);
    opacity:.3;
  }

  .cmpv4-pan{
    position:absolute;
    top:-44px;
    width:98px;
    text-align:center;
    transition:transform .35s ease,opacity .28s ease;
  }

  .cmpv4-pan--winner{right:-46px}
  .cmpv4-pan--opponent{left:-46px}
  .cmpv4-pan.is-leading{transform:translateY(-3px) scale(1.025)}
  .cmpv4-pan.is-trailing{opacity:.62;transform:scale(.945)}

  .cmpv4-toolmark{
    width:64px;
    height:64px;
    margin:0 auto 5px;
    border-radius:20px;
    background:#fff;
    border:1px solid #E5E1EB;
    display:grid;
    place-items:center;
    overflow:hidden;
    box-shadow:0 9px 20px rgba(35,27,68,.05);
  }

  .cmpv4-pan.is-leading .cmpv4-toolmark{
    border-color:rgba(104,74,233,.28);
    box-shadow:0 0 0 3px rgba(104,74,233,.04),0 12px 23px rgba(104,74,233,.10);
  }

  .cmpv4-toolmark a,
  .cmpv4-toolmark span,
  .cmpv4-toolmark picture{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
  }

  .cmpv4-toolmark img{
    display:block;
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    object-fit:contain;
  }

  /* toolLogoHtml renders an image followed by initials fallback.
     Show initials only when no image exists; never stack both. */
  .cmpv4-toolmark .tool-logo-image + .tool-logo-fallback,
  .cmpv4-switch-logo .tool-logo-image + .tool-logo-fallback,
  .cmpv4-avatar .tool-logo-image + .tool-logo-fallback{
    display:none!important;
  }

  .cmpv4-toolmark .tool-logo-fallback,
  .cmpv4-switch-logo .tool-logo-fallback,
  .cmpv4-avatar .tool-logo-fallback{
    margin:0!important;
    font-style:normal!important;
    line-height:1!important;
  }

  .cmpv4-toolmark.is-missing-logo::before,
  .cmpv4-switch-logo.is-missing-logo::before,
  .cmpv4-avatar.is-missing-logo::before{
    content:"?";
    display:grid;
    place-items:center;
    width:70%;
    height:70%;
    border-radius:11px;
    background:#F1EDFF;
    color:#684AE9;
    font:700 16px Georgia,serif;
  }

  .cmpv4-pan small{
    display:block;
    font-size:10.3px;
    color:#716B78;
  }

  .cmpv4-pan.is-leading small{
    color:#684AE9;
    font-weight:800;
  }

  .cmpv4-pan > b{
    display:block;
    margin-top:1px;
    font:700 17px/1.25 Georgia,"Times New Roman",serif;
    white-space:nowrap;
  }

  .cmpv4-pan.is-long-name > b{
    font-size:14px;
  }

  .cmpv4-verdict{
    position:relative;
    z-index:2;
    border-top:1px solid #E5E1EB;
    padding:11px 15px 13px;
  }

  .cmpv4-verdict > small{
    display:block;
    font-size:10.8px;
    color:#716B78;
  }

  .cmpv4-verdict h2{
    margin:0;
    color:#171522;
    font-size:22px;
    line-height:1.38;
    font-weight:700;
    transition:opacity .16s ease,transform .2s ease;
  }

  .cmpv4-verdict h2.is-swapping{
    opacity:0;
    transform:translateY(4px);
  }

  .cmpv4-verdict-why{
    margin-top:7px;
    display:flex;
    align-items:center;
    gap:9px;
  }

  .cmpv4-verdict-why > div{
    height:2px;
    flex:1;
    background:#E7E3ED;
    border-radius:999px;
    overflow:hidden;
  }

  .cmpv4-verdict-why > div i{
    display:block;
    height:100%;
    width:72%;
    border-radius:999px;
    background:linear-gradient(90deg,#684AE9,#20B8C7);
    transition:width .45s ease;
  }

  .cmpv4-verdict-why > span{
    max-width:67%;
    color:#595461;
    font-size:11.4px;
    font-weight:750;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  /* Priorities */
  .cmpv4-priorities{
    margin-top:18px;
  }

  .cmpv4-priorities > header{
    display:flex;
    align-items:end;
    justify-content:flex-start;
    gap:0;
    background:none;
    border:0;
    padding:0;
  }

  .cmpv4-priorities > header div > small{
    display:block;
    color:#716B78;
    font-size:10.8px;
  }

  .cmpv4-priorities > header h2{
    margin:0;
    color:#171522;
    font-size:18px;
    line-height:1.34;
    font-weight:600;
  }

  .cmpv4-priorities > header > span{
    color:#684AE9;
    font-size:10.2px;
    font-weight:800;
  }

  .cmpv4-priority-dock{
    margin-top:8px;
    padding:5px;
    position:relative;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid #E5E1EB;
    border-radius:17px;
    background:rgba(255,255,255,.82);
  }

  .cmpv4-priority-dock > i{
    position:absolute;
    inset-inline-start:5px;
    top:5px;
    bottom:5px;
    width:calc((100% - 10px)/3);
    border-radius:13px;
    background:linear-gradient(135deg,#684AE9,#5A7EEA);
    box-shadow:0 7px 17px rgba(104,74,233,.15);
    transition:inset-inline-start .4s cubic-bezier(.2,.8,.2,1);
  }

  .cmpv4-priority-dock button{
    min-height:42px;
    padding:0;
    border:0;
    background:transparent;
    border-radius:13px;
    position:relative;
    z-index:2;
    color:#6E6876;
    font-size:11.2px;
    font-weight:800;
    transition:color .22s ease;
  }

  .cmpv4-priority-dock button.is-active{
    color:#fff;
  }

  /* Tool switcher */
  .cmpv4-switcher{
    margin-top:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }

  .cmpv4-switcher > small{
    color:#716B78;
    font-size:10.8px;
    white-space:nowrap;
  }

  .cmpv4-switcher-tools{
    display:flex;
    gap:7px;
    min-width:0;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .cmpv4-switcher-tools::-webkit-scrollbar{display:none}

  .cmpv4-tool-switch{
    min-height:42px;
    padding:0 8px;
    border-radius:13px;
    border:1px solid #E5E1EB;
    background:#fff;
    display:flex;
    align-items:center;
    gap:7px;
    color:#66606E;
    font-size:10.7px;
    font-weight:800;
    transition:.25s ease;
    flex:0 0 auto;
  }

  .cmpv4-switch-logo{
    width:25px;
    height:25px;
    border-radius:8px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:#fff;
  }

  .cmpv4-switch-logo a,
  .cmpv4-switch-logo span{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
  }

  .cmpv4-switch-logo img{
    width:24px!important;
    height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    object-fit:contain;
  }

  .cmpv4-tool-switch > b{
    display:none;
    white-space:nowrap;
  }

  .cmpv4-tool-switch.is-active{
    border-color:rgba(104,74,233,.30);
    box-shadow:0 0 0 3px rgba(104,74,233,.05);
    color:#684AE9;
    transform:translateY(-1px);
  }

  .cmpv4-tool-switch.is-active > b{
    display:block;
  }

  /* Rounds */
  .cmpv4-rounds{
    margin-top:20px;
    display:grid;
    gap:10px;
  }

  .cmpv4-round{
    border:1px solid #E5E1EB;
    border-radius:22px;
    background:rgba(255,255,255,.77);
    padding:14px;
    opacity:.9;
    transform:scale(.995);
    transition:transform .32s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;
  }

  .cmpv4-round.is-active{
    opacity:1;
    transform:translateY(-3px) scale(1);
    border-color:rgba(104,74,233,.31);
    box-shadow:0 10px 24px rgba(104,74,233,.07);
    background:rgba(255,255,255,.93);
  }

  .cmpv4-round.is-flashing{
    animation:cmp17FocusPulse .55s ease;
  }

  @keyframes cmp17FocusPulse{
    0%{box-shadow:0 0 0 0 rgba(104,74,233,0)}
    45%{box-shadow:0 0 0 7px rgba(104,74,233,.065)}
    100%{box-shadow:0 10px 24px rgba(104,74,233,.07)}
  }

  .cmpv4-round > header{
    display:flex;
    align-items:center;
    gap:9px;
    padding:0;
    border:0;
    background:none;
  }

  .cmpv4-round-num{
    width:31px;
    height:31px;
    flex:0 0 31px;
    border-radius:10px;
    background:rgba(104,74,233,.075);
    color:#684AE9;
    display:grid;
    place-items:center;
    font-size:11.2px;
    font-weight:900;
  }

  .cmpv4-round > header h3{
    margin:0;
    color:#171522;
    font-size:14.3px;
    font-weight:700;
  }

  .cmpv4-round-leader{
    margin-inline-start:auto;
    padding:4px 9px;
    border-radius:999px;
    background:#F1EDFF;
    color:#684AE9;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
  }

  .cmpv4-info{
    width:28px;
    height:28px;
    padding:0;
    border-radius:50%;
    border:1px solid #E5E1EB;
    background:transparent;
    color:#716B78;
    font-size:11.2px;
    font-weight:800;
  }

  .cmpv4-visual{
    margin-top:13px;
  }

  .cmpv4-fit-row{
    display:grid;
    grid-template-columns:32px 1fr 64px;
    gap:9px;
    align-items:center;
  }

  .cmpv4-fit-row + .cmpv4-fit-row{
    margin-top:10px;
  }

  .cmpv4-avatar{
    width:32px;
    height:32px;
    border-radius:10px;
    background:#fff;
    border:1px solid #E5E1EB;
    display:grid;
    place-items:center;
    overflow:hidden;
  }

  .cmpv4-avatar a,
  .cmpv4-avatar span{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
  }

  .cmpv4-avatar img{
    width:25px!important;
    height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    object-fit:contain;
  }

  .cmpv4-pips{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:5px;
  }

  .cmpv4-pips i{
    height:8px;
    border-radius:999px;
    background:#E8E4EF;
  }

  .cmpv4-pips i.is-on{
    background:linear-gradient(90deg,#684AE9,#20B8C7);
  }

  .cmpv4-fit-row em{
    font-style:normal;
    text-align:end;
    color:#57515F;
    font-size:11.2px;
    font-weight:750;
  }

  .cmpv4-pay-row{
    display:grid;
    grid-template-columns:32px 1fr;
    gap:9px;
    align-items:center;
  }

  .cmpv4-pay-row + .cmpv4-pay-row{
    margin-top:10px;
  }

  .cmpv4-pay-path{
    display:flex;
    align-items:center;
    gap:6px;
  }

  .cmpv4-pay-path span,
  .cmpv4-pay-path b{
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(104,74,233,.21);
    color:#684AE9;
    font-size:10.7px;
    font-weight:800;
    white-space:nowrap;
  }

  .cmpv4-pay-path b{
    background:#684AE9;
    color:#fff;
    border-color:#684AE9;
  }

  .cmpv4-pay-path i{
    height:1px;
    flex:1;
    background:#E5E1EB;
  }

  .cmpv4-risk-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .cmpv4-risk-card{
    text-align:center;
  }

  .cmpv4-dial{
    position:relative;
    height:62px;
    overflow:hidden;
    margin:auto;
    max-width:130px;
  }

  .cmpv4-arc{
    position:absolute;
    left:10px;
    right:10px;
    bottom:-45px;
    height:100px;
    border-radius:100px 100px 0 0;
    border:8px solid transparent;
    border-top-color:#20B8C7;
    border-left-color:#684AE9;
    border-right-color:#B55D34;
  }

  .cmpv4-needle{
    --cmpv4-risk-angle:0deg;
    position:absolute;
    left:50%;
    bottom:7px;
    width:2px;
    height:35px;
    background:#1F1C27;
    transform-origin:bottom center;
    transform:rotate(var(--cmpv4-risk-angle));
    transition:transform .55s cubic-bezier(.2,.8,.2,1);
  }

  .cmpv4-risk-card > b{
    display:block;
    margin-top:2px;
    font-size:11.7px;
  }

  .cmpv4-risk-card > small{
    display:block;
    margin-top:1px;
    color:#5D5764;
    font-size:10.7px;
    font-weight:700;
  }

  .cmpv4-risk-legend{
    margin-top:8px;
    padding:0 12px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    font-size:10.3px;
    font-weight:800;
    text-align:center;
  }

  .cmpv4-risk-legend span:first-child{color:#684AE9;text-align:right}
  .cmpv4-risk-legend span:nth-child(2){color:#66606C}
  .cmpv4-risk-legend span:last-child{color:#B55D34;text-align:left}

  .cmpv4-round-note{
    max-height:0;
    margin:0;
    overflow:hidden;
    color:#595462;
    font-size:11.8px;
    line-height:1.72;
    transition:max-height .32s ease,margin .2s ease;
  }

  .cmpv4-round.is-open .cmpv4-round-note{
    max-height:110px;
    margin-top:11px;
  }

  /* Quick decision */
  .cmpv4-quick{
    margin-top:14px;
  }

  .cmpv4-quick h2{
    margin:0;
    color:#171522;
    font-size:18.5px;
    font-weight:600;
  }

  .cmpv4-quick-list{
    margin-top:7px;
    border-top:1px solid #E5E1EB;
  }

  .cmpv4-quick-row{
    width:100%;
    min-height:64px;
    padding:0;
    border:0;
    border-bottom:1px solid #E5E1EB;
    background:transparent;
    color:#171522;
    text-align:start;
    display:grid;
    grid-template-columns:88px 1fr 34px;
    gap:10px;
    align-items:center;
  }

  .cmpv4-quick-row strong{
    font:700 14.5px/1.3 Georgia,"Times New Roman",serif;
    white-space:nowrap;
  }

  .cmpv4-quick-row span small{
    display:block;
    color:#716B78;
    font-size:10.2px;
  }

  .cmpv4-quick-row span b{
    display:block;
    margin-top:2px;
    font-size:13px;
    line-height:1.5;
  }

  .cmpv4-quick-row > i{
    width:30px;
    height:30px;
    border-radius:10px;
    background:#F1EDFF;
    display:grid;
    place-items:center;
    color:#684AE9;
    font-style:normal;
    font-weight:900;
    transition:transform .2s ease;
  }

  .cmpv4-quick-row.is-open > i{
    transform:rotate(-90deg);
  }

  .cmpv4-quick-row > em{
    grid-column:1/-1;
    max-height:0;
    padding:0;
    overflow:hidden;
    color:#595462;
    font-style:normal;
    font-size:11.5px;
    line-height:1.72;
    transition:max-height .3s ease,padding .25s ease;
  }

  .cmpv4-quick-row.is-open > em{
    max-height:75px;
    padding:0 0 10px;
  }

  /* Supporting links */
  .cmpv4-links{
    margin-top:12px;
    border-top:1px solid #E5E1EB;
  }

  .cmpv4-links a{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #E5E1EB;
    color:#171522;
    text-decoration:none;
    font-size:11.8px;
    font-weight:750;
  }

  .cmpv4-links a span{
    color:#684AE9;
  }

  /* Reference parity: sticky action dock from AIAI_COMPARE_FINAL_V4. */
  .cmpv4-actions{
    position:sticky;
    bottom:0;
    z-index:20;
    margin:16px -17px 0;
    padding:12px 17px calc(12px + env(safe-area-inset-bottom,0px));
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    background:linear-gradient(to top,#F7F6FB 74%,rgba(247,246,251,.10));
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
  }

  .cmpv4-actions a{
    min-height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:11.8px;
    font-weight:800;
  }

  .cmpv4-actions a.is-primary{
    background:#684AE9;
    color:#fff;
    box-shadow:0 9px 22px rgba(104,74,233,.16);
  }

  .cmpv4-actions a:not(.is-primary){
    padding-inline:13px;
    background:#fff;
    border:1px solid #E5E1EB;
    color:#5D5867;
  }

  @media(max-width:360px){
    body.page-compare.compare-clean-r17 .cmpv4-mobile{padding-inline:14px}
    .cmpv4-beam{width:226px;margin-left:-113px}
    .cmpv4-tool-switch.is-active > b{display:none}
    .cmpv4-quick-row{grid-template-columns:78px 1fr 32px}
  }

  @media(prefers-reduced-motion:reduce){
    body.page-compare.compare-clean-r17 *,
    body.page-compare.compare-clean-r17 *::before,
    body.page-compare.compare-clean-r17 *::after{
      transition:none!important;
      animation:none!important;
      scroll-behavior:auto!important;
    }
  }
}

@media(min-width:768px){
  .cmp17-header,
  .cmp17-menu-sheet,
  .cmpv4-mobile{
    display:none!important;
  }
}