@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Michroma&family=Orbitron:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-main:#fff;--bg-secondary:#f0f4fa;--bg-dark:#220150;--bg-deep-indigo:#140038;--bg-overlay:rgba(34,1,80,.7);--brand-blue:#2563eb;--brand-blue-hover:#1d4ed8;--brand-blue-light:#3b82f6;--brand-indigo:#220150;--brand-cyan:#00f0ff;--brand-orange:#2563eb;--brand-orange-hover:#1d4ed8;--brand-grey:#4a4a4a;--border-light:#e2e8f0;--border-medium:#cbd5e1;--text-primary:#220150;--text-secondary:#475569;--text-light:#fff;--font-display:"Orbitron", sans-serif;--font-heading:"Chakra Petch", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-accent:"Michroma", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:64px;--space-2xl:120px;--space-3xl:180px;--container-max-width:1280px;--page-gutter:clamp(32px, 6vw, 64px);--section-gutter:var(--page-gutter)}*{box-sizing:border-box;text-justify:inter-word;margin:0;padding:0;-webkit-hyphens:none!important;-ms-hyphens:none!important;hyphens:none!important}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;-webkit-hyphens:none!important;-ms-hyphens:none!important;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.15}button,label,input,select,textarea{font-family:var(--font-heading)}.hero-btn-sweep{pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:50%;height:100%;transition:left;position:absolute;top:0;left:-75%;transform:skew(-20deg)}button:hover .hero-btn-sweep{transition:left .55s;left:130%}button:hover .hero-arrow{transition:transform .25s;transform:translate(4px)}.hero-arrow{transition:transform .25s}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-btn-sweep{display:none}}p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}h1,h2,h3,h4,h5,h6,.display-font{font-family:var(--font-display);color:var(--text-primary);line-height:1.2}h1~p{text-align:center!important}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--brand-orange)}button{cursor:pointer;font-family:var(--font-heading);background:0 0;border:none}.container{width:100%;max-width:var(--container-max-width);padding-left:var(--page-gutter);padding-right:var(--page-gutter);margin-left:auto;margin-right:auto}.btn-primary{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;background-color:var(--brand-indigo,#220150);width:-moz-fit-content;color:var(--text-light,#fff);font-size:13px;font-weight:600;font-family:var(--font-heading,"Chakra Petch", sans-serif);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:1px solid rgba(255,255,255,.2);border-radius:30px;justify-content:center;align-items:center;padding:10px 22px;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px rgba(34,1,80,.5)}.btn-primary:hover{color:var(--text-light,#fff);background-color:#1a003e;border-color:rgba(255,255,255,.35);transform:translateY(-2px);box-shadow:0 6px 20px rgba(34,1,80,.7)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px rgba(34,1,80,.5)}.btn-primary:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background-color:#4a4a4a;border-color:rgba(255,255,255,.08);transform:none}.section-padding{padding:max(60px,min(10vw,100px)) 0}.text-center{text-align:center}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{white-space:nowrap;background:var(--bg-main);border-top:1px solid rgba(34,1,80,.08);border-bottom:1px solid rgba(34,1,80,.08);width:100%;padding:16px 0;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:120px;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(90deg,#fff,rgba(255,255,255,0));left:0}.marquee-container:after{background:linear-gradient(270deg,#fff,rgba(255,255,255,0));right:0}.marquee-track{animation:35s linear infinite marquee;display:inline-flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{color:#64748b;font-size:13.5px;font-weight:700;font-family:var(--font-heading);letter-spacing:1.5px;cursor:default;justify-content:center;align-items:center;padding:0 20px;transition:color .3s,transform .3s;display:flex}.marquee-item:hover{color:#220150;transform:scale(1.03)}.services-bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-bento-card{cursor:pointer;height:310px;transform-style:preserve-3d;will-change:transform;background-color:#000;border:1px solid rgba(255,255,255,.12);border-radius:18px;transition:transform 1.2s cubic-bezier(.16,1,.3,1),box-shadow 1.2s cubic-bezier(.16,1,.3,1),border-color .8s;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.service-bento-card:hover{border-color:rgba(99,102,241,.5);transform:translateY(-5px);box-shadow:0 18px 40px rgba(34,1,80,.6),0 0 25px rgba(99,102,241,.3)}.service-bento-card.wide{grid-column:span 3;height:360px;position:relative}.service-bento-card.wide:after{content:"";mix-blend-mode:multiply;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(34,1,80,.7) 0%,rgba(34,1,80,.5) 45%,rgba(34,1,80,.2) 75%,transparent 100%);position:absolute;top:0;bottom:0;left:0;right:0}.service-bento-card img{object-fit:cover;opacity:.85;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.16,1,.3,1);transform:scale(1.001)}.service-bento-card:hover img{transform:scale(1.045)}.service-bento-overlay{z-index:2;pointer-events:none;background:linear-gradient(transparent 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.9) 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:24px;display:flex;position:absolute;bottom:0;left:0}.service-bento-card h3{color:#fff;will-change:transform;margin:0;font-size:20px;font-weight:700;transition:transform .75s cubic-bezier(.16,1,.3,1),margin-bottom .75s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.service-bento-card p{color:#e5e7eb;text-align:left;opacity:0;pointer-events:none;will-change:opacity, transform, max-height;max-width:95%;max-height:0;margin:0;font-size:13.5px;line-height:1.5;transition:max-height .75s cubic-bezier(.16,1,.3,1),opacity .6s,transform .75s cubic-bezier(.16,1,.3,1),margin-top .75s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(16px)}.service-bento-card.wide h3{font-size:26px}.service-bento-card.wide p{max-width:800px;font-size:15px}.service-bento-card:hover h3{margin-bottom:6px}.service-bento-card:hover p{opacity:1;max-height:120px;margin-top:6px;transform:translateY(0)}.service-bento-card.wide:hover p{max-height:160px}@media (max-width:992px){.services-bento-grid{grid-template-columns:repeat(2,1fr)}.service-bento-card.wide{grid-column:span 2}}@media (max-width:768px){.services-bento-grid{grid-template-columns:1fr}.service-bento-card.wide{grid-column:span 1;height:310px}}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media (max-width:992px){.about-grid{grid-template-columns:1fr;gap:40px}}.footer-link{color:#9ca3af;align-items:center;gap:8px;padding:8px 0;text-decoration:none;transition:all .3s;display:block}.footer-link:hover{transform:translate(5px);color:var(--brand-orange)!important}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:span 2}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr}.footer-brand-col{grid-column:span 1}}.footer-icon{opacity:0;transition:all .3s;transform:translate(-10px)}.footer-link:hover .footer-icon{opacity:1;transform:translate(0)}.text-hero{font-size:max(40px,min(8vw,72px));font-weight:800;line-height:1.1}.text-h1{font-size:max(32px,min(6vw,48px));font-weight:800}.text-h2{font-size:max(28px,min(5vw,36px));font-weight:700}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:40px;display:grid}.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.responsive-grid-4 p{text-align:center}@media (max-width:992px){.responsive-grid-3,.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}}.hero-container{justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative}@media (max-width:768px){.hero-container{min-height:auto;padding:100px 0 60px}}@media (max-width:1200px){.nav-logo-unified{transform:scale(2.2)!important}}@media (max-width:1024px){.nav-logo-unified{transform:scale(1.8)!important}}@media (max-width:768px){.nav-logo-unified,.footer-logo-unified{height:60px!important;margin-left:0!important;transform:scale(1.8)!important}}.apparels-bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;gap:32px;display:grid}.bento-hero{grid-area:span 2/span 2}.bento-square{grid-area:span 1/span 1}.bento-portrait{grid-area:span 2/span 1}.bento-wide{grid-area:span 1/span 2}@media (max-width:1024px){.apparels-bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px;gap:24px}.bento-hero,.bento-wide{grid-column:span 2}.bento-square,.bento-portrait{grid-column:span 1}.bento-hero,.bento-portrait{grid-row:span 2}}@media (max-width:768px){.apparels-bento-grid{grid-template-columns:1fr;grid-auto-rows:350px}.bento-hero,.bento-square,.bento-portrait,.bento-wide{grid-area:span 1/span 1}}.responsive-auto-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:30px;display:grid}.faq-sticky-col{position:static}@media (max-width:992px){.faq-sticky-col{position:static}}.service-matrix-card{transition:border-color .4s,box-shadow .4s,transform .4s!important;position:relative!important;overflow:hidden!important}.matrix-card-bg{opacity:.12;z-index:0;-webkit-filter:grayscale(40%)brightness(80%);filter:grayscale(40%)brightness(80%);background-position:50%;background-size:cover;transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .5s,-webkit-filter .5s,filter .5s;position:absolute;top:0;bottom:0;left:0;right:0}.service-matrix-card:hover .matrix-card-bg{opacity:.45;-webkit-filter:grayscale(0%)brightness();filter:grayscale(0%)brightness();transform:scale(1.08)}.service-matrix-card:hover{border-color:rgba(37,99,235,.45)!important;box-shadow:0 20px 40px rgba(37,99,235,.25)!important}.service-matrix-card-tech:hover{border-color:rgba(56,189,248,.35)!important;box-shadow:0 20px 40px rgba(56,189,248,.1)!important}.service-matrix-card h3,.service-matrix-card p{color:#fff;transition:color .3s}.service-matrix-card:hover h3{color:var(--brand-orange)}.service-matrix-card-tech:hover h3{color:#38bdf8}.glass-panel{-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.glass-panel-dark{-webkit-backdrop-filter:blur(16px);background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px rgba(0,0,0,.5)}.liquid-gold-gradient-text{background:linear-gradient(135deg,#fff 0%,#fff 20%,#e0e7ff 40%,#c7d2fe 60%,#818cf8 80%,#6366f1 95%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-filter:drop-shadow(0 2px 24px rgba(0,0,0,.95))drop-shadow(0 0 30px rgba(129,140,248,.45));filter:drop-shadow(0 2px 24px rgba(0,0,0,.95))drop-shadow(0 0 30px rgba(129,140,248,.45));-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;animation:8s ease-in-out infinite alternate indigoSheen}@keyframes indigoSheen{0%{background-position:0%}to{background-position:100%}}.hero-glass-badge{-webkit-backdrop-filter:blur(16px);color:#fff;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(20,0,40,.45);border:1px solid rgba(255,215,130,.22);border-radius:40px;align-items:center;gap:10px;padding:10px 18px;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:600;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;box-shadow:0 12px 30px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.15)}.hero-glass-badge:hover{background:rgba(34,1,80,.7);border-color:rgba(255,215,130,.5);transform:translateY(-4px)scale(1.03);box-shadow:0 16px 40px rgba(245,158,11,.25),inset 0 1px rgba(255,255,255,.3)}.badge-pulse-dot{background-color:#f59e0b;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 10px #f59e0b,0 0 20px #f59e0b}@keyframes pulseDot{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.bento-badge-holo{z-index:4;-webkit-backdrop-filter:blur(14px);color:#fff;letter-spacing:.5px;background:rgba(10,0,25,.65);border:1px solid rgba(255,255,255,.2);border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-family:Chakra Petch,sans-serif;font-size:11px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 8px 20px rgba(0,0,0,.4)}.bento-spotlight-card:hover .bento-badge-holo{background:rgba(37,99,235,.85);border-color:rgba(255,255,255,.4);transform:translateY(-2px)scale(1.04)}.spec-modal-backdrop{-webkit-backdrop-filter:blur(20px);z-index:9999;background:rgba(5,0,15,.85);justify-content:center;align-items:center;padding:24px;animation:.3s ease-out forwards fadeInModal;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.spec-modal-container{color:#fff;background:linear-gradient(135deg,rgba(34,1,80,.95) 0%,rgba(15,0,40,.98) 100%);border:1px solid rgba(255,255,255,.2);border-radius:28px;width:100%;max-width:680px;padding:36px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpModal;position:relative;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.8),0 0 30px rgba(37,99,235,.3)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}
