@charset "UTF-8";h1{font-size:3.5rem;font-weight:600;line-height:1.2}h2{font-size:2.25rem;font-weight:600;line-height:1.3}h3{font-size:1.875rem;font-weight:500;line-height:1.4}h4{font-size:1.5rem;font-weight:500;line-height:1.5}h5{font-size:1.25rem;font-weight:500;line-height:1.6}h6{font-size:1.125rem;font-weight:500;line-height:1.7}p{font-size:1rem;font-weight:400;line-height:1.6}@media (max-width: 768px){h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:.875rem}}@media (max-width: 480px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:.875rem}h6{font-size:.75rem}p{font-size:.875rem}}@media (max-width: 320px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:.875rem}h5,h6{font-size:.75rem}}.color-lime-50{color:#f7ffe6}.color-lime-100{color:#ecffd1}.color-lime-200{color:#d9ffa3}.color-lime-300{color:#c1ff6b}.color-lime-400{color:#acff82}.color-lime-500{color:#84ff33}.color-lime-600{color:#65e619}.color-lime-700{color:#4ade80}.color-lime-800{color:#f05a28}.color-lime-900{color:#166534}.color-sky-100{color:#f0f9ff}.color-sky-200{color:#e0f2fe}.color-sky-300{color:#7dd3fc}.color-sky-400{color:#38bdf8}.color-sky-500{color:#0ea5e9}.bg-lime-50{background-color:#f7ffe6}.bg-lime-100{background-color:#ecffd1}.bg-lime-200{background-color:#d9ffa3}.bg-lime-300{background-color:#c1ff6b}.bg-lime-400{background-color:#acff82}.bg-lime-500{background-color:#84ff33}.bg-lime-600{background-color:#65e619}.bg-lime-700{background-color:#4ade80}.bg-lime-800{background-color:#22c55e}.bg-lime-900{background-color:#166534}bg-sky-100{background-color:#f0f9ff}.bg-sky-200{background-color:#e0f2fe}.bg-sky-300{background-color:#7dd3fc}.bg-sky-400{background-color:#38bdf8}.bg-sky-500{background-color:#0ea5e9}.btn-orange{background-color:#f05a28}.btn-orange:hover{background-color:#d6410f;box-shadow:0 2px 6px #d6410f}.btn-orange:active{background-color:#be3a0d}.btn-orange:focus{background-color:#be3a0d}.btn-lime-700{background-color:#22c55e}.btn-lime-700:hover{background-color:#22c55e;box-shadow:0 2px 6px #22c55e}.btn-lime-700:active{background-color:#22c55e}.btn-lime-700:focus{background-color:#22c55e}.btn-lime-800{background-color:#22c55e}.btn-lime-800:hover{background-color:#166534;box-shadow:0 2px 6px #166534}.btn-lime-800:active{background-color:#166534}.btn-lime-800:focus{background-color:#166534}.btn-lime-900{background-color:#166534}.btn-lime-900:hover{background-color:#0d3b1e;box-shadow:0 2px 6px #0d3b1e}.btn-lime-900:active{background-color:#082614}.btn-lime-900:focus{background-color:#082614}.btn-sky-400{background-color:#38bdf8}.btn-sky-400:hover{background-color:#0ea5e9;box-shadow:0 2px 6px #0ea5e9}.btn-sky-400:active{background-color:#0ea5e9}.btn-sky-400:focus{background-color:#0ea5e9}.btn-sky-500{background-color:#0ea5e9}.btn-sky-500:hover{background-color:#0b83b9;box-shadow:0 2px 6px #0b83b9}.btn-sky-500:active{background-color:#0a72a1}.btn-sky-500:focus{background-color:#0a72a1}.btn-sky-600{background-color:#0b83b9}.btn-sky-600:hover{background-color:#0a72a1;box-shadow:0 2px 6px #0a72a1}.btn-sky-600:active{background-color:#086189}.btn-sky-600:focus{background-color:#086189}.get-template-btn{color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-block;text-align:center;min-width:120px}.get-template-btn:hover{transform:translateY(-1px)}.get-template-btn:active{transform:translateY(0)}.get-template-btn:focus{outline:none}.get-template-btn.small{padding:8px 16px;font-size:12px;border-radius:20px}.get-template-btn.large{padding:16px 32px;font-size:16px;border-radius:30px}.get-template-btn.xlarge{padding:20px 40px;font-size:18px;border-radius:35px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-font-smoothing:inherit}html,body{font-family:Lexend,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:#fff;color:#000;width:100%;transform:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.p0{padding:0rem}.pt0{padding-top:0rem}.pb0{padding-bottom:0rem}.pl0{padding-left:0rem}.pr0{padding-right:0rem}.m0{margin:0rem}.mt0{margin-top:0rem}.mb0{margin-bottom:0rem}.ml0{margin-left:0rem}.mr0{margin-right:0rem}.p1{padding:.25rem}.pt1{padding-top:.25rem}.pb1{padding-bottom:.25rem}.pl1{padding-left:.25rem}.pr1{padding-right:.25rem}.m1{margin:.25rem}.mt1{margin-top:.25rem}.mb1{margin-bottom:.25rem}.ml1{margin-left:.25rem}.mr1{margin-right:.25rem}.p2{padding:.5rem}.pt2{padding-top:.5rem}.pb2{padding-bottom:.5rem}.pl2{padding-left:.5rem}.pr2{padding-right:.5rem}.m2{margin:.5rem}.mt2{margin-top:.5rem}.mb2{margin-bottom:.5rem}.ml2{margin-left:.5rem}.mr2{margin-right:.5rem}.p3{padding:.75rem}.pt3{padding-top:.75rem}.pb3{padding-bottom:.75rem}.pl3{padding-left:.75rem}.pr3{padding-right:.75rem}.m3{margin:.75rem}.mt3{margin-top:.75rem}.mb3{margin-bottom:.75rem}.ml3{margin-left:.75rem}.mr3{margin-right:.75rem}.p4{padding:1rem}.pt4{padding-top:1rem}.pb4{padding-bottom:1rem}.pl4{padding-left:1rem}.pr4{padding-right:1rem}.m4{margin:1rem}.mt4{margin-top:1rem}.mb4{margin-bottom:1rem}.ml4{margin-left:1rem}.mr4{margin-right:1rem}.p5{padding:1.25rem}.pt5{padding-top:1.25rem}.pb5{padding-bottom:1.25rem}.pl5{padding-left:1.25rem}.pr5{padding-right:1.25rem}.m5{margin:1.25rem}.mt5{margin-top:1.25rem}.mb5{margin-bottom:1.25rem}.ml5{margin-left:1.25rem}.mr5{margin-right:1.25rem}.m-auto{margin:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#4caf50}.text-muted{color:#666}.text-white{color:#fff}.text-black{color:#000}.bg-primary{background-color:#4caf50}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-muted{background-color:#f5f5f5}.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6666%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-auto{width:auto}.w-1{width:.25rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.z-index-0{z-index:0}.z-index-10{z-index:10}.z-index-20{z-index:20}.z-index-30{z-index:30}.container{width:100%;max-width:1280px;padding-inline:1rem;margin-inline:auto}header{position:sticky;top:1rem;z-index:1000;z-index:999px}header .header-content{display:flex;align-items:center;justify-content:space-between;transition:all .2s ease-in-out;transition-delay:.02s}header .header-left{display:flex;align-items:center;gap:1.5rem}header nav ul{display:flex;list-style:none;gap:1rem}header nav ul li{padding:2px 8px;border-radius:50px;transition:all .2s ease-in-out}header nav ul li:hover{background-color:#f7ffe666}header.shadow .header-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px;border-radius:40px;box-shadow:0 4px 12px #0000001a}main{padding-block:3rem}section{padding-block:3rem}section h2{margin-bottom:1rem;font-size:2rem}footer{background-color:#222;color:#fff;padding-block:2rem;text-align:center}footer .container{font-size:.875rem}.logo{cursor:pointer}.hero-image{z-index:2}.shadow-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.shadow-item{position:absolute;border-radius:50%;aspect-ratio:1/1}.shadow-item.first{width:600px;height:600px;background:radial-gradient(circle,#f75ccb,#f75ccb);filter:blur(100px);animation:float1 6s ease-in-out infinite}.shadow-item.second{width:600px;height:600px;background:radial-gradient(circle,#38bdf8,#38bdf8);filter:blur(100px);animation:float2 6s ease-in-out infinite 3s}.shadow-item.third{width:400px;height:400px;background:radial-gradient(circle,#7dd3fc,#f75ccb);filter:blur(80px);animation:float3 8s ease-in-out infinite 1s}@keyframes float1{0%,to{transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(100px)}25%{transform:translate(100px) translateY(-80px) scale(1.1) rotate(45deg);filter:blur(120px)}50%{transform:translate(150px) translateY(120px) scale(1.3) rotate(90deg);filter:blur(140px)}75%{transform:translate(-80px) translateY(100px) scale(1.2) rotate(135deg);filter:blur(110px)}}@keyframes float2{0%,to{transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(100px)}25%{transform:translate(-120px) translateY(90px) scale(1.2) rotate(-45deg);filter:blur(130px)}50%{transform:translate(-150px) translateY(-120px) scale(1.4) rotate(-90deg);filter:blur(150px)}75%{transform:translate(90px) translateY(-110px) scale(1.1) rotate(-135deg);filter:blur(115px)}}@keyframes float3{0%,to{transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(80px)}33%{transform:translate(80px) translateY(120px) scale(1.3) rotate(120deg);filter:blur(100px)}66%{transform:translate(-100px) translateY(-80px) scale(.9) rotate(240deg);filter:blur(90px)}}@media (max-width: 768px){.shadow-item.first,.shadow-item.second{width:300px;height:300px}.shadow-item.third{width:240px;height:240px}.content h1{font-size:2rem}.content p{font-size:1rem}@keyframes float1{0%,to{transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(80px)}25%{transform:translate(60px) translateY(-50px) scale(1.1) rotate(45deg);filter:blur(100px)}50%{transform:translate(90px) translateY(80px) scale(1.2) rotate(90deg);filter:blur(120px)}75%{transform:translate(-50px) translateY(60px) scale(1.1) rotate(135deg);filter:blur(90px)}}@keyframes float2{0%,to{transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(80px)}25%{transform:translate(-80px) translateY(60px) scale(1.1) rotate(-45deg);filter:blur(110px)}50%{transform:translate(-100px) translateY(-80px) scale(1.3) rotate(-90deg);filter:blur(130px)}75%{transform:translate(60px) translateY(-70px) scale(1) rotate(-135deg);filter:blur(95px)}}}@media (max-width: 600px){.shadow-wrapper{width:50%}.shadow-item.first,.shadow-item.second{width:250px;height:250px;max-width:100%}.shadow-item.third{width:200px;height:200px;max-width:100%}@keyframes float1{0%,to{transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(40px)}25%{transform:translate(0) translateY(-30px) scale(1) rotate(45deg);filter:blur(60px)}50%{transform:translate(0) translateY(50px) scale(1) rotate(90deg);filter:blur(80px)}75%{transform:translate(0) translateY(40px) scale(1) rotate(135deg);filter:blur(50px)}}@keyframes float2{0%,to{transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(40px)}25%{transform:translate(0) translateY(40px) scale(1) rotate(-45deg);filter:blur(70px)}50%{transform:translate(0) translateY(-60px) scale(1) rotate(-90deg);filter:blur(90px)}75%{transform:translate(0) translateY(-50px) scale(1) rotate(-135deg);filter:blur(65px)}}}.glass-section:hover .shadow-item.first,.glass-section:hover .shadow-item.second{animation-duration:4s}.glass-section:hover .shadow-item.third{animation-duration:5s}.shadow-item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:50%;background:inherit;filter:blur(50px);opacity:.3}.glass-wrapper{width:650px;height:575px;overflow:hidden;position:absolute;left:50%;top:50%;transform:translateY(-50%) translate(-50%);z-index:2}.glass-wrapper .glass-item{background-color:#fff;border-radius:38px;bottom:0;box-shadow:1px 1px 50px #4e4e4e0a;flex:none;opacity:.2;position:absolute;top:0;width:280px}.glass-wrapper .glass-item.first{left:68px}.glass-wrapper .glass-item.second{height:434px;left:0;top:50%;transform:translateY(-50%)}.glass-wrapper .glass-item.right-first{right:68px}.glass-wrapper .glass-item.right-second{height:434px;right:0;top:50%;transform:translateY(-50%)}.glass-section{margin-top:26px}.brands-container{width:100%;overflow:hidden;padding:40px 0;position:relative}.brands-container:before,.brands-container:after{content:"";position:absolute;width:150px;height:100%;z-index:2;pointer-events:none;height:50px;top:50%;transform:translateY(-50%)}.brands-container:before{left:0;background:linear-gradient(to right,#fff,transparent)}.brands-container:after{right:0;background:linear-gradient(to left,#fff,transparent)}.brands-scroll{display:flex;animation:scroll-left 30s linear infinite;width:calc(200% + 100px)}.brands-list{display:flex;align-items:center;justify-content:space-around;min-width:55%}.brand-logo{font-size:24px;font-weight:600;color:#5e697f;white-space:nowrap;opacity:.7;transition:opacity .3s ease}.brand-logo:hover{opacity:1}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.workflow-section{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center}.badge{display:inline-block;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;color:#282828;margin-bottom:24px}.main-heading{font-size:48px;font-weight:500;line-height:1.1;margin-bottom:24px;color:#282828}.description{font-size:16px;color:#5e697f;margin-bottom:32px}.features{display:flex;gap:24px;margin-bottom:32px}.feature{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400}.checkmark{width:16px;height:16px;color:#34d399}.cta-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;font-size:14px;color:#282828;font-weight:500;cursor:pointer;text-decoration:none;transition:color .3s ease}.cta-button:hover{color:#3b82f6}.arrow{transition:transform .3s ease}.cta-button:hover .arrow{transform:translate(4px)}.content-right{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.user-progress-card{background-color:#fff;border-radius:24px;box-shadow:0 10px 25px -5px #0000000a,0 4px 6px -2px #00000008;padding:20px 20px 20px 48px;position:relative;display:flex;align-items:center;width:90%}.user-progress-card:nth-child(2),.user-progress-card:nth-child(3){width:75%}.avatar-container{position:absolute;left:-24px;top:50%;transform:translateY(-50%)}.avatar{width:48px;height:48px;border-radius:50%;border:3px solid white;display:block}.avatar-badge{position:absolute;bottom:-2px;right:-2px;background-color:#fde047;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#713f12;border:2px solid white}.progress-bar-container{width:100%;height:8px;background-color:#f1f5f9;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px}.progress-green{background-color:#7ddaa4}.progress-red{background-color:#ff908f}.progress-purple{background-color:#cc8cfd}.progress-blue{background-color:#6f95ff}@media (max-width: 992px){.main-section{grid-template-columns:1fr;gap:60px}.content-left{max-width:100%;text-align:center}.features{justify-content:center}}@media (max-width: 768px){.main-heading{font-size:36px}.brands-list{padding:0 20px}.brand-logo{font-size:16px}}.features-section{padding:90px 0;background:linear-gradient(180deg,#f0f4fa,#fff);width:100%;text-align:center}.section-badge{display:inline-block;border:1px solid #282828;background-color:#f0f4fa;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;color:#282828;margin-bottom:20px}.section-title{font-size:52px;font-weight:500;line-height:1.2;margin-bottom:12px;color:#282828}.section-subtitle{font-size:17px;color:#5e697f;line-height:1.6;max-width:580px;margin:0 auto 56px}.features-grid{width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:48px 48px;text-align:left}.feature-item{display:flex;gap:18px;align-items:flex-start}.feature-icon-container{flex-shrink:0;width:50px;height:50px;background-color:#fff;border-radius:16px;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 2px #0000000d}.feature-icon{width:32px;height:32px;object-fit:contain}.feature-content{display:flex;flex-direction:column;gap:6px}.feature-title{font-size:18px;font-weight:600;color:#282828}.feature-description{font-size:14px;color:#5e697f;line-height:1.5;margin-bottom:6px}.feature-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500;align-self:flex-start}.tag-plugin{background-color:#e6f0ff;color:#0b5cd5}.tag-api{background-color:#e9ffe3;color:#038f65}.tag-extension{background-color:#fff5e6;color:#d6850b}@media (max-width: 768px){.section-title{font-size:32px}.section-subtitle{font-size:16px}.features-grid{grid-template-columns:1fr;gap:32px}.feature-item{padding:0 10px}}@media (max-width: 480px){.section-title{font-size:28px}.section-subtitle{font-size:15px;margin-bottom:40px}}.app-maker-section{width:100%;text-align:center}.platforms-section{width:100%;text-align:center;background:linear-gradient(180deg,#f0f4fa,#fff);padding:90px 0}.section-main-title{font-size:36px;font-weight:600;line-height:1.3;margin-bottom:16px;color:#282828}.section-subtitle{font-size:16px;color:#5e697f;max-width:750px;margin:0 auto 48px}.app-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.app-card{background-color:#fff;border-radius:16px;border:1px solid #ececee;padding:24px;text-align:center;box-shadow:0 8px 25px #6464960d;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.app-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #6464960d}.phone-mockup-container{width:100%;max-width:220px;height:auto;margin:0 auto 24px}.phone-screen{width:100%;padding-top:200%;background-color:#fff;border-radius:18px;position:relative}.phone-screen img{position:absolute;top:0;left:0;width:100%;object-fit:cover}.app-card-title{font-size:20px;font-weight:600;color:#282828;margin-bottom:8px}.app-card-description{font-size:14px;color:#5e697f;line-height:1.6}@media (max-width: 992px){.app-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.section-main-title{font-size:30px}.section-subtitle{font-size:15px}.app-cards-grid{grid-template-columns:1fr}}@media (max-width: 480px){.section-main-title{font-size:26px}}.platform-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.platform-card{background-color:#fff;border-radius:12px;border:1px solid #ececee;padding:32px 24px;text-align:center;box-shadow:0 5px 15px #ececee;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:4px;border-radius:0 0 4px 4px}.platform-card.pwa:before{background-color:#4f46e5}.platform-card.android:before{background-color:#059669}.platform-card.ios:before{background-color:#4b5563}.icon-container{width:120px;height:120px;margin:20px auto 28px;position:relative;display:flex;justify-content:center;align-items:center}.icon-pulse-bg{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;animation:pulse 2s infinite ease-in-out;z-index:1}.platform-card.pwa .icon-pulse-bg{background-color:#4f46e533}.platform-card.android .icon-pulse-bg{background-color:#05966933}.platform-card.ios .icon-pulse-bg{background-color:#4b556333}.icon-main-bg{width:88px;height:88px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;box-shadow:0 4px 10px #0000001a}.platform-card.pwa .icon-main-bg{background-color:#4f46e5}.platform-card.android .icon-main-bg{background-color:#059669}.platform-card.ios .icon-main-bg{background-color:#4b5563}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.7}}.platform-card-title{font-size:18px;font-weight:600;color:#282828;margin-bottom:10px}.platform-card-description{font-size:14px;color:#5e697f;line-height:1.6}.modal{display:none;position:fixed;z-index:9999999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;width:90%;max-width:500px;border-radius:10px;animation:fadeIn .3s ease-in-out;text-align:left;display:flex;flex-direction:column;gap:12px}.modal-content p{color:#5e697f;margin-bottom:8px}.close-button{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 992px){.platform-cards-grid{grid-template-columns:1fr}}@media (max-width: 768px){.section-main-title{font-size:28px}.section-subtitle{font-size:15px}}.live-preview-section{padding:0 80px}.live-preview-section .content-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.live-preview-section .content-right .qr-code-image{border:1px solid #e2e8f0;padding:4px;border-radius:10px}.live-preview-section .content-right .qr-code-image img{height:120px}@media (max-width: 882px){.features-grid{width:100%}.header-content nav{display:none}.hero-sub-text{width:100%}.glass-wrapper{overflow:visible}}@media (max-width: 600px){.goloris-logo{height:45px}.features-grid{width:100%}.header-content nav{display:none}main{padding-block:0}.hero-sub-text{width:100%}.glass-wrapper{overflow:visible;width:100%;height:475px}.glass-wrapper .glass-item{box-shadow:1px 1px 50px #4e4e4ea9}.glass-wrapper .glass-item.first{left:-15px}.glass-wrapper .glass-item.right-first{right:-15px}.glass-wrapper .glass-item.second,.glass-wrapper .glass-item.right-second{height:340px}.brands-scroll{gap:148px}.brands-scroll .brands-list{gap:12px}.workflow-section{grid-template-columns:1fr}.workflow-section .features{gap:0;margin-bottom:0}.workflow-section .feature{text-align:left}#design-section{padding-bottom:0}.platforms-section{padding:50px 0}.live-preview-section{gap:32px;padding:0}.live-preview-section .live-preview-image{height:475px}}.form-group{display:flex;flex-direction:column;margin-bottom:1rem;font-family:Arial,sans-serif}.form-group label{margin-bottom:6px;font-size:14px;color:#333}.form-group input{padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:16px;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:#7dd3fc;outline:none}.error-message{color:#e53e3e!important;font-size:12px}