:root{--bg:#050814;--bg2:#090f20;--panel:rgba(12,20,43,.78);--panel2:#0b1329;--line:rgba(126,166,255,.20);--text:#eef5ff;--muted:#9fb0d1;--cyan:#59e7ff;--blue:#7485ff;--green:#6df7b0;--red:#ff86a4;--shadow:0 24px 75px rgba(0,0,0,.40)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 14% 8%,rgba(63,95,255,.18),transparent 29%),radial-gradient(circle at 86% 17%,rgba(0,222,255,.11),transparent 27%),linear-gradient(180deg,var(--bg),#070b18 48%,#050814);color:var(--text);line-height:1.62;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 82%);z-index:-2}body:after{content:"";position:fixed;width:460px;height:460px;border-radius:50%;right:-160px;top:28%;background:rgba(89,231,255,.06);filter:blur(70px);z-index:-2;animation:drift 9s ease-in-out infinite alternate}@keyframes drift{to{transform:translate(-90px,80px) scale(1.15)}}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:80;backdrop-filter:blur(18px);background:rgba(5,8,20,.82);border-bottom:1px solid var(--line)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:21px;font-weight:850;letter-spacing:-.6px;white-space:nowrap}.brand b{color:var(--cyan)}.links{display:flex;gap:22px;color:#cbd8ef;font-size:14px;align-items:center}.links>a,.navdrop>button{padding:24px 0}.links a:hover,.navdrop>button:hover{color:white}.navdrop{position:relative}.navdrop>button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}.mega{position:absolute;top:64px;left:50%;transform:translateX(-50%) translateY(-8px);width:min(860px,92vw);padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(7,12,28,.98);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;opacity:0;visibility:hidden;transition:.18s}.navdrop:hover .mega,.navdrop:focus-within .mega,.navdrop.open .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega a{padding:12px;border-radius:12px;border:1px solid transparent}.mega a:hover{border-color:var(--line);background:rgba(255,255,255,.035)}.mega b{display:block;font-size:13px;color:#eaf3ff}.mega span{display:block;color:#8295ba;font-size:11px;margin-top:3px}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 17px;font-weight:800;border:1px solid transparent;transition:.2s}.cta,.btn.primary{background:linear-gradient(135deg,var(--cyan),#7f91ff);color:#03101a;box-shadow:0 10px 30px rgba(85,230,255,.18)}.btn.secondary{border-color:var(--line);background:rgba(255,255,255,.035)}.btn:hover,.cta:hover{transform:translateY(-1px)}.menuBtn{display:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;border-radius:10px;padding:9px 11px}.hero{padding:88px 0 66px;position:relative}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:7px 11px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:999px;color:#c8d7f6;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}h1{font-size:clamp(49px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:20px 0 22px;max-width:920px}h1 .grad,.grad{background:linear-gradient(90deg,#fff 10%,var(--cyan),#9ca7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;color:var(--muted);max-width:760px}.heroBtns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.micro{margin-top:24px;color:#8193b7;font-size:13px}.terminal{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,24,51,.94),rgba(7,11,26,.94));border-radius:20px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.termbar{height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);color:#7f91b5;font-size:12px}.ball{width:8px;height:8px;border-radius:50%;background:#33415e}.stream{padding:18px}.tickerRow{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:8px;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.055);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.tickerRow strong{color:#fff}.ask{color:var(--red)}.bid{color:#75f7bd}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px auto 0}.metric{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.metric b{font-size:28px;display:block}.metric span{color:var(--muted);font-size:13px}.section{padding:82px 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03)}.section h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-2px;margin:0 0 14px}.sub{color:var(--muted);max-width:790px;margin-bottom:35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:26px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,27,55,.74),rgba(9,14,30,.78));box-shadow:inset 0 1px rgba(255,255,255,.03)}.card h3{font-size:20px;margin:16px 0 8px}.card p{margin:0;color:var(--muted)}.card a.more{display:inline-block;color:var(--cyan);font-weight:750;margin-top:14px;font-size:13px}.icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(85,230,255,.2),rgba(109,124,255,.22));display:grid;place-items:center;border:1px solid var(--line);font-weight:900;color:var(--cyan)}.architecture{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:center}.node{padding:22px 14px;text-align:center;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.arrow{text-align:center;color:var(--cyan);font-size:24px}.code{background:#02050d;border:1px solid var(--line);border-radius:16px;padding:22px;overflow:auto;color:#a9c7ff;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.code .k{color:#6df7b0}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.price.featured{border-color:rgba(85,230,255,.55);box-shadow:0 0 0 1px rgba(85,230,255,.1),0 24px 60px rgba(0,185,255,.09)}.price h3{font-size:23px;margin:0}.amount{font-size:38px;font-weight:850;margin:16px 0}.price ul{padding-left:18px;color:var(--muted)}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{color:var(--muted)}.footer{border-top:1px solid var(--line);padding:48px 0;color:#8ea0c2}.footgrid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px}.footer a{color:#c7d4ec}.footer a:hover{color:white}.pill{display:inline-flex;padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:#a9bce1;margin:4px 4px 0 0}.pageHero{padding:72px 0 42px}.pageHero h1{font-size:clamp(44px,6vw,74px)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.contactBox{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.contactBox .btn{display:inline-flex;margin:8px 8px 0 0}.status{font-size:12px;color:var(--green)}.breadcrumbs{padding-top:22px;color:#7f91b5;font-size:12px}.breadcrumbs a{color:#aabde0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.kpi{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.kpi strong{display:block;color:white;font-size:17px}.kpi span{color:var(--muted);font-size:12px}.process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process .card:before{counter-increment:step;content:"0" counter(step);color:var(--cyan);font:800 12px/1 ui-monospace,monospace}.linkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.linkgrid a{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);font-size:13px}.linkgrid a:hover{background:rgba(255,255,255,.05);border-color:rgba(89,231,255,.35)}.notice{padding:14px 16px;border-left:3px solid var(--cyan);background:rgba(89,231,255,.05);color:#abc0df;font-size:13px;border-radius:0 10px 10px 0}.mobileNav{display:none}.pagecopy h2{font-size:clamp(30px,4vw,48px)}.pagecopy h3{font-size:22px}.pagecopy p,.pagecopy li{color:var(--muted)}.pagecopy ul{padding-left:20px}.schemaNote{font-size:12px;color:#7587aa}.divider{height:1px;background:var(--line);margin:18px 0}
@media(max-width:980px){.links{display:none}.menuBtn{display:block}.navin>.cta{display:none}.mobileNav{display:none;position:absolute;left:18px;right:18px;top:64px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#070d1f;box-shadow:var(--shadow)}.mobileNav.open{display:block}.mobileNav a{display:block;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.heroGrid,.twocol{grid-template-columns:1fr}.terminal{transform:none}.metrics,.cards,.pricing,.process,.linkgrid{grid-template-columns:1fr 1fr}.architecture{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.footgrid{grid-template-columns:1fr 1fr}h1{letter-spacing:-2px}}
@media(max-width:620px){.metrics,.cards,.pricing,.process,.linkgrid,.footgrid,.kpis{grid-template-columns:1fr}.navin{height:64px}.hero{padding-top:48px}.section{padding:60px 0}.pageHero{padding-top:50px}.wrap{width:min(100% - 26px,1200px)}}

/* visual and long-tail expansion */
.visualShowcase{position:relative;overflow:hidden}.visualShowcase:before{content:"";position:absolute;inset:12% -20%;background:radial-gradient(circle,rgba(89,231,255,.10),transparent 55%);animation:visualPulse 6s ease-in-out infinite alternate;pointer-events:none}@keyframes visualPulse{to{transform:translateY(35px) scale(1.05);opacity:.65}}.visualGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visualCard{margin:0;border:1px solid var(--line);border-radius:20px;background:rgba(8,14,31,.78);overflow:hidden;box-shadow:var(--shadow);position:relative}.visualCard img{display:block;width:100%;height:auto;transition:transform .45s ease,filter .45s ease}.visualCard:hover img{transform:scale(1.018);filter:brightness(1.08)}.visualCard figcaption{padding:14px 18px;color:#c9daf6;font-size:13px;border-top:1px solid var(--line)}.visualSplit{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.solutionGroup{margin:0 0 48px}.solutionGroup h2{font-size:34px;margin-bottom:18px}.solutionIndex{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.solutionIndex a{display:block;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(17,27,55,.7),rgba(9,14,30,.72));transition:.2s}.solutionIndex a:hover{transform:translateY(-2px);border-color:rgba(89,231,255,.45);background:rgba(89,231,255,.05)}.solutionIndex b{display:block;color:#eef5ff;font-size:14px}.solutionIndex span{display:block;color:#8193b7;font-size:11px;margin-top:4px}.hubCta{margin-top:22px}.terminal{position:relative}.terminal:after{content:"";position:absolute;left:-30%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(89,231,255,.08),transparent);transform:skewX(-18deg);animation:scan 5.5s linear infinite;pointer-events:none}@keyframes scan{to{left:130%}}.tickerRow{animation:quoteFlash 1.25s ease both}@keyframes quoteFlash{0%{background:rgba(89,231,255,.055)}100%{background:transparent}}
@media(max-width:980px){.visualGrid,.solutionIndex{grid-template-columns:1fr 1fr}.visualSplit{grid-template-columns:1fr}}@media(max-width:620px){.visualGrid,.solutionIndex{grid-template-columns:1fr}}

.revealItem{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.revealItem.isVisible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.revealItem{opacity:1;transform:none}}

/* Trust, infrastructure and pricing */
.trustGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trustCard,.priceCard{border:1px solid var(--line);border-radius:20px;padding:26px;background:linear-gradient(180deg,rgba(17,27,55,.76),rgba(8,14,31,.82));box-shadow:var(--shadow)}.trustCard h2,.trustCard h3,.priceCard h2{margin-top:5px}.trustCard p,.priceCard p,.checkGrid p,.archSteps p{color:#9fb0cf}.checkGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.checkGrid>div{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(9,15,32,.66)}.checkGrid b{color:#eaf4ff}.archSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.archSteps article{border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(9,15,32,.72)}.archSteps article>b{color:var(--cyan);font-size:12px;letter-spacing:.12em}.archSteps h3{margin:10px 0 8px}.infraHero{max-width:1100px;margin:auto}.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.priceCard{display:flex;flex-direction:column}.priceCard>span{font-size:11px;letter-spacing:.14em;color:var(--cyan)}.priceCard.featured{border-color:rgba(89,231,255,.55);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,180,255,.12)}.priceLabel{font-weight:700;color:#eaf4ff!important}.priceCard ul{padding-left:20px;color:#b7c7e2;line-height:1.8;flex:1}.pricingNote{border:1px solid var(--line);border-radius:20px;padding:28px;background:rgba(89,231,255,.035)}.ctaBand{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(89,231,255,.28);border-radius:22px;padding:30px;background:linear-gradient(90deg,rgba(0,149,255,.08),rgba(89,231,255,.025))}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:980px){.trustGrid,.priceGrid,.archSteps{grid-template-columns:1fr 1fr}.priceCard.featured{transform:none}}
@media(max-width:620px){.trustGrid,.priceGrid,.archSteps,.checkGrid{grid-template-columns:1fr}.ctaBand{align-items:flex-start;flex-direction:column}}


/* Quote form & estimator */
.quoteLayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.quoteForm{border:1px solid var(--line);border-radius:22px;padding:26px;background:rgba(8,14,31,.82);box-shadow:var(--shadow)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formGrid label,.calcControls label{display:flex;flex-direction:column;gap:7px;color:#c9daf6;font-size:13px}.formGrid input,.formGrid select,.formGrid textarea,.calcControls select,.calcControls input[type=range]{width:100%;box-sizing:border-box}.formGrid input,.formGrid select,.formGrid textarea,.calcControls select{border:1px solid var(--line);border-radius:11px;background:#091229;color:#eef5ff;padding:12px 13px;outline:none}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus,.calcControls select:focus{border-color:rgba(89,231,255,.7);box-shadow:0 0 0 3px rgba(89,231,255,.08)}.formGrid .full{grid-column:1/-1}.formGrid fieldset{border:1px solid var(--line);border-radius:14px;padding:14px}.checkRow{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:8px}.checkRow label{display:flex;flex-direction:row;align-items:center}.consent,.calcCheck{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:9px!important;margin-top:16px;color:#9fb0cf;font-size:12px}.formActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.formFine{color:#7485a7;font-size:11px}.hpField{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important}.calculator{display:grid;grid-template-columns:1fr .8fr;gap:22px;margin-top:22px}.calcControls,.calcResult{border:1px solid var(--line);border-radius:20px;padding:24px;background:rgba(8,14,31,.78)}.calcControls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calcResult>span{color:#8193b7;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.calcResult>strong{display:block;font-size:36px;margin:6px 0 18px;color:#eef5ff}.complexityBar{height:9px;border-radius:999px;background:#111d38;overflow:hidden;margin-bottom:20px}.complexityBar i{display:block;height:100%;width:28%;border-radius:inherit;background:linear-gradient(90deg,#1889ff,#59e7ff);transition:width .3s ease}.calcResult dl{margin:0 0 16px}.calcResult dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.calcResult dt{color:#8193b7}.calcResult dd{margin:0;color:#eef5ff}.calcResult small{display:block;color:#7587aa;line-height:1.5;margin-top:13px}.calcResult p{color:#aabbd6}
@media(max-width:900px){.quoteLayout,.calculator{grid-template-columns:1fr}.calcControls{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.formGrid,.calcControls{grid-template-columns:1fr}.formGrid .full{grid-column:auto}}


/* SEO knowledge center & technical deep dives */
.deepDive{position:relative}
.deepGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.deepCard{padding:24px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(8,22,43,.72)}
.deepCard h3{margin:0 0 10px}
.deepCard p{margin:0;color:var(--muted);line-height:1.75}
.techChecklist{margin-top:24px;padding:24px;border:1px solid rgba(91,231,255,.18);border-radius:18px;background:rgba(17,45,68,.42)}
.techChecklist h3{margin-top:0}
.knowledgeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.knowledgeCard{display:block;padding:26px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(8,22,43,.72);text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.knowledgeCard:hover{transform:translateY(-3px);border-color:rgba(91,231,255,.42)}
.knowledgeCard span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}
.knowledgeCard h2{font-size:1.3rem;margin:10px 0}
.knowledgeCard p{color:var(--muted);line-height:1.7}
.knowledgeCard b{display:inline-block;margin-top:8px}
.articleHero .breadcrumbs{margin-bottom:22px}
.articleMeta{margin-top:18px;color:var(--muted);font-size:.92rem}
.articleWrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.articleMain{max-width:820px}
.articleSection{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.articleSection h2{font-size:1.65rem;margin-bottom:12px}
.articleSection p{font-size:1.03rem;line-height:1.85;color:var(--muted)}
.articleAside{position:sticky;top:90px}
.articleAside .card a{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.moreLink{margin-top:22px}
@media(max-width:900px){
  .deepGrid,.knowledgeGrid{grid-template-columns:1fr}
  .articleWrap{grid-template-columns:1fr}
  .articleAside{position:static}
}