:root{--primary: #33737d;--primary-light: #5dd1e3;--primary-glow: rgba(93, 209, 227, .4);--bg-dark: #0a0f14;--bg-card: #111a22;--bg-card-hover: #182431;--text-primary: #f8fafc;--text-secondary: #b7c7d9;--border-subtle: rgba(93, 209, 227, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg-dark);color:var(--text-primary);font-family:Inter,Segoe UI,sans-serif;line-height:1.55}a{color:inherit}.bg-gradient,.bg-grid{position:fixed;inset:0;pointer-events:none}.bg-gradient{z-index:-2;background:radial-gradient(ellipse at 20% 12%,rgba(51,115,125,.2),transparent 42%),radial-gradient(ellipse at 85% 75%,rgba(93,209,227,.16),transparent 46%)}.bg-grid{z-index:-1;opacity:.4;background-image:linear-gradient(rgba(93,209,227,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(93,209,227,.04) 1px,transparent 1px);background-size:48px 48px}.container{width:min(1100px,100% - 2rem);margin:0 auto}nav{position:fixed;top:0;left:0;right:0;z-index:30;background:#090f15c2;border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(10px)}.nav-content{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.nav-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:.98rem}.nav-links{display:flex;align-items:center;gap:1.3rem}.nav-links a{text-decoration:none;font-size:.9rem;color:var(--text-secondary)}.nav-links a:hover{color:var(--primary-light)}.nav-cta{width:42px;height:32px;padding:0;border-radius:7px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff!important;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #5dd1e359;filter:saturate(1.08)}main{padding-top:72px}.hero-wrap{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:flex-end}.hero{position:absolute;inset:0;z-index:0;overflow:hidden}#hero-canvas{width:100%;height:100%;display:block}.hero-fallback-gradient{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(93,209,227,.25),transparent 55%)}.hero-content-wrap{position:relative;z-index:2;padding-bottom:4rem;display:flex;justify-content:center}.hero-content{width:min(760px,100%);margin-inline:auto;text-align:center}.hero-content h1{margin:0;font-size:clamp(2rem,4.6vw,3.45rem);line-height:1.4;letter-spacing:-.02em;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{margin:1.3rem 0 0;color:var(--text-secondary);font-size:clamp(1rem,1.7vw,1.2rem)}.hero-cta{margin-top:1.7rem;display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap}.btn{text-decoration:none;border-radius:12px;padding:.7rem 1.15rem;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light))}.btn-primary:hover{box-shadow:0 8px 30px var(--primary-glow)}.btn-secondary{border:1px solid var(--border-subtle);background:#ffffff08}.btn-npm{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.btn-npm:hover{transform:translateY(-1px);border-color:#5dd1e36b;box-shadow:0 8px 20px #5dd1e32e;background:#5dd1e31a}.npm-logo{display:block;flex-shrink:0}.hero-metrics{margin-top:1.5rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-metric-card{position:relative;isolation:isolate;overflow:hidden;text-decoration:none;border:1px solid transparent;background:linear-gradient(160deg,#121e27e0,#0c131ae6);border-radius:14px;padding:.72rem .8rem;display:flex;align-items:center;gap:.66rem;text-align:left;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.hero-metric-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;opacity:.78;background:linear-gradient(115deg,#5dd1e324,#5dd1e3eb,#000000c7,#d8d8d8f5,#84efff29);background-size:220% 220%;animation:heroMetricBorderShift 14s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.hero-metric-card:hover{transform:translateY(-2px);background:linear-gradient(160deg,#132531f2,#0d1822eb);box-shadow:0 12px 28px #0b141c52}.hero-metric-card:hover:before{opacity:1;animation-duration:10s}.hero-metric-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#b8f4ff;background:linear-gradient(155deg,#3ba4b44d,#5dd1e314);border:1px solid rgba(93,209,227,.24)}.hero-metric-content{display:flex;flex-direction:column;min-width:0}.hero-metric-content strong{color:var(--text-primary);font-size:1.05rem;line-height:1.1}.hero-metric-content span{color:var(--text-secondary);font-size:.83rem;line-height:1.25}@keyframes heroMetricBorderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(prefers-reduced-motion:reduce){.hero-metric-card:before{animation:none;background-position:50% 50%}}.section-comparison{position:relative;isolation:isolate}.section-comparison:before{content:"";position:absolute;inset:8% 4% auto;height:460px;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 42%,rgba(34,147,255,.26),transparent 40%),radial-gradient(circle at 82% 40%,rgba(255,255,255,.28),transparent 40%),radial-gradient(circle at 50% 38%,rgba(74,98,255,.13),transparent 35%);filter:blur(18px)}.comparison-stage{margin-top:1.2rem;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.comparison-card{border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:.95rem;text-align:left;position:relative;overflow:hidden;backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 44px #0006}.comparison-card:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 28%)}.comparison-card>:not(.comparison-card-logo-depth){position:relative;z-index:2}.comparison-card--blue{background:linear-gradient(160deg,#0d1e49eb,#0b162cd9);box-shadow:inset 0 0 0 1px #3c94ff33,0 0 0 1px #3190ff29,0 26px 44px #07296f6b}.comparison-card--orange{background:linear-gradient(160deg,#481e0e85,#30140b70);box-shadow:inset 0 0 0 1px #ffa2533d,0 0 0 1px #ff8d2e29,0 26px 44px #712a0970}.comparison-window{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.55rem}.comparison-window span{width:10px;height:10px;border-radius:999px;background:#ffffff52}.comparison-card h3{margin:0;font-size:clamp(1.2rem,2.2vw,1.85rem);letter-spacing:-.02em;position:relative;z-index:2}.comparison-card-logo-depth{position:absolute;width:230px;height:230px;pointer-events:none;opacity:.17;z-index:0;isolation:isolate}.comparison-card-logo-depth--blue{right:-34px;top:-40px}.comparison-card-logo-depth--orange{left:-34px;top:-40px}.comparison-card-logo-depth:before{content:"";position:absolute;inset:-12%;border-radius:999px;filter:blur(24px);opacity:.58;animation:comparisonCardLogoDrift 8s ease-in-out infinite}.comparison-card-logo-depth:after{content:"";position:absolute;inset:-20% -70%;opacity:.48;z-index:1;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.42) 50%,transparent 74%);transform:translate(-128%) rotate(9deg);animation:comparisonCardLogoSweep 6.6s ease-in-out infinite}.comparison-card-logo-depth--blue:before{background:radial-gradient(circle,rgba(80,192,255,.66) 0%,rgba(31,101,214,.1) 62%,transparent 80%)}.comparison-card-logo-depth--orange:before{background:radial-gradient(circle,rgba(255,174,86,.66) 0%,rgba(234,96,30,.1) 62%,transparent 80%)}.comparison-card-logo-depth-image{width:100%;height:100%;object-fit:contain;position:relative;display:block;z-index:2;filter:blur(.15px);animation:comparisonCardLogoFloat 8s ease-in-out infinite}.comparison-card-logo-depth--blue .comparison-card-logo-depth-image{filter:blur(.15px) drop-shadow(0 0 22px rgba(99,197,255,.42))}.comparison-card-logo-depth--orange .comparison-card-logo-depth-image{filter:blur(.15px) drop-shadow(0 0 22px rgba(255,163,74,.42))}.comparison-table-wrap{margin-top:.7rem;border:1px solid rgba(255,255,255,.14);border-radius:13px;overflow:hidden;background:#070a1042}.comparison-table-wrap table{width:100%;border-collapse:collapse;font-size:.98rem}.comparison-table-wrap thead th{padding:.56rem .38rem;text-align:left;font-weight:650;color:#ecf5ff;border-bottom:1px solid rgba(255,255,255,.12)}.comparison-table-wrap tbody td{padding:.5rem .38rem;color:#d8e7f9;border-bottom:1px solid rgba(255,255,255,.08);transition:background .18s ease,color .18s ease,border-color .18s ease}.comparison-row--active td{color:#f7fcff}.comparison-card--blue .comparison-row--active td{background:#4598ff2e;border-bottom-color:#7abdff6b}.comparison-card--orange .comparison-row--active td{background:#ff8b4030;border-bottom-color:#ffb07570}.comparison-table-wrap tbody tr:last-child td{border-bottom:0}.run-badge{min-width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.comparison-card--blue .run-badge{background:linear-gradient(145deg,#2994ff,#145fc2)}.comparison-card--orange .run-badge{background:linear-gradient(145deg,#ff9d2f,#ff5f0f)}.comparison-metrics{margin-top:.7rem;display:grid;gap:.52rem}.comparison-metric-item{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#080c1442;padding:.48rem .62rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.48rem;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.comparison-card--blue .comparison-metric-item--active{background:#4598ff33;border-color:#7abdff75;box-shadow:inset 0 0 0 1px #84c8ff33}.comparison-card--orange .comparison-metric-item--active{background:#ff8b4038;border-color:#ffb0757a;box-shadow:inset 0 0 0 1px #ffc69233}.comparison-metric-icon{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#f3fbff}.comparison-card--blue .comparison-metric-icon{background:radial-gradient(circle,#58c2ffe6,#2c6cd7b3)}.comparison-card--orange .comparison-metric-icon{background:radial-gradient(circle,#ffbc51f2,#e36a1bbf)}.comparison-metric-label{color:#dde9fa;font-size:.9rem}.comparison-metric-item strong{font-size:1.18rem;letter-spacing:-.01em}.comparison-vs{width:114px;height:114px;border-radius:999px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.16rem;color:#f9f6ff;background:radial-gradient(circle at 25% 25%,rgba(76,176,255,.75),transparent 46%),radial-gradient(circle at 72% 75%,rgba(255,142,43,.75),transparent 45%),linear-gradient(135deg,#193274f2,#5f240ce6);border:1px solid rgba(255,255,255,.26);box-shadow:0 0 38px #6cb5ff59,0 0 32px #ff8b3152;animation:comparisonPulse 2.8s ease-in-out infinite}.comparison-vs strong{font-size:1.52rem;letter-spacing:.03em}.comparison-vs-shield{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f}.comparison-summary{margin:1.05rem auto 0;width:min(1100px,100%);border:1px solid rgba(106,167,255,.2);border-radius:18px;padding:.7rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;background:linear-gradient(90deg,#132c659e,#142d4d,#312b27);box-shadow:inset 0 0 0 1px #ffffff0d}.comparison-summary-item{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:.5rem .65rem;display:flex;align-items:center;justify-content:center;gap:.44rem;background:#0a101966}.comparison-summary-icon{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#cbf7ff;background:linear-gradient(160deg,#2b83e6b8,#5fcdff57)}.comparison-summary-item span{color:#e2ecfb;font-size:.94rem}.comparison-summary-item strong{color:#6dd7ff;font-size:1.52rem;letter-spacing:-.02em}@keyframes comparisonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes comparisonCardLogoSweep{0%,15%{transform:translate(-128%) rotate(9deg)}44%{transform:translate(128%) rotate(9deg)}to{transform:translate(128%) rotate(9deg)}}@keyframes comparisonCardLogoDrift{0%,to{transform:translateY(8px) scale(.92);opacity:.42}50%{transform:translateY(-7px) scale(1.05);opacity:.66}}@keyframes comparisonCardLogoFloat{0%,to{transform:translateY(6px) rotate(-8deg) scale(.94);opacity:.84}50%{transform:translateY(-7px) rotate(4deg) scale(1.03);opacity:1}}.section{padding:4.4rem 0}.section>.container{text-align:center}.section-label{display:inline-flex;padding:.3rem .72rem;border-radius:999px;border:1px solid var(--border-subtle);color:var(--primary-light);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.section-title{margin:1rem 0 .6rem;font-size:clamp(1.72rem,3.1vw,2.3rem);line-height:1.2}.section-desc{margin:0 0 1.8rem;max-width:800px;color:var(--text-secondary)}.section .section-desc{margin-inline:auto}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:.9rem}.card{padding:1.15rem;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-card);transition:transform .18s ease,border-color .18s ease,background .18s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.card:hover{transform:translateY(-2px);border-color:#5dd1e359;background:var(--bg-card-hover)}.card-icon{width:34px;height:34px;border-radius:10px;margin-bottom:.7rem;display:inline-flex;align-items:center;justify-content:center;color:#b3f2ff;background:linear-gradient(160deg,#3f9dac4d,#5dd1e31a);border:1px solid rgba(93,209,227,.25);box-shadow:inset 0 0 0 1px #9ff5ff14}.card h3{margin:0;font-size:1rem}.card p{margin:.56rem 0 0;color:var(--text-secondary);font-size:.93rem;max-width:32ch}.code-block-wrapper{position:relative;margin:1rem 0 1.3rem;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;background:#0b1118;width:100%;text-align:left}.section .code-block-wrapper{margin-inline:0}.copy-btn{position:absolute;top:1rem;right:.65rem;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-secondary);border-radius:999px;padding:.25rem .65rem;font-size:.78rem;cursor:pointer}.copy-btn.copied{color:#c7fff6;border-color:#72ffe48c}.code-block-wrapper pre{margin:0;padding:1.4rem 1rem 1rem;overflow:auto;font-size:.85rem;color:#d3e9ff}.tabs-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-bottom:1rem}.tab-btn{border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-secondary);border-radius:10px;padding:.48rem .75rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}.tab-btn.active{color:#fff;border-color:#5dd1e373;background:#5dd1e324}.usecase-panel,.config-panel{border:1px solid var(--border-subtle);border-radius:14px;padding:1rem;background:#0e151df2}.usecase-panel h3,.config-panel h3{margin:0}.usecase-panel p{color:var(--text-secondary);margin:.6rem 0 .8rem}.usecase-prompt{margin:0;padding:.8rem;border-radius:10px;border:1px dashed rgba(93,209,227,.26);background:#5dd1e30f;color:#cff6ff;overflow:auto}.config-tab img{border-radius:4px}.config-panel h3{display:flex;align-items:center;gap:.55rem}.config-file{margin:.6rem 0 0;color:var(--text-secondary);font-size:.88rem}.config-description{margin:.6rem 0;color:var(--text-secondary)}.config-docs{margin:0}.config-docs a{color:var(--primary-light)}.section-vision .vision-content{max-width:900px}.vision-list{margin:1rem auto 0;display:grid;gap:.55rem;color:var(--text-secondary);list-style:none;padding:0;width:min(760px,100%)}.vision-list li,.geo-facts-list li{display:grid;grid-template-columns:22px 1fr;align-items:flex-start;gap:.55rem;text-align:left}.geo-facts-list{margin:0 auto;padding:0;display:grid;gap:.55rem;color:var(--text-secondary);list-style:none;width:min(760px,100%)}.list-check{width:19px;height:19px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#b9f5ff;background:#5dd1e324;border:1px solid rgba(93,209,227,.26);flex-shrink:0}.section-usecases .usecase-panel{max-width:860px;margin:0 auto}.config-panel{text-align:left}.faq-list{display:grid;gap:.75rem;max-width:100%;width:100%;margin:0 auto}.faq-item{border:1px solid var(--border-subtle);border-radius:12px;background:#0e151df0;padding:.85rem .9rem;text-align:left}.faq-item summary{cursor:pointer;font-weight:600;text-align:left}.faq-item p{margin:.7rem 0 .2rem;color:var(--text-secondary)}.section-cta{padding-top:3.8rem}.cta-content{position:relative;border:1px solid var(--border-subtle);border-radius:18px;padding:2rem 1.2rem;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(93,209,227,.22),transparent 45%),#0d141adb}.cta-content>*{position:relative;z-index:2}.cta-title{margin:0;display:inline-flex;align-items:center;gap:.62rem}.cta-title-logo{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#5dd1e326;border:1px solid rgba(93,209,227,.24);box-shadow:0 0 20px #5dd1e338}.cta-title-logo img{display:block;filter:drop-shadow(0 0 10px rgba(110,220,238,.5))}.cta-logo-depth{position:absolute;right:-28px;top:-34px;width:220px;height:220px;z-index:0;opacity:.14;pointer-events:none;animation:ctaLogoDrift 6.5s ease-in-out infinite}.cta-logo-depth:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle,rgba(93,209,227,.2),transparent 60%);filter:blur(18px)}.cta-logo-depth img{width:100%;height:100%;display:block;filter:blur(.35px) drop-shadow(0 0 26px rgba(93,209,227,.35))}.cta-content p{margin:.8rem 0 0;color:var(--text-secondary)}@keyframes ctaLogoDrift{0%,to{transform:translateY(8px) scale(.96) rotate(-6deg);opacity:.1}50%{transform:translateY(-6px) scale(1.03) rotate(3deg);opacity:.2}}footer{padding:2.6rem 0 3rem}.footer-content{border-top:1px solid var(--border-subtle);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;gap:.9rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--primary-light)}@media(max-width:960px){.nav-links a:not(.nav-cta){display:none}}@media(max-width:780px){.hero-wrap{min-height:620px}.section{padding:3rem 0}.footer-content{flex-direction:column;align-items:flex-start}.hero-metrics,.comparison-stage{grid-template-columns:1fr}.comparison-vs{margin:.2rem auto;width:88px;height:88px}.comparison-vs strong{font-size:1.2rem}.comparison-summary{grid-template-columns:1fr}.comparison-card-logo-depth{width:172px;height:172px;opacity:.14}.comparison-card-logo-depth--blue{right:-24px;top:-26px}.comparison-card-logo-depth--orange{left:-24px;top:-26px}.cta-title{flex-direction:column;gap:.46rem}.cta-logo-depth{right:-52px;top:-48px;width:180px;height:180px}}