.l4-hero{background:var(--vds-canvas);--mx:70%;--my:30%;padding-block:44px 96px;position:relative;overflow-x:clip}.l4-grid{pointer-events:none;background-image:linear-gradient(var(--vds-line) 1px, transparent 1px), linear-gradient(90deg, var(--vds-line) 1px, transparent 1px);opacity:.8;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 70% 40%,#000,#0000 75%);mask-image:radial-gradient(80% 70% at 70% 40%,#000,#0000 75%)}.l4-spot{pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my), #8fca9f73, transparent 70%);position:absolute;inset:0}.l4-inner{align-items:center;gap:48px;display:grid;position:relative}@media (min-width:1024px){.l4-inner{grid-template-columns:1.2fr 1fr;gap:40px}}.l4-copy{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.l4-h1{font-size:clamp(2.3rem,1rem + 4vw,3.8rem);line-height:1}.l4-line{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.l4-line__in{animation:l4-line .76s var(--vds-ease-out) both;animation-delay:calc(var(--i) * .12s + .1s);display:block}@keyframes l4-line{0%{transform:translateY(105%)rotate(2.5deg)}}.l4-h1 em{z-index:0;display:inline-block;position:relative}.l4-h1 em:after{content:"";z-index:-1;background:var(--vds-green-200);transform-origin:0;height:.34em;animation:l4-bar .7s var(--vds-ease-out) .9s both;border-radius:.2em;position:absolute;bottom:.04em;left:-.06em;right:-.06em}@keyframes l4-bar{0%{transform:scaleX(0)}}.l4-rise{animation:l4-fade .56s var(--vds-ease-out) both;animation-delay:var(--d,0s)}@keyframes l4-fade{0%{opacity:0;transform:translateY(18px)}}.l4-cta .fhh-btn--primary{isolation:isolate;position:relative;overflow:hidden}.l4-cta .fhh-btn--primary:after{content:"";z-index:-1;width:40%;animation:l4-sweep 3.6s var(--vds-ease-in-out) 1.6s infinite;background:linear-gradient(100deg,#0000,#ffffff47,#0000);position:absolute;inset:0 auto 0 0;transform:translate(-160%)skew(-18deg)}@keyframes l4-sweep{0%,45%{transform:translate(-160%)skew(-18deg)}to{transform:translate(420%)skew(-18deg)}}.l4-scene{perspective:1100px;width:100%;max-width:500px;margin-inline:auto;padding:18px 6px;position:relative}.l4-sway{transform-style:preserve-3d;animation:8s ease-in-out infinite alternate l4-sway}@keyframes l4-sway{0%{transform:rotateY(-5deg)rotateX(2deg)}to{transform:rotateY(5deg)rotateX(-2deg)}}.l4-tilt{transform-style:preserve-3d;position:relative}.l4-card{border-radius:var(--vds-r-xl);background:var(--vds-surface);height:470px;box-shadow:var(--vds-shadow-3), 0 40px 70px -30px #13502f59;flex-direction:column;display:flex;position:relative;overflow:hidden}.l4-card__top{background:var(--vds-app);border-bottom:1px solid var(--vds-line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.l4-demo{letter-spacing:.12em;text-transform:uppercase;color:var(--vds-ink-2);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.l4-demo:before{content:"";background:var(--vds-green-600);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite l4-pulse}@keyframes l4-pulse{50%{opacity:.35;transform:scale(.8)}}.l4-chat{flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px 16px 40px;display:flex;position:relative;overflow:hidden}.l4-msg{flex-direction:column;gap:4px;max-width:88%;display:flex}.l4-msg small{color:#6f7a73;font-size:10.5px}.l4-msg p{border-radius:18px;margin:0;padding:10px 14px;font-size:13.5px;line-height:1.45}.l4-msg--couple p{background:var(--vds-surface-3);border-bottom-left-radius:6px}.l4-msg--desk{align-self:flex-end}.l4-msg--desk small{text-align:right}.l4-msg--desk p{background:var(--vds-green-100);color:var(--vds-green-950);border-bottom-right-radius:6px}.l4-msg--typing{background:var(--vds-green-100);border-radius:18px 18px 6px;padding:12px 16px}.l4-dots{gap:4px;display:inline-flex}.l4-dots i{background:var(--vds-green-700);border-radius:50%;width:6px;height:6px;animation:.7s ease-in-out infinite l4-bob}.l4-dots i:nth-child(2){animation-delay:.12s}.l4-dots i:nth-child(3){animation-delay:.24s}@keyframes l4-bob{50%{opacity:.45;transform:translateY(-4px)}}.l4-chip{border-radius:var(--vds-r-pill);letter-spacing:.1em;text-transform:uppercase;color:var(--vds-ink-inverse);background:var(--vds-grad-brand);box-shadow:var(--vds-shadow-brand), 0 0 0 3px #ffffffe6;white-space:nowrap;align-items:center;gap:7px;padding:9px 14px 9px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.l4-chip svg{background:var(--vds-green-300);color:var(--vds-green-950);box-sizing:content-box;border-radius:50%;padding:2px}.l4-chip--0{top:58px;left:-10px;transform:translateZ(70px)}.l4-chip--1{bottom:96px;right:-14px;transform:translateZ(90px)}.l4-chip--2{bottom:-12px;left:30px;transform:translateZ(60px)}@media (max-width:520px){.l4-chip--0{left:-2px}.l4-chip--1{right:-2px}}.l4-beam{z-index:3;pointer-events:none;border-radius:inherit;border:var(--l4-bw,2px) solid transparent;-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.l4-beam__dot{aspect-ratio:1;background:linear-gradient(to left, var(--l4-from), var(--l4-to), transparent);position:absolute}.l4-wall-root{z-index:1;margin-top:-56px;position:relative}.l4-wall{border-radius:44px 44px 0 0;padding:64px 0 56px;box-shadow:0 -24px 60px -30px #08281a80}.l4-wall__head{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;display:flex}.l4-wall .fhh-label{color:var(--vds-green-200)}.l4-wall .fhh-label:before{background:var(--vds-green-300)}.l4-wall__h{color:var(--vds-ink-inverse);font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem)}.l4-ticker{min-width:1ch;color:var(--vds-green-300);font-variant-numeric:tabular-nums;display:inline-block}.l4-wall__foot{text-align:center;color:var(--vds-green-200);margin:28px 16px 0;font-size:13px}.l4-row{padding-block:8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.l4-track{width:max-content;animation:l4-march var(--l4-dur,46s) linear infinite;will-change:transform;display:flex}.l4-track--rev{animation-direction:reverse}.l4-row:hover .l4-track,.l4-wall[data-live=off] .l4-track{animation-play-state:paused}@keyframes l4-march{to{transform:translate(-50%)}}.l4-copy-set{gap:16px;padding-right:16px;display:flex}.l4-enq{border-radius:var(--vds-r-lg);width:320px;color:var(--vds-ink);background:var(--vds-surface);box-shadow:var(--vds-shadow-2);transition:transform .3s var(--vds-ease-out);flex-direction:column;flex:none;gap:12px;padding:16px;display:flex;position:relative}.l4-enq:hover{transform:translateY(-6px)rotate(-.6deg)}.l4-enq--draft{background:#fff8e8}.l4-enq header{align-items:center;gap:12px;display:flex}.l4-enq header div{min-width:0;color:var(--vds-ink-2);flex-direction:column;font-size:12px;display:flex}.l4-enq header strong{color:var(--vds-ink);letter-spacing:-.01em;font-size:15px}.l4-enq p{color:var(--vds-ink-2);flex:1;margin:0;font-size:13.5px;line-height:1.45}.l4-pill{border-radius:var(--vds-r-pill);align-self:flex-start;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.l4-pill--sent{color:var(--vds-green-800);background:var(--vds-green-100);box-shadow:inset 0 0 0 1px var(--vds-green-200)}.l4-pill--draft{color:#7a4f10;background:#fbe8bd;box-shadow:inset 0 0 0 1px #ecc979}.l4-inner[data-live=off] .l4-cta .fhh-btn--primary:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.l4-line__in,.l4-h1 em:after,.l4-rise,.l4-sway,.l4-demo:before,.l4-dots i,.l4-cta .fhh-btn--primary:after{animation:none}.l4-spot{display:none}.l4-row{scrollbar-width:thin;overflow-x:auto}.l4-track{animation:none}.l4-copy-set--dup{display:none}.l4-enq{transition:none}}.l4-aside{flex-direction:column;gap:10px;padding:6px 18px 20px;display:flex}.l4-aside__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--vds-ink-2);margin:0 0 4px;font-size:11px;font-weight:700}.l4-plan{border-radius:var(--vds-r-md);background:var(--vds-surface-2);box-shadow:inset 0 0 0 1px var(--vds-line);animation:l4-fade .56s var(--vds-ease-out) both;animation-delay:calc(var(--i) * .14s + .5s);grid-template-columns:1fr auto;grid-template-areas:"name price""vol per";align-items:baseline;gap:2px 12px;padding:16px 18px;display:grid}.l4-plan--on{background:var(--vds-grad-night);color:#fff;box-shadow:var(--vds-shadow-brand)}.l4-plan__name{letter-spacing:-.02em;grid-area:name;font-size:18px;font-weight:800}.l4-plan__price{letter-spacing:-.03em;font-variant-numeric:tabular-nums;grid-area:price;font-size:28px;font-weight:800}.l4-plan__vol{color:var(--vds-ink-2);grid-area:vol;font-size:13px}.l4-plan small{color:var(--vds-ink-2);grid-area:per;font-size:12px}.l4-plan--on .l4-plan__vol,.l4-plan--on small{color:var(--vds-green-200)}.l4-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.l4-steps li{border-radius:var(--vds-r-md);background:var(--vds-surface-2);box-shadow:inset 0 0 0 1px var(--vds-line);animation:l4-fade .56s var(--vds-ease-out) both;animation-delay:calc(var(--i) * .18s + .5s);align-items:center;gap:14px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.l4-steps__n{background:var(--vds-green-800);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.l4-wall-root--band{max-width:1248px;margin:40px auto;padding-inline:16px}.l4-wall-root--band .l4-wall{border-radius:var(--vds-r-xl);box-shadow:none}.l4-card:has(.l4-aside){height:auto}
