@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";:root{--bg-base:#000;--bg-sec:#08080a;--bg-card:#121215;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#88888e;--accent-purple:#a855f7;--border-dark:#1f1f23;--font-sans:"Sora", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-pill:50px;--shadow-sm:0 4px 12px #0006;--shadow-md:0 20px 40px #0009;--shadow-lg:0 30px 60px #000c;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--max-w:1100px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}.bg-animated-mesh{z-index:-2;pointer-events:none;background-color:#000;position:fixed;inset:0;overflow:hidden}.bg-mesh-glow-1,.bg-mesh-glow-2{filter:blur(90px);pointer-events:none;width:55vw;height:55vw;transition:background 1.5s cubic-bezier(.16,1,.3,1),top 1.6s cubic-bezier(.16,1,.3,1),bottom 1.6s cubic-bezier(.16,1,.3,1),left 1.6s cubic-bezier(.16,1,.3,1),right 1.6s cubic-bezier(.16,1,.3,1);position:absolute}.app-wrapper.active-section-hero .bg-mesh-glow-1{background:radial-gradient(circle,#a855f738 0%,#0000 70%);top:10%;left:2%}.app-wrapper.active-section-hero .bg-mesh-glow-2{background:radial-gradient(circle,#2563eb1f 0%,#0000 70%);bottom:8%;right:2%}.app-wrapper.active-section-products .bg-mesh-glow-1{background:radial-gradient(circle,#06b6d440 0%,#0000 70%);top:25%;left:10%}.app-wrapper.active-section-products .bg-mesh-glow-2{background:radial-gradient(circle,#2563eb29 0%,#0000 70%);bottom:25%;right:10%}.app-wrapper.active-section-deliverables .bg-mesh-glow-1{background:radial-gradient(circle,#10b98138 0%,#0000 70%);top:45%;left:5%}.app-wrapper.active-section-deliverables .bg-mesh-glow-2{background:radial-gradient(circle,#2563eb2e 0%,#0000 70%);bottom:35%;right:5%}.app-wrapper.active-section-about .bg-mesh-glow-1{background:radial-gradient(circle,#a855f740 0%,#0000 70%);top:65%;left:8%}.app-wrapper.active-section-about .bg-mesh-glow-2{background:radial-gradient(circle,#2563eb2e 0%,#0000 70%);bottom:45%;right:8%}.app-wrapper.active-section-contact .bg-mesh-glow-1{background:radial-gradient(circle,#a855f74d 0%,#0000 70%);top:85%;left:2%}.app-wrapper.active-section-contact .bg-mesh-glow-2{background:radial-gradient(circle,#2563eb38 0%,#0000 70%);bottom:80%;right:2%}.app-wrapper.active-section-quran .bg-mesh-glow-1{background:radial-gradient(circle,#10b98140 0%,#0000 70%);top:30%;left:5%}.app-wrapper.active-section-quran .bg-mesh-glow-2{background:radial-gradient(circle,#a855f71f 0%,#0000 70%);bottom:30%;right:5%}.app-wrapper.active-section-hexa .bg-mesh-glow-1{background:radial-gradient(circle,#a855f747 0%,#0000 70%);top:30%;left:5%}.app-wrapper.active-section-hexa .bg-mesh-glow-2{background:radial-gradient(circle,#2563eb2e 0%,#0000 70%);bottom:30%;right:5%}.bg-grid-pattern{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}@keyframes float-gentle{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(8deg)}to{transform:translateY(0)rotate(0)}}.floating-stickers-container{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sticker{color:#a855f729;text-shadow:0 0 15px #a855f759;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:monospace;font-weight:800;animation:9s ease-in-out infinite float-gentle;position:absolute}.sticker-1{font-size:3rem;animation-delay:0s;top:20%;left:6%}.sticker-2{font-size:4rem;animation-delay:2s;top:62%;right:8%}.sticker-3{font-size:3.5rem;animation-delay:4.5s;bottom:15%;left:12%}.sticker-4{font-size:2.25rem;animation-delay:1.5s;top:45%;right:88%}.sticker-5{color:#2563eb26;text-shadow:0 0 15px #2563eb4d;font-size:2.5rem;animation-delay:3s;top:38%;left:78%}.scroll-reveal{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(35px)scale(.97)}.scroll-reveal.reveal-active{opacity:1;transform:translateY(0)scale(1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}a{color:inherit;text-decoration:none;transition:all .25s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 2.5rem}.label-uppercase{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-purple);margin-bottom:1.25rem;font-size:.72rem;font-weight:800;display:block}.btn{border-radius:var(--radius-pill);transition:var(--transition);text-transform:uppercase;letter-spacing:.08em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.85rem;font-size:.82rem;font-weight:700;display:inline-flex;position:relative}.btn-primary{background:var(--accent-purple);color:#fff;box-shadow:0 4px 15px #a855f740}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a855f773}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-dark);background:0 0}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0a;transform:translateY(-2px)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dark);background:#000000d9;width:100%;padding:1.35rem 0;position:fixed;top:0;left:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-brand{letter-spacing:-.03em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.nav-brand-dot{background:var(--accent-purple);width:7px;height:7px;box-shadow:0 0 8px var(--accent-purple);border-radius:50%}.nav-links{align-items:center;gap:2.25rem;display:flex}.nav-link{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:600;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-purple)}.hero{border-bottom:1px solid var(--border-dark);background:0 0;padding:9.5rem 0 6.5rem;position:relative}.hero-grid{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:5rem;display:grid;position:relative}.hero-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.5rem;font-size:3.85rem;font-weight:800;line-height:1.15}.hero-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.8}.hero-visual-wrapper{aspect-ratio:16/11;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.split-section{border-bottom:1px solid var(--border-dark);background:0 0;padding:10rem 0}.split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}.split-grid.reverse>:first-child{order:2}.split-heading{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.25rem;font-size:2.75rem;font-weight:800;line-height:1.2}.split-desc{color:var(--text-secondary);margin-bottom:2.25rem;font-size:1rem;line-height:1.8}.centered-banner{text-align:center;border-bottom:1px solid var(--border-dark);background:0 0;padding:10rem 0}.centered-banner-content{max-width:800px;margin:0 auto}.centered-banner-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.centered-banner-desc{color:var(--text-secondary);margin-bottom:3.5rem;font-size:1.05rem;line-height:1.8}.showroom{border-bottom:1px solid var(--border-dark);background:0 0;padding:10rem 0}.showroom-title{letter-spacing:.05em;text-align:center;color:var(--text-primary);text-transform:uppercase;margin-bottom:4rem;font-size:1.25rem;font-weight:800}.showroom-row{grid-template-columns:1.15fr .85fr;align-items:center;gap:6rem;display:grid}.showroom-badge{background:var(--bg-base);border:1px solid var(--border-dark);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-purple);margin-bottom:1.5rem;padding:.35rem .8rem;font-size:.68rem;font-weight:800;display:inline-block}.showroom-heading{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.25rem;font-size:2.75rem;font-weight:800;line-height:1.2}.showroom-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem;line-height:1.8}.showroom-features{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.feature-item{align-items:flex-start;gap:1.25rem;display:flex}.feature-number{color:var(--accent-purple);border:1px solid var(--border-dark);background:var(--bg-base);border-radius:6px;justify-content:center;align-items:center;min-width:32px;padding:.2rem .5rem;font-size:.78rem;font-weight:800;display:flex}.feature-text{flex-direction:column;gap:.15rem;display:flex}.feature-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.feature-desc{color:var(--text-muted);font-size:.82rem;line-height:1.55}.showroom-visual{aspect-ratio:16/11;background:var(--bg-base);border:1px solid var(--border-dark);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-md);overflow:hidden}.showroom-visual img{object-fit:cover;width:100%;height:100%}.double-grid-section{border-bottom:1px solid var(--border-dark);background:0 0;padding:10rem 0}.contact{background:0 0;padding:11rem 0;position:relative}.contact-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#a855f70a 0%,#0000 60%);width:40vw;height:40vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-row{text-align:center;z-index:2;max-width:720px;margin:0 auto;position:relative}.contact-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.contact-desc{color:var(--text-secondary);max-width:540px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.8}.inquiry-form{border:1px solid var(--border-dark);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(15px);max-width:680px;box-shadow:var(--shadow-lg);background:#08080a73;flex-direction:column;gap:1.75rem;margin:3.5rem auto 0;padding:3rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{text-align:left;flex-direction:column;gap:.55rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}.form-control{border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:#fff;width:100%;transition:var(--transition);background:#ffffff05;outline:none;padding:.85rem 1.15rem;font-family:inherit;font-size:.92rem}.form-control:focus{border-color:var(--accent-purple);background:#ffffff0a;box-shadow:0 0 12px #a855f71f}textarea.form-control{resize:vertical;min-height:120px}select.form-control{appearance:none;cursor:pointer;background:#ffffff05 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2388888e' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>") right 1.15rem center/16px no-repeat;padding-right:2.5rem}select.form-control option{background-color:var(--bg-card);color:#fff}.telegram-checkbox-row{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#a855f70a;border:1px solid #a855f71a;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.telegram-checkbox-row:hover{background:#a855f70f;border-color:#a855f733}.telegram-checkbox-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent-purple);cursor:pointer}.telegram-checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:600}.recommend-alert{border-left:3px solid var(--accent-purple);color:var(--text-secondary);text-align:left;background:#a855f70f;border-radius:4px;margin-bottom:.25rem;padding:1rem 1.25rem;font-size:.82rem;line-height:1.55}.footer{border-top:1px solid var(--border-dark);z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;padding:2.25rem 0;position:relative}.footer-bar{justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-left{text-align:left;align-items:center;gap:1rem;display:flex}.footer-logo{color:#fff;letter-spacing:-.01em;font-size:.92rem;font-weight:800}.footer-tagline{color:var(--text-muted);border-left:1px solid var(--border-dark);padding-left:1rem;font-size:.72rem}.footer-nav{align-items:center;gap:1.75rem;display:flex}.footer-nav-link{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition);font-size:.72rem;font-weight:700}.footer-nav-link:hover{color:var(--accent-purple)}.telegram-float-btn{z-index:1100;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00a2ff 0%,#08c 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 16px #08c6,inset 0 0 0 1px #ffffff1a}.telegram-float-btn:hover{transform:scale(1.08)translateY(-4px);box-shadow:0 12px 28px #08c9,inset 0 0 0 1px #fff3}.telegram-float-btn:active{transform:scale(.96)translateY(-2px)}@keyframes telegram-pulse{0%{box-shadow:0 0 #08c6}70%{box-shadow:0 0 0 12px #08c0}to{box-shadow:0 0 #08c0}}.telegram-float-btn:before{content:"";z-index:-1;border-radius:50%;animation:2.5s infinite telegram-pulse;position:absolute;inset:0}.products-grid-card{transition:border-color .4s,box-shadow .4s,transform .6s cubic-bezier(.16,1,.3,1)!important}.products-grid-card:hover{transform:translateY(-8px)scale(1.015);box-shadow:0 15px 40px #a855f714!important}.mobile-toggle{color:var(--text-primary);cursor:pointer;z-index:1010;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-toggle:hover{color:var(--accent-purple)}.mobile-nav{-webkit-backdrop-filter:blur(25px);z-index:999;opacity:0;pointer-events:none;background:#000000f5;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;height:100vh;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-20px)}.mobile-nav.active{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav .nav-link{letter-spacing:.1em;text-transform:uppercase;font-size:1.15rem;font-weight:700}@media (width<=900px){.hero-grid,.split-grid,.showroom-row{flex-direction:column;grid-template-columns:1fr;align-items:flex-start;gap:3.5rem}.hero-title{font-size:2.85rem}.navbar{padding:1.25rem 0}}@media (width<=768px){.nav-links{display:none}.mobile-toggle{display:flex}.footer-bar{flex-direction:column;align-items:flex-start;gap:1.25rem}.footer-left{flex-direction:column;align-items:flex-start;gap:.35rem}.footer-tagline{border-left:none;padding-left:0}.footer-nav{gap:1.25rem}.telegram-float-btn{width:48px;height:48px;bottom:1.5rem;right:1.5rem}}@media (width<=600px){.form-grid{grid-template-columns:1fr;gap:1.25rem}.inquiry-form{padding:2rem 1.5rem}}@media (width<=576px){.contact-row{padding:2rem 1.25rem}.contact-title{font-size:2.25rem}}