.gl{--gl-coral:#f0533a;--gl-pink:#e8336f;--gl-violet:#7c3aed;--gl-sky:#0ea5e9;--gl-sun:#f59e0b;width:100%;max-width:1080px;margin:0 auto;padding:clamp(16px,3vw,32px) 16px 56px}.gl-under-header{padding-top:96px}.gl-hero{--gl-x:.5;--gl-y:.5;isolation:isolate;color:#fff;background:linear-gradient(125deg, var(--gl-coral), var(--gl-pink) 34%, var(--gl-violet) 68%, var(--gl-sky));transform:perspective(1400px) rotateX(calc((var(--gl-y) - .5) * -4deg)) rotateY(calc((var(--gl-x) - .5) * 6deg));background-size:180% 180%;border-radius:32px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,40px);padding:clamp(28px,5vw,56px);transition:transform .3s cubic-bezier(.2,.8,.2,1);animation:14s ease-in-out infinite alternate gl-pan,.7s cubic-bezier(.2,.8,.2,1) both gl-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #7c3aed8c,0 12px 24px -12px #e8336f66}.gl-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#28063c3d,#0000 65%);position:absolute;inset:0}.gl-light{z-index:-1;pointer-events:none;background:radial-gradient(420px circle at calc(var(--gl-x) * 100%) calc(var(--gl-y) * 100%), #ffffff47, transparent 60%);position:absolute;inset:0}.gl-blob{z-index:-2;filter:blur(40px);opacity:.6;pointer-events:none;border-radius:50%;position:absolute}.gl-blob-a{background:#ff8a5c;width:340px;height:340px;animation:11s ease-in-out infinite alternate gl-drift;top:-120px;left:-80px}.gl-blob-b{background:#38bdf8;width:300px;height:300px;animation:13s ease-in-out -4s infinite alternate-reverse gl-drift;bottom:-120px;right:-60px}.gl-blob-c{background:#f472b6;width:220px;height:220px;animation:9s ease-in-out -2s infinite alternate gl-drift;top:-90px;right:32%}.gl-copy{min-width:0;position:relative}.gl-eyebrow{letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1px solid #ffffff59;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;animation:.6s .12s both gl-rise;display:inline-flex}.gl-title{letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 18px #3c00504d;margin:18px 0 0;font-size:clamp(30px,4.4vw,52px);font-weight:800;line-height:1.08;animation:.65s .2s both gl-rise}.gl-name{background:linear-gradient(90deg,#fff 0%,#fff3b0 30%,#ffd166 50%,#fff3b0 70%,#fff 100%) 0 0/220% 100%;color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;animation:3.6s linear infinite gl-sweep}.gl-line{color:#fff;text-shadow:0 1px 10px #3c005059;max-width:34em;margin:14px 0 0;font-size:clamp(17px,1.6vw,19px);line-height:1.55;animation:.65s .28s both gl-rise}.gl-kept{background:#14062847;border-radius:14px;align-items:center;gap:10px;margin:20px 0 0;padding:10px 16px;font-size:15px;font-weight:600;line-height:1.4;animation:.65s .36s both gl-rise;display:inline-flex}.gl-kept-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.8s ease-out infinite gl-ping;box-shadow:0 0 #4ade80b3}.gl-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;animation:.65s .44s both gl-rise;display:flex}.gl-cta{cursor:pointer;min-height:58px;font:inherit;color:#5b21b6;background:#fff;border:0;border-radius:18px;align-items:center;gap:10px;padding:0 30px;font-size:18px;font-weight:800;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -10px #1e003c8c}.gl-cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffd1668c 50%,#0000 70%);animation:3.2s ease-in-out 1.2s infinite gl-shimmer;position:absolute;inset:0;transform:translate(-120%)}.gl-cta svg{transition:transform .18s}.gl-cta:hover,.gl-cta:focus-visible{transform:translateY(-2px)scale(1.03);box-shadow:0 18px 34px -12px #1e003c99}.gl-cta:hover svg,.gl-cta:focus-visible svg{transform:translate(5px)}.gl-cta:active{transform:translateY(0)scale(.98)}.gl-cta:focus-visible,.gl-back:focus-visible{outline-offset:3px;outline:3px solid #fff3b0}.gl-back{cursor:pointer;font:inherit;color:#fff;text-underline-offset:4px;background:0 0;border:0;padding:8px 4px;font-size:16px;font-weight:600;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80;transition:text-decoration-color .16s}.gl-back:hover{text-decoration-color:#fff}.gl-art{min-height:260px;transform:translate(calc((var(--gl-x) - .5) * 18px), calc((var(--gl-y) - .5) * 14px));place-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.gl-orbit{aspect-ratio:1;border:2px dashed #ffffff73;border-radius:50%;width:min(300px,90%);animation:26s linear infinite gl-spin;position:absolute}.gl-lock{z-index:1;aspect-ratio:120/140;cursor:pointer;filter:drop-shadow(0 18px 24px #28004666);background:0 0;border:0;width:clamp(130px,16vw,180px);padding:0;animation:4.5s ease-in-out infinite gl-float;position:relative}.gl-lock svg{overflow:visible}.gl-shackle{transform-box:fill-box;transform-origin:100% 100%;transition:transform .42s var(--ease-settle)}.gl-keyhole{transition:fill .3s}.gl-lock:hover .gl-shackle{transform:translateY(-14px)rotate(-24deg)}.gl-hero:has(.gl-cta:hover) .gl-shackle{transform:translateY(-14px)rotate(-24deg)}.gl-hero:has(.gl-cta:focus-visible) .gl-shackle{transform:translateY(-14px)rotate(-24deg)}.gl-lock:hover .gl-keyhole{fill:#16a34a}.gl-hero:has(.gl-cta:hover) .gl-keyhole{fill:#16a34a}.gl-lock:active{animation:.32s ease-in-out gl-jiggle}.gl-feature-badge{z-index:2;width:64px;height:64px;color:var(--gl-violet);background:#fff;border-radius:20px;place-items:center;animation:3.8s ease-in-out -1s infinite gl-bob;display:grid;position:absolute;top:12%;right:12%;box-shadow:0 14px 26px -10px #28004680}.gl-burst{pointer-events:none;position:absolute;top:55%;left:50%}.gl-burst i{background:#fff3b0;border-radius:3px;width:10px;height:10px;margin:-5px;animation:.85s cubic-bezier(.2,.8,.2,1) forwards gl-spark;position:absolute}.gl-burst i:nth-child(3n){background:#fff;border-radius:50%}.gl-burst i:nth-child(3n+1){background:#4ade80}.gl-sub{color:var(--mui-palette-text-primary);margin:clamp(32px,5vw,48px) 0 16px;font-size:clamp(20px,2vw,24px);font-weight:800}.gl-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.gl-benefit{--tone:var(--gl-violet);--tone-2:var(--gl-pink);border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);background:var(--mui-palette-background-paper);box-shadow:0 10px 26px -18px color-mix(in srgb, var(--tone) 70%, transparent);animation:gl-rise .6s calc(.5s + var(--i) * 90ms) both;border-radius:22px;flex-direction:column;gap:6px;padding:20px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;display:flex;position:relative}.gl-tone-violet{--tone:var(--gl-violet);--tone-2:var(--gl-pink)}.gl-tone-sky{--tone:var(--gl-sky);--tone-2:#6366f1}.gl-tone-coral{--tone:var(--gl-coral);--tone-2:var(--gl-sun)}.gl-tone-sun{--tone:var(--gl-sun);--tone-2:var(--gl-coral)}.gl-benefit:hover{border-color:color-mix(in srgb, var(--tone) 55%, transparent);box-shadow:0 22px 34px -20px color-mix(in srgb, var(--tone) 85%, transparent);transform:translateY(-6px)rotate(-.6deg)}.gl-benefit-icon{color:#fff;background:linear-gradient(135deg, var(--tone), var(--tone-2));width:48px;height:48px;box-shadow:0 8px 18px -8px var(--tone);transition:transform .26s var(--ease-settle);border-radius:15px;place-items:center;margin-bottom:6px;display:grid}.gl-benefit:hover .gl-benefit-icon{transform:scale(1.12)rotate(-8deg)}.gl-benefit-title{color:var(--mui-palette-text-primary);font-size:17px;font-weight:800}.gl-benefit-line{color:var(--mui-palette-text-secondary);font-size:15px;line-height:1.45}@media (width<=900px){.gl-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.gl-hero{border-radius:26px;grid-template-columns:minmax(0,1fr);transform:none}.gl-art{order:-1;min-height:180px;transform:none}.gl-orbit{width:200px}.gl-feature-badge{border-radius:16px;width:52px;height:52px;top:4%;right:calc(50% - 120px)}.gl-actions{flex-direction:column;align-items:stretch}.gl-cta{justify-content:center}}@media (width<=420px){.gl-benefits{grid-template-columns:minmax(0,1fr)}}@keyframes gl-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes gl-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes gl-pan{0%{background-position:0 30%}to{background-position:100% 70%}}@keyframes gl-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.15)}}@keyframes gl-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes gl-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes gl-bob{0%,to{transform:translateY(0)rotate(6deg)}50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes gl-spin{to{transform:rotate(360deg)}}@keyframes gl-shimmer{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes gl-ping{70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes gl-jiggle{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes gl-spark{0%{transform:rotate(var(--a)) translateX(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateX(var(--d)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){.gl *,.gl :before,.gl :after,.gl-hero{transition:none!important;animation:none!important}.gl-hero,.gl-art{transform:none}.gl-name{color:#ffe08a;background:0 0}}