.hero{color:#fff;background:radial-gradient(120% 120% at 70% -10%, #3ba1ff 0%, var(--brand) 45%, var(--brand-700) 100%);padding-block:var(--hero-pt) 3rem;position:relative;overflow:visible}.hero-inner{align-items:center;row-gap:var(--hero-gap);flex-direction:column;display:flex}.hero-text{text-align:center;max-width:52rem;margin:0}.hero-title{margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.08}.hero-sub{color:#ffffffeb;margin:0 0 1rem;font-size:clamp(1rem,1.2vw,1.125rem)}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-video{justify-content:center;width:100%;margin:0;display:flex}.video-shell{width:min(100%, var(--maxw));border:.0625rem solid #0206171a;border-radius:1.125rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #0206172e}.video-el{background:#02061733;border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;height:auto;display:block}.video-overlay{cursor:pointer;background:radial-gradient(60% 60%,#0206170d 0%,#02061759 75%,#02061780 100%);border:0;place-items:center;width:100%;padding:0;transition:opacity .25s,background .2s;display:grid;position:absolute;inset:0}.video-overlay:hover{background:radial-gradient(60% 60%,#0206170d 0%,#02061773 75%,#02061799 100%)}.video-shell.is-playing .video-overlay{opacity:0;pointer-events:none}.play-btn{backdrop-filter:blur(10px);background:#ffffff29;border:.0625rem solid #ffffff59;border-radius:999px;width:4.25rem;height:4.25rem;transition:transform .18s,background .18s;position:relative}.video-overlay:hover .play-btn{background:#ffffff42;transform:scale(1.1)}.play-btn:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:14px solid #fffffff2;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.video-shell:focus-visible{outline-offset:.2rem;outline:.2rem solid #ffffffbf}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=40rem){.video-shell{border-radius:.5rem}.play-btn{width:3.5rem;height:3.5rem}}.features{background:#fff;padding-block:6rem}.features-head{text-align:center;margin-inline:auto;max-width:46rem;margin-bottom:3rem}.grid{grid-template-columns:repeat(1,1fr);gap:2.5rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}@media (width>=48rem){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=72rem){.grid{grid-template-columns:repeat(4,1fr)}}.item{text-align:left;flex-direction:column;align-items:flex-start;gap:.75rem;transition:transform .2s;display:flex}.badge{background:var(--brand);border-radius:.875rem;justify-content:center;align-items:center;width:4.375rem;height:4.375rem;display:inline-flex;position:relative;box-shadow:0 .5rem 1rem #02061714}.badge-bg{background:color-mix(in srgb, var(--brand) 22%, transparent);border-radius:.875rem;transition:transform .3s;position:absolute;inset:0;transform:rotate(15deg)}.item:hover .badge-bg{transform:rotate(35deg)}.badge-icon{z-index:1;width:2rem;height:2rem;position:relative}.item-title{color:var(--ink);margin:0;font-size:1.125rem;font-weight:800}.item-text{color:var(--ink-2);margin:0;font-size:1rem;line-height:1.6}.item-link{color:var(--ink);margin-top:.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s}.item-link:hover{color:var(--brand-700)}.why{background:#f8fafc;padding-block:6rem}.why-head{text-align:center;margin-inline:auto;max-width:52rem;margin-bottom:3rem}@media (width<=40rem){.why-head{margin-bottom:0}}.why-content{flex-direction:column;align-items:center;gap:1.5rem;margin-top:4rem;display:flex}@media (width>=56rem){.why-content{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:3rem}}.text{color:var(--ink-2);flex-direction:column;flex:55%;font-size:1rem;line-height:1.7;display:flex}.text strong{color:var(--ink)}.highlight{border-left:.25rem solid var(--brand);color:var(--ink);background:#fff;border-radius:.5rem;padding:1rem 1.25rem;font-weight:600;box-shadow:0 .5rem 1rem #0206170d}.image{flex:40%;justify-content:center;display:flex}.image img{max-width:100%;height:auto}@media (width<=40rem){.image img{max-width:75%}}.testimonials{background:var(--bg);padding-block:3rem}.card{background:#fff;border:.0625rem solid #02061714;border-radius:1rem;grid-template-columns:1fr;row-gap:1.25rem;margin:0;padding:2rem;display:grid;box-shadow:0 .75rem 1.5rem #0206171f}@media (width>=56rem){.card{padding:2.25rem}}.quote{color:var(--ink);margin:0;font-size:clamp(1.05rem,1.2vw,1.25rem);line-height:1.7;position:relative}.quote-mark{color:color-mix(in srgb, var(--brand-600) 20%, var(--muted));font-size:3rem;font-weight:800;line-height:1;position:absolute;top:-.9rem;left:-.6rem}.person{grid-template-columns:auto 1fr;align-items:center;gap:.9rem;display:grid}.avatar{background:var(--muted);border:.0625rem solid #0206170f;border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.meta{flex-direction:column;display:flex}.name{color:var(--ink);font-weight:800;line-height:1.2}.role{color:var(--ink-2);font-size:.95rem}.setup{background:var(--muted);padding-block:6rem}.container{width:min(92%,70rem);margin-inline:auto}.head{text-align:center;margin-inline:auto;max-width:46rem;margin-bottom:3.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-600);margin-bottom:.5rem;font-weight:700;display:inline-block}.title{color:var(--ink);margin:0 0 .75rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15}.intro{color:var(--ink-2);margin:0;font-size:1rem}.steps{gap:2rem;display:grid}@media (width>=48rem){.steps{grid-template-columns:repeat(2,1fr);gap:2.5rem 2rem}}@media (width>=72rem){.steps{grid-template-columns:repeat(4,1fr);gap:2rem}}.step{text-align:center;background:#fff;border-radius:1rem;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 .75rem 1.5rem #02061714}.step:hover{transform:translateY(-.25rem);box-shadow:0 1rem 2rem #0206171a}.circle{background:var(--brand);color:#fff;margin-inline:auto;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.step-title{color:var(--ink);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.step-desc{color:var(--ink-2);font-size:.95rem;line-height:1.5}
