@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-primary:#0369a1;--color-primary-dark:#075985;--color-primary-hover:#075985;--color-accent:#0891b2;--color-primary-contrast:#fff;--color-focus-ring:#0369a1;--brand-ethics:#0284c7;--brand-ethics-text:#0369a1;--brand-ethics-bg:#0284c71a;--brand-ethics-border:#0284c74d;--brand-ethics-contrast:#fff;--brand-xpense:#059669;--brand-xpense-text:#047857;--brand-xpense-bg:#0596691a;--brand-xpense-border:#0596694d;--brand-xpense-contrast:#fff;--brand-streako:#ea580c;--brand-streako-text:#c2410c;--brand-streako-bg:#ea580c1a;--brand-streako-border:#ea580c4d;--brand-streako-contrast:#fff;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-elevated:#f1f5f9;--color-surface-2:#f1f5f9;--color-code-bg:#f1f5f9;--color-surface-hover:#e2e8f0;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#475569;--color-border:#e2e8f0;--color-border-strong:#738296;--color-success:#15803d;--color-warning:#b45309;--color-error:#b91c1c;--color-card-bg:#fffffff0;--color-card-border:#cbd5e1e6;--color-glow:#0369a12e;--color-primary-light:#0369a11a;--color-youtube:#cc0029;--color-youtube-hover:#a80022;--nav-bg:#ffffffe0;--nav-border:#cbd5e1d9;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 6px 18px #0f172a12, 0 2px 4px #0f172a0a;--shadow-lg:0 16px 36px #0f172a1a, 0 4px 10px #0f172a0d;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-full:9999px;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--max-width:1240px;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#64748b;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root:has(>head>meta[name=color-scheme][content=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has(>head>meta[name=color-scheme][content=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is([data-theme=dark],:root:has(>head>meta[name=color-scheme][content=dark])){--color-primary:#38bdf8;--color-primary-dark:#0ea5e9;--color-primary-hover:#7dd3fc;--color-accent:#38bdf8;--color-primary-contrast:#080b12;--color-focus-ring:#7dd3fc;--brand-ethics:#38bdf8;--brand-ethics-text:#7dd3fc;--brand-ethics-bg:#38bdf824;--brand-ethics-border:#38bdf859;--brand-ethics-contrast:#080b12;--brand-xpense:#34d399;--brand-xpense-text:#6ee7b7;--brand-xpense-bg:#34d39924;--brand-xpense-border:#34d39959;--brand-xpense-contrast:#05130d;--brand-streako:#fb923c;--brand-streako-text:#fdba74;--brand-streako-bg:#fb923c24;--brand-streako-border:#fb923c59;--brand-streako-contrast:#170a02;--color-bg:#080b12;--color-surface:#111827;--color-surface-elevated:#172033;--color-surface-2:#172033;--color-code-bg:#172033;--color-surface-hover:#1e293b;--color-text:#f8fafc;--color-text-secondary:#a3b3c9;--color-text-muted:#94a3b8;--color-border:#1e293b;--color-border-strong:#64748b;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-card-bg:#111827e6;--color-card-border:#334155bf;--color-glow:#38bdf838;--color-primary-light:#38bdf824;--color-youtube:#dc2626;--color-youtube-hover:#b91c1c;--nav-bg:#111827e0;--nav-border:#334155cc;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 8px 22px #0000008c;--shadow-lg:0 18px 40px #000000bf;--scrollbar-track:#111827;--scrollbar-thumb:#64748b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(:has(>head>meta[name=color-scheme][content=light])){--color-primary:#38bdf8;--color-primary-dark:#0ea5e9;--color-primary-hover:#7dd3fc;--color-accent:#38bdf8;--color-primary-contrast:#080b12;--color-focus-ring:#7dd3fc;--brand-ethics:#38bdf8;--brand-ethics-text:#7dd3fc;--brand-ethics-bg:#38bdf824;--brand-ethics-border:#38bdf859;--brand-ethics-contrast:#080b12;--brand-xpense:#34d399;--brand-xpense-text:#6ee7b7;--brand-xpense-bg:#34d39924;--brand-xpense-border:#34d39959;--brand-xpense-contrast:#05130d;--brand-streako:#fb923c;--brand-streako-text:#fdba74;--brand-streako-bg:#fb923c24;--brand-streako-border:#fb923c59;--brand-streako-contrast:#170a02;--color-bg:#080b12;--color-surface:#111827;--color-surface-elevated:#172033;--color-surface-2:#172033;--color-code-bg:#172033;--color-surface-hover:#1e293b;--color-text:#f8fafc;--color-text-secondary:#a3b3c9;--color-text-muted:#94a3b8;--color-border:#1e293b;--color-border-strong:#64748b;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-card-bg:#111827e6;--color-card-border:#334155bf;--color-glow:#38bdf838;--color-primary-light:#38bdf824;--color-youtube:#dc2626;--color-youtube-hover:#b91c1c;--nav-bg:#111827e0;--nav-border:#334155cc;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 8px 22px #0000008c;--shadow-lg:0 18px 40px #000000bf;--scrollbar-track:#111827;--scrollbar-thumb:#64748b}}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}}*,:before,:after{box-sizing:border-box}html{accent-color:var(--color-primary);scroll-padding-top:84px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size-adjust:from-font;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;transition:background-color .2s,color .2s;overflow-x:clip}h1,h2,h3,h4{color:var(--color-text);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;line-height:1.25}p,blockquote{color:var(--color-text-secondary);text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;color:inherit;background:0 0;border:none}img,svg{max-width:100%;display:block}:where(a:any-link,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2.5px solid var(--color-focus-ring);outline-offset:3px}.visually-hidden:where(:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link:focus{z-index:3000;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-lg);padding:10px 18px;font-size:.9rem;font-weight:700;position:fixed;top:14px;left:14px}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:24px}@media (width<=640px){.container{padding-inline:16px}}.section-wrapper{padding-block:88px;position:relative}@media (width<=768px){.section-wrapper{padding-block:60px}}.section-header{text-align:center;max-width:740px;margin:0 auto 48px}.section-header .section-eyebrow{margin-bottom:14px}.section-header h2{margin-bottom:14px;font-size:clamp(1.9rem,3.4vw,2.65rem)}.section-header p{max-width:64ch;margin-inline:auto;font-size:1.05rem;line-height:1.65}.glass-card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color .22s,box-shadow .22s,transform .22s}.gradient-text{color:var(--color-primary)}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-mini{padding:3px 9px;font-size:.7rem}.badge-primary,.badge-accent{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-glow)}.badge-emerald{background:var(--brand-xpense-bg);color:var(--brand-xpense-text);border:1px solid var(--brand-xpense-border)}.badge-yt{color:#b00022;background:#cc00291f;border:1px solid #cc002947}[data-theme=dark] .badge-yt{color:#fca5a5;background:#f8717124;border-color:#f8717159}.badge-brand-ethics-of-coding{background:var(--brand-ethics-bg);color:var(--brand-ethics-text);border:1px solid var(--brand-ethics-border)}.badge-brand-xpense-cloud{background:var(--brand-xpense-bg);color:var(--brand-xpense-text);border:1px solid var(--brand-xpense-border)}.badge-brand-streako{background:var(--brand-streako-bg);color:var(--brand-streako-text);border:1px solid var(--brand-streako-border)}.btn{border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;text-align:center;justify-content:center;align-items:center;gap:8px;min-block-size:44px;padding:10px 20px;font-size:.92rem;font-weight:600;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-sm{border-radius:var(--radius-sm);min-block-size:36px;padding:7px 14px;font-size:.83rem}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 4px 14px var(--color-glow)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 6px 20px var(--color-glow)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-youtube{background:var(--color-youtube);color:#fff;box-shadow:0 4px 14px #cc002940}.btn-youtube:hover{background:var(--color-youtube-hover);box-shadow:0 6px 20px #cc002959}.btn-brand-ethics-of-coding{background:var(--brand-ethics-text);color:var(--brand-ethics-contrast)}[data-theme=dark] .btn-brand-ethics-of-coding{background:var(--brand-ethics)}.btn-brand-xpense-cloud{background:var(--brand-xpense-text);color:var(--brand-xpense-contrast)}[data-theme=dark] .btn-brand-xpense-cloud{background:var(--brand-xpense)}.btn-brand-streako{background:var(--brand-streako-text);color:var(--brand-streako-contrast)}[data-theme=dark] .btn-brand-streako{background:var(--brand-streako)}.btn-brand-ethics-of-coding:hover,.btn-brand-xpense-cloud:hover,.btn-brand-streako:hover{filter:brightness(.93);box-shadow:var(--shadow-md)}[data-theme=dark] .btn-brand-ethics-of-coding:hover,[data-theme=dark] .btn-brand-xpense-cloud:hover,[data-theme=dark] .btn-brand-streako:hover{filter:brightness(1.07)}.brand-text-ethics-of-coding{color:var(--brand-ethics-text)}.brand-text-xpense-cloud{color:var(--brand-xpense-text)}.brand-text-streako{color:var(--brand-streako-text)}.brand-icon-ethics-of-coding{background:var(--brand-ethics-bg);color:var(--brand-ethics-text);border:1px solid var(--brand-ethics-border)}.brand-icon-xpense-cloud{background:var(--brand-xpense-bg);color:var(--brand-xpense-text);border:1px solid var(--brand-xpense-border)}.brand-icon-streako{background:var(--brand-streako-bg);color:var(--brand-streako-text);border:1px solid var(--brand-streako-border)}.brand-chip-ethics-of-coding{background:var(--brand-ethics-bg);color:var(--brand-ethics-text);border-color:var(--brand-ethics-border)}.brand-chip-xpense-cloud{background:var(--brand-xpense-bg);color:var(--brand-xpense-text);border-color:var(--brand-xpense-border)}.brand-chip-streako{background:var(--brand-streako-bg);color:var(--brand-streako-text);border-color:var(--brand-streako-border)}.navbar-wrapper{width:100%;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border);z-index:1000;min-block-size:68px;transition:box-shadow .25s,border-color .25s;position:sticky;top:0}.navbar-wrapper.scrolled{box-shadow:var(--shadow-md);border-bottom-color:var(--color-border-strong)}.nav-container{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;gap:12px;min-block-size:68px;margin-inline:auto;padding:10px 24px;display:flex}.brand-logo{align-items:center;gap:12px;min-inline-size:0;display:flex}.logo-badge{background:var(--color-surface-2);border:1px solid var(--color-border-strong);width:40px;height:40px;color:var(--color-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.tectriad-lottie-logo{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.tectriad-lottie-logo svg{width:100%;height:100%;display:block}.brand-logo:hover .logo-badge{border-color:var(--color-primary);transform:scale(1.04)}.brand-names{flex-direction:column;min-inline-size:0;display:flex}.brand-title-row{align-items:center;gap:8px;display:flex}.brand-title{letter-spacing:-.02em;color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.2}.brand-badge-pill{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-glow);border-radius:var(--radius-full);padding:1px 7px;font-size:.65rem;font-weight:700}.brand-subtitle{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:500;overflow:hidden}.desktop-nav{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 6px;display:flex}.nav-link{color:var(--color-text-secondary);border-radius:var(--radius-full);padding:7px 14px;font-size:.85rem;font-weight:600;transition:color .18s,background-color .18s,box-shadow .18s}.nav-link:hover,.nav-link.active{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm)}.nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.theme-toggle-btn{border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border-strong);min-block-size:40px;min-inline-size:40px;color:var(--color-text);justify-content:center;align-items:center;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.nav-subscribe-btn{border-radius:var(--radius-full);padding-inline:16px}.mobile-hamburger-btn{background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);flex-direction:column;justify-content:center;align-items:center;gap:5px;min-block-size:42px;min-inline-size:42px;padding:9px;display:none}.hamburger-line{background:var(--color-text);transform-origin:50%;border-radius:2px;width:18px;height:2px}@media (prefers-reduced-motion:no-preference){.hamburger-line{transition:transform .22s,opacity .18s}}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:999;flex-direction:column;gap:14px;padding:18px;display:flex;position:absolute;top:calc(100% + 8px);left:12px;right:12px}@media (prefers-reduced-motion:no-preference){.mobile-drawer{animation:.18s cubic-bezier(.16,1,.3,1) slideDown}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer-links{flex-direction:column;gap:8px;display:flex}.mobile-nav-link{border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border);min-block-size:44px;color:var(--color-text);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.94rem;font-weight:600;display:flex}.mobile-nav-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.mobile-drawer-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding-top:12px;display:flex}.mobile-theme-row{justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.mobile-drawer-cta{width:100%}@media (width<=1080px){.brand-subtitle{display:none}}@media (width<=900px){.desktop-nav,.nav-subscribe-btn{display:none}.mobile-hamburger-btn{display:inline-flex}}@media (width<=640px){.nav-container{min-block-size:60px;padding:8px 16px}}.hero-section{padding:64px 0 56px;position:relative}@media (width<=768px){.hero-section{padding:44px 0 40px}}.hero-content-grid{flex-direction:column;align-items:center;gap:44px;display:flex}.hero-text-block{text-align:center;flex-direction:column;align-items:center;max-width:820px;display:flex}.hero-badge{margin-bottom:18px}.pulsing-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.pulsing-dot{animation:2.2s ease-in-out infinite pulseGlow}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.hero-title{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(2.2rem,4.4vw,3.65rem);font-weight:700;line-height:1.15}.hero-description{max-width:66ch;margin-bottom:28px;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.triad-architecture{flex-direction:column;align-items:center;width:100%;display:flex}.triad-parent-node{border-radius:var(--radius-xl);border-color:var(--color-glow);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:12px 20px;display:inline-flex}.triad-parent-head{align-items:center;gap:12px;display:flex}.triad-parent-emblem{background:var(--color-surface-2);border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.triad-parent-copy{text-align:left;flex-direction:column;line-height:1.2;display:flex}.triad-parent-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);font-size:.68rem;font-weight:700}.triad-parent-name{color:var(--color-text);font-size:1.05rem;font-weight:700}.triad-parent-divider{background:var(--color-border-strong);width:1px;height:26px}.triad-founders-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.triad-founder-pill{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:11px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.triad-founder-avatar{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.72rem;font-weight:700;display:inline-flex;overflow:hidden}.triad-founder-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.triad-founder-name{color:var(--color-text);font-size:.82rem;font-weight:700}@media (width<=760px){.triad-parent-node{gap:12px;padding:14px 16px}.triad-parent-divider{display:none}}.triad-connectors{justify-content:center;align-items:center;width:100%;height:52px;display:flex;position:relative}.triad-connector-svg{width:100%;height:100%;position:absolute;inset:0}.triad-connector-label{z-index:1;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);padding:3px 12px;font-size:.72rem;font-weight:700;position:relative}.triad-line-stem,.triad-line-rail{stroke:var(--color-border-strong);stroke-width:2px}.triad-line-drop{stroke-width:2.5px}.triad-drop-ethics{stroke:var(--brand-ethics)}.triad-drop-xpense{stroke:var(--brand-xpense)}.triad-drop-streako{stroke:var(--brand-streako)}@media (width<=960px){.triad-connectors{height:auto;padding:14px 0}.triad-connector-svg{display:none}}.triad-kind-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid #0000;padding:4px 10px;font-size:.72rem;font-weight:700}.triad-branches-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (width<=960px){.triad-branches-grid{grid-template-columns:1fr;gap:16px}}.triad-branch-card{border-top-width:3px;flex-direction:column;justify-content:space-between;gap:16px;padding:22px;display:flex}.triad-branch-card.brand-theme-ethics-of-coding{border-top-color:var(--brand-ethics)}.triad-branch-card.brand-theme-xpense-cloud{border-top-color:var(--brand-xpense)}.triad-branch-card.brand-theme-streako{border-top-color:var(--brand-streako)}.triad-branch-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.triad-branch-top{justify-content:space-between;align-items:center;display:flex}.triad-branch-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.triad-branch-index{color:var(--color-text-muted);letter-spacing:.05em;font-size:.78rem;font-weight:700}.triad-branch-body{flex-direction:column;flex-grow:1;gap:6px;display:flex}.triad-branch-role{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.76rem;font-weight:700}.triad-branch-name{color:var(--color-text);font-size:1.32rem;font-weight:700}.triad-branch-summary{font-size:.9rem;line-height:1.55}.triad-branch-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.triad-status-chip{border-radius:var(--radius-full);border:1px solid #0000;padding:4px 10px;font-size:.74rem;font-weight:700}.triad-branch-links{align-items:center;gap:12px;display:flex}.triad-branch-anchor,.triad-branch-ext{color:var(--color-text);align-items:center;gap:4px;padding:4px 2px;font-size:.82rem;font-weight:600;display:inline-flex}.triad-branch-anchor:hover,.triad-branch-ext:hover{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.projects-section{background:var(--color-surface-2)}.ecosystem-grid{grid-template-rows:auto auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;display:grid}.ecosystem-card{grid-row:span 4;grid-template-rows:auto 1fr auto auto;grid-template-rows:subgrid;border-radius:var(--radius-xl);padding:28px 24px;display:grid;position:relative}.ecosystem-card.brand-theme-xpense-cloud{border-top:3px solid var(--brand-xpense)}.ecosystem-card.brand-theme-streako{border-top:3px solid var(--brand-streako)}.ecosystem-card.brand-theme-ethics-of-coding{border-top:3px solid var(--brand-ethics)}@media (width<=1080px){.ecosystem-grid{grid-template-rows:auto;grid-template-columns:1fr}.ecosystem-card{grid-row:auto;grid-template-rows:auto auto auto auto;padding:24px 20px}}.ecosystem-card-header{flex-direction:column;gap:12px;display:flex}.ecosystem-brand-row{align-items:flex-start;gap:14px;display:flex}.project-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.project-title-group{flex-direction:column;gap:6px;min-inline-size:0;display:flex}.project-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-platform-tag{color:var(--color-text-secondary);background:var(--color-surface-2);border-radius:var(--radius-full);border:1px solid var(--color-border);padding:3px 9px;font-size:.72rem;font-weight:600}.project-name{letter-spacing:-.02em;font-size:1.45rem;font-weight:700}.project-tagline-text{font-size:.96rem;font-weight:700;line-height:1.4}.ecosystem-card-body{flex-direction:column;gap:18px;display:flex}.project-description-text{font-size:.92rem;line-height:1.6}.ecosystem-feature-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ecosystem-feature-item{align-items:flex-start;gap:10px;display:flex}.ecosystem-feat-icon{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.ecosystem-feat-copy{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.ecosystem-feat-title{color:var(--color-text);font-size:.86rem;font-weight:700}.ecosystem-feat-desc{color:var(--color-text-secondary);font-size:.81rem;line-height:1.45}.ecosystem-card-meta{flex-direction:column;align-self:end;gap:14px;display:flex}.ecosystem-stats-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ecosystem-stat-box{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.ecosystem-stat-label{color:var(--color-text-secondary);font-size:.72rem;font-weight:600}.ecosystem-stat-value{color:var(--color-text);font-size:.92rem;font-weight:700}.project-pills-row{flex-wrap:wrap;flex-wrap:balance;gap:7px;display:flex}.project-pill{color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;gap:6px;padding:5px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.project-pill-icon{align-items:center;display:inline-flex}.project-actions-container{border-top:1px solid var(--color-card-border);flex-direction:column;justify-content:flex-start;align-self:stretch;gap:10px;padding-top:18px;display:flex}.project-primary-btn{width:100%}.project-secondary-actions{flex-wrap:wrap;gap:8px;display:flex}.project-secondary-actions .store-btn{flex:120px}.header-channel-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.channel-info-pill{border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.yt-dot{background:var(--color-youtube);border-radius:50%;width:8px;height:8px}.video-filter-bar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:14px 18px;display:flex}@media (width<=900px){.video-filter-bar{flex-direction:column;align-items:stretch}}.category-pills-row{flex-wrap:wrap;flex-wrap:balance;align-items:center;gap:8px;display:flex}.category-pill-btn{border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border-strong);min-block-size:38px;color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:7px 14px;font-size:.84rem;font-weight:600;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.category-pill-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.category-pill-btn.active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.pill-count{border-radius:var(--radius-full);color:inherit;background:#0f172a1a;padding:1px 7px;font-size:.72rem}[data-theme=dark] .pill-count{background:#ffffff24}.category-pill-btn.active .pill-count{background:#ffffff38}[data-theme=dark] .category-pill-btn.active .pill-count{background:#080b1238}.search-input-wrapper{flex:0 320px;align-items:center;min-inline-size:0;display:flex;position:relative}@media (width<=900px){.search-input-wrapper{flex:auto;width:100%}}.search-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:14px}.search-input{width:100%;border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border-strong);min-block-size:42px;font-family:var(--font-family);color:var(--color-text);padding:9px 40px;font-size:.88rem;transition:border-color .18s,box-shadow .18s}.search-input::placeholder{color:var(--color-text-secondary)}.search-input::-webkit-search-cancel-button{appearance:none}.clear-search-btn{border-radius:var(--radius-full);min-block-size:36px;min-inline-size:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex;position:absolute;right:4px}.clear-search-btn:hover{color:var(--color-text);background:var(--color-surface)}.results-status{color:var(--color-text-secondary);margin-bottom:24px;font-size:.84rem;font-weight:500}.videos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:44px;display:grid}@media (width<=1024px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (width<=640px){.videos-grid{grid-template-columns:1fr}}.video-card{border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.video-card:hover{border-color:var(--color-primary);transform:translateY(-3px)}.video-thumb-container{aspect-ratio:16/9;background:#0b1120;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-thumb-container:hover .video-thumbnail,.video-thumb-container:focus-visible .video-thumbnail{transform:scale(1.04)}.video-thumb-overlay{opacity:0;background:#080b1259;justify-content:center;align-items:center;transition:opacity .2s,background-color .2s;display:flex;position:absolute;inset:0}.video-thumb-container:hover .video-thumb-overlay,.video-thumb-container:focus-visible .video-thumb-overlay{opacity:1}@media (hover:none){.video-thumb-overlay{opacity:.9;background:#080b1233}}.play-button-circle{background:var(--color-youtube);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 18px #00000073}.video-duration-badge{color:#fff;background:#080b12e0;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:10px;right:10px}.video-featured-badge{background:var(--color-primary);color:var(--color-primary-contrast);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:3px 9px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #00000059}.video-info-content{flex-direction:column;flex-grow:1;padding:18px 20px 20px;display:flex}.video-meta-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.video-author{color:var(--color-text-secondary);font-size:.74rem;font-weight:600}.video-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-block-size:2.7em;margin-bottom:8px;font-size:1.04rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.video-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:14px;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}.video-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.video-tag{color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:600}.video-actions-row{border-top:1px solid var(--color-border);align-items:center;gap:10px;padding-top:14px;display:flex}.watch-preview-btn{flex:auto}.watch-yt-link{flex-shrink:0}.no-videos-box{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:0 auto 44px;padding:48px 24px;display:flex}.no-videos-icon{color:var(--color-primary)}.channel-cta-banner{background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 36px;padding:32px 36px;display:grid}.channel-cta-left{min-inline-size:0;max-width:60ch}.channel-cta-left h3{margin-bottom:8px;font-size:1.3rem;line-height:1.3}.channel-cta-left p{font-size:.94rem;line-height:1.6}.channel-cta-right{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (width<=960px){.channel-cta-banner{grid-template-columns:1fr;gap:20px;padding:26px 24px}.channel-cta-right{flex-wrap:wrap;justify-content:flex-start}}@media (width<=520px){.channel-cta-right{width:100%}.channel-cta-right .btn{flex:100%}}.tutorials-page-section{padding-top:44px}.tutorials-back-bar{justify-content:flex-start;margin-bottom:24px;display:flex}.tutorials-page-title{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(2rem,3.8vw,3rem);line-height:1.15}.videos-see-more-row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:-8px auto 44px;display:flex}.videos-see-more-caption{color:var(--color-text-secondary);font-size:.86rem}dialog.video-dialog{border:1px solid var(--color-card-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);width:min(100% - 32px,900px);max-width:none;max-height:92dvh;box-shadow:var(--shadow-lg);margin:auto;padding:0;overflow:auto}dialog.video-dialog[open]{flex-direction:column;display:flex}@media (prefers-reduced-motion:no-preference){dialog.video-dialog[open]{animation:.18s ease-out modalFadeIn}}dialog.video-dialog:modal{overscroll-behavior:contain}dialog.video-dialog::backdrop{-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;background:#080b12c7;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-content{flex-direction:column;width:100%;display:flex}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.modal-title-box{flex:auto;align-items:center;gap:12px;min-inline-size:0;display:flex}.modal-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.modal-close-btn{border-radius:var(--radius-sm);min-block-size:38px;min-inline-size:38px;color:var(--color-text-secondary);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-close-btn:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-surface-2)}.modal-player-container{aspect-ratio:16/9;background:#000;width:100%;position:relative}.modal-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.modal-footer{background:var(--color-surface-2);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.modal-note{color:var(--color-text-secondary);font-size:.82rem;font-weight:500}.modal-footer-actions{flex-wrap:wrap;gap:10px;display:flex}.pillars-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 36px;padding:0;list-style:none;display:grid}@media (width<=900px){.pillars-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.pillar-card{flex-direction:column;padding:20px 20px 24px;display:flex}.founder-photo-frame{aspect-ratio:1;border-radius:var(--radius-md);border-width:1px;width:100%;margin-bottom:18px;padding:0;position:relative;overflow:hidden}.founder-photo-backdrop{object-fit:cover;filter:blur(22px)saturate(1.1);opacity:.72;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.founder-photo-img{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative}@media (prefers-reduced-motion:no-preference){.founder-photo-img{transition:transform .3s}.pillar-card:hover .founder-photo-img{transform:scale(1.03)}}.founder-role-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.pillar-header-group{margin-bottom:10px}.pillar-subtitle{text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700;display:block}.pillar-title{margin-top:4px;font-size:1.22rem}.pillar-desc{font-size:.92rem;line-height:1.65}.mission-quote-card{text-align:center;background:var(--color-surface);padding:34px 36px}.quote-mark{color:var(--color-primary);opacity:.35;margin-bottom:-10px;font-family:Georgia,serif;font-size:3.4rem;line-height:1}.mission-quote-text{color:var(--color-text);max-width:56ch;margin:0 auto 16px;font-size:clamp(1.08rem,2vw,1.38rem);font-weight:700;line-height:1.5}.quote-attribution{flex-direction:column;align-items:center;gap:2px;display:flex}.quote-author{color:var(--color-primary);font-size:.94rem;font-weight:700}.quote-role{color:var(--color-text-secondary);font-size:.8rem}.footer-wrapper{background:var(--color-surface);border-top:1px solid var(--color-border);padding:64px 0 28px}.footer-content-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px;display:grid}@media (width<=960px){.footer-content-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.footer-content-grid{grid-template-columns:1fr}}.footer-logo{align-items:center;gap:12px;margin-bottom:14px;display:flex}.footer-brand-stack{flex-direction:column;display:flex}.footer-brand-name{color:var(--color-text);font-size:1.15rem;font-weight:700}.footer-brand-sub{color:var(--color-text-secondary);font-size:.74rem}.footer-about-text{max-width:34ch;margin-bottom:18px;font-size:.88rem;line-height:1.6}.footer-channel-badge{border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border-strong);min-block-size:40px;color:var(--color-text);align-items:center;gap:10px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:border-color .18s,color .18s;display:inline-flex}.footer-channel-badge:hover{border-color:var(--color-youtube);color:var(--color-youtube)}.footer-yt-icon{color:var(--color-youtube)}.footer-col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:16px;font-size:.88rem;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list a{color:var(--color-text-secondary);align-items:center;gap:5px;padding-block:2px;font-size:.88rem;display:inline-flex}.footer-links-list a:hover{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.footer-community-desc{margin-bottom:16px;font-size:.88rem;line-height:1.55}.footer-sub-btn{width:100%}.footer-bottom-bar{border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:22px;font-size:.82rem;display:flex}.back-to-top-btn{background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-block-size:36px;color:var(--color-text);align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.back-to-top-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (forced-colors:active){.glass-card,.navbar-wrapper,.btn,.badge,.category-pill-btn,.triad-founder-pill,.triad-connector-label,.triad-kind-badge,.triad-status-chip,dialog.video-dialog{border:1px solid canvastext}.gradient-text{color:canvastext}:where(a:any-link,button,input,[tabindex]):focus-visible{outline-offset:2px;outline:2px solid highlight}}