.feature-bento{background:radial-gradient(ellipse 43% 10rem at 50% 0%, #1f5d9114, transparent 100%), linear-gradient(180deg, #050e18 0, var(--site-bg-deep) 10rem, var(--site-section-soft) 48%, var(--site-section-rich));isolation:isolate;min-height:100svh;padding:clamp(6.5rem,9vw,8rem) 0 clamp(8rem,12vw,11rem);position:relative;overflow:clip}.feature-bento:before{z-index:-1;content:"";filter:blur(20px);background:radial-gradient(#2d8ec92e,#12436314 48%,#0000 74%);width:min(58rem,78vw);height:44rem;position:absolute;top:21%;left:50%;transform:translate(-50%)}.feature-bento__heading{text-align:center;width:min(100%,55rem);margin:0 auto clamp(3.75rem,6vw,5.25rem)}.feature-bento__heading h2{color:#f8fcfff0;font-family:var(--font-howdybun);font-size:var(--site-howdybun-title-size);letter-spacing:-.02em;word-spacing:.08em;text-wrap:balance;text-shadow:0 0 2.5rem #68c8f412;margin:0;font-weight:400;line-height:1.05}.feature-bento__grid{grid-template-rows:repeat(2,clamp(17.75rem,24vw,19rem));grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"menu-control digital-experience management""insights digital-experience qr-access";gap:clamp(.72rem,1.1vw,.95rem);display:grid}.feature-card{isolation:isolate;background:linear-gradient(#0f1520f0,#070b12fa),#060a11fa;border:1px solid #78afdc21;border-radius:1rem;min-width:0;transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s,background-color .26s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 1.5rem 4rem #0000002e}.feature-card:before,.feature-card:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.feature-card:before{z-index:0;opacity:.62;background-image:linear-gradient(#76b8de0b 1px,#0000 1px),linear-gradient(90deg,#76b8de0b 1px,#0000 1px),radial-gradient(circle at 78% 14%,#2793cd1c,#0000 36%);background-size:1.45rem 1.45rem,1.45rem 1.45rem,auto;-webkit-mask-image:linear-gradient(#000,#000000b8 50%,#0000 84%);mask-image:linear-gradient(#000,#000000b8 50%,#0000 84%)}.feature-card:after{z-index:4;opacity:.8;-webkit-mask-composite:xor;background:linear-gradient(135deg,#9bdeff1c,#0000 28% 74%,#4397cf0b) border-box;border:1px solid #0000;transition:opacity .26s;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card--menu-control{grid-area:menu-control}.feature-card--insights{grid-area:insights}.feature-card--digital-experience{grid-area:digital-experience}.feature-card--management{grid-area:management}.feature-card--qr-access{grid-area:qr-access}.feature-card--digital-experience{background:radial-gradient(70% 50% at 50% 40%,#1e7cb81c,#0000 72%),linear-gradient(#0e1622f5,#050910fc)}.feature-card__content{z-index:3;align-self:end;padding:clamp(1.2rem,1.7vw,1.5rem);position:relative}.feature-card__content:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000,#05090fd1 31%,#05090ffa 72%);height:11rem;position:absolute;bottom:-2rem;left:-2rem;right:-2rem}.feature-card__label{color:#bbdbee94;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);background:#0c15219e;border:1px solid #9ed5f41a;border-radius:.38rem;align-items:center;width:fit-content;min-height:1.45rem;margin:0 0 .72rem;padding:.28rem .48rem;font-size:.52rem;line-height:1;display:inline-flex}.feature-card h3{color:#f8fcfff2;letter-spacing:-.045em;text-wrap:balance;max-width:17rem;margin:0;font-size:clamp(1.16rem,1.65vw,1.42rem);font-weight:510;line-height:1.04}.feature-card__content>p:last-child{color:#cbdce76e;text-wrap:pretty;max-width:18rem;margin:.68rem 0 0;font-size:.7rem;line-height:1.48}.feature-card--digital-experience .feature-card__content{padding:clamp(1.45rem,2vw,1.75rem)}.feature-card--digital-experience h3{max-width:20rem;font-size:clamp(1.4rem,2vw,1.72rem)}.feature-card--digital-experience .feature-card__content>p:last-child{max-width:19rem}.feature-visual{z-index:1;pointer-events:none;position:absolute;inset:0 0 7.65rem;overflow:hidden}[data-menu-bar],[data-menu-status],.menu-control__status-list>span i,[data-insight-point],.insights-visual__metric,.experience-visual__orbit,[data-experience-glow],[data-experience-device],.experience-device__chips span,.experience-device__items>span,.management-visual__hub,.management-visual__node,.qr-access__code i,[data-qr-line],.qr-access__phone,.qr-access__phone>i{will-change:transform, opacity}[data-insight-line],[data-management-line]{will-change:opacity}.feature-visual--menu-control{background:radial-gradient(circle at 26% 32%,#2897d529,#0000 43%);grid-template-columns:minmax(0,1.2fr) minmax(5.25rem,.8fr);align-items:center;gap:1rem;padding:1.35rem 1.35rem .4rem;display:grid}.menu-control__bars{border-bottom:1px solid #8bcaed1f;border-left:1px solid #8bcaed14;align-items:end;gap:clamp(.32rem,.6vw,.48rem);height:6.6rem;padding:0 .65rem .55rem;display:flex;position:relative}.menu-control__bars:before,.menu-control__bars:after{content:"";background:#84c1e512;height:1px;position:absolute;left:0;right:0}.menu-control__bars:before{top:34%}.menu-control__bars:after{top:66%}.menu-control__bars>i{z-index:1;background:linear-gradient(#68d8ff7a,#20629114);border:1px solid #74d4fa38;border-bottom:0;border-radius:.28rem .28rem 0 0;width:20%;min-width:.45rem;display:block;position:relative;box-shadow:0 0 1.1rem #3baae017}.menu-control__bars>i:first-child{height:34%}.menu-control__bars>i:nth-child(2){height:62%}.menu-control__bars>i:nth-child(3){height:46%}.menu-control__bars>i:nth-child(4){height:82%}.menu-control__bars>i:nth-child(5){height:58%}.menu-control__status-list{gap:.5rem;display:grid}.menu-control__status-list>span{background:#09121dad;border:1px solid #89cbee1a;border-radius:.34rem;grid-template-columns:.45rem 1fr;align-items:center;gap:.48rem;min-height:1.62rem;padding:.35rem .48rem;display:grid}.menu-control__status-list b{aspect-ratio:1;background:#74dcf7;border-radius:50%;width:.42rem;box-shadow:0 0 .8rem #56d2f675}.menu-control__status-list>span:nth-child(2) b{opacity:.64}.menu-control__status-list>span:nth-child(3) b{box-shadow:none;background:#9fb8c985}.menu-control__status-list i{background:#a6cae030;border-radius:999px;width:74%;height:.2rem;display:block}.menu-control__status-list>span:nth-child(2) i{width:54%}.menu-control__status-list>span:nth-child(3) i{width:66%}.feature-visual--insights{background:radial-gradient(circle at 76% 20%,#2388c326,#0000 45%)}.feature-visual--insights svg{width:calc(100% - 2.4rem);height:7.6rem;position:absolute;top:2.55rem;left:1.2rem;overflow:visible}.feature-visual--insights path{fill:none;stroke:#5bd2f6c7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke}.feature-visual--insights .insights-visual__guide{stroke:#7eb8da16;stroke-width:1px}.feature-visual--insights circle{fill:#b6efff;stroke:#2782b8b8;stroke-width:5px;vector-effect:non-scaling-stroke}.insights-visual__metric{z-index:2;justify-items:end;gap:.1rem;display:grid;position:absolute;top:1.05rem;right:1.25rem}.insights-visual__metric b{color:#beeeffe0;font-size:.82rem;font-weight:520}.insights-visual__metric i{color:#b3d3e561;letter-spacing:.025em;font-size:.45rem;font-style:normal}.feature-visual--digital-experience{place-items:center;display:grid;bottom:9rem;overflow:visible}.experience-visual__orbit,.experience-visual__glow{border-radius:50%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.experience-visual__orbit{aspect-ratio:1;border:1px solid #59b7e214;width:min(22rem,84%);box-shadow:inset 0 0 4rem #2982b409,0 0 4rem #1d80b80b}.experience-visual__orbit:before,.experience-visual__orbit:after{border-radius:inherit;content:"";border:1px solid #59b7e20e;position:absolute}.experience-visual__orbit:before{inset:12%}.experience-visual__orbit:after{inset:26%}.experience-visual__glow{filter:blur(18px);background:radial-gradient(#2397d33b,#155b8d14 46%,#0000 72%);width:15rem;height:20rem}.experience-device{background:linear-gradient(145deg,#233042f0,#04080efc 58%);border:1px solid #9bd6f540;border-radius:1.9rem;width:10.8rem;height:21rem;position:relative;box-shadow:inset 0 0 0 .22rem #03070cc7,inset 0 1px #ffffff1a,0 1.5rem 3rem #0000006b,0 0 2.5rem #238dc71a}.experience-device__speaker{z-index:3;background:#010408d1;border-radius:999px;width:2.8rem;height:.34rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.experience-device__screen{background:linear-gradient(#67afd709 1px,#0000 1px) 0 0/.9rem .9rem,linear-gradient(90deg,#67afd709 1px,#0000 1px) 0 0/.9rem .9rem,linear-gradient(#081827,#07121d 58%,#050b12);border:1px solid #6fbae226;border-radius:1.35rem;flex-direction:column;gap:.42rem;padding:.85rem .65rem .5rem;display:flex;position:absolute;inset:.55rem;overflow:hidden}.experience-device__header{z-index:1;color:#dff0fae6;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:.3rem;font-size:.52rem;font-weight:700;display:flex;position:relative}.experience-device__header-left{align-items:center;gap:.35rem;display:flex}.experience-device__mark{background:#ffffff14;border:1px solid #38bdf840;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;padding:.08rem;display:inline-flex;overflow:hidden;box-shadow:0 0 .4rem #38bdf833}.experience-device__cart-badge{color:#68e7ff;background:#00e5ff26;border:1px solid #00e5ff4d;border-radius:999px;align-items:center;gap:.2rem;padding:.12rem .38rem;font-size:.44rem;font-weight:700;display:inline-flex}.experience-device__featured{background:#06111d;border:1px solid #84c9ec2e;border-radius:.65rem;height:4.4rem;position:relative;overflow:hidden}.experience-device__featured-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.experience-device__featured-overlay{background:linear-gradient(#03080f26 0%,#03080fe0 100%);flex-direction:column;justify-content:space-between;padding:.35rem .45rem;display:flex;position:absolute;inset:0}.experience-device__featured-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#a5f3fc;text-transform:uppercase;letter-spacing:.04em;background:#00e5ff40;border-radius:999px;align-self:flex-start;padding:.1rem .32rem;font-size:.38rem;font-weight:700}.experience-device__featured-info{justify-content:space-between;align-items:flex-end;display:flex}.experience-device__featured-info strong{color:#fff;text-shadow:0 1px 4px #000c;font-size:.58rem;font-weight:800;line-height:1.1}.experience-device__featured-info b{color:#67e8f9;font-size:.52rem;font-weight:800}.experience-device__chips{gap:.25rem;display:flex;overflow-x:hidden}.experience-device__chips span{color:#c8e6f5b3;white-space:nowrap;background:#112232bf;border:1px solid #90cfee24;border-radius:999px;padding:.18rem .42rem;font-size:.38rem;font-weight:600}.experience-device__chips span.is-active{color:#030814;background:#00e5ff;border-color:#00e5ff;font-weight:800;box-shadow:0 0 8px #00e5ff66}.experience-device__items{gap:.32rem;display:grid}.experience-device__item{background:#0b1623d9;border:1px solid #87c6e61f;border-radius:.52rem;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.4rem;padding:.28rem .34rem;display:grid;box-shadow:0 2px 6px #0000004d}.experience-device__item-media{background:#081522;border-radius:.38rem;width:2.2rem;height:1.8rem;position:relative;overflow:hidden}.experience-device__item-media video,.experience-device__item-media img{object-fit:cover;width:100%;height:100%}.experience-device__item-info{flex-direction:column;gap:.05rem;min-width:0;display:flex}.experience-device__item-info strong{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.48rem;font-weight:700;line-height:1.2;overflow:hidden}.experience-device__item-info small{color:#94a3b8;font-size:.38rem;line-height:1.1}.experience-device__item-info b{color:#38bdf8;margin-top:.05rem;font-size:.46rem;font-weight:800}.experience-device__item-add{color:#38bdf8;background:#00e5ff26;border:1px solid #00e5ff4d;border-radius:.32rem;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-size:.55rem;font-weight:800;display:flex}.experience-device__order-bar{color:#030814;background:linear-gradient(135deg,#06b6d4e6,#0284c7f2);border-radius:.5rem;justify-content:space-between;align-items:center;margin-top:.1rem;padding:.3rem .55rem;font-size:.44rem;font-weight:700;display:flex;box-shadow:0 4px 12px #06b6d459}.experience-device__order-bar strong{color:#000;font-weight:900}.experience-device__order-bar b{color:#000;align-items:center;gap:.15rem;font-weight:800;display:inline-flex}.experience-device__home{background:#daecf56e;border-radius:999px;width:2.8rem;height:.22rem;margin:auto auto 0}.feature-visual--management{background:radial-gradient(circle at 50% 46%,#2b97cf26,#0000 44%)}.feature-visual--management svg{width:calc(100% - 1.6rem);height:calc(100% - 1.2rem);position:absolute;inset:.7rem .8rem .5rem}.feature-visual--management path{fill:none;stroke:#64caf173;stroke-linecap:round;stroke-width:1.25px;vector-effect:non-scaling-stroke}.management-visual__hub,.management-visual__node{color:#bce5f699;background:linear-gradient(145deg,#152b3deb,#08111cf0);border:1px solid #85d2f22b;place-items:center;display:grid;position:absolute;box-shadow:0 .8rem 1.8rem #00000030}.management-visual__hub{aspect-ratio:1;color:#cef1fce0;letter-spacing:-.04em;background:linear-gradient(145deg,#1c6991f0,#081c2df5);border-radius:.82rem;width:3.2rem;font-size:.68rem;font-weight:620;top:50%;left:50%;transform:translate(-50%,-50%)}.management-visual__node{border-radius:.52rem;width:4rem;min-height:2.15rem}.management-visual__node i{letter-spacing:.08em;font-size:.43rem;font-style:normal}.management-visual__node--category{top:10%;left:12%}.management-visual__node--item{top:10%;right:12%}.management-visual__node--option{bottom:8%;left:12%}.management-visual__node--status{bottom:8%;right:12%}.management-visual__node--status:before{aspect-ratio:1;content:"";background:#73dff7;border-radius:50%;width:.36rem;margin-right:.24rem;box-shadow:0 0 .65rem #52d3f57a}.management-visual__node--status{grid-auto-flow:column;gap:.05rem}.feature-visual--qr-access{background:radial-gradient(circle at 50% 42%,#2997cd21,#0000 47%);justify-content:center;align-items:center;gap:clamp(.8rem,1.5vw,1.35rem);display:flex}.qr-access__code{aspect-ratio:1;background-color:#0a1521d6;background-image:linear-gradient(#77b8da0d 1px,#0000 1px),linear-gradient(90deg,#77b8da0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:.58rem .58rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #91d6f42e;border-radius:.65rem;width:4.8rem;position:relative;box-shadow:inset 0 0 1.4rem #247aa614}.qr-access__code i{display:block;position:absolute}.qr-access__code i:nth-child(-n+3){aspect-ratio:1;border:.18rem solid #b4e7f9ad;width:1.15rem;box-shadow:inset 0 0 0 .18rem #08121df0}.qr-access__code i:first-child{top:.58rem;left:.58rem}.qr-access__code i:nth-child(2){top:.58rem;right:.58rem}.qr-access__code i:nth-child(3){bottom:.58rem;left:.58rem}.qr-access__code i:nth-child(n+4){aspect-ratio:1;background:#9adef69e;width:.42rem}.qr-access__code i:nth-child(4){top:2.05rem;left:2.15rem}.qr-access__code i:nth-child(5){top:2.65rem;right:.72rem}.qr-access__code i:nth-child(6){bottom:.72rem;right:1.52rem}.qr-access__code i:nth-child(7){bottom:1.52rem;left:2.25rem}.qr-access__connector{background:linear-gradient(90deg,#69caef29,#7eddfa94);width:clamp(2rem,3.2vw,3.3rem);height:1px;display:block;position:relative}.qr-access__connector i{aspect-ratio:1;border-top:1px solid #9fe6fab8;border-right:1px solid #9fe6fab8;width:.42rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.qr-access__phone{background:linear-gradient(160deg,#192d3ff2,#050b12fc);border:1px solid #94d7f438;border-radius:.9rem;width:4.5rem;height:7.4rem;padding:1.05rem .48rem .58rem;position:relative;box-shadow:0 1rem 2rem #00000040}.qr-access__phone>span{background:#02060ac7;border-radius:999px;width:1.35rem;height:.17rem;position:absolute;top:.42rem;left:50%;transform:translate(-50%)}.qr-access__phone>i{background:linear-gradient(90deg,#3287b03d,#0e25357a);border:1px solid #7dc3e517;border-radius:.28rem;height:1.25rem;margin-bottom:.34rem;display:block}.qr-access__phone>i:nth-of-type(2){opacity:.74}.qr-access__phone>i:nth-of-type(3){opacity:.48}.qr-access__phone>b{background:#cee7f257;border-radius:999px;width:1.45rem;height:.16rem;position:absolute;bottom:.38rem;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.feature-card:hover{border-color:#7ec0e738;transform:translateY(-2px)}.feature-card:hover:after{opacity:1}}@media (min-width:768px) and (max-width:1023px){.feature-bento__grid{grid-template-rows:repeat(2,17.75rem);grid-template-columns:minmax(0,.95fr) minmax(0,1.08fr) minmax(0,.95fr);gap:.7rem}.feature-card__content{padding:1.05rem}.feature-card h3{font-size:1.08rem}.feature-card__content>p:last-child{font-size:.64rem}.feature-card__label{font-size:.47rem}.feature-visual{bottom:7.25rem}.feature-visual--digital-experience{bottom:8.4rem}.experience-device{width:9.6rem;height:19rem}.management-visual__node{width:3.3rem}.management-visual__node--category,.management-visual__node--option{left:7%}.management-visual__node--item,.management-visual__node--status{right:7%}}@media (max-width:767px){.feature-bento{min-height:auto;padding:6rem 0 3rem}.feature-bento__heading{width:min(100%,25rem);margin-bottom:3.25rem}.feature-bento__heading h2{font-size:var(--site-howdybun-title-size);line-height:1}.feature-bento__grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"digital-experience""menu-control""management""insights""qr-access";gap:.82rem}.feature-card{min-height:19rem}.feature-card--digital-experience{min-height:31rem}.feature-card__content{padding:1.25rem}.feature-card h3{max-width:22rem;font-size:1.32rem}.feature-card__content>p:last-child{max-width:24rem;font-size:.72rem}.feature-card--digital-experience h3{font-size:1.55rem}.feature-visual{bottom:7.75rem}.feature-visual--digital-experience{bottom:9rem}.feature-visual--menu-control{grid-template-columns:minmax(0,1.3fr) minmax(6rem,.7fr)}.experience-device{width:9.7rem;height:19rem}.experience-visual__orbit{width:min(21rem,88%)}}@media (max-width:420px){.feature-visual--menu-control{gap:.65rem;padding-inline:.9rem}.menu-control__status-list>span{padding-inline:.36rem}.management-visual__node{width:3.4rem}.management-visual__node--category,.management-visual__node--option{left:7%}.management-visual__node--item,.management-visual__node--status{right:7%}}@media (prefers-reduced-motion:reduce){.feature-card{transition:none}[data-menu-bar],[data-menu-status],.menu-control__status-list>span i,[data-insight-line],[data-insight-point],.insights-visual__metric,.experience-visual__orbit,[data-experience-glow],[data-experience-device],.experience-device__chips span,.experience-device__items>span,[data-management-line],.management-visual__hub,.management-visual__node,.qr-access__code i,[data-qr-line],.qr-access__phone,.qr-access__phone>i{will-change:auto}}
