.l5{--brand: #4f70ce;--brand-d: #3a58b0;--night: #1e293b;--sub: #64748b;font-family:Red Hat Display,system-ui,sans-serif;color:var(--night);background:#fff;overflow-x:clip}@layer base{:where(.l5) a{color:inherit;text-decoration:none}:where(.l5) a:hover{text-decoration:none}}.l5-wrap{max-width:1180px;margin:0 auto;padding:0 28px}.l5-head{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:18px 28px;color:#fff}.l5-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.l5-brand img{height:34px;width:auto}.l5-brand b{font-weight:500;opacity:.75}.l5-head nav{display:flex;gap:2px;margin:0 auto}.l5-head nav a{padding:8px 14px;border-radius:8px;font-weight:500;font-size:.95rem;color:#ffffffd9}.l5-head nav a:hover{background:#ffffff24;color:#fff}.l5-head .header-actions a[class*=bg-black]{background:#fff;color:var(--brand-d)}.l5-hero{position:relative;display:grid;grid-template-columns:.95fr 1.15fr;gap:48px;align-items:center;padding:150px max(28px,calc((100vw - 1180px)/2)) 150px;color:#fff;background:radial-gradient(900px 500px at 85% 10%,#7792e3,transparent 60%),radial-gradient(700px 500px at 0% 100%,#3a58b0,transparent 60%),var(--brand);overflow:hidden}.l5-hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:#fff;clip-path:ellipse(75% 100% at 50% 100%)}.l5-badge{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:#ffffff29;font-size:.85rem;font-weight:500}.l5-badge span{padding:3px 11px;border-radius:999px;background:#10b981;font-weight:800;font-size:.75rem}.l5-hero h1{margin-top:22px;font-size:clamp(2.4rem,4.8vw,4.2rem);line-height:1.04;letter-spacing:-.04em;font-weight:900}.l5-hero h1 em{display:block;font-style:normal;color:#a7f3d0}.l5-lede{max-width:30em;margin-top:22px;font-size:1.2rem;line-height:1.6;color:#ffffffe0}.l5-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.l5-btn{display:inline-flex;padding:15px 26px;border-radius:12px;font-weight:700;transition:.2s}.l5-btn--white{background:#fff;color:var(--brand-d)!important;box-shadow:0 14px 28px -12px #0f173c99}.l5-btn--white:hover{transform:translateY(-2px)}.l5-btn--line{border:2px solid rgba(255,255,255,.5);color:#fff!important}.l5-btn--line:hover{background:#ffffff1f}.l5-small{margin-top:14px;font-size:.88rem;color:#fffc}.l5-window{position:relative;z-index:2;padding:12px;border-radius:20px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);box-shadow:0 40px 80px -30px #0f173cb3}.l5-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:0 2px 10px}.l5-tabs button{padding:8px 16px;border:0;border-radius:999px;background:transparent;color:#ffffffd9;font:700 .88rem Red Hat Display,sans-serif;cursor:pointer}.l5-tabs button:hover{background:#ffffff24}.l5-tabs button.is-on{background:#fff;color:var(--brand-d)}.l5-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px 12px 0 0;background:#f1f5f9}.l5-chrome i{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.l5-chrome span{margin-left:10px;padding:3px 12px;border-radius:6px;background:#fff;font-size:.72rem;color:var(--sub)}.l5-views{position:relative;aspect-ratio:1917 / 995;background:#fff;border-radius:0 0 12px 12px;overflow:hidden}.l5-views img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.02);transition:opacity .5s,transform .7s}.l5-views img.is-on{opacity:1;transform:none}.l5-note{margin-top:10px;padding:0 6px 2px;font-size:.9rem;color:#ffffffe6;min-height:1.3em}.l5-why{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:30px}.l5-why>div{padding:28px;border-radius:18px;background:#f4f6fd}.l5-why span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand);color:#fff}.l5-why svg{width:26px;height:26px}.l5-why h3{margin-top:16px;font-size:1.3rem;font-weight:800}.l5-why p{margin-top:6px;color:var(--sub);line-height:1.55}.l5-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:50px}.l5-steps>div{position:relative;padding:4px 0 4px 56px}.l5-steps b{position:absolute;left:0;top:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--night);color:#fff}.l5-steps h3{font-weight:800;font-size:1.15rem}.l5-steps p{margin-top:4px;color:var(--sub);line-height:1.5}.l5-sec{padding-top:96px}.l5-kicker{font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.l5-sec h2,.l5-perk h2,.l5-faq h2,.l5-final h2{margin-top:8px;font-size:clamp(2rem,3.8vw,3rem);line-height:1.08;letter-spacing:-.035em;font-weight:900}.l5-sub{margin-top:10px;color:var(--sub);font-size:1.1rem}.l5-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.l5-card{padding:24px;border-radius:16px;border:1px solid #e2e8f0;transition:.25s}.l5-card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 22px 40px -22px #4f70ce99}.l5-card svg{width:26px;height:26px;color:var(--brand)}.l5-card h3{margin-top:14px;font-weight:800;font-size:1.1rem}.l5-card p{margin-top:4px;color:var(--sub);line-height:1.55}.l5-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.l5-mods>div{display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding:18px 20px;border-radius:14px;background:#f4f6fd}.l5-mods svg{grid-row:span 2;width:26px;height:26px;color:var(--brand);margin-top:2px}.l5-mods span{margin-top:2px;font-size:.92rem;color:var(--sub);line-height:1.45}.l5-tiers{margin-top:36px;--t-accent: #4f70ce;--t-feat: #4f70ce;--t-radius: 18px}.l5-perk{display:flex;align-items:center;gap:24px;margin-top:70px;padding:32px 36px;border-radius:22px;background:linear-gradient(135deg,#4f70ce,#2f4690);color:#fff;max-width:1124px}.l5-perk>span{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:18px;background:#ffffff2e}.l5-perk>span svg{width:34px;height:34px}.l5-perk h2{margin:0;font-size:1.7rem}.l5-perk p{margin-top:6px;color:#dbe4ff;line-height:1.55}.l5-faq{margin-top:90px;padding:70px 0;background:var(--night);color:#fff}.l5-faq .l5-wrap{max-width:860px}.l5-faq details{border-bottom:1px solid rgba(255,255,255,.14);padding:18px 0}.l5-faq summary{display:flex;justify-content:space-between;gap:16px;font-weight:700;font-size:1.05rem;cursor:pointer;list-style:none}.l5-faq summary i{font-style:normal;color:#a7f3d0;transition:transform .2s}.l5-faq details[open] summary i{transform:rotate(45deg)}.l5-faq details p{margin-top:10px;color:#aab6c8;line-height:1.65}.l5-faq h2{margin-bottom:14px}.l5-final{padding-top:90px;padding-bottom:90px}.l5-final__box{padding:56px 32px;text-align:center;border-radius:28px;color:#fff;background:radial-gradient(500px 300px at 100% 0,#7792e3,transparent 70%),linear-gradient(135deg,#4f70ce,#2f4690)}.l5-final .l5-cta{justify-content:center}.l5-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:28px 28px 90px;background:#111827;color:#94a3b8;font-size:.9rem}.l5-foot nav{display:flex;gap:20px}.l5-foot a:hover{color:#fff}@media(max-width:960px){.l5-head nav{display:none}.l5-head{justify-content:space-between}.l5-hero{grid-template-columns:1fr;padding-top:120px;padding-bottom:120px}.l5-why,.l5-steps,.l5-grid3,.l5-mods{grid-template-columns:1fr}.l5-perk{flex-direction:column;align-items:flex-start;margin-inline:28px}}@media(max-width:600px){.l5 .header-actions a{white-space:nowrap;padding:8px 12px;font-size:.85rem}}
