/* One continuous CSS illustration behind the whole marketing page. No image files. */
body.mk{
 --wash-violet:#b99aee27;--wash-mint:#8bcbbb20;--wash-blue:#adc8f52b;
 --ribbon-light:#ffffffb3;--ribbon-edge:#b4a0db20;--ribbon-shadow:#b4a0db09;
 position:relative;isolation:isolate;
 background:
  radial-gradient(ellipse at 6% 12%,var(--wash-violet),transparent 46%),
  radial-gradient(ellipse at 97% 42%,var(--wash-mint),transparent 45%),
  radial-gradient(ellipse at 38% 94%,var(--wash-blue),transparent 51%),var(--bg);
 background-size:100% 100%;background-attachment:fixed;
}
body.mk:before,body.mk:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body.mk:before{
 background:
  radial-gradient(ellipse 135% 92% at -18% 113%,transparent 59.5%,var(--ribbon-light) 59.7%,var(--ribbon-edge) 59.85%,transparent 60.1%,var(--ribbon-shadow) 61.6%,transparent 63%),
  radial-gradient(ellipse 130% 135% at 125% -22%,transparent 60.5%,var(--ribbon-light) 60.7%,var(--ribbon-edge) 60.85%,transparent 61.1%,var(--ribbon-shadow) 62%,transparent 64%);
}
body.mk:after{
 background:
  radial-gradient(ellipse 94% 130% at 104% 108%,transparent 55%,var(--ribbon-light) 55.2%,var(--ribbon-edge) 55.35%,transparent 55.6%),
  radial-gradient(ellipse at 85% 17%,var(--wash-blue),transparent 45%);
}
.mk .how-section,.mk .price-comparison{background:transparent}
.mk .hero h1{font-size:clamp(40px,4.1vw,58px);line-height:1.08;letter-spacing:-2.6px;max-width:530px}
.mk .hero .highlight{margin-left:0;margin-top:0}
.mk .hero-lead{max-width:415px}
[data-theme=dark] body.mk{
 --wash-violet:#9b74d419;--wash-mint:#6cc8ac0d;--wash-blue:#739de117;
 --ribbon-light:#cbb5f214;--ribbon-edge:#ab92dc14;--ribbon-shadow:#9376c207;
}
@media(min-width:1101px){.mk .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
@media(min-width:701px) and (max-width:1100px){.mk .hero h1{font-size:clamp(35px,4.4vw,48px);letter-spacing:-1.9px}}
@media(max-width:700px){.mk .hero h1{font-size:clamp(37px,7.7vw,51px);letter-spacing:-1.8px;max-width:570px}.mk .hero h1>br:nth-of-type(2){display:inline}.mk .hero-lead{max-width:470px}}
@media(max-width:370px){.mk .hero h1{font-size:36px;letter-spacing:-1.7px}}