:root{--bg-void: #05070d;--bg-base: #070b14;--bg-alt: #0a0f1c;--bg-panel: #0c1220;--border: rgba(148, 178, 220, .14);--border-strong: rgba(148, 178, 220, .28);--text-primary: #eaf1fb;--text-secondary: #9fb0c9;--text-muted: #6b7994;--cyan: #22d3ee;--blue: #3b82f6;--violet: #7c6cf0;--glow-cyan: rgba(34, 211, 238, .35);--glow-blue: rgba(59, 130, 246, .28);--font-head: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--container: 1180px;--radius: 6px;--radius-lg: 10px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;line-height:1.15;margin:0;letter-spacing:-.01em}p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}::selection{background:var(--glow-cyan);color:#04121a}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:3px}.skip-link{position:absolute;left:-999px;top:0;background:var(--cyan);color:#04121a;padding:.75rem 1.25rem;font-weight:600;z-index:999;border-radius:0 0 6px}.skip-link:focus{left:0}.container{max-width:var(--container);margin:0 auto;padding:0 1.5rem}@media (max-width: 640px){.container{padding:0 1.25rem}}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.7rem;border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:.95rem;letter-spacing:.01em;border:1px solid transparent;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;transition:transform .3s var(--ease),background .25s ease,border-color .25s ease,box-shadow .25s ease;white-space:nowrap}.btn svg{transition:transform .3s var(--ease);flex-shrink:0}.btn:hover svg{transform:translate(3px)}.btn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-120%);transition:transform .55s var(--ease)}.btn:hover:after{transform:translate(120%)}.btn-primary{background:#0e93ac;color:#f3fbfd;box-shadow:0 0 0 0 var(--glow-cyan)}.btn-primary:hover{background:#10a5c1;box-shadow:0 10px 28px -10px var(--glow-cyan);transform:translateY(-2px)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text-primary)}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.6rem 1.1rem;border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.btn-sm{padding:.6rem 1.25rem;font-size:.88rem}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(180deg,#05070d8c,#05070d00);border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease}.site-header.scrolled{background:#060a12db;backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--border)}.header-inner{height:80px;display:flex;align-items:center;gap:2.25rem}.brand{display:flex;align-items:center;gap:.65rem;margin-right:auto;color:var(--text-primary)}.brand-mark{color:var(--cyan);flex-shrink:0}.brand-word{font-family:var(--font-head);font-size:1.08rem;letter-spacing:-.005em}.brand-word strong{font-weight:700}.main-nav ul{display:flex;gap:2.1rem}.main-nav a{font-size:.9rem;font-weight:500;letter-spacing:.01em;color:var(--text-secondary);position:relative;padding:.3rem 0;transition:color .25s ease}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--cyan);transition:right .3s var(--ease)}.main-nav a:hover,.main-nav a.active{color:var(--text-primary)}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-cta{margin-left:.5rem}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff05;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{width:18px;height:1.5px;background:var(--text-primary);transition:transform .3s var(--ease),opacity .3s ease}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:76px 0 0;z-index:90;background:#05080ffa;backdrop-filter:blur(10px);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;display:flex;align-items:center}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu nav{width:100%;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2.25rem}.mobile-menu ul{display:flex;flex-direction:column;gap:.25rem}.mobile-menu a{font-family:var(--font-head);font-size:1.6rem;font-weight:500;padding:.6rem 0;color:var(--text-primary)}.mobile-menu .btn{align-self:flex-start}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:7rem 0 4rem;overflow:hidden;background:radial-gradient(ellipse 55% 60% at 20% 15%,rgba(59,130,246,.2),transparent 65%),radial-gradient(ellipse 45% 50% at 82% 70%,rgba(34,211,238,.12),transparent 60%),var(--bg-void)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05070d26,#05070d8c);pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:720px}.hero-title{font-size:clamp(2.4rem,5.4vw,4rem);margin-bottom:1.5rem}.particle-text-line{position:relative;display:block;width:100%;height:clamp(3.2rem,7vw,5rem);color:var(--text-primary)}.particle-text-line+.particle-text-line{margin-top:.4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-lead{font-size:1.1rem;color:var(--text-secondary);max-width:42ch;margin-bottom:2.25rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:22px;height:36px;border:1.5px solid var(--border-strong);border-radius:12px;z-index:2}.scroll-indicator span{position:absolute;top:6px;left:50%;transform:translate(-50%);width:3px;height:7px;border-radius:2px;background:var(--cyan);animation:scroll-dot 1.8s ease-in-out infinite}@keyframes scroll-dot{0%{opacity:1;top:6px}70%{opacity:0;top:18px}to{opacity:0;top:18px}}@media (max-width: 980px){.hero{padding-top:6.5rem}}@media (max-width: 560px){.scroll-indicator{display:none}.hero-actions .btn{width:100%;justify-content:center}.hero-actions{flex-direction:column}}.section{padding:7rem 0;position:relative;background:radial-gradient(ellipse 60% 50% at 15% 0%,rgba(34,211,238,.05),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(59,130,246,.05),transparent 60%),var(--bg-base)}.section-alt{background:radial-gradient(ellipse 55% 45% at 90% 0%,rgba(124,108,240,.06),transparent 60%),radial-gradient(ellipse 60% 50% at 5% 100%,rgba(34,211,238,.05),transparent 60%),var(--bg-alt)}@media (max-width: 640px){.section{padding:4.5rem 0}}.section-eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:.85rem}.section-title{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-bottom:1rem}.section-lead{color:var(--text-secondary);font-size:1.05rem;max-width:60ch;margin-bottom:3.25rem}.grid{display:grid;gap:1.5rem}.section,.hero-inner{perspective:1400px}[data-reveal]{opacity:0;transform:perspective(1400px) translateY(36px) rotateX(8deg) scale(.96);transform-origin:50% 100%;transition:opacity .8s var(--ease),transform .8s var(--ease);will-change:transform,opacity}[data-reveal].in-view{opacity:1;transform:perspective(1400px) translateY(0) rotateX(0) scale(1)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:2rem 1.75rem;position:relative;transform-style:preserve-3d;transition:transform .35s var(--ease),border-color .4s ease,box-shadow .4s ease,background .4s ease;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx, 50%) var(--my, 0%),rgba(34,211,238,.07),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.card:hover{transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(-4px) translateZ(6px);border-color:var(--border-strong);background:var(--bg-alt);box-shadow:0 20px 45px -25px #000000b3}.card:hover:before{opacity:1}.services-grid{grid-template-columns:repeat(3,1fr)}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:linear-gradient(155deg,#22d3ee29,#22d3ee0a);border:1px solid rgba(34,211,238,.18);color:var(--cyan);margin-bottom:1.3rem}.card-icon svg{width:21px;height:21px}.service-card h3{font-size:1.1rem;margin-bottom:.65rem}.service-card p{color:var(--text-secondary);font-size:.95rem}@media (max-width: 900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.services-grid{grid-template-columns:1fr}}.tech-grid{grid-template-columns:repeat(4,1fr)}.tech-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color .3s ease,transform .3s var(--ease)}.tech-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.tech-card h3{font-size:.95rem;color:var(--text-primary);margin-bottom:1.1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip-list li{font-family:var(--font-mono);font-size:.76rem;padding:.35rem .65rem;border-radius:4px;background:#94b2dc12;color:var(--text-secondary);border:1px solid var(--border)}@media (max-width: 900px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.tech-grid{grid-template-columns:1fr}}.solutions-grid{grid-template-columns:repeat(3,1fr)}.solution-card{padding-top:2.25rem}.solution-index{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);display:block;margin-bottom:1rem}.solution-card h3{font-size:1.08rem;margin-bottom:.65rem}.solution-card p{color:var(--text-secondary);font-size:.95rem}@media (max-width: 900px){.solutions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.solutions-grid{grid-template-columns:1fr}}.visual-break{position:relative;height:clamp(220px,32vw,380px);background:linear-gradient(0deg,var(--bg-alt) 0%,rgba(6,10,18,.55) 30%,rgba(6,10,18,.55) 70%,var(--bg-base) 100%),url(/images/code-detail.jpg);background-size:cover;background-position:center 30%;display:flex;align-items:center;justify-content:center}.visual-break-inner p{font-family:var(--font-head);font-weight:600;font-size:clamp(1.3rem,3vw,2rem);color:var(--text-primary);text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.6)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.pricing-card{display:flex;flex-direction:column;position:relative}.pricing-featured{border-color:var(--cyan);box-shadow:0 20px 50px -25px var(--glow-cyan)}.pricing-tag{position:absolute;top:-.7rem;left:2rem;background:var(--cyan);color:#04121a;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px}.pricing-card h3{font-size:1.15rem;margin-bottom:.4rem}.pricing-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.pricing-amount{font-family:var(--font-head);font-size:2.1rem;font-weight:700;color:var(--text-primary)}.pricing-note{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted);padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.pricing-features{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem;flex-grow:1}.pricing-features li{font-size:.9rem;color:var(--text-secondary);padding-left:1.5rem;position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:.45em;width:10px;height:6px;border-left:1.6px solid var(--cyan);border-bottom:1.6px solid var(--cyan);transform:rotate(-45deg)}.pricing-cta{justify-content:center;margin-top:auto}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}.about{background:linear-gradient(100deg,var(--bg-alt) 40%,rgba(10,15,28,.88) 65%,rgba(10,15,28,.62) 100%),url(/images/server-infrastructure.jpg);background-size:cover;background-position:center right}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text{color:var(--text-secondary);margin-bottom:1.2rem;font-size:1.02rem}.about-principles{display:flex;flex-direction:column;gap:1.75rem}.principle{display:flex;gap:1rem;align-items:flex-start}.principle svg{width:26px;height:26px;color:var(--cyan);flex-shrink:0;margin-top:.15rem}.principle h3{font-size:1rem;margin-bottom:.35rem}.principle p{color:var(--text-secondary);font-size:.92rem}@media (max-width: 860px){.about-inner{grid-template-columns:1fr;gap:2.5rem}}.contact{text-align:center}.contact-inner{display:flex;flex-direction:column;align-items:center}.contact-lead{margin-left:auto;margin-right:auto}.contact-box{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.1rem 1.4rem;margin-bottom:2.25rem}.contact-email{display:flex;align-items:center;gap:.65rem;font-family:var(--font-mono);font-size:1.05rem;color:var(--text-primary);transition:color .25s ease}.contact-email svg{width:20px;height:20px;color:var(--cyan)}.contact-email:hover{color:var(--cyan)}.copy-btn{padding:.6rem 1.1rem;font-size:.85rem}@media (max-width: 560px){.contact-box{flex-direction:column}}.site-footer{position:relative;background:var(--bg-void);border-top:1px solid var(--border);overflow:hidden}.footer-top{padding:5rem 0 4rem;border-bottom:1px solid var(--border)}.footer-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}.footer-cta h2{font-size:clamp(1.6rem,3.4vw,2.4rem);max-width:20ch}.footer-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding:3rem 0}.footer-nav ul{display:flex;gap:1.75rem;flex-wrap:wrap}.footer-nav a{font-size:.88rem;color:var(--text-secondary);transition:color .25s ease}.footer-nav a:hover{color:var(--cyan)}.footer-email{font-family:var(--font-mono);font-size:.88rem;color:var(--text-secondary)}.footer-email:hover{color:var(--cyan)}.footer-bottom{position:relative;z-index:1;border-top:1px solid var(--border);padding:1.4rem 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem}.footer-bottom p{font-size:.8rem;color:var(--text-muted)}.footer-credits{order:1;flex-basis:100%;font-size:.72rem!important;color:var(--text-muted);opacity:.7}.footer-credits a{color:inherit;text-decoration:underline;text-underline-offset:2px}.footer-credits a:hover{color:var(--cyan)}.footer-top-link{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;cursor:pointer;transition:color .25s ease}.footer-top-link:hover{color:var(--cyan)}.footer-top-link svg{transition:transform .3s var(--ease)}.footer-top-link:hover svg{transform:translateY(-2px)}@media (max-width: 700px){.footer-inner,.footer-cta{flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 860px){.main-nav,.nav-cta{display:none}.menu-toggle{display:flex}}