.hero{background:0 0;position:relative}.hero-inner{z-index:1;grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:3.5rem;max-width:1260px;margin:0 auto;padding:7rem 2rem 3.5rem;display:grid;position:relative}.hero-eyebrow{color:var(--text);backdrop-filter:blur(6px);background:#ffffffad;border:1px solid #96d21b59;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.1rem;padding:.45rem .95rem;font-size:.9rem;font-weight:900;display:inline-flex;box-shadow:0 4px 14px #1e21400f}.hero-title{color:var(--text);max-width:46rem;margin-bottom:1rem;font-size:clamp(2.25rem,4.2vw,4.25rem);font-weight:900;line-height:1.12}.hero-subtitle{color:#374151;max-width:42rem;margin-bottom:2.2rem;font-size:clamp(1rem,1.7vw,1.2rem);font-weight:700;line-height:1.75}.hero-cta{background:linear-gradient(135deg, var(--green), var(--blue));color:#fff;border-radius:16px;align-items:center;gap:.6rem;padding:1rem 1.9rem;font-family:Nunito,PingFang SC,sans-serif;font-size:1.05rem;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:2.8s ease-in-out infinite cta-pulse;display:inline-flex;box-shadow:0 12px 30px -8px #3486f38c}.hero-cta:hover{animation-play-state:paused;transform:translateY(-2px)scale(1.02);box-shadow:0 18px 40px -8px #3486f3b3}.hero-cta svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.hero-cta:hover svg{transform:translate(3px)}@keyframes cta-pulse{0%,to{box-shadow:0 12px 30px -8px #3486f380}50%{box-shadow:0 12px 38px -6px #3486f3d9}}@media (prefers-reduced-motion:reduce){.hero-cta,.bun-tile-main,.bun-tile-top,.bun-tile-bot,.bun-pop{animation:none}}.hero-phone{justify-content:center;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.bun-cluster{width:300px;height:290px;position:relative}.bun-tile{cursor:pointer;border:none;border-radius:38px;place-items:center;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:grid;position:absolute;box-shadow:0 22px 52px -20px #3486f38c,inset 0 0 0 1px #fff6}.bun-tile-main{z-index:2;background:radial-gradient(circle at 28% 24%, #ffffff57, transparent 40%), linear-gradient(135deg, var(--green), var(--blue));border-radius:50px;width:196px;height:196px;animation:4.5s ease-in-out infinite float;top:46px;left:52px;transform:rotate(-4deg)}.bun-tile-top{z-index:3;background:radial-gradient(circle at 28% 24%, #ffffff57, transparent 40%), linear-gradient(135deg, var(--blue), #8b6ef6);border-radius:28px;width:108px;height:108px;animation:4s ease-in-out .6s infinite float;top:0;right:0;transform:rotate(7deg)}.bun-tile-bot{z-index:3;background:radial-gradient(circle at 28% 24%, #ffffff57, transparent 40%), linear-gradient(135deg, #f6b73c, var(--green));border-radius:32px;width:126px;height:126px;animation:5s ease-in-out .3s infinite float;bottom:0;left:0;transform:rotate(5deg)}.bun-tile:hover,.bun-tile:focus-visible{z-index:5;outline:none;transform:rotate(0)scale(1.07);box-shadow:0 30px 66px -20px #3486f3bf,inset 0 0 0 1px #ffffff80}.bun-tile:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.bun-face{filter:drop-shadow(0 8px 14px #1e21402e);width:66%;height:66%;display:block}.bun-pop{animation:.34s cubic-bezier(.34,1.56,.64,1) bun-pop}@keyframes bun-pop{0%{opacity:.3;transform:scale(.68)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hero-badge-stack{margin-right:.15rem;display:inline-flex}.hero-badge-bun{border:2px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-left:-9px;display:grid;overflow:hidden}.hero-badge-bun:first-child{margin-left:0}.hbb-1{background:linear-gradient(135deg, var(--green), var(--blue))}.hbb-2{background:linear-gradient(135deg, var(--blue), #8b6ef6)}.hbb-3{background:linear-gradient(135deg, #f6b73c, var(--green))}.hero-badge-bun img{width:20px;height:20px;display:block}.hero-wave{width:100%;margin-top:-1px;display:block}.features{background:#fff;padding:2.5rem 0 5.5rem;scroll-margin-top:6rem;overflow:clip}.sec-inner{max-width:1260px;margin:0 auto}.feature-demo{--feature-start-hold:clamp(215px, 29vh, 320px);--feature-scroll-gap:clamp(270px, 38vh, 420px);--feature-first-scroll-gap:clamp(420px, 54vh, 620px);--feature-end-hold:clamp(150px, 20vh, 240px);grid-template-columns:minmax(360px,.98fr) minmax(0,1.02fr);align-items:stretch;gap:3.5rem;padding:0 2rem;display:grid}.feature-preview{min-height:0}.feature-preview-sticky{align-content:center;justify-items:center;min-height:calc(100vh - 9rem);padding:clamp(.25rem,1vw,.75rem);display:grid;position:sticky;top:7rem}.feature-phone{place-items:center;width:min(500px,96%);margin:0 auto;display:grid;position:relative}.feature-preview-video{z-index:1;border-radius:clamp(34px,6vw,48px);width:auto;max-width:100%;max-height:calc(100vh - 9.5rem);transition:opacity .22s,transform .22s;position:relative;box-shadow:0 32px 82px #3486f338,0 0 0 1px #1e214014}.feature-preview-video.switching{opacity:0;transform:translateY(8px)scale(.985)}.feature-phone-glow{filter:blur(40px);background:linear-gradient(135deg,#96d21b5c,#3486f361);border-radius:999px;height:58%;position:absolute;inset:auto -18% -2.4rem}.feature-list{--feature-progress:.2;gap:1.75rem;padding-top:0;padding-bottom:0;padding-left:1.35rem;display:grid;position:relative}.feature-step{min-width:0;display:grid}.feature-brand-gap{min-height:var(--feature-scroll-gap);pointer-events:none;align-items:center;display:grid;position:relative}.feature-start-brand{min-height:var(--feature-start-hold);pointer-events:none;align-items:center;display:grid;position:relative}.feature-start-brand:before{content:"";background:linear-gradient(90deg,#0000,#96d21b3d,#3486f338,#0000);border-radius:999px;height:1px;position:absolute;top:50%;left:18%;right:18%}.feature-end-brand{min-height:var(--feature-end-hold);pointer-events:none;align-items:center;display:grid;position:relative}.feature-end-brand:before{content:"";background:linear-gradient(90deg,#0000,#8b6ef63d,#3486f338,#0000);border-radius:999px;height:1px;position:absolute;top:50%;left:18%;right:18%}.feature-step-first .feature-brand-gap{min-height:var(--feature-first-scroll-gap)}.feature-brand-gap:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--feature-accent,var(--green)) 34%, transparent), color-mix(in srgb, var(--feature-accent-2,var(--blue)) 28%, transparent), transparent);border-radius:999px;height:1px;position:absolute;top:50%;left:12%;right:12%}.feature-brand-mark{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 28% 24%, #ffffff52, transparent 36%), linear-gradient(135deg, var(--feature-accent,var(--green)), var(--feature-accent-2,var(--blue)));width:clamp(128px,11vw,166px);box-shadow:0 22px 52px color-mix(in srgb, var(--feature-accent-2,var(--blue)) 24%, transparent), inset 0 0 0 1px #ffffff61;border-radius:34px;justify-self:center;place-items:center;display:grid;position:relative;transform:rotate(-4deg)}.feature-step:nth-child(2n) .feature-brand-mark{justify-self:end;margin-right:16%;transform:rotate(5deg)}.feature-step:nth-child(odd) .feature-brand-mark{justify-self:start;margin-left:16%}.feature-brand-mark img{filter:drop-shadow(0 12px 18px #1e214029);width:clamp(88px,7vw,118px);height:auto;display:block}.feature-brand-mark-start{background:radial-gradient(circle at 28% 24%, #ffffff52, transparent 36%), linear-gradient(135deg, var(--green), var(--blue));justify-self:center;width:clamp(120px,10vw,158px);transform:rotate(6deg)}.feature-end-mark{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 28% 24%, #ffffff52, transparent 36%), linear-gradient(135deg, #8b6ef6, var(--blue));border-radius:30px;justify-self:center;place-items:center;width:clamp(96px,8vw,130px);display:grid;position:relative;transform:rotate(5deg);box-shadow:0 20px 46px #3486f32e,inset 0 0 0 1px #ffffff61}.feature-end-mark img{filter:drop-shadow(0 10px 16px #1e214029);width:clamp(70px,5.8vw,92px);height:auto;display:block}.feature-progress{top:1.1rem;bottom:calc(var(--feature-end-hold) + 1.1rem);background:#e7edf5;border-radius:999px;width:3px;position:absolute;left:0;overflow:hidden}.feature-progress-fill{border-radius:inherit;background:linear-gradient(180deg, var(--green), var(--blue));width:100%;height:100%;transform:scaleY(var(--feature-progress));transform-origin:top;transition:transform .28s;display:block}.feature-card{border:1px solid color-mix(in srgb, var(--feature-accent,var(--green)) 42%, white);background:radial-gradient(circle at 15% 18%, color-mix(in srgb, var(--feature-accent,var(--green)) 24%, transparent), transparent 36%), radial-gradient(circle at 88% 86%, color-mix(in srgb, var(--feature-accent-2,var(--blue)) 18%, transparent), transparent 42%), linear-gradient(135deg, var(--feature-surface,#f7fee7), var(--feature-surface-2,#eef6ff));width:100%;min-height:clamp(145px,18vh,180px);color:var(--text);text-align:left;cursor:pointer;border-radius:22px;grid-template-columns:4.4rem minmax(0,1fr) 2.5rem;align-items:center;gap:1.25rem;padding:1.25rem 1.35rem;font-family:Nunito,PingFang SC,Microsoft YaHei,system-ui,sans-serif;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;display:grid;position:relative;box-shadow:0 18px 50px #1e214017}.feature-card:before{content:"";background:linear-gradient(90deg, var(--feature-accent,var(--green)), var(--feature-accent-2,var(--blue)));opacity:.7;border-radius:999px;height:4px;position:absolute;top:0;left:1.5rem;right:1.5rem}.feature-card:hover{border-color:color-mix(in srgb, var(--feature-accent-2,var(--blue)) 46%, white);transform:translateY(-2px);box-shadow:0 24px 62px #1e21401f}.feature-card:focus{outline:none}.feature-card:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.feature-card.active{border-color:color-mix(in srgb, var(--feature-accent,var(--green)) 70%, white);background:radial-gradient(circle at 15% 18%, color-mix(in srgb, var(--feature-accent,var(--green)) 28%, transparent), transparent 36%), radial-gradient(circle at 88% 86%, color-mix(in srgb, var(--feature-accent-2,var(--blue)) 22%, transparent), transparent 42%), linear-gradient(135deg, var(--feature-surface,#f7fee7), var(--feature-surface-2,#eef6ff));box-shadow:0 26px 72px #3486f329}.feature-card.active:before{opacity:1}.feature-card-icon{background:radial-gradient(circle at 28% 24%, #ffffff52, transparent 38%), linear-gradient(135deg, var(--feature-accent,var(--green)), var(--feature-accent-2,var(--blue)));width:4.4rem;height:4.4rem;box-shadow:inset 0 0 0 1px #ffffff5c, 0 14px 30px color-mix(in srgb, var(--feature-accent,var(--green)) 28%, transparent);border-radius:18px;grid-column:1/2;place-self:center start;place-items:center;display:grid}.feature-card-icon img{filter:drop-shadow(0 8px 12px #1e214029);width:3rem;height:auto;display:block}.feature-card-text{grid-column:2/3;min-width:0}.feature-card-title{color:var(--text);overflow-wrap:break-word;font-size:clamp(1.55rem,2vw,1.95rem);font-weight:900;line-height:1.08;display:block}.feature-card-desc{color:#4b5563;overflow-wrap:break-word;margin-top:.45rem;font-size:clamp(1rem,1.18vw,1.12rem);font-weight:800;line-height:1.35;display:block}.feature-card-cue{width:2.5rem;height:2.5rem;color:var(--feature-accent-2,var(--blue));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--feature-accent-2,var(--blue)) 18%, white);background:#ffffffad;border-radius:50%;grid-column:3/4;place-self:center end;place-items:center;display:grid}.feature-card-cue svg{stroke-width:2.35px;width:1.1rem;height:1.1rem}.feature-card-media{display:none}.cta{background:linear-gradient(135deg, var(--green) 0%, var(--blue) 100%);text-align:center;color:#fff;padding:5rem 1.5rem;position:relative;overflow:hidden}.cta:before,.cta:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.cta:before{width:400px;height:400px;top:-160px;left:-100px}.cta:after{width:280px;height:280px;bottom:-100px;right:-60px}.cta-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta h2{margin-bottom:.75rem;font-size:2.4rem;font-weight:900}.cta p{opacity:.92;margin-bottom:2rem;font-size:1.05rem}.cta-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-btn{color:var(--text);background:#fff;border-radius:14px;align-items:center;gap:.55rem;padding:.85rem 2rem;font-family:Nunito,PingFang SC,sans-serif;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.cta-btn-out{color:#fff;background:0 0;border:2px solid #fff}.faq{background:#fff;padding:5rem 2rem}.faq-inner{max-width:1260px;margin:0 auto}.faq-inner h2{color:var(--text);text-align:center;margin-bottom:2.5rem;font-size:2rem;font-weight:900}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.faq-item[open]{box-shadow:0 4px 24px #0000001a}.faq-item[open] .faq-chevron{color:var(--green);transform:rotate(180deg)}.faq-question{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-size:1rem;font-weight:800;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question span{flex:1}.faq-chevron{flex-shrink:0;transition:transform .25s,color .2s}.faq-answer{padding:0 1.5rem 1.25rem}.faq-answer p{color:#374151;font-size:.95rem;line-height:1.75}.lightbox{z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-backdrop{-webkit-backdrop-filter:blur(28px);background:#e1edffc7;position:absolute;inset:0}.lightbox-close{z-index:2;width:46px;height:46px;color:var(--text);cursor:pointer;background:#00000012;border:2px solid #00000024;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#00000024}.lightbox-content{z-index:1;flex-direction:column;gap:1.5rem;width:min(920px,92vw);display:flex;position:relative}.lightbox-title{color:var(--text);font-size:1.75rem;font-weight:900}.lightbox-body{align-items:center;gap:2.5rem;display:flex}.lightbox-arrow{width:48px;height:48px;color:var(--text);cursor:pointer;background:#00000012;border:2px solid #00000024;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.lightbox-arrow:hover{background:#00000024}.lightbox-video{border-radius:24px;flex-shrink:0;max-width:42vw;max-height:68vh;box-shadow:0 20px 60px #3486f32e,0 4px 20px #0000001a}.lightbox-info{flex-direction:column;flex:1;gap:.75rem;display:flex}.lightbox-desc{color:#374151;font-size:1rem;line-height:1.75}@media (width<=640px){.lightbox-content{gap:.75rem;width:94vw}.lightbox-title{text-align:center;font-size:1.3rem}.lightbox-body{flex-wrap:wrap;justify-content:center;gap:.75rem}.lightbox-video{order:0;max-width:72vw;max-height:52vh}.lightbox-arrow:first-child{order:1}.lightbox-arrow:last-child{order:2}.lightbox-info{text-align:center;flex:0 0 100%;order:3}}@media (width<=900px){.hero-inner{grid-template-columns:1fr;padding-top:5.5rem}.hero-phone{order:-1;justify-content:center}.feature-demo{--feature-start-hold:0px;--feature-scroll-gap:0px;--feature-first-scroll-gap:0px;--feature-end-hold:0px;grid-template-columns:1fr;gap:2rem}.feature-preview{min-height:auto}.feature-preview-sticky{min-height:auto;padding:0;position:static}.feature-phone{width:min(360px,82vw)}.feature-preview-video{max-height:620px}.feature-start-brand,.feature-end-brand,.feature-brand-gap{display:none}}@media (width<=600px){.hero-inner{padding:5rem 1rem 2.5rem}.bun-cluster{width:264px;height:256px}.bun-tile-main{width:172px;height:172px;top:40px;left:46px}.hero-cta{justify-content:center;width:100%}.cta h2{font-size:1.8rem}.features{padding:2.25rem 0 3.25rem;overflow:hidden}.feature-demo{padding:0 1rem;display:block}.feature-preview{display:none}.feature-list{gap:.85rem;padding-bottom:0;padding-left:0}.feature-progress{display:none}.feature-card{border-radius:18px;grid-template-columns:3.25rem minmax(0,1fr) 2.2rem;gap:.85rem;min-height:0;padding:1.1rem}.feature-card:hover{transform:none}.feature-card-cue{display:none}.feature-card-icon{grid-column:1;width:3.25rem;height:3.25rem}.feature-card-icon img{width:2.2rem}.feature-card-text{grid-column:2/4}.feature-card-title{font-size:1.35rem}.feature-card-desc{font-size:.98rem;line-height:1.35}.feature-card-media{background:radial-gradient(circle at 20% 20%,#96d21b38,#0000 34%),radial-gradient(circle at 80% 90%,#3486f338,#0000 38%),#f7fbff;border-radius:16px;grid-column:1/-1;place-items:center;min-height:310px;margin-top:.35rem;display:grid;overflow:hidden}.mobile-feature-video{border-radius:32px;width:min(210px,72vw);max-height:285px;display:block;box-shadow:0 18px 48px #3486f32e}.feature-card-media.has-fallback .mobile-feature-video{display:none}.feature-media-fallback{width:min(210px,72vw);min-height:260px;color:var(--text);background:linear-gradient(#ffffffdb,#ffffffa8),radial-gradient(circle at 30% 20%,#96d21b6b,#0000 38%),radial-gradient(circle at 80% 80%,#3486f338,#0000 42%);border-radius:32px;align-content:center;place-items:center;gap:.8rem;font-weight:900;display:grid;box-shadow:0 18px 48px #3486f324}.feature-media-fallback img{width:3rem;height:auto}}