@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{scroll-behavior:smooth}:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg);--bg: #03060f;--bg-soft: #0a0f1f;--surface: #0f162a;--surface-strong: #131d34;--text-primary: #f6f9ff;--text-secondary: #dce6f5;--text-muted: #9ab0d6;--accent: #64e9ff;--accent-2: #7c5bff;--border: rgba(255, 255, 255, .08);--shadow: 0 24px 80px rgba(0, 0, 0, .35);--pill-border: rgba(100, 233, 255, .35);--glass: rgba(9, 13, 24, .85);--glow-1: rgba(100, 233, 255, .16);--glow-2: rgba(124, 91, 255, .14);--glow-3: rgba(58, 199, 207, .1);--console-bg: radial-gradient(circle at 20% 20%, rgba(100, 233, 255, .12), transparent 32%), var(--surface-strong);--console-border: rgba(255, 255, 255, .1);--console-body-bg: linear-gradient(180deg, rgba(0, 0, 0, .35), transparent 60%);--console-inset: inset 0 0 0 1px rgba(255, 255, 255, .02);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg: #f8fafc;--bg-soft: #f1f5f9;--surface: #ffffff;--surface-strong: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent: #0ea5e9;--accent-2: #8b5cf6;--border: rgba(15, 23, 42, .1);--shadow: 0 4px 24px rgba(15, 23, 42, .08), 0 1px 3px rgba(15, 23, 42, .06);--pill-border: rgba(14, 165, 233, .4);--glass: rgba(255, 255, 255, .85);--glow-1: rgba(14, 165, 233, .12);--glow-2: rgba(139, 92, 246, .1);--glow-3: rgba(45, 212, 191, .08);--console-bg: linear-gradient(180deg, rgba(14, 165, 233, .06), rgba(139, 92, 246, .04)), var(--surface);--console-border: rgba(15, 23, 42, .1);--console-body-bg: linear-gradient(180deg, rgba(14, 165, 233, .06), transparent);--console-inset: inset 0 0 0 1px rgba(14, 165, 233, .06);--hover-bg: rgba(15, 23, 42, .04);--card-gradient-1: linear-gradient(160deg, rgba(14, 165, 233, .06), rgba(139, 92, 246, .04));--card-gradient-2: linear-gradient(175deg, rgba(14, 165, 233, .08), rgba(45, 212, 191, .04));--divider: rgba(15, 23, 42, .08);--subtle-bg: rgba(15, 23, 42, .02)}*,*:before,*:after{box-sizing:border-box;user-select:none;-webkit-user-select:none;-ms-user-select:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}#root{min-height:100vh;position:relative;z-index:1}.background-ambient{position:fixed;inset:-20% -10% -10%;background:radial-gradient(circle at 25% 20%,var(--glow-1),transparent 40%),radial-gradient(circle at 80% 10%,var(--glow-2),transparent 38%),radial-gradient(circle at 35% 80%,var(--glow-3),transparent 42%);filter:blur(50px);opacity:.85;animation:drift 24s ease-in-out infinite alternate,hueShift 36s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-1%,0) scale(1.05)}to{transform:translate3d(-2%,2%,0) scale(1.03)}}@keyframes hueShift{0%{filter:blur(50px) hue-rotate(0deg)}50%{filter:blur(50px) hue-rotate(12deg)}to{filter:blur(50px) hue-rotate(-8deg)}}.page-shell{max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem 4rem;position:relative;z-index:1;color:var(--text-primary)}main{display:flex;flex-direction:column;gap:3.5rem;position:relative;z-index:1;margin-top:1.5rem}h1,h2,h3{margin:0;color:var(--text-primary)}p{margin:0;color:var(--text-secondary)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--text-muted);margin-bottom:.4rem;font-weight:600}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:linear-gradient(135deg,#64e9ff24,#7c5bff1f);color:var(--text-primary);border:1px solid var(--pill-border);font-weight:600}.pill.subtle{background:#0000000a;border-color:var(--border);color:var(--text-secondary)}.primary-action,.ghost-action,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.9rem 1.2rem;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;cursor:pointer}.primary-action{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#04121f;box-shadow:0 12px 28px #00000059;border:none}.primary-action:hover{transform:translateY(-1px);box-shadow:0 16px 40px #00000073}.ghost-action{background:#ffffff0f;border:1px solid var(--border);color:var(--text-primary)}.ghost-action:hover{border-color:#ffffff2e}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;padding:.6rem .8rem;width:44px;height:44px}.theme-toggle:hover{background:var(--surface-strong);transform:translateY(-1px);border-color:#ffffff2e}.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:16px;background:var(--glass);box-shadow:var(--shadow);position:sticky;top:.75rem;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;flex-direction:column;gap:.2rem}.brand-lockup{display:inline-flex;align-items:center;gap:.75rem}.brand-home{background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;color:inherit}.brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(100,233,255,.18),transparent 55%),#ffffff0a;padding:8px;box-shadow:0 12px 32px #00000059,0 0 24px #50a0ff59}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand-actions{display:flex;align-items:center;gap:.5rem}.brand-mark{font-weight:800;letter-spacing:.02em}.brand-subtitle{font-size:.9rem;color:var(--text-muted)}.site-nav{display:flex;justify-content:center;gap:.6rem}.nav-link{padding:.65rem .9rem;border-radius:10px;color:var(--text-secondary);transition:background .12s ease,color .12s ease,transform .12s ease}.nav-link:hover{background:#ffffff0d;color:var(--text-primary);transform:translateY(-1px)}.header-actions{display:flex;align-items:center;gap:.65rem}.mobile-theme-toggle{display:none}.menu-toggle{display:none;background:var(--surface);border:1px solid var(--border);width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.menu-toggle:hover{background:var(--surface-strong);transform:translateY(-1px);border-color:#ffffff2e}.menu-icon{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:18px}.menu-icon span{display:block;height:2px;border-radius:2px;background:var(--text-primary);transition:transform .15s ease,opacity .15s ease}.menu-icon.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-icon.open span:nth-child(2){opacity:0}.menu-icon.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.page-content{display:flex;flex-direction:column;gap:3.5rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:520px;padding:2rem;position:relative;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);scroll-margin-top:160px;overflow:hidden}.hero-left{display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:1rem 0}.hero-text{display:flex;flex-direction:column;gap:1rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:#64e9ff1a;border:1px solid rgba(100,233,255,.25);border-radius:999px;font-size:.8rem;font-weight:600;color:var(--accent);width:fit-content}.badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--text-primary)}.hero-title-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);margin:0;max-width:480px}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.hero-actions .primary-action{display:inline-flex;align-items:center;gap:.4rem}.hero-stats{display:flex;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.hero-stat{display:flex;flex-direction:column;gap:.15rem}.hero-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.hero-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.hero-right{display:flex;align-items:center;justify-content:center;position:relative}.hero-globe{position:relative;width:100%;height:100%;min-height:400px;background:transparent;border:none;box-shadow:none}.earth-canvas{position:absolute;inset:0;background:transparent;border:none;box-shadow:none}.earth-canvas canvas{width:100%;height:100%;display:block;background:transparent}.scroll-cue{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);display:inline-flex;align-items:center;gap:.65rem;padding:.6rem .85rem;border-radius:999px;background:#00000059;border:1px solid var(--border);box-shadow:0 12px 28px #0006;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.scroll-cue-track{width:28px;height:42px;border-radius:14px;border:1.5px solid rgba(255,255,255,.24);display:flex;align-items:flex-start;justify-content:center;padding:8px 0 6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a;background:#ffffff0d}.scroll-cue-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 10px #64e9ff8c;animation:scrollCue 1.5s ease-in-out infinite}.scroll-cue-label{font-weight:700;letter-spacing:.02em;font-size:.9rem}@keyframes scrollCue{0%{transform:translateY(0);opacity:1}60%{transform:translateY(12px);opacity:.35}to{transform:translateY(16px);opacity:0}}.hero-card{background:linear-gradient(160deg,#00000040,#7c5bff0f),var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.35rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.hero-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.highlight-list{display:grid;gap:.75rem}.highlight-row{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:flex-start;padding:.4rem .3rem;border-bottom:1px dashed rgba(255,255,255,.08)}.highlight-row:last-child{border-bottom:none}.code-bullet{width:9px;height:9px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2));display:inline-block;margin-top:.35rem}.hero-meta{display:flex;gap:.5rem;flex-wrap:wrap}.meta-chip{font-family:JetBrains Mono,IBM Plex Mono,Space Grotesk,monospace;font-size:.78rem;color:var(--text-secondary);border:1px dashed var(--border);padding:.35rem .65rem;border-radius:10px;background:#ffffff08}.theme-icon{font-size:1rem}.highlight-title{color:var(--text-primary);font-weight:700;margin-bottom:.35rem}.highlight-detail{color:var(--text-secondary)}.section{display:flex;flex-direction:column;gap:1.5rem;scroll-margin-top:120px;padding:.25rem 0;border-top:1px solid rgba(255,255,255,.06)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .32s ease,transform .48s ease;will-change:opacity,transform}.reveal-visible{opacity:1;transform:translateY(0);transition-delay:var(--reveal-delay, 0ms)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.section-heading{display:flex;flex-direction:column;gap:.35rem;max-width:720px}.section-heading.center{text-align:center;margin:0 auto;align-items:center}.section-heading h2{font-size:clamp(1.8rem,2.4vw,2.4rem);letter-spacing:-.01em}.section-description{color:var(--text-secondary);font-size:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;background:#ffffff05;padding:1rem;border-radius:14px;border:1px solid var(--border)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-value{font-size:2rem;font-weight:800;color:var(--accent);font-family:JetBrains Mono,IBM Plex Mono,Space Grotesk,monospace}.stat-label{color:var(--text-muted);margin:.25rem 0;font-weight:600}.stat-detail{color:var(--text-secondary);font-size:.95rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.tool-card{background:linear-gradient(175deg,#00000059,#64e9ff14),var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;min-height:100%;position:relative}.tool-preview{position:relative;background:var(--surface-strong);border-bottom:1px solid var(--border);overflow:hidden;isolation:isolate}.tool-preview iframe{width:1280px;height:720px;border:none;background:var(--surface-strong);scrollbar-width:none;transform:scale(var(--preview-scale, 1));transform-origin:top left;transition:transform .22s ease,filter .22s ease;pointer-events:none}.tool-preview iframe::-webkit-scrollbar{display:none}.tool-preview img{width:100%;height:100%;object-fit:cover;display:block}.preview-fallback{position:absolute;inset:auto 0 0;padding:.65rem .9rem;font-size:.85rem;color:var(--text-muted);background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));pointer-events:none}.tool-content{display:flex;flex-direction:column;gap:.65rem;padding:1.1rem 1.2rem 1.25rem;height:100%}.tool-meta{display:flex;flex-direction:column;gap:.35rem}.tool-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.card-eyebrow{color:var(--text-muted);font-size:.9rem;margin:0}.card-title{font-size:1.25rem;margin:.15rem 0 0}.card-body{color:var(--text-secondary)}.tool-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}.preview-note{color:var(--text-muted);font-size:.9rem}.card-link{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem 1rem;border-radius:10px;border:1px solid var(--border);color:var(--accent);font-weight:700;background:#ffffff0a;transition:transform .15s ease,border-color .15s ease,background .15s ease}.card-link:hover{transform:translateY(-1px);border-color:#ffffff29;background:#ffffff14}.solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.solution-terminal{background:var(--console-bg);border:1px solid var(--console-border);border-radius:16px;box-shadow:0 18px 46px #0006,var(--console-inset);overflow:hidden;height:360px}.terminal-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(255,255,255,.04),transparent)}.terminal-dots{display:flex;align-items:center;gap:.35rem}.terminal-dots span{width:9px;height:9px;border-radius:50%;display:inline-block}.terminal-dots span:nth-child(1){background:#ef4444}.terminal-dots span:nth-child(2){background:#f59e0b}.terminal-dots span:nth-child(3){background:#22c55e}.terminal-title{font-family:JetBrains Mono,IBM Plex Mono,Space Grotesk,monospace;font-size:.9rem;color:var(--text-secondary);letter-spacing:.02em}.terminal-chip{border-radius:10px;border:1px solid rgba(255,255,255,.12);padding:.25rem .55rem;font-weight:700;font-size:.78rem;background:#ffffff0d;color:var(--text-primary)}.terminal-body{padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;font-family:JetBrains Mono,IBM Plex Mono,Space Grotesk,monospace;height:calc(100% - 56px);overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(100,233,255,.12),transparent 35%),radial-gradient(circle at 85% 10%,rgba(124,91,255,.12),transparent 32%),linear-gradient(180deg,#050a14f2,#080c18e6)}.terminal-history{display:grid;gap:.65rem;flex:1;overflow-y:auto;padding-right:.2rem}.terminal-entry{display:grid;gap:.35rem}.terminal-tip{padding:.8rem .9rem;border-radius:12px;border:1px dashed rgba(255,255,255,.1);background:#ffffff05;color:var(--text-secondary)}.terminal-line{display:flex;align-items:center;gap:.45rem;color:var(--text-secondary);text-shadow:0 0 8px rgba(100,233,255,.2)}.prompt{color:#9ef01a;text-shadow:0 0 8px rgba(158,240,26,.45)}.command{color:#c7fcec;font-weight:700}.terminal-response{padding-left:1.2rem}.terminal-text{color:var(--text-secondary)}.highlight{color:var(--accent);font-weight:700}.terminal-output{display:grid;gap:.35rem;padding:.4rem .6rem;border-radius:12px;background:linear-gradient(120deg,#64e9ff14,#7c5bff0d),#ffffff05;border:1px dashed rgba(255,255,255,.1)}.terminal-output.single{gap:.25rem}.output-row{display:flex;align-items:center;gap:.5rem}.output-row.multi{align-items:flex-start}.output-bullet{color:#9ef01a;text-shadow:0 0 8px rgba(158,240,26,.4)}.output-name{color:#e0f2fe;font-weight:700}.output-text{display:flex;flex-direction:column;gap:.2rem}.output-link{font-weight:700;color:#7ee0ff;text-decoration:underline}.output-description{color:var(--text-secondary);margin:.35rem 0 0}.output-tag{padding:.15rem .5rem;border-radius:8px;background:#64e9ff1a;border:1px solid rgba(100,233,255,.24);font-size:.8rem;color:var(--accent)}.terminal-help{display:grid;gap:.25rem;padding:.65rem .75rem;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.help-row{display:flex;justify-content:space-between;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.help-row span:first-child{color:var(--text-primary);font-weight:700}.terminal-history::-webkit-scrollbar{width:6px}.terminal-history::-webkit-scrollbar-track{background:#ffffff05}.terminal-history::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.terminal-input-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.terminal-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:JetBrains Mono,IBM Plex Mono,Space Grotesk,monospace;font-size:.95rem}.terminal-input::placeholder{color:var(--text-secondary)}.terminal-hint{color:var(--text-muted);font-size:.85rem}.solution-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:linear-gradient(150deg,#7c5bff14,#64e9ff0f),linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--surface);box-shadow:0 24px 60px #00000061,inset 0 1px #ffffff0a;min-height:100%}.solution-preview{border:none;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0d}.solution-preview .preview-fallback{background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))}.solution-content{display:flex;flex-direction:column;gap:.75rem;padding:1.15rem 1.2rem 1.25rem}.solution-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.solution-title-block{display:flex;flex-direction:column;gap:.35rem}.solution-title{margin:0;font-size:1.3rem;letter-spacing:-.01em}.solution-chip{border-radius:999px;border:1px solid rgba(255,255,255,.18);padding:.45rem .9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;background:#ffffff0f;color:var(--accent);transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.solution-chip:hover{transform:translateY(-1px);border-color:#64e9ff73;background:#64e9ff14;color:var(--text-primary)}.solution-list{list-style:none;padding:0;margin:.15rem 0 0;display:grid;gap:.5rem}.solution-list li{position:relative;padding-left:1.2rem;color:var(--text-secondary);line-height:1.5}.solution-list li:before{content:"";position:absolute;left:0;top:.55rem;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 12px #64e9ff73}.solution-actions{display:flex;justify-content:flex-end;margin-top:.25rem}.solution-actions .card-link{border-color:#ffffff24;background:#ffffff0f}.portfolio{position:relative}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.portfolio-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:linear-gradient(170deg,rgba(255,255,255,.02),transparent 45%),var(--surface);box-shadow:var(--shadow);padding:1.1rem 1.15rem 1.2rem;isolation:isolate;display:flex;flex-direction:column;gap:.75rem}.portfolio-card:before{content:"";position:absolute;inset:-25% -5% auto;height:220px;background:radial-gradient(circle at 25% 45%,var(--portfolio-accent, var(--accent)),transparent 55%);opacity:.4;filter:blur(12px);z-index:0}.portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 65%);opacity:.4;pointer-events:none;z-index:0}.portfolio-preview{display:block;position:relative;background:var(--surface-strong);border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate}.portfolio-preview iframe{width:1280px;height:720px;border:none;background:var(--surface-strong);transform:scale(var(--portfolio-preview-scale, 1));transform-origin:top left;pointer-events:none}.portfolio-preview:hover{border-color:#ffffff29}.portfolio-topline{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.portfolio-person{position:relative;z-index:1;display:flex;flex-direction:column;gap:.15rem;padding:.65rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;margin-top:auto}.person-name{font-weight:700;color:var(--text-primary)}.person-role{color:var(--text-secondary);font-size:.95rem}.portfolio-ribbon{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:JetBrains Mono,IBM Plex Mono,Space Grotesk,monospace;color:var(--text-secondary);margin-bottom:.6rem;position:relative;z-index:1}.ribbon-year{padding:.3rem .65rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.ribbon-status{padding:.3rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;font-weight:700;color:var(--portfolio-accent, var(--accent))}.portfolio-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:relative;z-index:1}.portfolio-title{margin:.1rem 0;letter-spacing:-.01em}.portfolio-description{margin:.2rem 0 .65rem;color:var(--text-secondary);position:relative;z-index:1}.portfolio-link{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);color:var(--portfolio-accent, var(--accent));font-weight:700;background:#ffffff0d;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.portfolio-link:hover{transform:translateY(-1px);border-color:#ffffff40;background:#ffffff14;color:var(--text-primary)}.roadmap{position:relative;border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.25rem 1.5rem;background:radial-gradient(circle at 18% 18%,rgba(124,91,255,.09),transparent 42%),radial-gradient(circle at 80% 32%,rgba(100,233,255,.1),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.02),transparent 55%),var(--surface);overflow:hidden}.roadmap-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;position:relative;z-index:1}.roadmap-card{background:linear-gradient(175deg,#00000047,#64e9ff14),var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.2rem 1.4rem;box-shadow:var(--shadow);display:flex;gap:.75rem;position:relative;overflow:hidden;isolation:isolate}.roadmap-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 50%);opacity:0;transition:opacity .2s ease}.roadmap-meta{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;min-width:54px}.roadmap-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(100,233,255,.9);background:#7c5bff80;display:grid;place-items:center;position:relative;box-shadow:0 0 0 6px #7c5bff14,0 0 22px #64e9ffa6}.roadmap-pulse{position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(100,233,255,.4),transparent 60%);animation:roadmap-pulse 2.4s ease-in-out infinite;opacity:.9}.roadmap-body{display:flex;flex-direction:column;gap:.5rem}.roadmap-title-row{display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.roadmap-card h3{margin:0}.roadmap-card p{margin:0;color:var(--text-secondary)}@keyframes roadmap-glow{0%{transform:translateY(-22%);opacity:.85}50%{transform:translateY(8%);opacity:.6}to{transform:translateY(30%);opacity:.85}}@keyframes roadmap-pulse{0%,to{transform:scale(.9);opacity:.75}50%{transform:scale(1.15);opacity:.35}}.contact{background:var(--bg-soft);border:1px solid var(--border);border-radius:18px;padding:2rem 1.5rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.contact-card.secondary{background:var(--surface-strong)}.contact-list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.75rem}.contact-label{color:var(--text-muted);margin:0 0 .15rem;font-weight:600}.contact-link{color:var(--text-primary);font-weight:700}.tool-card,.portfolio-card,.solution-card,.roadmap-card,.contact-card,.stat-card{transition:transform .2s ease,box-shadow .22s ease,border-color .2s ease,background .22s ease,filter .2s ease}.tool-card:hover,.portfolio-card:hover,.solution-card:hover,.contact-card:hover,.stat-card:hover{transform:translateY(-6px);border-color:#ffffff29;box-shadow:0 18px 56px #00000073;background:linear-gradient(165deg,#64e9ff14,#7c5bff0f),var(--surface-strong)}.roadmap-card:hover{transform:translateY(-6px);border-color:#ffffff29;box-shadow:0 18px 56px #00000073;background:var(--surface-strong)}.tool-card:hover .tool-preview{border-bottom-color:#ffffff29}.tool-card:hover .tool-preview iframe{transform:scale(calc(var(--preview-scale, 1) * 1.01));filter:saturate(1.05)}.roadmap-card:hover:after{opacity:1}.site-footer{margin-top:3rem;padding:2rem 0 2.5rem;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem 1.25rem;align-items:start;position:relative}.footer-copy{margin-top:.35rem;color:var(--text-muted)}.footer-brand{display:flex;flex-direction:column;gap:.9rem}.footer-badges{display:flex;flex-wrap:wrap;gap:.4rem}.footer-badge{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;font-weight:700;letter-spacing:.01em}.footer-bottom{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;border-top:1px solid var(--border);padding-top:1rem;margin-top:1.25rem}.footer-links{display:flex;flex-direction:column;gap:.45rem}.footer-label{text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-muted);margin:0}.footer-nav{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.footer-link{color:var(--text-secondary);transition:color .15s ease}.footer-link:hover{color:var(--text-primary)}@media(max-width:760px){.site-footer{grid-template-columns:1fr;gap:1.25rem;padding:1.75rem 0}}@media(max-width:960px){.site-header{position:sticky;top:.75rem;z-index:8;grid-template-columns:1fr;align-items:flex-start;gap:.75rem;padding:.9rem 1rem}.brand-row{width:100%}.site-nav{display:none;position:absolute;top:calc(100% + .4rem);left:0;right:0;width:100%;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem .85rem;box-shadow:var(--shadow);z-index:9}.site-nav.open{display:flex}.nav-link{width:100%;padding:.75rem .85rem}.menu-toggle,.mobile-theme-toggle{display:inline-flex}.header-actions,.header-cta{display:none}.hero{grid-template-columns:1fr;gap:1.5rem}.hero-left{order:1}.hero-right{order:0}.hero-globe{min-height:320px}.hero-stats{gap:1.5rem}}@media(max-width:640px){.page-shell{padding:1.75rem 1rem 3rem}.highlight-card,.card,.solution-card,.roadmap-card,.contact-card,.stat-card{padding:1.1rem}.site-header{position:sticky;top:.5rem;z-index:8}.hero{padding:1.25rem}.hero-globe{min-height:280px}.hero-title{font-size:1.85rem}.hero-description{font-size:.95rem}.hero-actions{flex-direction:column}.hero-actions .primary-action,.hero-actions .ghost-action{width:100%;justify-content:center}.hero-stats{flex-wrap:wrap;gap:1rem}.hero-stat{min-width:calc(50% - .5rem)}.portfolio-card{padding:1.1rem}.portfolio-title-row{flex-direction:column;align-items:flex-start}.portfolio-link{width:100%;justify-content:center}}[data-theme=light] .pill{background:linear-gradient(135deg,#0ea5e91f,#8b5cf61a);border-color:#0ea5e940}[data-theme=light] .pill.subtle{background:#0f172a0a;border-color:#0f172a1a}[data-theme=light] .primary-action{background:linear-gradient(120deg,#0ea5e9,#8b5cf6);color:#fff;box-shadow:0 4px 16px #0ea5e94d}[data-theme=light] .primary-action:hover{box-shadow:0 6px 24px #0ea5e966}[data-theme=light] .ghost-action{background:#0f172a08;border-color:#0f172a1f}[data-theme=light] .ghost-action:hover{background:#0f172a0f;border-color:#0f172a2e}[data-theme=light] .theme-toggle:hover{background:#0f172a0a;border-color:#0f172a26}[data-theme=light] .brand-logo{background:radial-gradient(circle at 30% 30%,rgba(14,165,233,.15),transparent 55%),#0f172a08;box-shadow:0 4px 16px #0f172a1a,0 0 20px #0ea5e926}[data-theme=light] .nav-link:hover{background:#0f172a0d}[data-theme=light] .portfolio-card{border-color:#0f172a14;background:linear-gradient(170deg,#0ea5e91a,#8b5cf60f),linear-gradient(180deg,#fffffffa,#f1f5f9f5)}[data-theme=light] .portfolio-card:before{opacity:.28}[data-theme=light] .portfolio-link{border-color:#0ea5e94d;background:#0ea5e914;color:#0ea5e9}[data-theme=light] .portfolio-link:hover{background:#0ea5e924;border-color:#0ea5e973;color:#0f172a}[data-theme=light] .ribbon-year{background:#ffffffa6;border-color:#0f172a14}[data-theme=light] .ribbon-status{border-color:#0ea5e966;background:#0ea5e91f}[data-theme=light] .menu-toggle:hover{background:#0f172a0a;border-color:#0f172a26}[data-theme=light] .hero{background:var(--surface);border-color:#0f172a14;box-shadow:0 4px 24px #0f172a0f}[data-theme=light] .scroll-cue{background:#ffffffe6;border-color:#0f172a14;box-shadow:0 10px 22px #0f172a1f;color:#0f172a}[data-theme=light] .scroll-cue-track{border-color:#0ea5e938;background:#0ea5e914}[data-theme=light] .hero-card{background:linear-gradient(160deg,#0ea5e90a,#8b5cf608),var(--surface)}[data-theme=light] .highlight-row{border-bottom-color:#0f172a14}[data-theme=light] .meta-chip{background:#0f172a08;border-color:#0f172a1a}[data-theme=light] .section{border-top-color:#0f172a14}[data-theme=light] .stat-grid{background:#0f172a05;border-color:#0f172a14}[data-theme=light] .tool-card{background:linear-gradient(175deg,#0ea5e90a,#2dd4bf05),var(--surface)}[data-theme=light] .preview-fallback{background:linear-gradient(180deg,transparent,rgba(15,23,42,.03))}[data-theme=light] .tool-actions{background:#0f172a05}[data-theme=light] .roadmap{background:radial-gradient(circle at 18% 18%,rgba(14,165,233,.08),transparent 42%),radial-gradient(circle at 80% 32%,rgba(139,92,246,.08),transparent 45%),linear-gradient(145deg,rgba(15,23,42,.02),transparent 55%),var(--surface);border-color:#0f172a14}[data-theme=light] .roadmap:before{opacity:.25}[data-theme=light] .roadmap-card{background:linear-gradient(170deg,#0ea5e914,#8b5cf60f),var(--surface);border-color:#0f172a0f}[data-theme=light] .contact-card{background:linear-gradient(165deg,#0ea5e90f,#8b5cf608),var(--surface)}[data-theme=light] .contact-card.secondary{background:var(--surface)}[data-theme=light] .solution-card{background:linear-gradient(150deg,#0ea5e91f,#8b5cf614),linear-gradient(180deg,#ffffffeb,#f1f5f9);border-color:#0f172a12;box-shadow:0 14px 36px #0f172a0f,inset 0 1px #ffffffb3}[data-theme=light] .solution-card li:before{background:linear-gradient(180deg,#0ea5e9,#8b5cf6)}[data-theme=light] .solution-terminal{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#0f172a14;box-shadow:0 12px 32px #0f172a14,inset 0 1px #fffc}[data-theme=light] .terminal-header{border-bottom-color:#0f172a14;background:linear-gradient(90deg,#0ea5e90d,#8b5cf60d)}[data-theme=light] .terminal-title{color:#0f172a}[data-theme=light] .terminal-chip{color:#0f172a;background:#0ea5e91f;border-color:#0ea5e94d}[data-theme=light] .terminal-body{background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.18),transparent 35%),radial-gradient(circle at 85% 10%,rgba(139,92,246,.18),transparent 32%),linear-gradient(180deg,#fffffff5,#f8fafcf2)}[data-theme=light] .terminal-line{color:#334155;text-shadow:none}[data-theme=light] .prompt{color:#16a34a;text-shadow:0 0 6px rgba(22,163,74,.4)}[data-theme=light] .command{color:#0f172a}[data-theme=light] .terminal-output{background:linear-gradient(120deg,#0ea5e91f,#8b5cf614),#fff9;border-color:#0f172a1a}[data-theme=light] .output-bullet{color:#16a34a;text-shadow:0 0 6px rgba(22,163,74,.35)}[data-theme=light] .output-name{color:#0f172a}[data-theme=light] .output-link{color:#0ea5e9}[data-theme=light] .terminal-input-row{border-color:#0f172a14;background:#0ea5e90f}[data-theme=light] .terminal-input{color:#0f172a}[data-theme=light] .terminal-input::placeholder{color:#64748b}[data-theme=light] .terminal-hint{color:#475569}[data-theme=light] .solution-chip{border-color:#0ea5e94d;background:#0ea5e91a;color:#0ea5e9}[data-theme=light] .solution-chip:hover{border-color:#0ea5e973;background:#0ea5e929;color:#0f172a}[data-theme=light] .solution-preview{border-color:#0ea5e938;box-shadow:0 12px 30px #0f172a14,inset 0 1px #fff9}[data-theme=light] .solution-card:hover{background:linear-gradient(150deg,#0ea5e929,#8b5cf61f),linear-gradient(180deg,#fffffffa,#f1f5f9);border-color:#0ea5e94d;box-shadow:0 16px 38px #0f172a14,inset 0 1px #fffc}[data-theme=light] .site-footer{border-top-color:#0f172a14}[data-theme=light] .footer-badge{background:#0ea5e914;border-color:#0ea5e933;color:#0f172a}[data-theme=light] .footer-bottom{border-top-color:#0f172a14}[data-theme=light] .footer-brand-logo{background:radial-gradient(circle at 30% 30%,rgba(14,165,233,.12),transparent 55%),#0f172a08;box-shadow:0 4px 12px #0f172a14}[data-theme=light] .footer-link:hover,[data-theme=light] .card-link{color:#0ea5e9}[data-theme=light] .card-link:hover{color:#0284c7}[data-theme=light] .contact-link{color:#0ea5e9}[data-theme=light] .contact-link:hover{color:#0284c7}[data-theme=light] .card-link{background:#0ea5e90f;border-color:#0ea5e933}[data-theme=light] .card-link:hover{background:#0ea5e91a;border-color:#0ea5e94d}[data-theme=light] .tool-card:hover,[data-theme=light] .solution-card:hover,[data-theme=light] .roadmap-card:hover,[data-theme=light] .contact-card:hover,[data-theme=light] .stat-card:hover{border-color:#0ea5e94d;box-shadow:0 12px 30px #0ea5e92e,0 6px 14px #0f172a14;background:linear-gradient(165deg,#0ea5e91f,#8b5cf612),var(--surface)}[data-theme=light] .tool-card:hover .tool-preview{border-bottom-color:#0ea5e94d}[data-theme=light] .contact{background:var(--surface)}
