.animation-container{--remote-width: 60px;--remote-height: 240px;--remote-depth: 45px;--remote-color: #ebebeb;--remote-shadow: inset 0 4px 8px rgba(120, 120, 120, .2);--remote-button-color: var(--green);--remote-button-shadow: 1px 1px 2px rgb(26 26 26 / 17%), inset 0 1px 2px rgb(255 255 255 / 74%);--console-width: 80px;--console-height: 300px;--console-depth: 300px;--console-color: #ebebeb;--console-shadow: inset 0 4px 8px rgba(120, 120, 120, .2);--console-stripe-color: var(--green);--console-stripe-shadow: 1px 1px 2px rgb(26 26 26 / 17%), inset 0 1px 2px rgb(255 255 255 / 74%);--phone-width: 110px;--phone-height: var(--remote-height);--phone-depth: 20px;--phone-color: #323232;--phone-shadow: inset 0 4px 8px rgba(120, 120, 120, .2);--phone-screen-color: white;--phone-screen-shadow: inset 0 0 10px rgb(60 60 60 / 74%);--laptop-width: 330px;--laptop-height: 15px;--laptop-depth: 250px;--laptop-color: #323232;--laptop-shadow: inset 0 4px 8px rgba(120, 120, 120, .2);--laptop-screen-color: white;--laptop-screen-shadow: inset 0 0 10px rgb(60 60 60 / 74%);--max-window-width: 800px;position:relative;width:100%;max-width:var(--max-window-width);margin:0 auto;aspect-ratio:2;perspective:1000px}.animation-container>.scaler{position:absolute;transform-style:preserve-3d;transform-origin:top left;inset:0;display:flex;justify-content:center;align-items:center;perspective:1000px;overflow:hidden;--current-scale: min(calc(100vw / var(--max-window-width)), 1);--sizer: calc(1 / var(--current-scale));height:calc(100% * var(--sizer));width:calc(100% * var(--sizer));transform:scale(var(--current-scale))}.animation-container>.scaler>.object{position:absolute;transform-style:preserve-3d;transform-origin:center}.animation-container .object{object-fit:cover}.remote{width:var(--remote-width);height:var(--remote-height)}.remote>*{position:absolute;transform-origin:center;top:0;left:0;pointer-events:none}.remote .side{box-shadow:var(--remote-shadow);background-color:var(--remote-color)}.remote .front{width:var(--remote-width);height:var(--remote-height);transform:translateZ(calc(var(--remote-depth) / 2))}.remote .back{width:var(--remote-width);height:var(--remote-height);transform:rotateY(180deg) translateZ(calc(var(--remote-depth) / 2))}.remote .top{width:var(--remote-width);height:var(--remote-depth);transform:rotateX(90deg) translateZ(calc(var(--remote-depth) / 2))}.remote .bottom{top:unset;bottom:0;width:var(--remote-width);height:var(--remote-depth);transform:rotateX(270deg) translateZ(calc(var(--remote-depth) / 2))}.remote .left{width:var(--remote-depth);height:var(--remote-height);transform:rotateY(-90deg) translateZ(calc(var(--remote-depth) / 2))}.remote .right{left:unset;right:0;width:var(--remote-depth);height:var(--remote-height);transform:rotateY(90deg) translateZ(calc(var(--remote-depth) / 2))}.remote .remote-button1,.remote .remote-button2{width:20px;height:20px;background-color:var(--remote-button-color);border-radius:6px;top:35%;left:50%;transform:translate(-50%) translateZ(calc(var(--remote-depth) / 2 + 1px));box-shadow:var(--remote-button-shadow)}.remote .remote-button2{top:20%}.console{width:var(--console-width);height:var(--console-height)}.console>*{position:absolute;transform-origin:center;top:0;left:0;pointer-events:none}.console .side{box-shadow:var(--console-shadow);background-color:var(--console-color);overflow:hidden}.console .front{width:var(--console-width);height:var(--console-height);transform:translateZ(calc(var(--console-depth) / 2))}.console .back{width:var(--console-width);height:var(--console-height);transform:rotateY(180deg) translateZ(calc(var(--console-depth) / 2))}.console .top{width:var(--console-width);height:var(--console-depth);transform:rotateX(90deg) translateZ(calc(var(--console-depth) / 2))}.console .bottom{top:unset;bottom:0;width:var(--console-width);height:var(--console-depth);transform:rotateX(270deg) translateZ(calc(var(--console-depth) / 2))}.console .left{width:var(--console-depth);height:var(--console-height);transform:rotateY(-90deg) translateZ(calc(var(--console-depth) / 2))}.console .right{left:unset;right:0;width:var(--console-depth);height:var(--console-height);transform:rotateY(90deg) translateZ(calc(var(--console-depth) / 2))}.console .stripe{position:absolute;width:10px;height:100%;background-color:var(--console-stripe-color);bottom:0;right:30%;box-shadow:var(--console-stripe-shadow);transform:rotate(45deg)}.phone{width:var(--phone-width);height:var(--phone-height)}.phone>*{position:absolute;transform-origin:center;top:0;left:0;pointer-events:none}.phone .side{box-shadow:var(--phone-shadow);background-color:var(--phone-color)}.phone .front{width:var(--phone-width);height:var(--phone-height);transform:translateZ(calc(var(--phone-depth) / 2))}.phone .back{width:var(--phone-width);height:var(--phone-height);transform:rotateY(180deg) translateZ(calc(var(--phone-depth) / 2))}.phone .top{width:var(--phone-width);height:var(--phone-depth);transform:rotateX(90deg) translateZ(calc(var(--phone-depth) / 2))}.phone .bottom{top:unset;bottom:0;width:var(--phone-width);height:var(--phone-depth);transform:rotateX(270deg) translateZ(calc(var(--phone-depth) / 2))}.phone .left{width:var(--phone-depth);height:var(--phone-height);transform:rotateY(-90deg) translateZ(calc(var(--phone-depth) / 2))}.phone .right{left:unset;right:0;width:var(--phone-depth);height:var(--phone-height);transform:rotateY(90deg) translateZ(calc(var(--phone-depth) / 2))}.phone .screen{width:90%;height:90%;background-color:var(--phone-screen-color);border-radius:7px;margin:5% auto;box-shadow:var(--phone-screen-shadow);display:flex;justify-content:center;align-items:center;padding:20%}.phone .screen img{width:100%;height:100%;object-fit:contain;transform:translateY(-5%)}.laptop{width:var(--laptop-width);height:var(--laptop-height)}.laptop .keyboard,.laptop .display{position:absolute;transform-style:preserve-3d;transform-origin:center;width:var(--laptop-width);height:var(--laptop-height)}.laptop .keyboard>*,.laptop .display>*{position:absolute;transform-origin:center;top:0;left:0;pointer-events:none}.laptop .display{transform-origin:0 0 calc(var(--laptop-depth) / -2)}.laptop .keyboard .side,.laptop .display .side{box-shadow:var(--laptop-shadow);background-color:var(--laptop-color)}.laptop .keyboard .front,.laptop .display .front{width:var(--laptop-width);height:var(--laptop-height);transform:translateZ(calc(var(--laptop-depth) / 2))}.laptop .display .front{transform:translateZ(calc(var(--laptop-depth) * -.5))}.laptop .keyboard .back,.laptop .display .back{width:var(--laptop-width);height:var(--laptop-height);transform:rotateY(180deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .display .back{transform:rotateY(180deg) translateZ(calc(var(--laptop-depth) * 1.5))}.laptop .keyboard .top,.laptop .display .top{width:var(--laptop-width);height:var(--laptop-depth);transform:rotateX(90deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .display .top{transform:translateZ(calc(var(--laptop-depth) * -1)) rotateX(90deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .keyboard .bottom,.laptop .display .bottom{top:unset;bottom:0;width:var(--laptop-width);height:var(--laptop-depth);transform:rotateX(270deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .display .bottom{transform:translateZ(calc(var(--laptop-depth) * -1)) rotateX(270deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .keyboard .left,.laptop .display .left{width:var(--laptop-depth);height:var(--laptop-height);transform:rotateY(-90deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .display .left{transform:translateZ(calc(var(--laptop-depth) * -1)) rotateY(-90deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .keyboard .right,.laptop .display .right{left:unset;right:0;width:var(--laptop-depth);height:var(--laptop-height);transform:rotateY(90deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .display .right{transform:translateZ(calc(var(--laptop-depth) * -1)) rotateY(90deg) translateZ(calc(var(--laptop-depth) / 2))}.laptop .display .screen{width:calc(var(--laptop-width) - 10px);height:calc(var(--laptop-depth) - 25px);border-radius:7px;background-color:var(--laptop-screen-color);box-shadow:var(--laptop-screen-shadow);margin:7px auto;display:flex;justify-content:center;align-items:center;padding:8%}.laptop .display .screen img{width:100%;height:100%;object-fit:contain;transform:translateY(-5%)}.label{position:absolute;top:5px;font-size:1.5rem;font-weight:700;color:#323232;text-shadow:1px 1px 2px rgb(26 26 26 / 17%),inset 0 1px 2px rgb(255 255 255 / 74%)}.remote,.console{transform:var(--resting);will-change:transform;animation:float-apart var(--float-duration) ease-in-out var(--float-delay) forwards,drop-off var(--drop-duration) linear var(--drop-delay) forwards}.remote{z-index:2;--float-delay: 2s;--float-duration: 2.2s;--drop-delay: 4.2s;--drop-duration: .3s;--resting: translateZ(25px) translateY(38px) translateX(-50px) rotateY(-38deg) rotateX(22deg);--floated-away: translateZ(140px) translateY(0px) translateX(-191px) rotateY(23deg) rotateX(4deg) rotateZ(0deg);--dropped: translateZ(140px) translateY(300px) translateX(-191px) rotateY(23deg) rotateX(-76deg) rotateZ(0deg)}.console{z-index:1;--float-delay: 2s;--float-duration: 2.2s;--drop-delay: 5.2s;--drop-duration: .3s;--resting: translateZ(0px) translateY(0px) translateX(35px) rotateY(20deg) rotateX(0deg);--floated-away: translateZ(-120px) translateY(30px) translateX(190px) rotateY(-22deg) rotateX(-6deg) rotateZ(90deg);--dropped: translateZ(-120px) translateY(400px) translateX(190px) rotateY(-22deg) rotateX(12deg) rotateZ(90deg)}@keyframes float-apart{0%{transform:var(--resting)}to{transform:var(--floated-away)}}@keyframes drop-off{0%{transform:var(--floated-away)}to{transform:var(--dropped)}}.phone,.laptop{transform:var(--starting);will-change:transform;animation:drop-on var(--drop-duration) cubic-bezier(.64,.01,1,1) var(--initial-delay) forwards,spin var(--spin-duration) ease-out var(--spin-delay) forwards}.phone{--initial-delay: 4s;--drop-duration: .6s;--spin-delay: calc(var(--initial-delay) + var(--drop-duration));--spin-count: 2;--spin-duration: 1.8s;--starting: translateZ(0px) translateY(-400px) translateX(-225px) rotateY(0deg) rotateX(4deg);--dropped: translateZ(0px) translateY(0px) translateX(-225px) rotateY(-360deg) rotateX(4deg);--resting: translateZ(0px) translateY(0px) translateX(-225px) rotateY(calc(var(--spin-count) * -360deg + 30deg)) rotateX(4deg)}.laptop{--initial-delay: 5s;--drop-duration: .6s;--spin-delay: calc(var(--initial-delay) + var(--drop-duration));--spin-count: 2;--spin-duration: 1.8s;--starting: translateZ(55px) translateY(-310px) translateX(125px) rotateY(0deg) rotateX(4deg);--dropped: translateZ(55px) translateY(90px) translateX(125px) rotateY(-360deg) rotateX(-3deg);--resting: translateZ(55px) translateY(110px) translateX(125px) rotateY(calc(var(--spin-count) * -360deg - 31deg)) rotateX(-3deg)}.laptop .display{--delay: 6.2s;--closed: rotateX(180deg);--open: rotateX(275deg);transform:var(--closed);animation:screen-open 1s ease-out var(--delay) forwards}.animation-container{--screen-off: brightness(0);--screen-on: brightness(1);--screen-on-delay: 7.2s}@keyframes drop-on{0%{transform:var(--starting)}to{transform:var(--dropped)}}@keyframes spin{0%{transform:var(--dropped)}to{transform:var(--resting)}}@keyframes screen-open{0%{transform:var(--closed)}to{transform:var(--open)}}.phone .screen,.laptop .display .screen{filter:var(--screen-off);animation:screen-on .5s ease-out var(--screen-on-delay) forwards}@keyframes screen-on{0%{filter:var(--screen-off)}to{filter:var(--screen-on)}}.label.drop-console-label{opacity:0;animation:fade-in .5s ease-out 2.2s forwards,fade-out .5s ease-out 4.2s forwards}.label.use-beckerbox-label{opacity:0;animation:fade-in .5s ease-out 6.2s forwards,fade-out .5s ease-out 10.2s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.demo-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f1c16a6;backdrop-filter:blur(6px);z-index:20;animation:demoFadeIn .2s ease}.demo-panel{width:min(1100px,100%);max-height:82vh;display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius);border:1px solid rgba(15,28,22,.08);overflow:hidden;box-shadow:var(--shadow);animation:demoPopIn .25s ease}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#19c26529,#4296ff29);border-bottom:1px solid rgba(15,28,22,.08)}.demo-title h3{font-family:Space Grotesk,sans-serif;font-size:1.2rem;color:var(--text);margin-top:4px}.demo-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--green-dark);font-weight:700}.demo-close{width:36px;height:36px;border-radius:999px;border:none;background:#0f1c1614;color:var(--text);font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.demo-close:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f1c161f}.demo-body{background:#0f1c16}.demo-frame{width:100%;height:min(70vh,680px);border:0;display:block;background:#fff}@keyframes demoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes demoPopIn{0%{transform:translateY(10px) scale(.98);opacity:.7}to{transform:translateY(0) scale(1);opacity:1}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;padding:54px 0 0}.hero .hero-copy{display:flex;flex-direction:column;align-items:center;max-width:600px}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.01em;font-size:2em}.hero p{margin-top:18px;color:var(--muted);font-size:1.1rem;line-height:1.7}.hero-cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.hero-note{margin-top:18px;font-size:.95rem;color:var(--muted);letter-spacing:.01em}.hero-media{width:min(100%,820px);position:relative;display:flex;justify-content:center;padding:0;background:transparent;border:none;box-shadow:none}.hero-media img{width:100%;border-radius:0;background:transparent;aspect-ratio:1.4965397923875432;display:block}.hero-media video{width:100%;border-radius:10px;border:2px solid var(--green-dark);box-shadow:var(--shadow);background:transparent;aspect-ratio:16/9;display:block}.hero-media:after{content:none}@media(max-width:980px){.hero{grid-template-columns:1fr}}@media(max-width:600px){.hero{padding-top:28px}.hero-media:after{left:16px}}.slideshow{padding:18px 0 60px}.slideshow-shell{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr);gap:32px;align-items:center;background:#ffffffb3;border:1px solid rgba(15,28,22,.08);border-radius:calc(var(--radius) + 10px);padding:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}.slideshow-shell:before{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-120px;background:radial-gradient(circle,rgba(66,150,255,.25),transparent 70%);pointer-events:none}.slideshow-viewport{border-radius:var(--radius);overflow:hidden;min-height:480px;position:relative;background:#0f1c16;display:flex}.slideshow-track{display:flex;transition:transform .6s ease;flex:1}.slide{min-width:100%;height:100%;background-size:cover;background-position:center;position:relative}.slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#090f0ca6,#090f0c1a)}.slideshow-content{display:grid;gap:18px;position:relative;z-index:1}.slideshow-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--green-dark);font-weight:700}.slideshow-content h2{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.01em}.slideshow-copy{color:var(--muted);font-size:1.05rem;line-height:1.7}.slideshow-controls{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:14px;position:relative;z-index:1}.slide-arrow{width:50px;height:50px;border-radius:50%;border:1px solid rgba(15,28,22,.12);background:#ffffffbf;color:var(--text);font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.slide-arrow:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0c8d4626}.slide-dots{display:flex;gap:12px;align-items:center}.slide-dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(15,28,22,.2);background:#0f1c161a;cursor:pointer;transition:all .2s ease}.slide-dot.active{width:34px;background:linear-gradient(135deg,var(--green),#7bf2a1);border-color:transparent}@media(max-width:980px){.slideshow-shell{grid-template-columns:1fr}.slideshow-viewport{min-height:360px}}@media(max-width:600px){.slideshow{padding-bottom:40px}.slideshow-shell{padding:24px}.slideshow-controls{justify-content:center}}.how-step{display:grid;gap:16px}.step-number{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#19c26526;color:var(--green-dark);font-weight:700}.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;margin-top:52px}.feature-item{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:flex-start;padding:30px;background:linear-gradient(135deg,#19c2650a,#4296ff0a);border-radius:var(--radius-sm);border:1px solid rgba(25,194,101,.1);transition:all .3s ease;position:relative;overflow:hidden}.feature-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--green),#5be28d);opacity:0;transition:opacity .3s ease}.feature-item:hover{background:linear-gradient(135deg,#19c2651a,#4296ff14);border-color:#19c26533;box-shadow:0 8px 24px #19c2651a;transform:translate(4px)}.feature-item:hover:before{opacity:1}.feature-item-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:56px;background:linear-gradient(135deg,var(--green),#5be28d);border-radius:16px;color:#fff;font-size:24px;box-shadow:0 8px 20px #19c26540;transition:all .3s ease}.feature-item:hover .feature-item-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 28px #19c26559}.feature-item-content h3{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text)}.feature-item-content p{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0}@media(max-width:600px){.features-list{grid-template-columns:1fr;gap:22px}.feature-item{padding:22px;gap:16px}.feature-item-icon{width:48px;height:48px;min-width:48px;font-size:20px}.feature-item-content h3{font-size:1rem}}.compatibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:52px}.compat-card{background:var(--card);border-radius:var(--radius);padding:38px 30px;text-align:center;box-shadow:0 8px 24px #10281e14;transition:all .3s ease;border:2px solid transparent;position:relative}.compat-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #10281e26;border-color:#19c26533}.compat-icon-group{display:flex;justify-content:center;gap:16px;margin-bottom:24px;height:64px;align-items:center}.compat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--green),#5be28d);border-radius:16px;color:#fff;font-size:28px;box-shadow:0 4px 12px #19c2654d}.compat-icon-single{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,var(--green),#5be28d);border-radius:18px;color:#fff;font-size:40px;box-shadow:0 8px 20px #19c2654d}.compat-icon-large{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--green),#5be28d);border-radius:20px;color:#fff;font-size:44px;box-shadow:0 12px 30px #19c26566}.compat-icon-disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:0 8px 20px #64646433;opacity:.6}.compat-card h3{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:12px;color:var(--text)}.compat-card p{color:var(--muted);font-size:.95rem;line-height:1.6}.coming-soon{display:inline-block;background:#19c26526;color:var(--green-dark);padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;margin-left:6px;font-family:"Source Sans 3",sans-serif}.compat-card-soon{opacity:.85}.compat-card-featured{grid-column:auto;background:linear-gradient(135deg,#19c2651a,#5be28d14);border:2px solid rgba(25,194,101,.2)}.compat-card-featured:hover{border-color:#19c26566;box-shadow:0 16px 40px #19c26533}.testimonials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.quote{font-size:1.05rem;color:var(--muted);line-height:1.6}.person{margin-top:18px;font-weight:600}@media(max-width:980px){.testimonials{grid-template-columns:1fr}}.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.faq-accordion{display:grid;gap:18px}.faq-item{background:var(--card);border-radius:var(--radius-sm);border:1px solid rgba(15,28,22,.12);box-shadow:0 10px 30px #0a281914;padding:8px 20px}.faq-trigger{width:100%;text-align:left;cursor:pointer;padding:20px 34px 20px 0;font-family:Space Grotesk,sans-serif;font-size:1.05rem;position:relative;border:none;background:none;color:inherit}.faq-trigger:after{content:">";position:absolute;right:6px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:1.1rem;color:var(--muted);transition:transform .2s}.faq-trigger[aria-expanded=true]:after{transform:translateY(-50%) rotate(-90deg);color:var(--green-dark)}.faq-panel{overflow:hidden;transition:height .3s}.faq-panel-inner{padding:0 8px 20px 0;color:var(--muted);line-height:1.6}@media(max-width:980px){.faq{grid-template-columns:1fr}}.bottom-cta{text-align:center}.bottom-cta-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.bottom-cta p{font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,2.6vw,1.7rem);color:var(--text)}.bottom-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}