@import "https://fonts.googleapis.com/css2?family=Doto:wght@400;700;900&family=JetBrains+Mono:wght@500;700;800&family=Manrope:wght@400;500;700;800&display=swap";:root{--bg-void:#fff;--bg-ice-deep:#f2f5f8;--bg-ice-light:#e4ebf0;--bg-glare:#d0dae1;--text-main:#000;--text-dim:#00000080;--text-ice:#556b7d;--text-dark:#000;--glass-base:#fff6;--glass-border:#0000001a;--glass-highlight:#ffffff4d;--accent:#000;--func-alert:#c00;--font-sans:"Manrope", sans-serif;--font-mono:"Doto", monospace;--font-sys:"JetBrains Mono", monospace;--pad-edge:clamp(1rem, 5vw, 2.5rem);--radius-pill:40px;--radius-card:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-void);background-image:linear-gradient(180deg, var(--bg-void) 0%, var(--bg-void) 55%, var(--bg-ice-deep) 75%, var(--bg-ice-light) 90%, var(--bg-glare) 100%);color:var(--text-main);font-family:var(--font-sans);flex-direction:column;width:100vw;height:100vh;font-weight:400;display:flex;position:relative;overflow:hidden}body:before{content:"";opacity:.6;pointer-events:none;z-index:-3;background-image:radial-gradient(#00000026 1.5px,#0000 1.5px);background-size:8px 8px;position:absolute;inset:0}body:after{display:none}#root{z-index:1;flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative}header{z-index:10;padding:var(--pad-edge);font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);justify-content:space-between;align-items:flex-start;font-size:.7rem;font-weight:500;display:flex;position:relative}.hud-left,.hud-right{flex-direction:column;gap:2px;display:flex}.hud-right{text-align:right}.hud-highlight{color:var(--text-main);font-weight:700}.status-dot{background-color:var(--func-alert);border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:1;box-shadow:0 0 8px #c009}50%{opacity:.2;box-shadow:none}to{opacity:1;box-shadow:0 0 8px #c009}}main{z-index:2;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.page{padding:0 var(--pad-edge);flex-direction:column;padding-bottom:140px;display:flex;position:absolute;inset:0;overflow-y:auto}.page::-webkit-scrollbar{display:none}.page{-ms-overflow-style:none;scrollbar-width:none}h1{font-family:var(--font-mono);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:.5rem;font-size:clamp(4rem,12vw,8rem);font-weight:900;line-height:.85}.sub-header{font-family:var(--font-sys);color:var(--text-ice);text-transform:uppercase;letter-spacing:.25em;align-items:center;gap:8px;margin-bottom:2rem;font-size:.7rem;font-weight:500;display:flex}.sub-header:before{content:"";background:var(--text-ice);width:20px;height:2px}.glass-module{background:var(--glass-base);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:var(--radius-card);padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000d}#page-index{padding:0 0 150px;display:block;overflow-y:auto}.hero-video{object-fit:cover;object-position:center 15%;z-index:-2;filter:contrast(110%)brightness(.9)grayscale(20%);width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.dot-matrix-overlay{opacity:.6;pointer-events:none;z-index:-1;background-image:radial-gradient(#00000026 1.5px,#0000 1.5px);background-size:8px 8px;position:absolute;inset:0}.hero-overlay{display:none}.hero-data{z-index:2;width:100%;padding-bottom:2rem;padding-left:max(1.5rem,4vw);padding-right:max(1.5rem,4vw);position:relative}.glitch-title{position:relative}.stats-grid{border-top:1px solid var(--glass-border);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:1rem;padding-top:1rem;display:grid}.stat-item{flex-direction:column;display:flex}.stat-label{font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:2px;font-size:.6rem;font-weight:500}.stat-value{font-family:var(--font-sans);font-size:.9rem;font-weight:700}.timeline-wrapper{background:var(--glass-base);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:24px;max-width:1100px;margin:0 auto;padding:2rem}.timeline{flex-direction:column;gap:2rem;margin-top:1rem;padding-left:20px;display:flex;position:relative}.log-entry{position:relative}.log-entry:before{content:"";background:var(--bg-void);border:2px solid var(--text-dim);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-24px}.log-entry.new:before{border-color:var(--text-main);background:var(--text-main)}.log-date{font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.1em;color:var(--text-ice);margin-bottom:.25rem;font-size:.65rem;font-weight:500}.log-title{font-family:var(--font-sans);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.2}.log-text{font-family:var(--font-sans);color:var(--text-dim);font-size:.85rem;font-weight:400;line-height:1.6}.project-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1100px;margin:1rem auto 0;display:grid}@media (width>=768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{flex-direction:column;padding:0;transition:transform .25s,box-shadow .25s;display:flex}.project-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 12px 40px #0000001a}.project-img-wrapper{border-bottom:1px solid var(--glass-border);background:#fff;width:100%;height:180px;position:relative;overflow:hidden}.project-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:all .3s}.project-meta{justify-content:space-between;align-items:flex-end;padding:1rem;display:flex}.project-info h3{font-family:var(--font-sans);text-transform:uppercase;font-size:1.25rem;font-weight:700;line-height:1.2}.project-tags{font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-top:4px;font-size:.65rem;font-weight:500}.project-id{font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.1em;color:var(--text-ice);font-size:.75rem;font-weight:500}nav{bottom:var(--pad-edge);left:var(--pad-edge);right:var(--pad-edge);z-index:50;position:fixed}.nav-container{background:var(--glass-base);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:46px;justify-content:space-between;max-width:800px;margin:0 auto;padding:6px;display:flex;box-shadow:0 10px 30px #00000014}.nav-btn{color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:40px;flex:1;padding:12px 0;font-size:.7rem;font-weight:700;transition:all .2s;position:relative}.nav-btn.active{color:var(--text-main);background:#0000000d;font-weight:900}.project-detail{flex-direction:column;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;padding-bottom:140px;display:flex;position:relative}.back-btn{top:2rem;left:var(--pad-edge);z-index:100;font-family:var(--font-sys);letter-spacing:.15em;color:var(--text-dark);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-pill);cursor:pointer;text-transform:uppercase;background:#ffffffbf;padding:10px 16px;font-size:.65rem;font-weight:700;transition:background .2s;position:absolute;box-shadow:0 4px 12px #0000000d}.back-btn:hover{background:#0000000d}.detail-hero-img{border:1px solid var(--glass-border);border-radius:24px;width:100%;height:40vh;min-height:250px;max-height:500px;position:relative;overflow:hidden}.detail-hero-img img{object-fit:cover;width:100%;height:100%}.detail-content{flex-direction:column;gap:1.5rem;display:flex}.detail-header{flex-direction:column;gap:4px;display:flex}.detail-title{font-family:var(--font-mono);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-dark);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:.9}.detail-body{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fff9;border-radius:24px}.hero-wrapper{flex-direction:column;justify-content:flex-end;min-height:calc(100vh - 80px);padding-bottom:160px;display:flex;position:relative;overflow:hidden}.index-section{max-width:1100px;padding:3rem var(--pad-edge) 0;width:100%;margin:0 auto}.index-section .sub-header{margin-bottom:1.5rem}.contacts-grid{flex-wrap:nowrap;grid-template-columns:1fr;justify-content:center;align-items:center;gap:.75rem;display:flex}.contact-btn{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);color:var(--text-main);cursor:pointer;white-space:nowrap;background:#f8fafc80;border:1px solid #fff9;border-bottom-color:#0000000f;align-items:center;gap:8px;padding:10px 22px;text-decoration:none;transition:box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 2px 12px #0000000a}.contact-btn:hover{background:#f8fafccc;box-shadow:0 4px 16px #0000000f}.contact-btn span{font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);font-size:.7rem;font-weight:700}.contact-btn-glow{z-index:0;position:relative;overflow:hidden;background:0 0!important;border:none!important}.contact-btn-glow:before{content:"";z-index:-2;opacity:0;background:conic-gradient(#b4d2e600 0% 25%,#b4d7f0b3 35%,#dcf0ffe6 50%,#b4d7f0b3 65%,#b4d2e600 75% 100%);width:400%;height:400%;transition:opacity .35s;animation:3s linear infinite spin-border;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.contact-btn-glow:hover:before{opacity:1}.contact-btn-glow:after{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(12px);z-index:-1;background:#f8fafceb;position:absolute;inset:1.5px}@keyframes spin-border{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.assets-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=600px){.assets-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.assets-grid{grid-template-columns:repeat(3,1fr)}}.asset-card{border-radius:var(--radius-card);border:1px solid var(--glass-border);cursor:pointer;background:var(--bg-void);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000000d}.asset-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 12px 40px #0000001a}.asset-card-img{border-bottom:1px solid var(--glass-border);flex-shrink:0;width:100%;height:200px;position:relative;overflow:hidden}.coming-soon-badge{font-family:var(--font-sys);letter-spacing:.25em;color:#ffffffe6;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);background:#0000001f;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;inset:0}.asset-card-img img{object-fit:cover;width:100%;height:100%}.asset-card-meta{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-highlight);background:#f0f5fa4d;flex-direction:column;flex:1;padding:1.25rem;display:flex}.asset-card-meta h3{font-family:var(--font-sans);text-transform:uppercase;margin-bottom:4px;font-size:1.1rem;font-weight:700;line-height:1.2}.asset-card-meta .asset-tag{font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:8px;font-size:.6rem;font-weight:500}.asset-card-meta .asset-price{font-family:var(--font-sys);color:var(--text-main);margin-top:auto;padding-top:12px;font-size:.85rem;font-weight:700}.product-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(20px);padding:var(--pad-edge);background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.product-modal{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffd9;border:1px solid #fff9;border-radius:24px;grid-template-columns:1fr;width:100%;max-width:900px;max-height:85vh;display:grid;overflow-y:auto;box-shadow:0 32px 64px #00000026}@media (width>=768px){.product-modal{grid-template-columns:1fr 1fr}}.product-modal::-webkit-scrollbar{display:none}.product-modal{-ms-overflow-style:none;scrollbar-width:none}.product-modal-img{border-radius:24px 24px 0 0;min-height:250px;position:relative;overflow:hidden}@media (width>=768px){.product-modal-img{border-radius:24px 0 0 24px;min-height:400px}}.product-modal-img img{object-fit:cover;width:100%;height:100%}.product-modal-info{flex-direction:column;gap:1rem;padding:2rem;display:flex}.product-modal-info h2{font-family:var(--font-sans);text-transform:uppercase;font-size:1.5rem;font-weight:800;line-height:1.1}.product-modal-info .modal-tag{font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.65rem;font-weight:500}.product-modal-info .modal-desc{font-family:var(--font-sans);color:var(--text-dark);font-size:.85rem;font-weight:400;line-height:1.6}.product-modal-features{flex-direction:column;gap:8px;display:flex}.product-modal-features .feature-item{font-family:var(--font-sans);color:var(--text-dark);align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.product-modal-features .feature-item svg{width:16px;height:16px;color:var(--text-ice);flex-shrink:0}.product-modal-price{font-family:var(--font-sys);color:var(--text-main);letter-spacing:-.02em;margin-top:auto;font-size:1.5rem;font-weight:800}.modal-cta-btn{-webkit-backdrop-filter:blur(12px);color:#1a2e3a;border-radius:var(--radius-pill);font-family:var(--font-sys);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:#b4d2e68c;border:1px solid #b4d7f099;justify-content:center;align-items:center;padding:14px 32px;font-size:.75rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 16px #64a0c833}.modal-cta-btn:hover{background:#b4d2e6cc;box-shadow:0 4px 24px #64a0c84d}.modal-close-btn{z-index:10;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#fffc;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background:#0000000d}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor{vertical-align:text-bottom;opacity:.75;background:currentColor;border-radius:1px;width:.55em;height:1em;margin-left:3px;animation:.85s step-end infinite blink;display:inline-block}@keyframes text-shimmer{0%{background-position:100%}to{background-position:0%}}.text-shimmer{background-image:linear-gradient(90deg, var(--text-main) 0%, var(--text-main) 40%, #99aab8 50%, var(--text-main) 60%, var(--text-main) 100%);-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:2.5s ease-in-out infinite text-shimmer;display:inline-block;color:#0000!important}.book-call-cta{font-family:var(--font-sys);letter-spacing:.18em;text-transform:uppercase;color:var(--text-main);cursor:pointer;background:0 0;border:1.5px solid #000000a6;border-radius:40px;align-items:center;padding:10px 22px;font-size:.75rem;font-weight:800;transition:color .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative}.book-call-cta:hover{border-color:var(--text-main);color:var(--text-main);box-shadow:0 0 20px #0000001f,0 0 40px #b4d2eb66}.service-columns-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=640px){.service-columns-grid{grid-template-columns:1fr;gap:.75rem}}.service-col{cursor:pointer;background:#fff0;border:1px solid #0000;border-radius:12px;min-height:64px;padding:1rem;transition:background .2s,border-color .2s}.service-col:hover{background:#ffffff80;border-color:#0000000f}.service-col-title{font-family:var(--font-sys);letter-spacing:.15em;text-transform:uppercase;color:var(--text-main);margin-bottom:4px;font-size:.62rem;font-weight:700;line-height:1.4}.service-col-title--active{color:#000}.service-col-subtitle{font-family:var(--font-sans);color:var(--text-dim);font-size:.75rem;font-weight:400;line-height:1.4}