@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-\[124px\]{top:124px}.top-\[142px\]{top:142px}.top-\[178px\]{top:178px}.-right-\[17px\]{right:-17px}.-left-\[17px\]{left:-17px}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-2{grid-column:2}.col-4{grid-column:4}.col-6{grid-column:6}.col-8{grid-column:8}.col-12{grid-column:12}.col-auto{grid-column:auto}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-\[18px\]{height:18px}.h-\[46px\]{height:46px}.h-\[64px\]{height:64px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-\[3px\]{width:3px}.w-\[148px\]{width:148px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-full{border-radius:3.40282e38px}.rounded-b-\[1rem\]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[14px\]{border-style:var(--tw-border-style);border-width:14px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-\[\#0f172a\]{background-color:#0f172a}.bg-\[\#f8fafc\]{background-color:#f8fafc}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-\[10px\]{font-size:10px}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-4{text-decoration-thickness:4px}.underline-offset-8{text-underline-offset:8px}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-30{opacity:.3}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[80px\]{--tw-blur:blur(80px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}:root{--bg-dark:#0b162c;--bg-card:#122241;--brand-blue:#348bc6;--brand-orange:#e68a00;--text-main:#fff;--text-muted:#94a3b8}*{box-sizing:border-box}body{color:var(--text-main);background-color:var(--bg-dark);margin:0;padding:0;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0b162cf2;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;text-transform:uppercase;align-items:center;gap:10px;font-size:24px;font-weight:900;display:flex}.logo span.blue{color:var(--brand-blue)}.logo span.orange{color:var(--brand-orange)}.nav-links a{color:var(--text-main);opacity:.8;margin-left:30px;font-size:14px;font-weight:500;transition:color .3s}.nav-links a:hover{opacity:1;color:var(--brand-orange)}.hero{text-align:center;background:radial-gradient(circle at top center,#1b3a6b 0%,var(--bg-dark)70%);padding:100px 20px}.badge{color:var(--brand-orange);text-transform:uppercase;letter-spacing:1px;background:#e68a0026;border:1px solid #e68a004d;border-radius:50px;margin-bottom:25px;padding:8px 20px;font-size:13px;font-weight:700;display:inline-block}h1{text-transform:uppercase;margin:0 0 25px;font-size:52px;font-weight:900;line-height:1.15}.hero p{color:var(--text-muted);max-width:700px;margin:0 auto 40px;font-size:18px}.btn{background:var(--brand-orange);color:#fff;border-radius:8px;align-items:center;gap:10px;padding:16px 40px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #e68a004d}.btn:hover{background:#f90;transform:translateY(-3px)}.section{padding:80px 5%}.service-header{text-align:center;max-width:800px;margin:0 auto 60px}.service-header h2{color:var(--text-main);margin-bottom:15px;font-size:36px;font-weight:800}.service-header p{color:var(--text-muted);font-size:16px}.service-card{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:50px;max-width:1100px;margin:0 auto 80px;padding:40px;display:flex;box-shadow:0 20px 50px #0003}.service-card.reverse{flex-direction:row-reverse}.visual{border-radius:12px;flex:1;height:300px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.visual:hover img{transform:scale(1.05)}.content{flex:1.2}.tag{color:var(--brand-blue);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.content h3{color:#fff;margin:0 0 15px;font-size:28px;font-weight:800}.content p{color:var(--text-muted);margin-bottom:25px;font-size:15px}.feature-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feature{color:#e2e8f0;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.feature i{color:var(--brand-orange)}.social-box{flex-wrap:wrap;justify-content:center;gap:30px;max-width:1200px;margin:0 auto;display:flex}.follower-card{text-align:center;color:#fff;background:linear-gradient(135deg,#1877f2 0%,#0d47a1 100%);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:300px;padding:40px;display:flex;box-shadow:0 20px 50px #1877f24d}.count-number{margin:10px 0;font-size:56px;font-weight:900;line-height:1}.count-label{opacity:.9;margin-bottom:30px;font-size:18px;font-weight:500}.follow-btn{color:#1877f2;background:#fff;border-radius:50px;padding:12px 30px;font-size:14px;font-weight:800;transition:transform .2s}.follow-btn:hover{transform:scale(1.05)}.reels-container{flex:2;gap:20px;min-width:300px;padding-bottom:10px;display:flex;overflow-x:auto}.reels-container::-webkit-scrollbar{height:8px}.reels-container::-webkit-scrollbar-track{background:var(--bg-dark)}.reels-container::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.reel-frame{background:#000;border:1px solid #ffffff1a;border-radius:15px;min-width:250px;height:450px;position:relative;overflow:hidden}.reel-placeholder{color:#64748b;background:#1e293b;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pos-ui{background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;height:100%;font-family:Inter,sans-serif;overflow:hidden}.pos-header{color:#fff;background:#0f172a;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;display:flex}.pos-body{height:100%;min-height:280px;display:flex}.pos-menu{background:#1e293b;flex:2;grid-template-columns:1fr 1fr;align-content:start;gap:10px;padding:15px;display:grid}.menu-item{text-align:center;cursor:pointer;background:#334155;border:1px solid #ffffff0d;border-radius:8px;padding:10px;transition:all .2s}.menu-item:hover{border-color:var(--brand-orange);transform:translateY(-2px)}.menu-item i{margin-bottom:5px;font-size:20px;display:block}.menu-item span{color:#fff;font-size:10px;font-weight:700}.pos-cart{background:#0f172a;border-left:1px solid #ffffff1a;flex-direction:column;flex:1.3;padding:15px;display:flex}.cart-title{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:700}.cart-item{color:#cbd5e1;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.pay-btn{background:var(--brand-blue);color:#fff;text-align:center;border-radius:6px;margin-top:auto;padding:10px;font-size:12px;font-weight:700}footer{color:#fff;text-align:center;background:#050b16;border-top:1px solid #ffffff0d;padding:60px 20px}.whatsapp-btn{color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:10px;margin-top:20px;padding:14px 35px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:900px){h1{font-size:36px}nav{flex-direction:column;gap:15px;padding:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px;width:100%;display:flex}.nav-links a{background:#ffffff0d;border-radius:5px;margin-left:0;padding:5px 10px;font-size:13px}.service-card,.service-card.reverse{text-align:left;flex-direction:column;gap:30px;padding:25px}.visual{width:100%;height:200px}.pos-body{flex-direction:column;height:auto}.pos-menu{height:200px;overflow-y:scroll}.social-box{flex-direction:column;gap:40px}.follower-card{width:100%;min-width:auto;padding:30px 20px}.count-number{font-size:42px}.reels-container{width:100%;min-width:auto}.scrolling-image-container{border-bottom:1px solid #334155;width:100%;height:250px;position:relative;overflow:hidden}.scrolling-image{width:100%;height:auto;transition:top 3s ease-in-out;position:absolute;top:0;left:0}.demo-card:hover .scrolling-image{top:-100%;transform:translateY(250px)}}.subpage-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0b162cf2;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:15px 5%;display:flex;position:sticky;top:0}.subpage-nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.subpage-nav .logo-link{letter-spacing:-.5px;text-transform:uppercase;align-items:center;font-size:22px;font-weight:900;text-decoration:none;display:flex}.subpage-nav .logo-link i{color:var(--brand-orange);margin-right:8px;font-size:20px}.subpage-nav .logo-link .blue{color:var(--brand-blue)}.subpage-nav .logo-link .orange{color:var(--brand-orange);margin-left:2px}.subpage-nav .back-link{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex}.subpage-nav .back-link:hover{color:var(--brand-orange)}.tab-container{background:#122241;border:1px solid #ffffff1a;border-radius:12px;max-width:100%;padding:6px;display:inline-flex}@media (max-width:600px){.subpage-nav{padding:12px 4%}.subpage-nav .logo-link{font-size:18px}.subpage-nav .logo-link i{margin-right:5px;font-size:16px}.subpage-nav .back-link{font-size:12px}.tab-container{flex-direction:column;width:100%;display:flex}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}