.platra-hero-mesh{background:radial-gradient(52% 40% at 50% 48%,#c26c0121 0,#c26c010e 42%,#0000 72%),radial-gradient(34% 28% at 12% 88%,#c26c0114 0,#0000 66%),radial-gradient(32% 26% at 92% 26%,#c26c0113 0,#0000 68%),linear-gradient(#fffefd 0%,#fffaf4 52%,#fff6ed 100%)}.platra-browser-preview{background-color:#0000;background-image:linear-gradient(90deg,#1c1008fa 0%,#1c1008e6 42%,#1c100829 100%),url(/images/platra-website-burger.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.platra-map-preview{background:linear-gradient(25deg,#0000 0 44%,#54311b14 44% 46%,#0000 46%) 0 0/100% 100%,linear-gradient(138deg,#0000 0 38%,#54311b12 38% 40%,#0000 40%) 0 0/100% 100%,linear-gradient(90deg,#54311b0e 1px,#0000 1px) 0 0/26px 26px,linear-gradient(#54311b0e 1px,#0000 1px) 0 0/26px 26px,#fff8ef 0 0/100% 100%}.platra-hub-stage{--hub-scale:.34;width:min(100%, calc(1280px * var(--hub-scale)));height:calc(940px * var(--hub-scale));margin:clamp(18px,3vh,34px) auto clamp(42px,6vh,72px);position:relative;transform:translateY(-6vh)}.platra-hero-copy-ui{z-index:34;text-align:center;width:min(920px,100%);margin:0 auto;padding-top:clamp(88px,9.6vh,118px);position:relative}.platra-hero-copy-ui h1{color:#1c1008f5;letter-spacing:0;text-wrap:balance;max-width:900px;margin:16px auto 0;font-size:clamp(40px,4.1vw,62px);font-weight:900;line-height:.94}.platra-hero-copy-ui p{color:#54311bb8;max-width:660px;margin:20px auto 0;font-size:clamp(15px,1.05vw,18px);font-weight:560;line-height:1.55}.platra-hub-anchor{width:0;height:0;position:absolute;top:50%;left:50%}.platra-hub-canvas{width:1280px;height:940px;transform:scale(var(--hub-scale));transform-origin:570px 390px;will-change:transform;position:absolute;top:-390px;left:-570px}.platra-hub-core{width:154px;height:154px;top:390px;left:570px;transform:translate(-50%,-50%)}.platra-hub-ambient{width:500px;height:500px;top:390px;left:570px;transform:translate(-50%,-50%)}.platra-hub-glow{width:270px;height:270px;top:50%;left:50%;transform:translate(-50%,-50%)}.platra-hub-card{width:310px;height:262px;overflow:hidden}.platra-hub-card--app{top:-7px;left:-12px}.platra-hub-card--website{top:-7px;left:415px}.platra-hub-card--kitchen{top:-7px;left:842px}.platra-hub-card--ai{top:311px;left:-12px}.platra-hub-card--delivery{top:311px;left:842px}.platra-hub-card--payments{top:629px;left:-12px}.platra-hub-card--analytics{top:629px;left:415px}.platra-hub-card--qr{top:629px;left:842px}.platra-ecosystem-visual .platra-hub-stage{margin-top:0;margin-bottom:0;transform:translateY(-2vh)}@media (min-width:1440px){.platra-ecosystem-visual .platra-hub-stage{--hub-scale:.96}}@media (min-width:1680px){.platra-ecosystem-visual .platra-hub-stage{--hub-scale:1}}@media (min-width:480px){.platra-hub-stage{--hub-scale:.42}}@media (min-width:640px){.platra-hub-stage{--hub-scale:.52}}@media (min-width:768px){.platra-hub-stage{--hub-scale:.64;transform:translateY(-3vh)}}@media (min-width:1024px){.platra-hub-stage{--hub-scale:.62;transform:none}}@media (min-width:1280px){.platra-hub-stage{--hub-scale:.62}}@media (min-width:1440px){.platra-hub-stage{--hub-scale:.62}}@media (min-width:1440px) and (min-height:960px){.platra-hub-stage{--hub-scale:.64}}@media (min-width:1280px) and (max-height:900px){.platra-hub-stage{--hub-scale:.58;margin-top:clamp(12px,2vh,22px);margin-bottom:clamp(56px,7vh,86px)}}@media (min-width:1024px) and (max-height:820px){.platra-hub-stage{--hub-scale:.54;margin-top:10px;margin-bottom:76px}}@media (min-width:1680px){.platra-hub-stage{--hub-scale:.7}}@media (min-width:1800px){.platra-hub-stage{--hub-scale:.72}}@media (min-width:2048px){.platra-hub-stage{--hub-scale:.76}}@media (min-width:2200px){.platra-hub-stage{--hub-scale:.82}}@media (min-width:2560px){.platra-hub-stage{--hub-scale:.96}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientShimmer{0%{background-position:0%}to{background-position:200%}}@keyframes arrow-dash{0%{stroke-dashoffset:100px;opacity:.3}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-100px;opacity:.3}}@keyframes ping-slow{0%{opacity:.2;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-slow{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(10px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes device-float{0%,to{transform:translateY(0)rotateX(2deg)}50%{transform:translateY(-20px)rotateX(2deg)}}@keyframes particle-float{0%,to{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100px,-100px)}}.gradient-text-animated{background:linear-gradient(90deg,#c26c01,#8b4c01,#54311b,#8b4c01,#c26c01) 0 0/200%;-webkit-text-fill-color:transparent;will-change:background-position;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradientShimmer}.fade-in-scale{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) .2s forwards fadeInScale}.fade-in-delayed{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) .6s forwards fadeInScale}.fade-in-delayed-2{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) .9s forwards fadeInScale}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.arrow-flow{stroke-dashoffset:100px;will-change:stroke-dashoffset, opacity;animation:2s ease-in-out infinite arrow-dash}.arrow-flow-delay{animation-delay:1s}.animate-ping-slow{will-change:transform, opacity;animation:3s cubic-bezier(0,0,.2,1) infinite ping-slow}.animate-float{will-change:transform;animation:6s ease-in-out infinite float}.animate-float-slow{will-change:transform;animation:8s ease-in-out infinite float-slow}.animate-gradient-shift{background-size:200% 200%;animation:8s infinite gradient-shift}.animate-pulse-slow{will-change:transform, opacity;animation:3s ease-in-out infinite pulse-slow}.animate-slide-up{opacity:0;animation:.6s ease-out forwards slide-up}.animate-device-float{will-change:transform;animation:6s ease-in-out infinite device-float}.animate-particle{will-change:transform, opacity;animation:4s ease-in-out infinite particle-float}.animate-fadeInScale{animation:.3s ease-out fadeInScale}.animate-fadeIn{animation:.2s ease-out fadeIn}.animate-slideUp{animation:.4s cubic-bezier(.16,1,.3,1) slideUp}@media (min-width:640px){.animate-slideUp{animation:.3s cubic-bezier(.16,1,.3,1) fadeInScale}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.feature-card-1{animation-delay:0s}.feature-card-2{animation-delay:80ms}.feature-card-3{animation-delay:.16s}.feature-card-4{animation-delay:.24s}.feature-card-5{animation-delay:.32s}.feature-card-6{animation-delay:.4s}.step-card-1{animation-delay:0s}.step-card-2{animation-delay:.2s}.step-card-3{animation-delay:.4s}.product-card{will-change:transform;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:scale(1.03)}.benefit-card{will-change:transform;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.benefit-card:hover{transform:scale(1.02)}.feature-card{will-change:transform;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-4px)}.dish-card{will-change:transform;transition:border-color .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.dish-card:hover{transform:scale(1.02)}.smooth-button{will-change:transform;transition:all .4s cubic-bezier(.4,0,.2,1)}.smooth-button:hover{transform:translateY(-2px)}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}.glass-effect-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;border:1px solid #ffffff0d}