:root{--bg:#0f1724;--card:#0b1220;--muted:#ffffffb3;--glass:#0206171f;--accent:#7c5cff;--accent-2:#00d4ff;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}html,body,#root{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;min-height:100%}#root{background-color:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth;scroll-padding-top:96px}html,body{background:linear-gradient(180deg,var(--bg),#071024);color:#fff;margin:0;padding:0}.floating-nav{-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);z-index:40;background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:14px;padding:10px 18px;transition:transform .36s cubic-bezier(.2,.9,.3,1),opacity .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #02061799}.nav-brand{letter-spacing:.2px;font-weight:700}.nav-links{justify-content:center;align-items:center;gap:12px;display:flex}.nav-links a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav-links a:hover{color:#fff;background:#ffffff08}.cta-pill{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#001020;border-radius:10px;padding:8px 14px;font-weight:700}.floating-nav.hidden{opacity:0;transform:translate(-50%)translateY(-120%)}.floating-nav.scrolled{-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);padding:8px 16px;box-shadow:0 10px 30px #02061799}.page-wrap{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero{z-index:1;justify-content:center;align-items:center;min-height:85vh;margin-top:4rem;padding:80px 24px 140px;display:flex;position:relative}.hero-inner{grid-template-columns:1fr 420px;align-items:center;gap:48px;max-width:1100px;display:grid}.hero-copy h1{margin:0 0 18px;font-size:clamp(36px,6vw,64px);line-height:1.02}.hero-copy p{color:var(--muted);margin:0 0 22px;font-size:18px}.hero-eyebrow{color:var(--muted);background:#ffffff08;border-radius:999px;margin-bottom:14px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.hero-copy h1{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero-ctas{align-items:center;gap:12px;margin-top:20px;display:flex}.primary-cta{transition:transform .18s,box-shadow .18s}.primary-cta:hover{transform:translateY(-4px);box-shadow:0 10px 30px #7c5cff2e}.secondary{transition:background .12s,transform .12s}.secondary:hover{background:#ffffff0a;transform:translateY(-2px)}.hero-features{gap:14px;margin-top:18px;display:flex}.hero-features li{color:var(--muted);background:#ffffff05;border-radius:10px;padding:8px 12px;font-weight:600;list-style:none}.art-card{border-radius:var(--radius);background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff0a;flex-direction:column;gap:12px;padding:22px;display:flex;box-shadow:0 18px 60px #02061799}.fade-in{animation:.6s cubic-bezier(.22,.9,.35,1) both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-top{align-items:flex-start;gap:12px;display:flex}.mock-editor{background:linear-gradient(#ffffff03,#ffffff02);border:1px solid #ffffff08;border-radius:10px;flex:1;min-width:180px;padding:12px}.editor-tabs{gap:8px;margin-bottom:10px;display:flex}.tab{background:#ffffff08;border-radius:6px;width:40px;height:8px}.tab.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px #7c5cff1f}.editor-lines{flex-direction:column;gap:8px;display:flex}.line{background:#ffffff05;border-radius:6px;height:8px}.line.short{width:60%}.line.mid{width:80%}.line.full{width:100%}.card-meta{flex-direction:column;gap:12px;width:220px;display:flex}.stats{flex-direction:column;gap:8px;display:flex}.stat{align-items:center;gap:10px;display:flex}.stat-icon{background:#ffffff08;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:inline-grid}.stat-number{font-weight:800}.in-card-cta{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#001020;text-align:center;border-radius:10px;margin-top:8px;padding:10px 12px;font-weight:700;text-decoration:none;display:inline-block}@media (max-width:900px){.card-top{flex-direction:column}.card-meta{width:100%}}.primary-cta{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#001020;border-radius:12px;padding:14px 20px;font-weight:700;text-decoration:none;display:inline-block}.secondary{background:var(--glass);color:var(--muted);border:1px solid #ffffff08;border-radius:10px;margin-left:12px;padding:12px 16px;text-decoration:none}.art-card{border-radius:var(--radius);background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff0a;padding:22px;box-shadow:0 12px 40px #02061799}.art-card h3{margin:0 0 8px}.art-card p{color:var(--muted);margin:0}.bg-orb{filter:blur(80px);opacity:.18;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 40%);pointer-events:none;z-index:0;border-radius:50%;width:680px;height:680px;position:absolute;top:-120px;right:-160px}.bg-orb-2{filter:blur(60px);opacity:.12;background:radial-gradient(circle at 30% 30%,var(--accent-2),transparent 40%);pointer-events:none;z-index:0;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-80px;left:-120px}@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.art-card{order:2}}@media (max-width:720px){.floating-nav{border-radius:12px;padding:6px 10px;top:10px;left:12px;right:12px;transform:none}.floating-nav .nav-links{white-space:nowrap;-webkit-overflow-scrolling:touch;justify-content:center;gap:6px;padding-bottom:4px;overflow:auto}.floating-nav .nav-links a{padding:5px 8px;font-size:12px}.floating-nav .nav-links .cta-pill{border-radius:8px;padding:6px 10px;font-size:12px}.hero{margin-top:2rem;padding:56px 16px 80px}html{scroll-padding-top:72px}}.muted{color:var(--muted)}.features-wrap{background:linear-gradient(#ffffff03,#ffffff02);border:1px solid #ffffff08;border-radius:12px;max-width:980px;margin:40px auto 120px;padding:28px}.features-table{border-collapse:collapse;width:100%;font-size:15px}.features-table thead th{text-align:left;color:#e8eefb;padding:14px 12px;font-weight:700}.features-table tbody td{vertical-align:middle;border-top:1px solid #ffffff08;padding:14px 12px}.features-table tbody tr:hover td{background:#ffffff03}.col-capability{width:58%}.col-cotex,.col-others{text-align:center;width:21%}.badge-yes{color:#00ff8a;font-weight:800}.badge-no{color:#ff6b6b;font-weight:800}.badge-warn{color:#ffd166;font-weight:800}@media (max-width:720px){.features-table,.features-table thead,.features-table tbody,.features-table th,.features-table td,.features-table tr{display:block}.features-table thead{display:none}.features-table tr{background:#ffffff03;border-radius:10px;margin:10px 0;padding:12px}.features-table td{justify-content:space-between;align-items:center;padding:12px;display:flex}.col-capability{width:70%}.col-cotex,.col-others{text-align:right;width:30%}}