@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";
:root{--cyan:#00aeef;--cyan-light:#33c3f7;--cyan-dark:#0090cc;--cyan-glow:#00aeef40;--cyan-faint:#00aeef12;--bg:#06080c;--bg-surface:#0c1018;--bg-card:#0a101ae6;--bg-overlay:#06080cf2;--steel-dark:#1a2430;--steel-mid:#2e4258;--steel-light:#4a6878;--steel-bright:#7a9aac;--steel-shine:#b8d0dc;--steel-spec:#e8f4fc;--text:#e0eaf2;--text-muted:#5a7080;--text-subtle:#334050;--border:#ffffff0f;--border-cyan:#00aeef4d;--nav-h:72px;--font:"Outfit", sans-serif;--mono:"JetBrains Mono", monospace;--radius:12px;--radius-lg:20px;--ease:cubic-bezier(.25, .8, .25, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--steel-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.nav{height:var(--nav-h);z-index:1000;transition:background .4s var(--ease), box-shadow .4s var(--ease);justify-content:space-between;align-items:center;padding:0 4%;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#06080cf5;box-shadow:0 4px 30px #0009}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo img{object-fit:contain;filter:brightness(0)invert();width:auto;height:36px}.nav-logo-fallback{letter-spacing:-.5px;align-items:center;gap:4px;font-size:1.5rem;font-weight:900;display:flex}.nav-logo-fallback .tbc{color:var(--cyan)}.nav-logo-fallback .bear{color:var(--text)}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:.45rem .9rem;font-size:.88rem;font-weight:500;transition:color .25s,background .25s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#ffffff0d}.nav-cta{box-shadow:0 0 20px var(--cyan-glow);margin-left:.5rem;background:var(--cyan)!important;color:#fff!important;padding:.45rem 1.2rem!important;font-weight:700!important}.nav-cta:hover{background:var(--cyan-light)!important}.hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{top:var(--nav-h);background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:999;opacity:0;pointer-events:none;flex-direction:column;gap:.25rem;padding:1.5rem 5%;transition:opacity .25s,transform .25s;display:flex;position:fixed;left:0;right:0;transform:translateY(-10px)}.mobile-nav.open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-nav a{color:var(--text-muted);border-bottom:1px solid var(--border);border-radius:8px;padding:.85rem 1rem;font-weight:500;transition:color .2s,background .2s}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a:hover{color:var(--cyan);background:var(--cyan-faint)}.btn-primary{background:var(--cyan);color:#fff;transition:.3s var(--ease);box-shadow:0 4px 20px var(--cyan-glow);border-radius:10px;align-items:center;gap:8px;padding:.85rem 2rem;font-size:.9rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 8px 30px var(--cyan-glow);background:var(--cyan-light);transform:translateY(-2px)}.btn-secondary{color:var(--text);border:1px solid var(--border);transition:.3s var(--ease);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:.85rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-faint)}.scroll-story{grid-template-columns:52% 48%;min-height:100vh;display:grid;position:relative}.story-left{z-index:2;position:relative}.story-right{justify-content:flex-start;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.story-section{min-height:100vh;padding:calc(var(--nav-h) + 2rem) 6% 4rem 6%;align-items:center;display:flex;position:relative}.story-section:first-child{padding-top:calc(var(--nav-h) + 4rem)}.section-inner{max-width:560px}.section-eyebrow{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;margin-bottom:1.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.section-eyebrow-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.section-num{font-family:var(--mono);color:var(--text-subtle);margin-right:8px;font-size:.7rem}.story-section h2{letter-spacing:-2px;color:var(--text);margin-bottom:1.25rem;font-size:clamp(2.4rem,4vw,4rem);font-weight:900;line-height:1.05}.story-section h2 .accent{color:var(--cyan)}.story-section p{color:var(--text-muted);max-width:480px;font-size:1rem;line-height:1.8}.story-section .section-details{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.detail-row{color:var(--text-muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.detail-row .check{color:var(--cyan);font-weight:700}.section-divider{background:linear-gradient(to right, transparent, var(--border), transparent);height:1px;position:absolute;bottom:0;left:6%;right:6%}.scroll-progress{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.progress-dot{background:var(--text-subtle);cursor:pointer;border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s,box-shadow .3s}.progress-dot.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:scale(1.5)}.page-hero{padding:calc(var(--nav-h) + 5rem) 6% 5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.page-hero:after{content:"";pointer-events:none;background:radial-gradient(at 80% 40%,#00aeef0f 0%,#0000 60%);width:60%;height:100%;position:absolute;top:0;right:0}.page-hero-breadcrumb{color:var(--text-subtle);font-size:.78rem;font-family:var(--mono);align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.page-hero-breadcrumb a{color:var(--cyan)}.page-hero h1{letter-spacing:-2px;margin-bottom:1.25rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:900;line-height:1.08}.page-hero h1 span{color:var(--cyan)}.page-hero p{color:var(--text-muted);max-width:560px;font-size:1rem;line-height:1.8}.section{max-width:1400px;margin:0 auto;padding:6rem 6%}.section-full{padding:6rem 6%}.section-tag{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem;font-size:.7rem;font-weight:600;display:inline-block}.section-title{letter-spacing:-1.5px;color:var(--text);margin-bottom:1rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;line-height:1.1}.section-title span{color:var(--cyan)}.section-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:3.5rem;font-size:1rem;line-height:1.8}.section-center{text-align:center}.section-center .section-subtitle{margin-left:auto;margin-right:auto}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#00aeef0f,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:var(--border-cyan);transform:translateY(-6px)}.card:hover:before{opacity:1}.card-icon{background:var(--cyan-faint);border:1px solid var(--border-cyan);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-size:1.3rem;display:flex}.card h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.card p{color:var(--text-muted);font-size:.87rem;line-height:1.7}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:2rem;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--border-cyan);transform:translateY(-10px);box-shadow:0 20px 50px #00000080}.product-card .tag{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--cyan);background:var(--cyan-faint);border:1px solid var(--border-cyan);border-radius:100px;margin-bottom:1rem;padding:3px 12px;font-size:.68rem;font-weight:600;display:inline-block}.product-card h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.product-card p{color:var(--text-muted);flex:1;font-size:.85rem;line-height:1.7}.product-card .enquire{border:1px solid var(--border-cyan);color:var(--cyan);border-radius:8px;margin-top:1.5rem;padding:.55rem 1.4rem;font-size:.83rem;font-weight:600;transition:all .25s;display:inline-block}.product-card:hover .enquire{background:var(--cyan);color:#fff}.product-card[data-hidden]{display:none}.filter-bar{flex-wrap:wrap;gap:.6rem;margin-bottom:3rem;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:100px;padding:.55rem 1.4rem;font-size:.87rem;font-weight:600;transition:all .25s}.filter-btn:hover{border-color:var(--cyan);color:var(--cyan)}.filter-btn.active{background:var(--cyan);border-color:var(--cyan);color:#fff;box-shadow:0 4px 15px var(--cyan-glow)}.process-steps{padding-left:3rem;position:relative}.process-steps:before{content:"";background:linear-gradient(to bottom, var(--cyan), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.process-step{padding-bottom:3rem;position:relative}.process-step:last-child{padding-bottom:0}.step-dot{background:var(--cyan);border:3px solid var(--bg);width:13px;height:13px;box-shadow:0 0 12px var(--cyan-glow);border-radius:50%;position:absolute;top:4px;left:-3.4rem}.step-num-label{font-family:var(--mono);letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:.4rem;font-size:.68rem;font-weight:600}.process-step h3{margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.process-step p{color:var(--text-muted);font-size:.88rem;line-height:1.7}.stats-bar{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding:3rem 6%;display:grid}.stat-item{text-align:center;padding:1rem;position:relative}.stat-item:after{content:"";background:var(--border);width:1px;position:absolute;top:10%;bottom:10%;right:0}.stat-item:last-child:after{display:none}.stat-num{color:var(--cyan);letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:2.8rem;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);margin-top:.5rem;font-size:.82rem;font-weight:500}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:3rem}.form-card h3{margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.form-card>p{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.45rem;margin-bottom:1.1rem;display:flex}.form-group label{color:var(--text-muted);letter-spacing:.5px;font-size:.78rem;font-weight:600;font-family:var(--mono)}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);background:#06080c99;border-radius:10px;padding:.85rem 1rem;font-size:.92rem;transition:border-color .25s,box-shadow .25s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow);outline:none}.form-group textarea{resize:vertical;min-height:120px}.form-group select{appearance:none;cursor:pointer}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-subtle)}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:4rem;display:grid}.contact-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.25rem;transition:border-color .25s;display:flex}.contact-detail:hover{border-color:var(--border-cyan)}.contact-detail-icon{background:var(--cyan-faint);border:1px solid var(--border-cyan);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.contact-detail-text h4{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700;font-family:var(--mono);margin-bottom:.25rem}.contact-detail-text p,.contact-detail-text a{color:var(--text);font-size:.92rem;line-height:1.6}.contact-detail-text a:hover{color:var(--cyan)}.map-box{border-radius:var(--radius);border:1px solid var(--border);height:260px;margin-top:2rem;overflow:hidden}.map-box iframe{filter:invert(.9)hue-rotate(180deg)saturate(.4);border:none;width:100%;height:100%}.tier-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.tier-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;transition:border-color .3s,transform .3s;position:relative}.tier-card:hover{transform:translateY(-5px)}.tier-card.featured{border-color:var(--border-cyan);background:linear-gradient(160deg, #00aeef0f, var(--bg-card))}.tier-card.featured:before{content:"POPULAR";background:var(--cyan);color:#fff;letter-spacing:2px;font-size:.62rem;font-weight:800;font-family:var(--mono);border-radius:100px;padding:3px 12px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.tier-name{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.tier-card h3{margin-bottom:.7rem;font-size:1.3rem;font-weight:800}.tier-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.87rem;line-height:1.7}.tier-features{flex-direction:column;gap:.55rem;display:flex}.tier-feature{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.tier-feature .check{color:var(--cyan);font-weight:700}.cta-banner{border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-cyan);background:linear-gradient(135deg,#060a10 0%,#0a1820 60%,#060a10 100%);margin:0 5%;padding:5rem 4rem;position:relative;overflow:hidden}.cta-banner:before{content:"";background:radial-gradient(#00aeef33 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-banner h2{letter-spacing:-1.5px;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;position:relative}.cta-banner h2 span{color:var(--cyan)}.cta-banner p{color:var(--text-muted);max-width:560px;margin:0 auto 2.5rem;font-size:1rem;line-height:1.8;position:relative}.cta-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}footer{border-top:1px solid var(--border);background:#030507;padding:5rem 6% 2rem}.footer-grid{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:4rem;display:grid}.footer-brand p{color:var(--text-muted);max-width:270px;margin-top:1rem;font-size:.88rem;line-height:1.8}.footer-col h4{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:1.25rem;font-size:.7rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.55rem;display:flex}.footer-col ul a{color:var(--text-muted);font-size:.88rem;transition:color .2s}.footer-col ul a:hover{color:var(--cyan)}.footer-contact-item{color:var(--text-muted);align-items:flex-start;gap:10px;margin-bottom:.8rem;font-size:.86rem;display:flex}.footer-contact-item .icon{color:var(--cyan);flex-shrink:0;margin-top:2px}.footer-bottom{color:var(--text-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.8rem;display:flex}.footer-bottom-links{gap:1.5rem;display:flex}.footer-bottom-links a{color:var(--text-subtle);transition:color .2s}.footer-bottom-links a:hover{color:var(--cyan)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-text p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.about-visual-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3rem;position:relative;overflow:hidden}.about-visual-card:before{content:"";background:radial-gradient(circle,#00aeef1f 0%,#0000 65%);width:280px;height:280px;position:absolute;top:-40%;right:-20%}.about-big{letter-spacing:-3px;color:var(--cyan);font-size:5rem;font-weight:900;line-height:1}.about-big-label{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.about-stat-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;padding-top:2rem;display:grid}.about-mini .num{color:var(--text);font-size:1.6rem;font-weight:800}.about-mini .lbl{color:var(--text-muted);font-size:.78rem}.timeline{padding-left:3rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--cyan), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-bottom:3rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--cyan);border:3px solid var(--bg);width:13px;height:13px;box-shadow:0 0 12px var(--cyan-glow);border-radius:50%;position:absolute;top:4px;left:-3.4rem}.timeline-year{font-family:var(--mono);letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:700}.timeline-item h3{margin-bottom:.35rem;font-size:1rem;font-weight:700}.timeline-item p{color:var(--text-muted);font-size:.87rem;line-height:1.7}@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}.tier-grid{grid-template-columns:1fr}}@media (max-width:900px){.scroll-story{grid-template-columns:1fr}.story-right{display:none}.about-grid,.contact-grid,.form-row{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--nav-h:64px}.nav-links{display:none}.hamburger{display:flex}.section{padding:4rem 5%}.footer-grid{grid-template-columns:1fr}.cta-banner{margin:0 4%;padding:3rem 2rem}.form-card{padding:2rem 1.5rem}.scroll-progress{display:none}}@media (max-width:480px){.stats-bar{grid-template-columns:1fr 1fr}.stat-item:after{display:none}.stat-num{font-size:2rem}}.product-ecom-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1200px){.product-ecom-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.product-ecom-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.product-ecom-grid{grid-template-columns:1fr}}.product-ecom-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.product-ecom-card:hover{border-color:var(--border-cyan);transform:translateY(-4px);box-shadow:0 16px 40px #0006,0 0 24px #00aeef0f}.product-ecom-img{background:#f0f2f5;height:200px;position:relative;overflow:hidden}.product-ecom-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:.62rem;font-weight:700;font-family:var(--mono);background:#00aeefeb;border-radius:4px;padding:.2rem .55rem;position:absolute;top:.6rem;left:.6rem}.product-ecom-info{flex-direction:column;flex:1;padding:1.1rem 1.1rem 1.25rem;display:flex}.product-ecom-name{font-size:.95rem;font-weight:800;font-family:var(--mono);color:var(--text);margin-bottom:.45rem}.product-ecom-desc{color:var(--text-muted);flex:1;margin-bottom:1rem;font-size:.78rem;line-height:1.7}.product-ecom-cta{border:1px solid var(--border-cyan);color:var(--cyan);text-align:center;letter-spacing:.5px;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border-radius:8px;padding:.6rem;font-size:.8rem;font-weight:700;display:block}.product-ecom-cta:hover{background:var(--cyan);color:#fff}