@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg:#050505;--accent:#f22;--accent-dim:#b91c1c;--text:#c8c8c8;--text-white:#fff;--text-muted:#888;--border:#ffffff14;--card-bg:#0a0a0a99;--nav-bg:#050505d9;--font-main:"Montserrat", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-alt:"Outfit", sans-serif;--h1-size:80px;--h2-size:48px;--p-size:18px}[data-theme=light]{--bg:#fff;--accent:#f22;--accent-dim:#cc1b1b;--text:#0a0a0a;--text-white:#000;--text-muted:#555;--border:#0000001f;--card-bg:#f8f8f8d9;--nav-bg:#fffffff2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;width:100%;overflow-x:hidden}h1{font-size:var(--h1-size)}h2{font-size:var(--h2-size)}p{font-size:var(--p-size);line-height:1.6}@media (width<=1024px){:root{--h1-size:64px;--h2-size:38px}}@media (width<=768px){:root{--h1-size:48px;--h2-size:32px;--p-size:16px}.section{padding:60px 20px!important}}@media (width<=425px){:root{--h1-size:36px;--h2-size:28px;--p-size:15px}}h1,h2,h3,h4,h5{font-family:var(--font-main);color:var(--text-white);letter-spacing:-.02em;font-weight:800}.mono{font-family:var(--font-mono);letter-spacing:.1em}.scanlines{z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#0000000d 1px 2px);position:fixed;inset:0}.grid-glow{z-index:-1;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:50px 50px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#00000080 0%,#0000 80%);mask-image:radial-gradient(#00000080 0%,#0000 80%)}@media (width<=768px){.grid-glow{background-size:30px 30px}}.accent-glow-bg{z-index:-2;background:radial-gradient(circle at 50% 30%,#ff22220d 0%,#0000 60%);position:fixed;inset:0}.section{width:100%;max-width:1400px;margin:0 auto;padding:80px 24px}.section-label{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700;display:block}.section-title{font-size:var(--h2-size);margin-bottom:32px;line-height:1.1}.section-header-flex{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}@media (width<=640px){.section-header-flex{flex-direction:column;align-items:flex-start}}.card{background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;transition:all .3s}@media (width<=480px){.card{padding:24px}}.card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 40px #0000004d}.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;gap:24px;display:grid}@media (width<=640px){.card-grid{grid-template-columns:1fr}}.service-card{cursor:pointer;background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;min-height:100%;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.service-card .top-accent-line{background:var(--accent);opacity:0;transform-origin:0;z-index:5;width:100%;height:2px;transition:all .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 30px #ff222226,0 10px 40px #0006}.service-card:hover .top-accent-line{opacity:1;box-shadow:0 0 10px var(--accent);transform:scaleX(1)}.service-card .btn-view-more{color:var(--text-white);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;margin-top:32px;padding:12px 0;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.service-card:hover .btn-view-more{color:var(--accent)}.service-card .btn-view-more .arrow{transition:transform .2s}.service-card:hover .btn-view-more .arrow{transform:translate(6px)}@media (width<=480px){.service-card{padding:24px}.service-card .btn-view-more{border-top:1px solid var(--border);justify-content:center;align-self:center;width:100%;margin-top:24px;padding-top:20px}}.service-layout{grid-template-columns:1fr 350px;gap:64px;margin-top:64px;display:grid}@media (width<=1100px){.service-layout{grid-template-columns:1fr;gap:48px}}.content-block{margin-bottom:64px}.content-block h3{color:var(--text-white);margin-bottom:24px;font-size:24px}.content-block p{color:var(--text-muted);white-space:pre-line;margin-bottom:24px;font-size:16px;line-height:1.8}.point-list{margin-bottom:24px;padding:0;list-style:none}.point-list li{font-family:var(--font-mono);color:var(--text-white);border-bottom:1px solid var(--border);gap:12px;margin-bottom:12px;padding-bottom:8px;font-size:13px;display:flex}.methodology-step{background:var(--card-bg);border-left:2px solid var(--accent);margin-bottom:32px;padding:24px}.service-title-large{max-width:900px;font-size:var(--h1-size)}.service-id-label{color:var(--accent);margin-bottom:8px;font-size:12px}.service-brief-text{color:var(--text-white);margin-bottom:32px;font-size:18px;line-height:1.6}.service-brief-placeholder{border:1px dashed var(--border);color:var(--text-muted);padding:16px;font-size:14px}.service-detail-sidebar{padding:32px;position:sticky;top:120px}.coverage-label{color:var(--accent);align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.sidebar-footer-mono{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);padding-top:16px;font-size:10px}.why-agniops-label{color:var(--accent);margin-bottom:16px;font-size:14px}.page-padding{padding-top:120px}.back-link{color:var(--accent);align-items:center;gap:8px;margin-bottom:48px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.active-status{border:1px solid var(--accent);color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;z-index:10;background:#b6222a0d;border-radius:4px;align-items:center;padding:6px 14px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 0 15px #b6222a66}.service-icon{color:var(--accent);opacity:.8;margin-bottom:24px;transition:transform .3s,color .3s}.service-card:hover .service-icon{color:var(--text-white);opacity:1;transform:scale(1.1)rotate(-5deg)}.btn{font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;min-height:48px;padding:16px 36px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}@media (width<=768px){.btn{width:100%;padding:14px 24px}}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dim)}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-2px);box-shadow:0 6px 20px #ff22224d}.btn-secondary{color:var(--text-white);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--text-white);background:#ffffff0d}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-text{display:inline-block;position:relative}.glitch-text:hover{color:var(--accent);text-shadow:.05em 0 #ff0000bf,-.025em -.05em #00ff00bf,.025em .05em #0000ffbf;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:hover:before{color:#ff00c1;z-index:-1;animation:.4s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.glitch-text:hover:after{color:#00fff9;z-index:-2;animation:.4s cubic-bezier(.25,.46,.45,.94) infinite reverse both glitch}
