*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080b0f;--bg2: #0d1117;--bg3: #111820;--border: #1e2d3d;--border2: #243344;--accent: #00d4ff;--accent2: #0099bb;--text: #c9d5e0;--text-dim: #5a7a8a;--text-mute: #2e4a58;--web-tag: #00ff9d;--app-tag: #ff6b35;--mono: "IBM Plex Mono", monospace;--sans: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.18;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:#080b0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-mark{width:28px;height:28px}.nav-logo-text{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.08em}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-family:var(--mono);font-size:12px;color:var(--text-dim);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--accent)}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;overflow:hidden}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.06) 0%,transparent 70%);pointer-events:none}.logo-wrap{position:relative;width:120px;height:120px;margin:0 auto 40px;animation:fadeUp .8s ease both}.orbit-ring{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;border:1px solid rgba(0,212,255,.2);animation:spin 18s linear infinite}.orbit-ring:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}.orbit-ring-2{position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;border-radius:50%;border:1px solid rgba(0,212,255,.08);animation:spin 30s linear infinite reverse}.orbit-ring-2:before{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--web-tag);box-shadow:0 0 8px var(--web-tag)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-hex{width:120px;height:120px}.hero-tagline{font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;animation:fadeUp .8s .1s ease both;opacity:0}.hero-title{font-family:var(--mono);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:600;letter-spacing:-.02em;line-height:1;color:#e8f4f8;margin-bottom:24px;animation:fadeUp .8s .2s ease both;opacity:0}.hero-title span{color:var(--accent)}.hero-sub{font-size:16px;color:var(--text-dim);max-width:440px;line-height:1.7;animation:fadeUp .8s .35s ease both;opacity:0}.hero-cta{display:flex;gap:16px;margin-top:40px;animation:fadeUp .8s .5s ease both;opacity:0;flex-wrap:wrap;justify-content:center}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:12px 28px;border-radius:4px;transition:all .2s;cursor:pointer}.btn-primary{background:var(--accent);color:var(--bg);font-weight:600}.btn-primary:hover{background:#3df;box-shadow:0 0 20px #00d4ff66;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border2);color:var(--text-dim)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:fadeUp 1s 1s ease both;opacity:0}.scroll-hint span{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--text-mute);text-transform:uppercase}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}section{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px}.section-header{display:flex;align-items:baseline;gap:16px;margin-bottom:48px}.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent)}.section-title{font-family:var(--mono);font-size:1.4rem;font-weight:600;color:#e8f4f8;letter-spacing:-.01em}.section-line{flex:1;height:1px;background:var(--border)}.featured-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;transition:border-color .3s;position:relative;overflow:hidden}.featured-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,212,255,.03) 0%,transparent 60%);pointer-events:none}.featured-card:hover{border-color:var(--accent2)}.featured-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--web-tag);margin-bottom:12px}.featured-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--web-tag);box-shadow:0 0 8px var(--web-tag)}.featured-name{font-family:var(--mono);font-size:2rem;font-weight:600;color:#e8f4f8;margin-bottom:12px;letter-spacing:-.02em}.featured-desc{color:var(--text-dim);font-size:14px;line-height:1.8;margin-bottom:24px}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.pill{font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:4px 10px;border-radius:3px;border:1px solid var(--border2);color:var(--text-dim);text-transform:uppercase}.featured-visual{display:flex;align-items:center;justify-content:center}.svg2react-demo{background:var(--bg3);border:1px solid var(--border2);border-radius:6px;padding:24px;width:100%;max-width:320px;font-family:var(--mono);font-size:12px}.demo-bar{display:flex;gap:6px;margin-bottom:16px}.demo-dot{width:10px;height:10px;border-radius:50%}.demo-code{color:#5a7a8a;line-height:1.9}.demo-code .kw{color:#ff6b9d}.demo-code .fn{color:#00d4ff}.demo-code .str{color:#00ff9d}.demo-code .tag{color:#ff9d4d}.demo-arrow{text-align:center;color:var(--accent);font-size:18px;margin:12px 0}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.app-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:28px;text-decoration:none;display:block;transition:all .25s;position:relative;overflow:hidden}.app-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.app-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 12px 32px #0006}.app-card:hover:after{transform:scaleX(1)}.app-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.app-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.app-tag{font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:4px 8px;border-radius:3px;border:1px solid}.app-tag.android{color:var(--app-tag);border-color:#ff6b354d;background:#ff6b350f}.app-tag.web{color:var(--web-tag);border-color:#00ff9d4d;background:#00ff9d0f}.app-name{font-family:var(--mono);font-size:1.05rem;font-weight:600;color:#e8f4f8;margin-bottom:8px;letter-spacing:-.01em}.app-desc{font-size:13px;color:var(--text-dim);line-height:1.7;margin-bottom:20px}.app-meta{display:flex;align-items:center;justify-content:space-between}.app-downloads{font-family:var(--mono);font-size:11px;color:var(--text-mute)}.app-link-arrow{font-size:18px;color:var(--text-mute);transition:color .2s,transform .2s}.app-card:hover .app-link-arrow{color:var(--accent);transform:translate(4px)}.card-sat .app-icon{background:#00d4ff14}.card-sat:hover{border-color:#00d4ff4d}.card-dailyx .app-icon{background:#ffc85014}.card-dailyx:hover{border-color:#ffc8504d}.card-push .app-icon{background:#ff6b3514}.card-push:hover{border-color:#ff6b354d}.card-schnitzel .app-icon{background:#00ff9d14}.card-schnitzel:hover{border-color:#00ff9d4d}.card-mymory .app-icon{background:#b482ff14}.card-mymory:hover{border-color:#b482ff4d}.divider{position:relative;z-index:1;height:1px;background:var(--border);max-width:1100px;margin:0 auto}footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-left{display:flex;align-items:center;gap:10px}.footer-copy{font-family:var(--mono);font-size:11px;color:var(--text-mute)}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-family:var(--mono);font-size:11px;color:var(--text-mute);text-decoration:none;letter-spacing:.08em;transition:color .2s}.footer-links a:hover{color:var(--accent)}@media (max-width: 768px){nav{padding:16px 24px}.nav-links{display:none}.featured-card{grid-template-columns:1fr;padding:28px}.featured-visual{order:-1}.svg2react-demo{max-width:100%}footer{padding:32px 24px;flex-direction:column;align-items:flex-start}}