:root{--primary:#38bdf8;--accent:#818cf8;--success:#22c55e;--text-main:#f8fafc;--text-muted:#94a3b8;--bg-core:#020617;--bg-card:#ffffff05;--border-dim:#ffffff14;--border-bright:#ffffff26;--glow-cyan:#38bdf84d}.about-tech-premium{background-color:var(--bg-core);color:var(--text-main);background-image:linear-gradient(var(--border-dim) 1px, transparent 1px), linear-gradient(90deg, var(--border-dim) 1px, transparent 1px);background-position:top;background-size:50px 50px;min-height:100vh;padding-bottom:120px;font-family:Inter,system-ui,sans-serif}.tech-container{max-width:1200px;margin:0 auto;padding:0 20px}.tech-hero{text-align:center;max-width:900px;margin:0 auto;padding:180px 20px 100px}.hero-pill{background:var(--bg-card);border:1px solid var(--border-dim);color:var(--text-muted);letter-spacing:2px;border-radius:4px;margin-bottom:30px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-2px;margin-bottom:20px;font-size:4.5rem;font-weight:800;line-height:1.1}.text-glow{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;text-shadow:0 0 40px var(--glow-cyan);-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);font-size:1.15rem;line-height:1.6}.bento-grid{grid-template-rows:repeat(2,250px);grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;flex-direction:column;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#fff3}.bento-video-card{grid-area:span 2/span 2;padding:0}.bento-intro{grid-area:span 1/span 2;justify-content:center;padding:40px}.bento-intro h2{margin-bottom:15px;font-size:1.8rem;font-weight:700}.bento-intro p{color:var(--text-muted);margin-bottom:10px;font-size:.95rem;line-height:1.6}.bento-stat{background:linear-gradient(180deg, var(--bg-card) 0%, transparent 100%);grid-area:span 1/span 1;justify-content:center;align-items:center}.stat-val{color:var(--text-main);margin-bottom:5px;font-size:3rem;font-weight:800;line-height:1}.stat-key{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.bento-video{object-fit:cover;width:100%;height:100%}.bento-video-thumbnail{background-image:radial-gradient(circle at center, #1a1a24 0%, var(--bg-core) 100%);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex}.bento-video-thumbnail:hover .play-button-tech{background:var(--text-main);color:var(--bg-core);transform:scale(1.1)}.play-button-tech{border:1px solid var(--border-bright);width:60px;height:60px;color:var(--text-main);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;transition:all .3s;display:flex}.play-button-tech svg{width:20px;height:20px;margin-left:3px}.video-label-tech{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-size:.75rem}.dual-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:80px;display:grid}.tech-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:40px}.card-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}.card-node{background:var(--primary);width:12px;height:12px;box-shadow:0 0 10px var(--primary);border-radius:2px}.node-alt{background:var(--accent);box-shadow:0 0 10px var(--accent)}.tech-card h3{font-size:1.4rem;font-weight:600}.tech-card p{color:var(--text-muted);line-height:1.7}.section-title{margin-bottom:30px}.section-title h2{letter-spacing:-1px;font-size:2rem;font-weight:700}.section-title p{color:var(--text-muted);margin-top:10px}.process-timeline{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px;display:grid;position:relative}.process-timeline:before{content:"";background:var(--border-dim);z-index:0;width:100%;height:1px;position:absolute;top:25px;left:0}.process-node{z-index:1;background:var(--bg-core);padding-top:10px;position:relative}.phase-marker{background:var(--bg-card);border:1px solid var(--primary);width:30px;height:30px;color:var(--primary);box-shadow:0 0 15px var(--glow-cyan);border-radius:4px;justify-content:center;align-items:center;margin-bottom:20px;font-size:.8rem;font-weight:700;display:flex}.process-content h4{color:var(--text-main);margin-bottom:10px;font-size:1.1rem;font-weight:600}.process-content p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.services-tech-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px;display:grid}.tech-module-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:30px 25px;transition:transform .3s;position:relative;overflow:hidden}.tech-module-card:hover{transform:translateY(-5px)}.tech-module-card:hover .module-line{width:100%}.module-icon{margin-bottom:20px;font-size:2rem}.tech-module-card h4{margin-bottom:10px;font-size:1.1rem;font-weight:600}.tech-module-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.module-line{background:linear-gradient(90deg, var(--primary), var(--accent));width:0%;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}.global-infra-box{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:80px;padding:50px;display:flex}.infra-text{flex:1}.infra-text h2{margin-bottom:10px;font-size:2rem;font-weight:700}.infra-text p{color:var(--text-muted);font-size:1rem;line-height:1.6}.infra-tags{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:12px;display:flex}.infra-tags span{border:1px solid var(--border-dim);color:var(--text-main);background:#ffffff08;border-radius:50px;padding:10px 20px;font-size:.85rem;transition:all .3s}.infra-tags span:hover{border-color:var(--primary);color:var(--primary)}.logs-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:80px;display:grid}.log-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:8px;padding:30px;transition:transform .3s}.log-card:hover{border-color:#fff3;transform:translateY(-5px)}.log-header{border-bottom:1px solid var(--border-dim);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;display:flex}.log-status{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #22c55e80}.log-user{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.log-card p{color:var(--text-main);font-size:.95rem;font-style:italic;line-height:1.7}.tech-cta{border:1px solid var(--border-dim);background:linear-gradient(145deg,#ffffff08 0%,#0000 100%);border-radius:12px;padding:60px}.cta-grid{justify-content:space-between;align-items:center;gap:40px;display:flex}.cta-text-side h2{letter-spacing:-1px;margin-bottom:10px;font-size:2.5rem;font-weight:800}.cta-text-side p{color:var(--text-muted);font-size:1.1rem}.btn-tech{background:var(--text-main);color:var(--bg-core);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-tech svg{width:18px;height:18px;transition:transform .3s}.btn-tech:hover{background:var(--primary);box-shadow:0 0 20px var(--glow-cyan)}.btn-tech:hover svg{transform:translate(4px)}.fade-in{opacity:0;animation:.8s forwards fadeIn}.stagger-1{opacity:0;animation:.6s .1s forwards fadeIn}.stagger-2{opacity:0;animation:.6s .2s forwards fadeIn}.stagger-3{opacity:0;animation:.6s .3s forwards fadeIn}.stagger-4{opacity:0;animation:.6s .4s forwards fadeIn}.stagger-5{opacity:0;animation:.6s .5s forwards fadeIn}.stagger-6{opacity:0;animation:.6s .6s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.bento-video-card,.bento-intro{grid-column:span 2}.bento-intro{padding:30px}.services-tech-grid{grid-template-columns:repeat(2,1fr)}.process-timeline{grid-template-columns:repeat(2,1fr);gap:40px}.process-timeline:before{display:none}.global-infra-box{text-align:center;flex-direction:column}.infra-tags{justify-content:center}.logs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title{font-size:3rem}.dual-grid{grid-template-columns:1fr}.cta-grid{text-align:center;flex-direction:column}.btn-tech{justify-content:center;width:100%}.process-timeline,.logs-grid{grid-template-columns:1fr}.global-infra-box{padding:30px 20px}}@media (max-width:500px){.bento-grid{grid-template-columns:1fr}.bento-video-card,.bento-intro,.bento-stat{grid-column:span 1}.bento-video-card{height:250px}.services-tech-grid{grid-template-columns:1fr}.tech-hero{padding:140px 15px 60px}.hero-title{font-size:2.2rem}}