@layer components{.marketing-page-bg{--fold:calc((100dvh - 600px) / 228);--fold-12:clamp(4px, calc(var(--fold) * 12), 12px);--fold-20:clamp(6px, calc(var(--fold) * 20), 20px);--fold-24:clamp(8px, calc(var(--fold) * 24), 24px);background:linear-gradient(#fff 0%,#f6f4ff 45%,#fdf9f3 100%)}.marketing-hero-card{background:radial-gradient(120% 60% at 100% 0,#e6ecff 0%,#e6ecff00 60%),linear-gradient(#f3f6ff 0%,#fff 40%,#fffaf3 100%);border:1px solid #e3e9fb;border-radius:16px;box-shadow:0 4px 16px #2541ae0f}.marketing-section-title{align-items:center;gap:12px;display:flex}.marketing-section-title:before,.marketing-section-title:after{content:"";flex:1;height:1px}.marketing-section-title:before{background:linear-gradient(90deg,#0000 0%,#212529 100%)}.marketing-section-title:after{background:linear-gradient(90deg,#212529 0%,#0000 100%)}.marketing-range{--fill:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.marketing-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--fill), #e3e9fb var(--fill), #e3e9fb 100%);border-radius:999px;height:4px}.marketing-range::-moz-range-track{background:#e3e9fb;border-radius:999px;height:4px}.marketing-range::-moz-range-progress{background:var(--primary);border-radius:999px;height:4px}.marketing-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--primary);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px}.marketing-range::-moz-range-thumb{border:3px solid var(--primary);background:#fff;border-radius:50%;width:10px;height:10px}.marketing-range:focus-visible{outline:none}.marketing-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--primary-a30)}.marketing-attention{border-color:var(--primary);animation:1s ease-in-out .35s marketing-attention}@media (prefers-reduced-motion:reduce){.marketing-attention{animation-name:marketing-attention-ring}}}@keyframes marketing-attention{0%,to{transform:none;box-shadow:0 0 #0000}10%,30%{box-shadow:0 0 0 4px var(--primary-a30);transform:translate(-2px)scale(1.1)}20%,40%{box-shadow:0 0 0 6px var(--primary-a30);transform:translate(2px)scale(1.1)}50%{box-shadow:0 0 0 2px var(--primary-a30);transform:none}75%{box-shadow:0 0 0 6px var(--primary-a30)}}@keyframes marketing-attention-ring{0%,to{box-shadow:0 0 #0000}25%,75%{box-shadow:0 0 0 6px var(--primary-a30)}50%{box-shadow:0 0 0 2px var(--primary-a30)}}
