@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";:root{--color-bg: #09090b;--color-surface: #18181b;--color-surface-2: #27272a;--color-surface-3: #3f3f46;--color-border: rgba(255, 255, 255, .07);--color-border-hover: rgba(255, 255, 255, .14);--color-accent: #2563eb;--color-accent-light: #3b82f6;--color-accent-dim: rgba(37, 99, 235, .15);--color-text-1: #fafafa;--color-text-2: #a1a1aa;--color-text-3: #71717a;--color-text-4: #52525b;--font: "Inter", system-ui, -apple-system, sans-serif;--tracking-tight: -.03em;--tracking-tighter: -.04em;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-glow: 0 0 0 1px rgba(37, 99, 235, .25), 0 0 32px rgba(37, 99, 235, .07);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);--transition: .18s ease;--max-width: 1280px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--color-bg);color:var(--color-text-1);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.section-label{display:inline-flex;align-items:center;gap:.75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-light);margin-bottom:1.25rem}.section-label:before{content:"";display:inline-block;width:1.25rem;height:1px;background:var(--color-accent-light);flex-shrink:0}.section-heading{font-size:2.25rem;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--color-text-1);line-height:1.15;margin-bottom:.75rem}.section-subtext{font-size:1rem;color:var(--color-text-2);line-height:1.7}.section-inner{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.navbar{position:sticky;top:0;z-index:1000;background-color:transparent;border-bottom:1px solid transparent;width:100%;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease}.navbar--scrolled{background-color:#09090bd9;border-bottom-color:var(--color-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.2rem;text-decoration:none}.nav-wordmark{font-family:var(--font);font-size:.9rem;font-weight:800;color:var(--color-text-1);letter-spacing:.08em;line-height:1;text-transform:uppercase}.nav-wordmark-accent{color:var(--color-accent-light)}.nav-links{display:flex;align-items:center;gap:.125rem}.nav-link{font-size:.85rem;font-weight:500;color:var(--color-text-3);padding:.375rem .7rem;border-radius:var(--radius-sm);transition:color var(--transition);position:relative}.nav-link:hover,.nav-link--active{color:var(--color-text-1)}.nav-link--active:after{content:"";position:absolute;bottom:-2px;left:.7rem;right:.7rem;height:1px;background:var(--color-accent-light)}.nav-btn{margin-left:.75rem;font-size:.85rem;font-weight:600;color:var(--color-text-1);background-color:transparent;padding:.45rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-hover);transition:background-color var(--transition),border-color var(--transition)}.nav-btn:hover{background-color:var(--color-surface);border-color:var(--color-border-hover)}.nav-toggle{display:none;background:none;border:none;color:var(--color-text-2);cursor:pointer;padding:.25rem;line-height:1;transition:color var(--transition)}.nav-toggle:hover{color:var(--color-text-1)}.nav-mobile{background-color:#09090bf7;border-top:1px solid var(--color-border);display:flex;flex-direction:column;padding:.75rem 1.5rem 1.25rem;gap:.125rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-mobile-link{font-size:.9rem;font-weight:500;color:var(--color-text-2);padding:.625rem .5rem;border-bottom:1px solid var(--color-border);transition:color var(--transition)}.nav-mobile-link:hover{color:var(--color-text-1)}.nav-mobile-btn{margin-top:.75rem;font-size:.9rem;font-weight:600;color:var(--color-text-1);background-color:var(--color-surface);border:1px solid var(--color-border-hover);padding:.7rem 1.25rem;border-radius:var(--radius-md);text-align:center;transition:background-color var(--transition)}.nav-mobile-btn:hover{background-color:var(--color-surface-2)}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:block}}.code-window{width:100%;max-width:460px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.code-window-bar{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.code-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.code-filename{font-size:.72rem;font-weight:500;color:var(--color-text-3);margin-left:.5rem;letter-spacing:.02em}.code-body{padding:1.25rem 1.5rem;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.75;color:#e2e8f0;white-space:pre}.c-keyword{color:#93c5fd}.c-type{color:#c4b5fd}.c-fn{color:#86efac}.c-macro{color:#f9a8d4}.c-string{color:#fcd34d}.c-module{color:#c4b5fd}.c-ident{color:#e2e8f0}.c-punct{color:#94a3b8}.c-comment{color:#52525b;font-style:italic}@media (max-width: 900px){.code-window{max-width:100%}.code-body{font-size:.75rem}}@media (max-width: 480px){.code-body{font-size:.7rem;padding:1rem 1.25rem}}.hero-section{position:relative;background-color:var(--color-bg);min-height:92vh;display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:6rem 2rem 5rem;width:100%;display:flex;align-items:center;gap:5rem}.hero-content{flex:6;min-width:0}.hero-visual{flex:5;display:flex;align-items:center;justify-content:flex-end}.hero-label{display:inline-flex;align-items:center;gap:.75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-light);margin-bottom:1.5rem}.hero-label:before{content:"";display:inline-block;width:1.25rem;height:1px;background:var(--color-accent-light);flex-shrink:0}.hero-heading{font-size:4.25rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tighter);line-height:1.06;margin-bottom:1.5rem}.hero-heading-accent{color:var(--color-text-2)}.hero-subtext{font-size:1.05rem;color:var(--color-text-2);max-width:480px;line-height:1.8;margin-bottom:2.5rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-btn-primary{background-color:var(--color-accent);color:#fff;font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--transition);letter-spacing:-.01em}.hero-btn-primary:hover{background-color:var(--color-accent-light)}.hero-btn-secondary{background-color:transparent;color:var(--color-text-1);font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border-hover);transition:background-color var(--transition),border-color var(--transition);letter-spacing:-.01em}.hero-btn-secondary:hover{background-color:var(--color-surface);border-color:var(--color-surface-3)}@media (max-width: 1100px){.hero-heading{font-size:3.75rem}.hero-inner{gap:3.5rem}}@media (max-width: 900px){.hero-inner{flex-direction:column;gap:3rem;padding:4rem 2rem}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-visual{flex:none;width:100%;justify-content:flex-start}.hero-heading{font-size:3.25rem}}@media (max-width: 768px){.hero-heading{font-size:2.75rem}.hero-section{min-height:auto;padding-top:1rem}}@media (max-width: 480px){.hero-heading{font-size:2.25rem}.hero-subtext{font-size:.975rem}.hero-actions{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;text-align:center}}.whyus-section{background-color:var(--color-bg);padding:6rem 2rem;border-bottom:1px solid var(--color-border)}.whyus-inner{max-width:var(--max-width);margin:0 auto}.whyus-header{margin-bottom:3.5rem}.whyus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.whyus-card{background-color:var(--color-bg);padding:2.25rem 2rem;display:flex;flex-direction:column;gap:.875rem;transition:background-color var(--transition)}.whyus-card:hover{background-color:var(--color-surface)}.whyus-icon{width:1.25rem;height:1.25rem;color:var(--color-text-3);flex-shrink:0}.whyus-card h3{font-size:1rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.02em}.whyus-card p{font-size:.875rem;color:var(--color-text-2);line-height:1.75;flex:1}.whyus-stat{display:flex;flex-direction:column;gap:.125rem;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}.whyus-stat-number{font-size:1.75rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tight);line-height:1}.whyus-stat-label{font-size:.72rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.06em;margin-top:.375rem}@media (max-width: 1024px){.whyus-grid{grid-template-columns:1fr;gap:1px}}@media (max-width: 500px){.whyus-section{padding:4rem 1.25rem}}.proj-section{background-color:var(--color-bg);padding:6rem 2rem;border-bottom:1px solid var(--color-border)}.proj-inner{max-width:var(--max-width);margin:0 auto}.proj-header{margin-bottom:3rem}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.proj-card{background-color:var(--color-bg);padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:background-color var(--transition);cursor:default}.proj-card:hover{background-color:var(--color-surface)}.proj-card-top{display:flex;align-items:center;justify-content:space-between}.proj-icon{width:1.25rem;height:1.25rem;color:var(--color-text-3)}.proj-status{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:.2rem .6rem;border-radius:var(--radius-full);border:1px solid}.proj-status.live{color:#4ade80;border-color:#4ade8040;background:#4ade8014}.proj-status.dev{color:#fbbf24;border-color:#fbbf2440;background:#fbbf2414}.proj-status.research{color:var(--color-text-3);border-color:var(--color-border);background:transparent}.proj-card-body{display:flex;flex-direction:column;gap:.375rem;flex:1}.proj-card-body h3{font-size:1rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.02em}.proj-subtitle{font-size:.775rem;color:var(--color-text-3);font-weight:500}.proj-card-body p{font-size:.85rem;color:var(--color-text-2);line-height:1.75;margin-top:.375rem}.proj-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--color-border)}.proj-tags{display:flex;flex-wrap:wrap;gap:.375rem}.proj-tag{font-size:.7rem;font-weight:500;padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-3);background:transparent;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.01em}.proj-read-more{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--color-text-2);white-space:nowrap;transition:color var(--transition);flex-shrink:0}.proj-read-more:hover{color:var(--color-text-1)}@media (max-width: 1024px){.proj-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.proj-grid{grid-template-columns:1fr}.proj-section{padding:4rem 1.25rem}}.services-section{background-color:var(--color-bg);padding:6rem 2rem;border-bottom:1px solid var(--color-border)}.services-inner{max-width:var(--max-width);margin:0 auto}.services-header{margin-bottom:3rem}.services-list{display:flex;flex-direction:column}.service-row{display:grid;grid-template-columns:56px 1fr auto;align-items:start;gap:2rem;padding:2rem 0;border-top:1px solid var(--color-border);transition:background-color var(--transition)}.service-row:last-child{border-bottom:1px solid var(--color-border)}.service-num{font-size:.72rem;font-weight:600;color:var(--color-text-4);letter-spacing:.06em;padding-top:.2rem;font-family:SFMono-Regular,Consolas,monospace}.service-body h3{font-size:1.05rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.02em;margin-bottom:.5rem;line-height:1.3}.service-body p{font-size:.875rem;color:var(--color-text-2);line-height:1.75;max-width:560px}.service-tags{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:flex-end;padding-top:.2rem}.service-tag{font-size:.7rem;font-weight:500;color:var(--color-text-3);border:1px solid var(--color-border);padding:.2rem .6rem;border-radius:var(--radius-sm);white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.01em}@media (max-width: 768px){.service-row{grid-template-columns:40px 1fr;gap:1rem}.service-tags{grid-column:2;justify-content:flex-start;margin-top:.75rem}}@media (max-width: 500px){.services-section{padding:4rem 1.25rem}.service-row{grid-template-columns:1fr;gap:.5rem}.service-num{display:none}}.about-section{background-color:var(--color-bg);padding:6rem 2rem;border-bottom:1px solid var(--color-border)}.about-inner{max-width:var(--max-width);margin:0 auto;display:flex;gap:6rem;align-items:flex-start}.about-content{flex:1}.about-content h2{font-size:2.5rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tight);margin-bottom:1.5rem;line-height:1.15}.about-content p{font-size:.9rem;color:var(--color-text-2);line-height:1.85;margin-bottom:1rem;max-width:520px}.about-actions{display:flex;align-items:center;gap:1.25rem;margin-top:2rem;flex-wrap:wrap}.about-btn-github{display:inline-flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid var(--color-border-hover);color:var(--color-text-1);font-weight:600;font-size:.85rem;padding:.65rem 1.15rem;border-radius:var(--radius-md);transition:background-color var(--transition),border-color var(--transition)}.about-btn-github:hover{background-color:var(--color-surface);border-color:var(--color-surface-3)}.about-btn-contact{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-2);font-weight:600;font-size:.85rem;transition:color var(--transition)}.about-btn-contact:hover{color:var(--color-text-1)}.about-stats{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;align-self:flex-start}.about-stat-card{background-color:var(--color-bg);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.375rem;transition:background-color var(--transition)}.about-stat-card:hover{background-color:var(--color-surface)}.about-stat-value{font-size:2.25rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tighter);line-height:1}.about-stat-label{font-size:.72rem;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}@media (max-width: 1024px){.about-inner{flex-direction:column;gap:3rem}.about-stats{width:100%;grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.about-section{padding:4rem 1.25rem}.about-content h2{font-size:2rem}}.tech-section{background-color:var(--color-bg);padding:6rem 2rem;border-bottom:1px solid var(--color-border)}.tech-inner{max-width:var(--max-width);margin:0 auto}.tech-header{margin-bottom:3rem}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tech-column{background-color:var(--color-bg);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:background-color var(--transition)}.tech-column:hover{background-color:var(--color-surface)}.tech-col-title{font-size:.875rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.01em;padding-left:.75rem;border-left:2px solid}.tech-col-title.blue{border-color:#3b82f6}.tech-col-title.purple{border-color:#a78bfa}.tech-col-title.green{border-color:#34d399}.tech-col-title.gray{border-color:var(--color-surface-3)}.tech-col-desc{font-size:.8rem;color:var(--color-text-3);line-height:1.7}.tech-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.tech-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:500;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.01em;color:var(--color-text-2);border:1px solid var(--color-border);background:transparent;transition:border-color var(--transition),color var(--transition)}.tech-column:hover .tech-badge{border-color:var(--color-border-hover);color:var(--color-text-1)}@media (max-width: 1024px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.tech-grid{grid-template-columns:1fr}.tech-section{padding:4rem 1.25rem}}.contact-section{background-color:var(--color-bg);padding:6rem 2rem;border-bottom:1px solid var(--color-border)}.contact-inner{max-width:var(--max-width);margin:0 auto;display:flex;gap:6rem;align-items:flex-start}.contact-left{flex:1}.contact-left h2{font-size:2.5rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tight);margin-bottom:1rem;line-height:1.15}.contact-left p{font-size:.9rem;color:var(--color-text-2);line-height:1.8;max-width:400px;margin-bottom:2rem}.contact-alt-links{display:flex;flex-direction:column;gap:.875rem}.contact-alt-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-3);transition:color var(--transition)}.contact-alt-link:hover{color:var(--color-text-1)}.contact-right{flex:0 0 460px}.contact-form{display:flex;flex-direction:column;gap:1.125rem}.contact-field{display:flex;flex-direction:column;gap:.375rem}.contact-field label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3)}.contact-field input,.contact-field textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-1);font-family:var(--font);font-size:.9rem;padding:.7rem .9rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition);resize:vertical}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--color-text-4)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1f}.contact-error{font-size:.82rem;color:#f87171}.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-accent);color:#fff;font-family:var(--font);font-weight:600;font-size:.875rem;padding:.8rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;width:100%;letter-spacing:-.01em;transition:background-color var(--transition);margin-top:.25rem}.contact-submit:hover:not(:disabled){background-color:var(--color-accent-light)}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-success{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem}.contact-success-icon{width:1.75rem;height:1.75rem;color:#4ade80}.contact-success h3{font-size:1.1rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.02em}.contact-success p{font-size:.875rem;color:var(--color-text-2)}.contact-reset{font-size:.82rem;color:var(--color-text-3);background:none;border:none;cursor:pointer;padding:0;margin-top:.5rem;font-family:var(--font);transition:color var(--transition)}.contact-reset:hover{color:var(--color-text-1)}@media (max-width: 1024px){.contact-inner{flex-direction:column;gap:3rem}.contact-right{flex:none;width:100%}}@media (max-width: 500px){.contact-section{padding:4rem 1.25rem}.contact-left h2{font-size:2rem}}.footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:3.5rem 2rem 2rem}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}.footer-logo{font-size:.875rem;font-weight:800;color:var(--color-text-1);margin-bottom:.625rem;letter-spacing:.06em;text-transform:uppercase}.footer-tagline{font-size:.825rem;color:var(--color-text-3);line-height:1.65;margin-bottom:1.25rem}.footer-socials{display:flex;gap:.875rem}.footer-social-icon{width:18px;height:18px;color:var(--color-text-4);transition:color var(--transition)}.footer-social-icon:hover{color:var(--color-text-1)}.footer-nav-heading{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-4);margin-bottom:1rem}.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}.footer-nav ul li a{font-size:.825rem;color:var(--color-text-3);transition:color var(--transition)}.footer-nav ul li a:hover{color:var(--color-text-1)}.footer-contact-col{display:flex;flex-direction:column}.footer-contact-link{font-size:.825rem;color:var(--color-text-3);margin-top:.55rem;transition:color var(--transition)}.footer-contact-link:hover{color:var(--color-text-1)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.775rem;color:var(--color-text-4)}@media (max-width: 768px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media (max-width: 500px){.footer{padding:3rem 1.25rem 1.5rem}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.375rem;text-align:center}}.tervyos-page{background-color:var(--color-bg)}.tv-hero{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:7rem 2rem 5rem;min-height:52vh;display:flex;align-items:center}.tv-hero-inner{max-width:var(--max-width);margin:0 auto;width:100%}.tv-badge-row{display:flex;align-items:center;gap:.875rem;margin-bottom:1.75rem}.tv-badge-live{font-size:.65rem;font-weight:600;padding:.2rem .65rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.07em;color:#4ade80;border:1px solid rgba(74,222,128,.25);background:#4ade8014}.tv-badge-cat{font-size:.8rem;color:var(--color-text-3)}.tv-hero h1{font-size:4rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tighter);line-height:1.06;margin-bottom:1.25rem}.tv-hero-inner>p{font-size:1.05rem;color:var(--color-text-2);max-width:560px;line-height:1.8;margin-bottom:2.25rem}.tv-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.tv-btn-primary{background-color:var(--color-accent);color:#fff;font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--transition)}.tv-btn-primary:hover{background-color:var(--color-accent-light)}.tv-btn-outline{background-color:transparent;color:var(--color-text-1);font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border:1px solid var(--color-border-hover);border-radius:var(--radius-md);transition:background-color var(--transition),border-color var(--transition)}.tv-btn-outline:hover{background-color:var(--color-surface);border-color:var(--color-surface-3)}.tv-section{padding:5rem 2rem;border-bottom:1px solid var(--color-border)}.tv-light{background-color:var(--color-bg)}.tv-dark{background-color:var(--color-surface)}.tv-container{max-width:var(--max-width);margin:0 auto}.tv-section h2{font-size:1.875rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tight);line-height:1.2;margin-bottom:1.25rem}.tv-light-heading{color:var(--color-text-1)!important}.tv-section>.tv-container>p,.tv-who p{font-size:.95rem;color:var(--color-text-2);line-height:1.85;margin-bottom:1rem;max-width:760px}.tv-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-top:2.5rem}.tv-feature-card{background-color:var(--color-bg);padding:1.5rem;transition:background-color var(--transition)}.tv-feature-card:hover,.tv-dark .tv-feature-card{background-color:var(--color-surface)}.tv-dark .tv-feature-card:hover{background-color:var(--color-surface-2)}.tv-feature-icon{width:1.15rem;height:1.15rem;color:var(--color-text-3);margin-bottom:.875rem}.tv-feature-card h4{font-size:.875rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.01em;margin-bottom:.4rem}.tv-feature-card p{font-size:.8rem;color:var(--color-text-2);line-height:1.65;margin:0;max-width:none}.tv-two-col{display:flex;gap:4rem;align-items:flex-start}.tv-who{flex:1}.tv-who ul{list-style:none;padding:0;margin-top:1rem}.tv-who ul li{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:var(--color-text-2);padding:.6rem 0;border-bottom:1px solid var(--color-border)}.tv-who ul li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--color-accent-light);flex-shrink:0}.tv-stack-box{flex:0 0 300px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem}.tv-stack-box h3{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-4);margin-bottom:1.25rem}.tv-stack-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.tv-stack-item:last-child{border-bottom:none;padding-bottom:0}.tv-stack-name{font-size:.85rem;font-weight:600;color:var(--color-text-1);font-family:SFMono-Regular,Consolas,monospace}.tv-stack-role{font-size:.775rem;color:var(--color-text-3);text-align:right}@media (max-width: 1024px){.tv-features-grid{grid-template-columns:repeat(2,1fr)}.tv-two-col{flex-direction:column}.tv-stack-box{flex:none;width:100%}}@media (max-width: 640px){.tv-hero{padding:5rem 1.25rem 3.5rem;min-height:auto}.tv-hero h1{font-size:2.5rem}.tv-features-grid{grid-template-columns:1fr}.tv-section{padding:3.5rem 1.25rem}}.ethereal-page{background-color:var(--color-bg);--ec-accent: #7c3aed;--ec-accent-light: #a78bfa;--ec-accent-dim: rgba(124, 58, 237, .12)}.ec-hero{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:7rem 2rem 5rem;min-height:52vh;display:flex;align-items:center;position:relative;overflow:hidden}.ec-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:60%;height:80%;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.1) 0%,transparent 70%);pointer-events:none}.ec-hero-inner{max-width:var(--max-width);margin:0 auto;width:100%;position:relative}.ec-badge-row{display:flex;align-items:center;gap:.875rem;margin-bottom:1.75rem}.ec-badge-dev{font-size:.65rem;font-weight:600;padding:.2rem .65rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.07em;color:#fbbf24;border:1px solid rgba(251,191,36,.25);background:#fbbf2414}.ec-badge-cat{font-size:.8rem;color:var(--color-text-3)}.ec-hero h1{font-size:4rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tighter);line-height:1.06;margin-bottom:1.25rem}.ec-hero-inner>p{font-size:1.05rem;color:var(--color-text-2);max-width:560px;line-height:1.8;margin-bottom:2.25rem}.ec-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.ec-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--ec-accent);color:#fff;font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:1px solid transparent;transition:background-color var(--transition)}.ec-btn-primary:hover{background-color:var(--ec-accent-light);color:#fff}.ec-btn-outline{background-color:transparent;color:var(--color-text-1);font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border:1px solid var(--color-border-hover);border-radius:var(--radius-md);transition:background-color var(--transition),border-color var(--transition)}.ec-btn-outline:hover{background-color:var(--color-surface);border-color:var(--color-surface-3)}.ec-section{padding:5rem 2rem;border-bottom:1px solid var(--color-border)}.ec-light{background-color:var(--color-bg)}.ec-dark{background-color:var(--color-surface)}.ec-container{max-width:var(--max-width);margin:0 auto}.ec-section h2{font-size:1.875rem;font-weight:800;color:var(--color-text-1);letter-spacing:var(--tracking-tight);line-height:1.2;margin-bottom:1.25rem}.ec-light-heading{color:var(--color-text-1)!important}.ec-section>.ec-container>p{font-size:.95rem;color:var(--color-text-2);line-height:1.85;margin-bottom:1rem;max-width:760px}.ec-sub{color:var(--color-text-2)!important;margin-bottom:2.5rem!important}.ec-gods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-top:1rem}.ec-god-card{background-color:var(--color-bg);padding:1.5rem;transition:background-color var(--transition)}.ec-god-card:hover,.ec-dark .ec-god-card{background-color:var(--color-surface)}.ec-dark .ec-god-card:hover{background-color:var(--color-surface-2)}.ec-god-origin{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--ec-accent-light);margin-bottom:.35rem}.ec-god-card h3{font-size:1.05rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.02em;margin-bottom:.2rem}.ec-god-domain{font-size:.775rem;color:var(--color-text-3);margin-bottom:.75rem}.ec-god-card p{font-size:.82rem;color:var(--color-text-2);line-height:1.65;margin:0;max-width:none}.ec-two-col{display:flex;gap:4rem;align-items:flex-start}.ec-two-col>div:first-child{flex:1}.ec-two-col p{font-size:.95rem;color:var(--color-text-2);line-height:1.85;margin-bottom:1rem;max-width:620px}.ec-check-list{list-style:none;padding:0;margin-top:1.25rem}.ec-check-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-2);padding:.6rem 0;border-bottom:1px solid var(--color-border)}.ec-check-list li svg{color:var(--ec-accent-light);flex-shrink:0}.ec-stack-box{flex:0 0 280px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem}.ec-stack-box h3{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-4);margin-bottom:1.25rem}.ec-stack-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.ec-stack-item:last-child{border-bottom:none;padding-bottom:0}.ec-stack-name{font-size:.85rem;font-weight:600;color:var(--color-text-1);font-family:SFMono-Regular,Consolas,monospace}.ec-stack-role{font-size:.775rem;color:var(--color-text-3);text-align:right}.ec-roadmap{display:flex;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-top:1rem}.ec-phase{flex:1;background-color:var(--color-bg);padding:1.75rem;transition:background-color var(--transition)}.ec-phase:hover{background-color:var(--color-surface)}.ec-phase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.ec-phase-title{display:flex;align-items:center;gap:.5rem}.ec-phase-title svg{color:var(--ec-accent-light)}.ec-phase h3{font-size:.95rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.01em}.ec-status-active{font-size:.65rem;font-weight:600;padding:.2rem .65rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.07em;color:#fbbf24;border:1px solid rgba(251,191,36,.25);background:#fbbf2414}.ec-status-planned{font-size:.65rem;font-weight:600;padding:.2rem .65rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-3);border:1px solid var(--color-border)}.ec-phase ul{list-style:none;padding:0}.ec-phase ul li{font-size:.85rem;color:var(--color-text-2);padding:.55rem 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.6rem;line-height:1.4}.ec-phase ul li:last-child{border-bottom:none;padding-bottom:0}.ec-phase ul li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--ec-accent-light);flex-shrink:0}@media (max-width: 1024px){.ec-gods-grid{grid-template-columns:repeat(2,1fr)}.ec-two-col{flex-direction:column}.ec-stack-box{flex:none;width:100%}.ec-roadmap{flex-direction:column;gap:1px}}@media (max-width: 640px){.ec-hero{padding:5rem 1.25rem 3.5rem;min-height:auto}.ec-hero h1{font-size:2.5rem}.ec-gods-grid{grid-template-columns:1fr}.ec-section{padding:3.5rem 1.25rem}}.notfound-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-dark)}.notfound-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.notfound-code{font-family:Orbitron,sans-serif;font-size:7rem;font-weight:800;color:#3b82f626;line-height:1;margin-bottom:1rem}.notfound-body h1{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:800;color:#f8fafc;margin-bottom:.75rem}.notfound-body p{font-size:1rem;color:#64748b;margin-bottom:2.5rem}.notfound-btn{background-color:#2563eb;color:#fff;font-weight:600;font-size:.95rem;padding:.8rem 1.75rem;border-radius:var(--radius-md);transition:background-color .2s ease}.notfound-btn:hover{background-color:#1d4ed8}