@layer reset, tokens, base, layout, parts, pages, motion;

@layer reset{
  *,*::before,*::after{box-sizing:border-box}
  body,h1,h2,h3,p,figure,blockquote,dl,dd,ol,ul{margin:0}
  img{display:block;max-width:100%;height:auto}
  button{font:inherit;cursor:pointer}
}
@layer tokens{
  :root{
    --aq-ink:#1b2735;--aq-body:#3c4a5a;--aq-mute:#657487;
    --aq-red:#d63b3b;--aq-red-dk:#b52c2c;--aq-red-lt:#fdecec;
    --aq-sky:#2b8fd6;--aq-sky-lt:#eaf4fc;--aq-sky-bg:#f5faff;
    --aq-sun:#f2b134;--aq-leaf:#35a36b;--aq-line:#dde7f1;
    --aq-h:"Rubik","Segoe UI",Arial,sans-serif;--aq-t:"Karla","Segoe UI",Arial,sans-serif;
    --aq-r:20px;--aq-r-sm:12px;
    --aq-sh:0 26px 50px -32px rgb(27 39 53 / .5);--aq-sh-sm:0 12px 24px -18px rgb(27 39 53 / .45);
  }
}
@layer base{
  html{scroll-behavior:smooth;scroll-padding-top:96px}
  .aq-body{font:400 19.5px/1.72 var(--aq-t);color:var(--aq-body);background:#fff;padding-bottom:80px}
  h1,h2,h3{font-family:var(--aq-h);color:var(--aq-ink);line-height:1.13;letter-spacing:-.015em}
  h2{font-size:clamp(1.9rem,3.7vw,2.8rem);font-weight:700}
  h3{font-size:1.28rem;font-weight:600}
  a{color:var(--aq-sky)}
  :focus-visible{outline:3px solid var(--aq-sun);outline-offset:3px}
  .aq-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .aq-i{width:20px;height:20px;flex:none}
}
@layer layout{
  .aq-wrap{width:min(1170px,100% - 40px);margin-inline:auto}
  .aq-narrow{max-width:880px}
  .aq-sec{padding-block:clamp(62px,8vw,106px)}
  .aq-sec--sky{background:var(--aq-sky-bg)}
  .aq-head{text-align:center;max-width:780px;margin:0 auto 2.5rem;
    & p:last-child{color:var(--aq-mute);font-size:1.1rem;margin-top:.7rem}}
  .aq-center{text-align:center;margin-top:2rem}
  .aq-center-row{justify-content:center}
  .aq-kicker{display:inline-flex;align-items:center;gap:.55rem;font:600 .92rem var(--aq-h);letter-spacing:.07em;text-transform:uppercase;color:var(--aq-red);margin-bottom:.9rem;
    & span{width:26px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--aq-red) 0 33%,var(--aq-sun) 0 66%,var(--aq-sky) 0)}}
}
@layer parts{
  .aq-skip{position:absolute;left:-999px;top:8px;z-index:300;background:var(--aq-ink);color:#fff;padding:.6rem 1rem;border-radius:8px;&:focus{left:10px}}
  .aq-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:54px;padding:.75rem 1.5rem;border-radius:var(--aq-r-sm);font:600 1.04rem/1.2 var(--aq-h);text-decoration:none;border:2px solid transparent;transition:transform .16s,background .16s;text-align:center}
  .aq-cta--red{background:var(--aq-red);color:#fff;box-shadow:inset 0 -4px 0 rgb(0 0 0 / .16);&:hover{background:var(--aq-red-dk);transform:translateY(-2px)}}
  .aq-cta--line{background:#fff;color:var(--aq-ink);border-color:var(--aq-ink);&:hover{background:var(--aq-sky-lt)}}
  .aq-cta--big{min-height:62px;padding:.9rem 1.8rem;font-size:1.12rem}
  .aq-cta--full{width:100%}
  .aq-more{display:inline-flex;align-items:center;gap:.4rem;font:600 1.05rem var(--aq-h);color:var(--aq-sky);text-decoration:none;border-bottom:2px dashed var(--aq-sky);padding-bottom:3px;
    &:hover .aq-i{transform:translateX(4px)} & .aq-i{transition:transform .2s}}

  .aq-bar{position:sticky;top:0;z-index:120;background:rgb(255 255 255 / .96);backdrop-filter:blur(8px);border-bottom:1px solid var(--aq-line)}
  .aq-bar__row{display:flex;align-items:center;gap:1rem;min-height:78px}
  .aq-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;margin-right:auto}
  .aq-brand__ball{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:800 1.1rem var(--aq-h);color:var(--aq-ink);background:radial-gradient(circle at 50% 50%,#fff 0 42%,var(--aq-red) 43%);box-shadow:inset -4px -5px 0 rgb(0 0 0 / .12)}
  .aq-brand__txt{font:700 1.22rem/1.05 var(--aq-h);color:var(--aq-ink);& small{display:block;font:700 .8rem var(--aq-t);color:var(--aq-mute)}}
  .aq-nav{display:none;gap:1.3rem;& a{font-weight:700;font-size:1rem;color:var(--aq-body);text-decoration:none;&:hover{color:var(--aq-red)}}}
  .aq-bar__cta{display:none;min-height:48px;padding:.55rem 1.1rem;font-size:.98rem}
  .aq-toggle{width:50px;height:50px;border-radius:14px;border:2px solid var(--aq-line);background:#fff;display:grid;align-content:center;justify-items:center;gap:5px;
    & i{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--aq-ink);transition:.2s}
    &[aria-expanded="true"] i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
    &[aria-expanded="true"] i:nth-child(2){opacity:0}
    &[aria-expanded="true"] i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}}
  .aq-panel{border-top:1px solid var(--aq-line);background:#fff;
    & .aq-wrap{display:grid;padding-block:.5rem 1.2rem}
    & a:not(.aq-cta){padding:.8rem 0;border-bottom:1px solid var(--aq-line);font-weight:700;color:var(--aq-ink);text-decoration:none}
    & .aq-cta{margin-top:1rem}}

  .aq-hero{position:relative;overflow:hidden;padding-block:26px 70px;background:
    radial-gradient(600px 380px at 90% 20%,var(--aq-sky-lt),transparent 70%),
    radial-gradient(400px 300px at 0% 100%,var(--aq-red-lt),transparent 70%),#fff}
  .aq-hero__grid{display:grid;gap:26px;align-items:center}
  .aq-hero__art{position:relative;width:min(420px,92%);margin-inline:auto;aspect-ratio:1;display:grid;place-items:center}
  .aq-drum{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 30%,var(--aq-sky-lt) 70%);border:3px solid #cfe3f5;box-shadow:inset 0 -18px 40px -20px rgb(43 143 214 / .35);overflow:hidden;container-type:inline-size}
  .aq-drum__ball{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;display:grid;place-items:center;font:800 1rem var(--aq-h);color:var(--aq-ink);
    background:radial-gradient(circle,#fff 0 40%,var(--c) 41%);box-shadow:inset -4px -5px 0 rgb(0 0 0 / .15);animation:aq-tumble 5.2s linear infinite;animation-delay:var(--d)}
  .aq-hero__box{position:relative;z-index:2;width:40%;filter:drop-shadow(0 26px 24px rgb(27 39 53 / .38))}
  .aq-hero h1{font-size:clamp(2.1rem,4.9vw,3.8rem);font-weight:800}
  .aq-hero__lead{font-size:clamp(1.12rem,1.5vw,1.28rem);margin-top:1rem;max-width:640px}
  .aq-hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin-block:1.5rem}
  .aq-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;
    & div{background:#fff;border:2px solid var(--aq-line);border-radius:var(--aq-r-sm);padding:10px 12px}
    & dt{font-size:.85rem;font-weight:700;color:var(--aq-mute);text-transform:uppercase;letter-spacing:.05em}
    & dd{font:700 1.2rem var(--aq-h);color:var(--aq-ink)}}

  .aq-hot{display:grid;gap:24px;align-items:center}
  .aq-hot__img{position:relative;container-type:inline-size;
    & img{width:100%}}
  .aq-pin{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:clamp(28px,6cqi,40px);height:clamp(28px,6cqi,40px);border-radius:50%;border:3px solid #fff;background:var(--aq-red);color:#fff;font:800 clamp(.8rem,2.4cqi,1.05rem) var(--aq-h);box-shadow:0 0 0 0 rgb(214 59 59 / .55);animation:aq-ping 2.2s infinite;
    &.is-on{background:var(--aq-sun);color:var(--aq-ink);animation:none;scale:1.15}}
  .aq-parts{list-style:none;padding:0;display:grid;gap:10px;
    & li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#fff;border:2px solid var(--aq-line);border-radius:var(--aq-r-sm);padding:12px 14px;transition:border-color .2s,background .2s}
    & li.is-on{border-color:var(--aq-sun);background:#fffaf0}
    & a{font:600 1.1rem var(--aq-h);color:var(--aq-ink);text-decoration:none;&:hover{color:var(--aq-red)}}
    & p{font-size:1rem;margin-top:.15rem}}
  .aq-parts__no{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--aq-red);color:#fff;font:800 1.05rem var(--aq-h)}

  .aq-banner{width:100%;border-radius:var(--aq-r);margin-bottom:2.2rem;box-shadow:var(--aq-sh)}
  .aq-flow{list-style:none;padding:0;display:grid;gap:22px;counter-reset:f;
    & li{display:grid;background:#fff;border-radius:var(--aq-r);overflow:hidden;box-shadow:var(--aq-sh-sm);border:1px solid var(--aq-line)}
    & img{width:100%;aspect-ratio:4/3;object-fit:cover}
    & li>div{position:relative;padding:34px 22px 22px}
    & p{font-size:1.02rem;margin-top:.4rem}}
  .aq-flow__n{position:absolute;top:-26px;left:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--aq-sun);color:var(--aq-ink);font:800 1.3rem var(--aq-h);border:4px solid #fff}

  .aq-scale{display:grid;gap:18px}
  .aq-scale__svg{width:min(420px,100%);margin-inline:auto}
  .aq-scale__beam{transform-origin:200px 45px;animation:aq-tip 1.8s cubic-bezier(.3,1.6,.5,1) both}
  .aq-scale__cols{display:grid;gap:18px}
  .aq-scale__up,.aq-scale__down{border-radius:var(--aq-r);padding:24px 24px 18px;
    & h3{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}
    & ul{padding-left:1.1em} & li{margin-bottom:.4em}}
  .aq-scale__up{background:var(--aq-sky-lt);& h3{color:#1c6aa6}}
  .aq-scale__down{background:var(--aq-red-lt);& h3{color:var(--aq-red-dk)}}

  .aq-rate{display:grid;gap:24px;align-items:center;background:#fff;border-radius:26px;padding:26px;border:2px solid var(--aq-line);box-shadow:var(--aq-sh);margin-bottom:26px}
  .aq-rate__dial{width:190px;aspect-ratio:1;margin-inline:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--aq-red) calc(var(--p)*1%),var(--aq-sky-lt) 0);
    & div{width:74%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}
    & strong{font:800 3.2rem/1 var(--aq-h);color:var(--aq-ink)} & span{font-size:.95rem;color:var(--aq-mute);font-weight:700}}
  .aq-rate__stars{color:var(--aq-sun);font-size:1.6rem;letter-spacing:3px}
  .aq-rate__meta{margin-bottom:.9rem}
  .aq-rate__stack{display:flex;height:34px;border-radius:10px;overflow:hidden;
    & span{width:var(--w);display:grid;place-items:center;font-weight:800;font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;animation:aq-grow 1.3s ease both}}
  .aq-s1{background:var(--aq-red)}.aq-s2{background:#e8845a}.aq-s3{background:var(--aq-sun)}.aq-s4{background:#6fb4e6}.aq-s5{background:var(--aq-sky)}
  .aq-rate__key{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.7rem;font-size:.95rem;font-weight:700;
    & li{display:flex;align-items:center;gap:.35rem} & i{width:12px;height:12px;border-radius:3px}}
  .aq-quotes{display:grid;gap:18px}
  .aq-quote{display:flex;flex-direction:column;background:#fff;border-radius:var(--aq-r);padding:22px;border:1px solid var(--aq-line);box-shadow:var(--aq-sh-sm);position:relative;
    &::after{content:"";position:absolute;left:28px;bottom:-12px;width:22px;height:22px;background:#fff;border-right:1px solid var(--aq-line);border-bottom:1px solid var(--aq-line);rotate:45deg}
    & blockquote{flex:1;font-size:1.02rem;margin-block:.6rem 1rem}
    & figcaption{display:flex;align-items:center;gap:12px;& b{display:block;color:var(--aq-ink)} & small{color:var(--aq-mute);font-size:.92rem}}}
  .aq-quote__head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
  .aq-quote__stars{color:var(--aq-sun);letter-spacing:2px}
  .aq-quote__tag{font-size:.84rem;font-weight:800;color:var(--aq-sky);background:var(--aq-sky-lt);border-radius:6px;padding:.05rem .5rem}
  .aq-quote__ini{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 .95rem var(--aq-h);background:var(--aq-red-lt);color:var(--aq-red-dk);flex:none}
  .aq-help{margin-block:34px 12px;background:#fff;border:2px dashed var(--aq-red);border-radius:var(--aq-r);padding:22px 24px;
    & ol{padding-left:1.2em;margin-block:.5rem} & p{margin:0}}
  .aq-fine{font-size:.97rem;color:var(--aq-mute)}

  .aq-test{display:grid;gap:30px;align-items:center;& .aq-test__intro p{margin-top:1rem}}
  .aq-sim{display:block;background:#fff;border:2px solid var(--aq-line);border-radius:26px;padding:24px;box-shadow:var(--aq-sh)}
  .aq-sim__controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:18px}
  .aq-sim__count{font:700 1.15rem var(--aq-h);color:var(--aq-ink);font-variant-numeric:tabular-nums}
  .aq-sim__lanes{display:grid;gap:14px}
  .aq-sim__lane{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;
    & b{font:700 1.05rem var(--aq-h);color:var(--aq-ink);font-variant-numeric:tabular-nums}}
  .aq-sim__name{grid-column:1/-1;font-weight:700;font-size:.98rem}
  .aq-sim__track{height:26px;border-radius:8px;background:var(--aq-sky-bg);border:1px solid var(--aq-line);overflow:hidden}
  .aq-sim__fill{display:block;height:100%;width:0;border-radius:8px;transition:width .25s}
  .aq-sim__fill--hot{background:repeating-linear-gradient(45deg,var(--aq-red) 0 10px,#e25555 10px 20px)}
  .aq-sim__fill--rnd{background:repeating-linear-gradient(45deg,var(--aq-sky) 0 10px,#4aa3e2 10px 20px)}
  .aq-sim__fill--exp{background:var(--aq-sun)}
  .aq-sim__lane--exp{opacity:.85}
  .aq-sim__note{margin-top:16px;font-size:1rem;background:var(--aq-sky-bg);border-radius:var(--aq-r-sm);padding:12px 14px}

  .aq-price{display:grid;gap:22px}
  .aq-price__tag{display:grid;gap:20px;align-items:center;background:#fff;border-radius:26px;padding:26px;border:3px solid var(--aq-ink);position:relative;
    &::before{content:"";position:absolute;top:22px;right:22px;width:22px;height:22px;border-radius:50%;border:3px solid var(--aq-ink);background:var(--aq-sky-bg)}
    & img{width:min(190px,60%);margin-inline:auto;filter:drop-shadow(0 20px 20px rgb(27 39 53 / .3))}}
  .aq-price__label{font:600 .95rem var(--aq-h);text-transform:uppercase;letter-spacing:.07em;color:var(--aq-red)}
  .aq-price__big{font:800 clamp(4rem,9vw,5.4rem)/1 var(--aq-h);color:var(--aq-ink);margin-block:.3rem;& sup{font-size:.45em;vertical-align:top;margin-right:2px}}
  .aq-price__was{color:var(--aq-mute);font-size:1rem}
  .aq-price__list{list-style:none;padding:0;display:grid;gap:8px;margin-block:1rem 1.3rem;& li{display:flex;gap:.5rem;align-items:flex-start;font-weight:700;color:var(--aq-ink)} & .aq-i{color:var(--aq-leaf);margin-top:4px}}
  .aq-price__window{background:#fff;border-radius:26px;padding:24px;border:2px solid var(--aq-line);
    & img{width:130px;margin:0 auto .8rem} & h3{text-align:center;margin-bottom:.8rem} & p{font-size:1rem;margin-top:1rem}}
  .aq-days{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;
    & li{aspect-ratio:1;border-radius:8px;background:var(--aq-sky-lt);display:grid;place-items:center;font:700 .95rem var(--aq-h);color:#1c6aa6}
    & .aq-day--go{background:var(--aq-leaf);color:#fff} & .aq-day--end{background:var(--aq-red);color:#fff}}

  .aq-reads{list-style:none;padding:0;display:grid;gap:12px;max-width:940px;margin-inline:auto;
    & a{display:grid;grid-template-columns:64px 1fr;gap:2px 16px;align-items:center;background:#fff;border:2px solid var(--aq-line);border-radius:var(--aq-r);padding:16px 20px;text-decoration:none;transition:border-color .2s,transform .2s;
      &:hover{border-color:var(--aq-red);transform:translateX(6px)}}
    & span{grid-row:span 2;font:800 2.2rem var(--aq-h);color:var(--aq-red)}
    & b{font:600 1.15rem var(--aq-h);color:var(--aq-ink)} & em{font-style:normal;font-size:1rem;color:var(--aq-body)}}

  .aq-faqs{display:grid;gap:10px}
  .aq-faq{background:#fff;border:2px solid var(--aq-line);border-radius:var(--aq-r-sm);
    &[open]{border-color:var(--aq-sky)}
    & summary{list-style:none;cursor:pointer;padding:18px 58px 18px 20px;position:relative;font:600 1.14rem var(--aq-h);color:var(--aq-ink);
      &::-webkit-details-marker{display:none}
      &::after{content:"+";position:absolute;right:16px;top:50%;translate:0 -50%;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--aq-sky-lt);color:var(--aq-sky);font-weight:800}}
    &[open] summary::after{content:"\2013";background:var(--aq-sky);color:#fff}
    & div{padding:0 20px 18px}}

  .aq-end{padding-block:clamp(62px,8vw,100px)}
  .aq-end__box{text-align:center;border-radius:32px;padding:clamp(34px,6vw,70px) clamp(18px,5vw,60px);background:linear-gradient(120deg,var(--aq-red-lt),#fff 45%,var(--aq-sky-lt));border:2px solid var(--aq-line);
    & p{max-width:640px;margin:.8rem auto 0}}
  .aq-end__balls{display:flex;justify-content:center;gap:8px;margin-bottom:1.2rem;
    & i{font:800 1.1rem var(--aq-h);font-style:normal;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--aq-ink);background:radial-gradient(circle,#fff 0 42%,var(--c) 43%);box-shadow:inset -4px -5px 0 rgb(0 0 0 / .14);animation:aq-hop 2.4s ease-in-out infinite}
    & i:nth-child(2){animation-delay:.12s}& i:nth-child(3){animation-delay:.24s}& i:nth-child(4){animation-delay:.36s}& i:nth-child(5){animation-delay:.48s}& i:nth-child(6){animation-delay:.6s}}

  .aq-foot{background:var(--aq-sky-bg);border-top:5px solid var(--aq-red);padding-block:56px 28px;font-size:1rem;
    & h2{font-size:1.08rem;margin-bottom:.6rem} & ul{list-style:none;padding:0;display:grid;gap:.4rem}
    & a{color:var(--aq-body);text-decoration:none;&:hover{color:var(--aq-red);text-decoration:underline}}
    & .aq-brand{margin-bottom:.8rem}}
  .aq-foot__grid{display:grid;gap:28px}
  .aq-foot__help{margin-block:30px 14px;background:#fff;border-radius:var(--aq-r-sm);padding:14px 18px;color:var(--aq-ink);border-left:5px solid var(--aq-sun)}
  .aq-foot__legal{font-size:.93rem;color:var(--aq-mute);margin-top:.6rem}
  .aq-foot__copy{text-align:center}
  .aq-sticky{position:fixed;inset:auto 0 0;z-index:110;background:#fff;border-top:1px solid var(--aq-line);padding-block:9px;box-shadow:0 -14px 28px -22px rgb(27 39 53 / .55)}
  .aq-sticky__row{display:flex;align-items:center;justify-content:space-between;gap:12px;& p{display:none;color:var(--aq-ink)} & .aq-cta{width:100%;min-height:50px}}
}
@layer pages{
  .aq-intro{background:linear-gradient(180deg,var(--aq-sky-bg),#fff);padding-block:34px 38px;border-bottom:1px solid var(--aq-line);
    & h1{font-size:clamp(2.05rem,4.4vw,3.2rem);font-weight:800;max-width:920px} & p{font-size:1.14rem;max-width:760px;margin-top:.8rem}}
  .aq-crumbs{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.3rem;font-size:.95rem;color:var(--aq-mute);margin-bottom:.9rem;
    & li+li::before{content:"/";margin-right:.3rem;color:#a8b5c3} & a{font-weight:700;color:var(--aq-sky);text-decoration:none}}
  .aq-page{display:grid;gap:38px;padding-block:46px 80px}
  .aq-text{min-width:0;max-width:820px;
    & h2{font-size:clamp(1.5rem,2.6vw,1.95rem);margin-block:1.6em .5em}
    & p,& ul,& ol{margin-bottom:1em} & li{margin-bottom:.45em}
    & .aq-rate,& .aq-quotes{margin-top:1.2rem}}
  .aq-fig{margin-bottom:1.6rem;max-width:520px;background:#fff;border-radius:var(--aq-r);padding:12px;border:1px solid var(--aq-line);box-shadow:var(--aq-sh-sm);
    & img{border-radius:12px;width:100%} & figcaption{text-align:center;font-size:.94rem;color:var(--aq-mute);margin-top:.5rem}}
  .aq-fig--wide{max-width:none}
  .aq-by{font-size:.96rem;font-weight:700;color:var(--aq-mute)}
  .aq-yes li::marker{content:"\2713  ";color:var(--aq-leaf);font-weight:800}
  .aq-nope li::marker{content:"\2715  ";color:var(--aq-red);font-weight:800}
  .aq-tablewrap{overflow-x:auto;margin-block:1.2rem;
    & table{width:100%;border-collapse:collapse;background:#fff}
    & th,& td{padding:.75rem .9rem;border:1px solid var(--aq-line);text-align:left}
    & th{background:var(--aq-sky-lt);color:var(--aq-ink)}}
  .aq-cards{display:grid;gap:14px;margin-block:1.4rem;
    & .aq-card{display:block;background:#fff;border:2px solid var(--aq-line);border-radius:var(--aq-r);padding:20px;text-decoration:none;color:var(--aq-body);&:hover{border-color:var(--aq-red)}}
    & span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--aq-red);color:#fff;font:800 1rem var(--aq-h);margin-bottom:.5rem}
    & p{margin:0;font-size:1.02rem}}
  .aq-related{margin-top:2.2rem;background:var(--aq-sky-bg);border-radius:var(--aq-r);padding:22px 24px;& h2{margin-top:0;font-size:1.3rem}}
  .aq-push{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-top:2rem;padding:20px 22px;border-radius:var(--aq-r);background:var(--aq-red-lt);& p{margin:0;font-weight:700;color:var(--aq-ink)}}
  .aq-side{display:grid;gap:16px;align-content:start}
  .aq-side__card{background:#fff;border:2px solid var(--aq-line);border-radius:var(--aq-r);padding:20px;text-align:center;& img{width:110px;margin:0 auto .6rem} & p{margin-bottom:.9rem}}
  .aq-side__warn{background:var(--aq-red-lt);border-radius:var(--aq-r);padding:18px 20px;& p{margin:.3rem 0 0;font-size:1rem}}
}
@layer motion{
  @keyframes aq-tumble{0%{transform:rotate(0) translateX(37cqi) rotate(0)}100%{transform:rotate(360deg) translateX(37cqi) rotate(-360deg)}}
  @keyframes aq-ping{0%{box-shadow:0 0 0 0 rgb(214 59 59 / .55)}80%,100%{box-shadow:0 0 0 14px rgb(214 59 59 / 0)}}
  @keyframes aq-tip{from{rotate:0deg}to{rotate:9deg}}
  @keyframes aq-grow{from{width:0}}
  @keyframes aq-hop{0%,100%{translate:0 0}40%{translate:0 -12px}}
  .aq-rise{opacity:0;translate:0 22px;transition:opacity .6s,translate .6s;&.is-in{opacity:1;translate:0 0}}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.aq-rise{opacity:1;translate:0 0}}
}
@media (min-width:640px){
  .aq-sticky__row p{display:block}.aq-sticky__row .aq-cta{width:auto}
  .aq-quotes,.aq-cards{grid-template-columns:repeat(2,1fr)}
  .aq-scale__cols{grid-template-columns:1fr 1fr}
  .aq-price__tag{grid-template-columns:200px 1fr}
}
@media (min-width:920px){
  .aq-hero{padding-block:56px 92px}
  .aq-hero__grid{grid-template-columns:1.15fr .85fr;gap:46px}
  .aq-hero__art{order:2;width:100%}
  .aq-hero__copy{order:1}
  .aq-hot{grid-template-columns:1.35fr 1fr}
  .aq-flow{grid-template-columns:repeat(3,1fr)}
  .aq-rate{grid-template-columns:230px 1fr;padding:32px}
  .aq-quotes{grid-template-columns:repeat(3,1fr)}
  .aq-quotes--2{grid-template-columns:repeat(2,1fr)}
  .aq-test{grid-template-columns:1fr 1.05fr;gap:50px}
  .aq-price{grid-template-columns:1.4fr 1fr;align-items:stretch}
  .aq-foot__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
  .aq-page--side{grid-template-columns:minmax(0,1fr) 290px}
  .aq-side{position:sticky;top:100px}
}
@media (min-width:1180px){.aq-nav{display:flex}.aq-bar__cta{display:inline-flex}aq-menu,.aq-panel{display:none!important}}
@layer pages{.aq-flow li:first-child img{object-position:center bottom}}