@font-face{font-family: 'Plus Jakarta Sans';font-style: normal;font-weight: 400;font-display: swap;src: url(../assets/fonts/jakarta-0.ttf) format('truetype');}@font-face{font-family: 'Plus Jakarta Sans';font-style: normal;font-weight: 500;font-display: swap;src: url(../assets/fonts/jakarta-1.ttf) format('truetype');}@font-face{font-family: 'Plus Jakarta Sans';font-style: normal;font-weight: 600;font-display: swap;src: url(../assets/fonts/jakarta-2.ttf) format('truetype');}@font-face{font-family: 'Plus Jakarta Sans';font-style: normal;font-weight: 700;font-display: swap;src: url(../assets/fonts/jakarta-3.ttf) format('truetype');}@font-face{font-family: 'Plus Jakarta Sans';font-style: normal;font-weight: 800;font-display: swap;src: url(../assets/fonts/jakarta-4.ttf) format('truetype');}*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0;}html{scroll-behavior: smooth;text-size-adjust: 100%;}:root{--font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-serif: 'Newsreader', Georgia, Cambria, serif;--font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;--font-script: 'Caveat', cursive, -apple-system, sans-serif;--bg-base: #FBFBFA;--bg-surface: #FFFFFF;--bg-subtle: #F3F4F6;--bg-warm: #F7F6F2;--bg-nav: rgba(251, 251, 250, 0.92);--border: #E5E7EB;--border-light: #F0F2F5;--border-dark: #D1D5DB;--border-accent: #059669;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #6B7280;--text-dim: #9CA3AF;--emerald: #059669;--emerald-subtle: #ECFDF5;--emerald-border: #A7F3D0;--amber: #D97706;--amber-subtle: #FFFBEB;--amber-border: #FDE68A;--blue: #2563EB;--blue-subtle: #EFF6FF;--slate: #0F172A;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--max-w: 1360px;--nav-height: 72px;--transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.03);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.06);--shadow-hover: 0 12px 32px -4px rgba(0, 0, 0, 0.1);}@media (min-width: 1440px){:root{--max-w: 1420px;}}body{font-family: var(--font-sans);font-size: 16px;line-height: 1.7;color: var(--text-secondary);background-color: var(--bg-base);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;min-height: 100vh;}.container{max-width: var(--max-w);margin: 0 auto;padding: 0 32px;}@media (max-width: 768px){.container{padding: 0 20px;}}.site-nav{position: fixed;top: 0;left: 0;right: 0;height: var(--nav-height);z-index: 1000;background: var(--bg-nav);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid var(--border);transition: all var(--transition);}.nav-inner{height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 16px;}.nav-brand{display: flex;align-items: center;gap: 12px;text-decoration: none;color: var(--text-primary);flex-shrink: 0;}.nav-brand-title{font-weight: 700;font-size: 1.05rem;letter-spacing: -0.02em;color: var(--text-primary);}.nav-brand-subtitle{font-size: 0.78rem;color: var(--text-muted);font-family: var(--font-serif);font-style: italic;}.nav-menu-wrapper{display: flex;align-items: center;}.nav-links{display: flex;align-items: center;gap: 6px;list-style: none;}.nav-link{color: var(--text-secondary);text-decoration: none;font-size: 0.88rem;font-weight: 500;padding: 6px 13px;border-radius: var(--radius-full);transition: all var(--transition);white-space: nowrap;}.nav-link:hover, .nav-link.active{color: var(--text-primary);background: var(--bg-subtle);}.nav-cta{background: var(--text-primary);color: #FFFFFF !important;font-weight: 600;padding: 8px 18px;}.nav-cta:hover{background: #27272A;transform: translateY(-1px);}.nav-actions-cluster{display: flex;align-items: center;gap: 10px;flex-shrink: 0;}.nav-mobile-toggle{display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 42px;height: 42px;border-radius: 10px;background: var(--bg-surface);border: 1.5px solid var(--border);cursor: pointer;padding: 8px;transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);}.nav-mobile-toggle:hover{background: var(--bg-subtle);border-color: var(--border-dark);}.nav-mobile-toggle span{display: block;width: 20px;height: 2px;background: var(--text-primary);border-radius: 2px;transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;}.nav-mobile-toggle.active span:nth-child(1){transform: translateY(7px) rotate(45deg);}.nav-mobile-toggle.active span:nth-child(2){opacity: 0;transform: scaleX(0);}.nav-mobile-toggle.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}@media (max-width: 1024px){.nav-mobile-toggle{display: flex;}.nav-menu-wrapper{position: fixed;top: var(--nav-height);left: 0;right: 0;height: calc(100dvh - var(--nav-height));background: rgba(251, 251, 250, 0.98);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border-top: 1px solid var(--border);display: flex;flex-direction: column;padding: 24px 20px 40px;overflow-y: auto;opacity: 0;pointer-events: none;transform: translateY(-12px);transition: opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1), transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);z-index: 999;}.nav-menu-wrapper.open{opacity: 1;pointer-events: auto;transform: translateY(0);}.nav-links{flex-direction: column;align-items: stretch;gap: 8px;width: 100%;max-width: 440px;margin: 0 auto;}.nav-link{display: flex;align-items: center;justify-content: flex-start;padding: 13px 18px;font-size: 1.08rem;font-weight: 600;color: var(--text-primary);border-radius: 12px;border: 1px solid transparent;transition: all 0.2s ease;}.nav-link:hover, .nav-link.active{background: var(--bg-surface);border-color: var(--border);color: var(--text-primary);transform: translateX(4px);}.nav-item-cta{margin-top: 14px;width: 100%;}.nav-item-cta .nav-cta{display: flex;align-items: center;justify-content: center;width: 100%;padding: 14px 20px;font-size: 1rem;border-radius: 14px;background: var(--text-primary);color: #FFFFFF !important;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);}.nav-item-cta .nav-cta:hover{background: #27272A;transform: translateY(-2px);}}@media (max-width: 480px){.nav-brand-title{font-size: 0.95rem;}.nav-brand-subtitle{font-size: 0.72rem;}.nav-inner{padding: 0 4px;}}.hero-section{padding-top: calc(var(--nav-height) + 48px);padding-bottom: 60px;background: radial-gradient(circle at 8% 18%, rgba(111, 184, 142, 0.05) 0%, transparent 45%), radial-gradient(circle at 92% 55%, rgba(141, 199, 166, 0.05) 0%, transparent 45%), var(--bg-base);position: relative;overflow: hidden;}.hero-container-rel{position: relative;z-index: 2;}.hero-3d-landscape{position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;z-index: 1;overflow: hidden;opacity: 0.88;}#argentMassifCanvas{width: 100%;height: 100%;display: block;}.hero-3d-gradient-mask{position: absolute;inset: 0;background: radial-gradient(circle at 68% 46%, rgba(251, 251, 250, 0.05) 15%, rgba(251, 251, 250, 0.72) 65%, var(--bg-base) 100%), linear-gradient(to bottom, transparent 65%, var(--bg-base) 100%);pointer-events: none;}.hero-mark-layout{display: grid;grid-template-columns: 1.15fr 0.9fr;gap: 48px;align-items: center;margin-bottom: 56px;}@media (max-width: 960px){.hero-mark-layout{grid-template-columns: 1fr;gap: 40px;}}.hero-visitor-pill{display: inline-flex;align-items: center;gap: 9px;background: #FFFFFF;border: 1px solid var(--border);padding: 6px 15px;border-radius: var(--radius-full);font-size: 0.84rem;font-weight: 500;color: var(--text-secondary);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);margin-bottom: 22px;transition: all var(--transition);}.hero-visitor-pill:hover{border-color: var(--border-dark);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);transform: translateY(-1px);}.visitor-pulse-dot{width: 8px;height: 8px;border-radius: 50%;background: #10B981;position: relative;display: inline-block;}.visitor-pulse-dot::after{content: '';position: absolute;top: -3px;left: -3px;right: -3px;bottom: -3px;border-radius: 50%;background: rgba(16, 185, 129, 0.4);animation: pulsePing 3.2s infinite cubic-bezier(0.16, 1, 0.3, 1);}@keyframes pulsePing{0%{transform: scale(1);opacity: 0.75;}50%{transform: scale(2.2);opacity: 0;}100%{transform: scale(1);opacity: 0;}}.hero-mark-name{font-family: var(--font-sans);font-size: clamp(2.8rem, 5.2vw, 4.4rem);font-weight: 800;line-height: 1.1;letter-spacing: -0.035em;color: #0F172A;margin-bottom: 16px;}.hero-mark-name .name-gradient{background: linear-gradient(135deg, #224431 0%, #56AC7B 55%, #6FB88E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.hero-manifesto-title{font-family: var(--font-sans);font-size: clamp(2.2rem, 3.8vw, 3.25rem);font-weight: 800;line-height: 1.18;letter-spacing: -0.035em;color: #0F172A;margin-bottom: 16px;}.hero-manifesto-title .accent-pipeline{background: linear-gradient(135deg, #1D4ED8 0%, #2563EB 50%, #38BDF8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}.hero-manifesto-title .accent-insight{background: linear-gradient(135deg, #047857 0%, #059669 50%, #10B981 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}.hero-manifesto-sub{font-family: var(--font-sans);font-size: clamp(1.15rem, 2vw, 1.45rem);font-weight: 700;line-height: 1.48;letter-spacing: -0.015em;color: #1E293B;margin-bottom: 18px;}.hero-manifesto-sub .accent-practical{color: #059669;font-weight: 800;position: relative;display: inline;background: linear-gradient(180deg, transparent 72%, rgba(16, 185, 129, 0.22) 72%);}.hero-manifesto-bio{font-size: 1.02rem;line-height: 1.82;color: #475569;margin-bottom: 26px;}.hero-manifesto-bio strong{color: #0F172A;font-weight: 700;}.hero-manifesto-bio .accent-story{color: #0F172A;font-weight: 800;background: linear-gradient(180deg, transparent 72%, rgba(245, 158, 11, 0.25) 72%);display: inline;}.hero-manifesto-bio .accent-role{color: #6FB88E;font-weight: 800;background: rgba(111, 184, 142, 0.08);border: 1px solid rgba(111, 184, 142, 0.22);padding: 2px 8px;border-radius: 6px;display: inline-block;white-space: nowrap;}.hero-mark-sub{font-size: clamp(1.05rem, 1.8vw, 1.25rem);color: #475569;font-weight: 500;line-height: 1.6;margin-bottom: 24px;}.hero-typewriter-text{font-weight: 700;color: #6FB88E;border-bottom: 2px solid rgba(111, 184, 142, 0.3);padding-bottom: 1px;}.typing-cursor{display: inline-block;color: #6FB88E;font-weight: 400;animation: blinkCursor 0.8s infinite;margin-left: 2px;}@keyframes blinkCursor{0%, 100%{opacity: 1;}50%{opacity: 0;}}.hero-social-strip{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-bottom: 32px;}.hero-social-btn{width: 42px;height: 42px;border-radius: 50%;background: #FFFFFF;border: 1px solid var(--border);display: inline-flex;align-items: center;justify-content: center;color: #475569;text-decoration: none;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);transition: all var(--transition);position: relative;cursor: pointer;}.hero-social-btn svg{width: 19px;height: 19px;fill: currentColor;transition: transform 0.2s ease;}.hero-social-btn:hover{color: #6FB88E;border-color: #CCE6D7;background: #F7FBF9;transform: translateY(-3px);box-shadow: 0 8px 16px rgba(111, 184, 142, 0.12);}.hero-social-btn:hover svg{transform: scale(1.1);}.hero-social-btn::after{content: attr(data-tip);position: absolute;bottom: -32px;left: 50%;transform: translateX(-50%) translateY(4px);background: #0F172A;color: #FFFFFF;font-size: 0.72rem;font-weight: 600;padding: 3px 8px;border-radius: 6px;white-space: nowrap;opacity: 0;pointer-events: none;transition: all 0.2s ease;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);z-index: 10;}.hero-social-btn:hover::after{opacity: 1;transform: translateX(-50%) translateY(0);}.hero-cta-group{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;}.hero-pill-btn{display: inline-flex;align-items: center;gap: 10px;height: 48px;padding: 0 24px;border-radius: var(--radius-full);font-size: 0.95rem;font-weight: 600;text-decoration: none;transition: all var(--transition);cursor: pointer;border: 1px solid transparent;}.hero-btn-purple{background: linear-gradient(135deg, #6FB88E 0%, #8DC7A6 100%);color: #FFFFFF !important;box-shadow: 0 4px 14px rgba(111, 184, 142, 0.25);}.hero-btn-purple:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(111, 184, 142, 0.38);filter: brightness(1.05);}.hero-btn-white{background: #FFFFFF;color: #1E293B !important;border-color: var(--border-dark);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);}.hero-btn-white:hover{background: #F8FAFC;border-color: #94A3B8;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);}.btn-primary{display: inline-flex;align-items: center;gap: 8px;background: var(--text-primary);color: #FFFFFF;font-size: 0.9rem;font-weight: 600;padding: 11px 22px;border-radius: var(--radius-full);text-decoration: none;transition: all var(--transition);border: none;cursor: pointer;}.btn-primary:hover{background: #27272A;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}.btn-secondary{display: inline-flex;align-items: center;gap: 8px;background: var(--bg-surface);border: 1px solid var(--border-dark);color: var(--text-primary);font-size: 0.9rem;font-weight: 600;padding: 11px 20px;border-radius: var(--radius-full);text-decoration: none;transition: all var(--transition);cursor: pointer;}.btn-secondary:hover{border-color: var(--text-primary);background: var(--bg-subtle);transform: translateY(-1px);}.hero-basic-showcase{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;}.hero-basic-frame{position: relative;width: 100%;max-width: 380px;animation: heroCardGentleFloat 9s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;will-change: transform;}@keyframes heroCardGentleFloat{0%, 100%{transform: translateY(0px) rotate(0deg);}50%{transform: translateY(-7px) rotate(0.4deg);}}.hero-frame-ghost{position: absolute;top: 14px;left: 14px;right: -14px;bottom: -14px;border-radius: 26px;border: 1.5px solid rgba(15, 23, 42, 0.14);pointer-events: none;z-index: 1;transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);}[data-theme="dark"] .hero-frame-ghost{border-color: rgba(255, 255, 255, 0.14);}.hero-basic-card{position: relative;width: 100%;height: 520px;border-radius: 22px;overflow: hidden;background: #0B0F19;border: 1.5px solid rgba(15, 23, 42, 0.18);box-shadow: 0 25px 55px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05);z-index: 2;transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;}.hero-basic-card:hover{transform: translateY(-4px);box-shadow: 0 32px 65px rgba(15, 23, 42, 0.2), 0 6px 16px rgba(0, 0, 0, 0.08);}.hero-basic-card:hover + .hero-frame-ghost, .hero-basic-frame:hover .hero-frame-ghost{transform: translate(4px, 4px);border-color: rgba(111, 184, 142, 0.35);}.hero-basic-img{width: 100%;height: 100%;object-fit: cover;object-position: center 20%;display: block;transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}.hero-basic-card:hover .hero-basic-img{transform: scale(1.028);}.hero-scrim-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient( to bottom, rgba(10, 15, 25, 0.48) 0%, rgba(10, 15, 25, 0.04) 24%, transparent 55%, rgba(10, 15, 25, 0.28) 75%, rgba(10, 15, 25, 0.78) 100% );pointer-events: none;z-index: 3;}.hero-tag-fig{position: absolute;top: 22px;left: 24px;font-family: var(--font-mono);font-size: 0.78rem;font-weight: 600;color: rgba(255, 255, 255, 0.88);letter-spacing: 0.14em;text-transform: uppercase;z-index: 4;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);}.hero-bottom-bar{position: absolute;bottom: 22px;left: 22px;right: 22px;display: flex;align-items: center;justify-content: space-between;z-index: 4;}.hero-status-pill{display: inline-flex;align-items: center;gap: 8px;background: rgba(15, 23, 42, 0.78);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-full);padding: 6px 14px;color: #FFFFFF;font-family: var(--font-mono);font-size: 0.76rem;font-weight: 600;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);}.hero-status-pill .status-green-dot{width: 7px;height: 7px;border-radius: 50%;background: #10B981;box-shadow: 0 0 10px #10B981;animation: pulse-dot-anim 2s infinite ease-in-out;}.hero-corner-name{font-family: var(--font-mono);font-size: 0.9rem;font-weight: 600;color: rgba(255, 255, 255, 0.95);letter-spacing: 0.04em;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);}@media (max-width: 640px){.hero-basic-frame{max-width: 320px;}.hero-basic-card{height: 440px;}.hero-frame-ghost{top: 10px;left: 10px;right: -10px;bottom: -10px;}}.nav-lang-toggle{display: inline-flex;align-items: center;gap: 5px;background: #FFFFFF;border: 1.5px solid #CBD5E1;border-radius: var(--radius-full);padding: 5px 12px;cursor: pointer;font-family: var(--font-mono);font-size: 0.75rem;font-weight: 600;color: #64748B;transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);}.nav-lang-toggle:hover{border-color: #94A3B8;background: #F8FAFC;transform: translateY(-1px);}.nav-lang-toggle .lang-code{transition: color 0.2s ease, font-weight 0.2s ease;}.nav-lang-toggle .lang-code.active{color: #0F172A;font-weight: 800;}.nav-lang-toggle .lang-slash{color: #CBD5E1;font-size: 0.7rem;}.credentials-strip{padding-top: 36px;border-top: 1px solid var(--border);}.credentials-inner{display: flex;justify-content: space-between;align-items: center;gap: 20px;flex-wrap: wrap;}.cred-item{display: flex;flex-direction: column;}.cred-org{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: #64748B;margin-bottom: 2px;}.cred-highlight{font-size: 0.94rem;font-weight: 700;color: #0F172A;}.exec-overview-section{padding: 80px 0 88px;background: var(--bg-surface);border-top: 1px solid var(--border);position: relative;}.exec-overview-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;padding-bottom: 12px;border-bottom: 1px dashed var(--border);}.exec-tag-num{font-family: var(--font-mono);font-size: 0.85rem;font-weight: 800;color: #6FB88E;letter-spacing: 0.12em;}.exec-tag-label{font-family: var(--font-mono);font-size: 0.74rem;font-weight: 700;color: var(--text-muted);letter-spacing: 0.16em;text-transform: uppercase;}.exec-overview-title{font-family: var(--font-sans);font-size: clamp(1.85rem, 3.5vw, 2.65rem);font-weight: 800;line-height: 1.25;color: var(--text-primary);letter-spacing: -0.025em;max-width: 960px;margin-bottom: 40px;}.exec-overview-cols{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;margin-bottom: 36px;}@media (max-width: 860px){.exec-overview-cols{grid-template-columns: 1fr;gap: 28px;}}.exec-col{display: flex;flex-direction: column;}.exec-col-tag{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 700;color: #6FB88E;letter-spacing: 0.1em;margin-bottom: 14px;text-transform: uppercase;}.exec-col-text{font-family: var(--font-sans);font-size: 1.02rem;line-height: 1.78;color: var(--text-secondary);}.editorial-section{padding: 80px 0;border-top: 1px solid var(--border);}.section-label{display: inline-block;font-family: var(--font-mono);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1em;color: var(--emerald);margin-bottom: 8px;}.section-heading{font-family: var(--font-serif);font-size: clamp(2rem, 3.2vw, 2.5rem);font-weight: 600;letter-spacing: -0.02em;color: var(--text-primary);line-height: 1.25;margin-bottom: 12px;}.section-subtext{font-size: 1.05rem;color: var(--text-secondary);line-height: 1.7;max-width: 82ch;margin-bottom: 40px;}.pipeline-box{background: var(--bg-surface);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 32px 28px;box-shadow: var(--shadow-subtle);}.pipeline-steps-bar{display: flex;gap: 12px;overflow-x: auto;padding-bottom: 16px;margin-bottom: 24px;border-bottom: 1px solid var(--border);}.pipeline-step-item{flex: 1;min-width: 170px;background: var(--bg-base);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 16px 14px;cursor: pointer;transition: all var(--transition);text-align: left;}.pipeline-step-item:hover{border-color: var(--border-dark);background: #FFFFFF;}.pipeline-step-item.active{background: #FFFFFF;border-color: var(--emerald);box-shadow: 0 4px 16px rgba(5, 150, 105, 0.12);}.step-meta-num{font-family: var(--font-mono);font-size: 0.7rem;font-weight: 600;color: var(--text-muted);margin-bottom: 4px;}.pipeline-step-item.active .step-meta-num{color: var(--emerald);}.step-meta-title{font-size: 0.95rem;font-weight: 700;color: var(--text-primary);margin-bottom: 4px;}.step-meta-tech{font-size: 0.75rem;color: var(--text-secondary);}.pipeline-inspector{background: var(--bg-warm);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 24px;transition: opacity 0.2s ease;}.inspector-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;padding-bottom: 12px;border-bottom: 1px solid var(--border);}.inspector-title{font-size: 1.12rem;font-weight: 700;color: var(--text-primary);display: flex;align-items: center;gap: 10px;}.inspector-badge{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 600;background: var(--emerald-subtle);border: 1px solid var(--emerald-border);color: var(--emerald);padding: 3px 10px;border-radius: var(--radius-full);}.inspector-desc{font-size: 0.96rem;line-height: 1.7;color: var(--text-secondary);margin-bottom: 16px;}.inspector-code{background: #111827;color: #F9FAFB;border-radius: var(--radius-sm);padding: 14px 18px;font-family: var(--font-mono);font-size: 0.82rem;line-height: 1.55;overflow-x: auto;}.inspector-code code{color: #38BDF8;}.featured-essay-card{background: #FFFFFF;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 36px;margin-bottom: 28px;box-shadow: var(--shadow-card);transition: all var(--transition);cursor: pointer;position: relative;}.featured-essay-card:hover{box-shadow: var(--shadow-hover);border-color: var(--border-dark);transform: translateY(-2px);}.featured-pill{display: inline-block;font-family: var(--font-mono);font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;background: var(--amber-subtle);color: var(--amber);border: 1px solid var(--amber-border);padding: 3px 10px;border-radius: var(--radius-full);margin-bottom: 12px;}.featured-essay-title{font-family: var(--font-serif);font-size: clamp(1.6rem, 2.8vw, 2.1rem);font-weight: 600;color: var(--text-primary);line-height: 1.25;margin-bottom: 14px;}.featured-essay-excerpt{font-size: 1.02rem;line-height: 1.75;color: var(--text-secondary);margin-bottom: 20px;max-width: 85ch;}.essay-meta-row{display: flex;align-items: center;gap: 16px;font-size: 0.84rem;color: var(--text-muted);}.read-link{font-weight: 600;color: var(--text-primary);display: inline-flex;align-items: center;gap: 4px;margin-left: auto;}.essays-archive-list{display: flex;flex-direction: column;gap: 16px;}.essay-row-card{background: #FFFFFF;border: 1px solid var(--border);border-radius: var(--radius-md);padding: 24px 28px;display: flex;align-items: center;justify-content: space-between;gap: 24px;cursor: pointer;transition: all var(--transition);}.essay-row-card:hover{border-color: var(--border-dark);box-shadow: var(--shadow-subtle);transform: translateX(4px);}.essay-row-meta{font-size: 0.78rem;font-family: var(--font-mono);color: var(--text-muted);margin-bottom: 6px;display: flex;align-items: center;gap: 10px;}.essay-category{color: var(--emerald);font-weight: 600;}.essay-row-title{font-family: var(--font-serif);font-size: 1.3rem;font-weight: 600;color: var(--text-primary);letter-spacing: -0.01em;}.essay-row-arrow{font-size: 1.2rem;color: var(--text-muted);transition: transform var(--transition), color var(--transition);}.essay-row-card:hover .essay-row-arrow{color: var(--text-primary);transform: translateX(4px);}.projects-editorial-list{display: flex;flex-direction: column;gap: 28px;}.project-editorial-card{background: #FFFFFF;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 34px;box-shadow: var(--shadow-subtle);transition: all var(--transition);}.project-editorial-card:hover{box-shadow: var(--shadow-hover);border-color: var(--border-dark);transform: translateY(-2px);}.project-badge-line{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;}.project-tag-pill{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 700;color: var(--emerald);background: var(--emerald-subtle);border: 1px solid var(--emerald-border);padding: 3px 10px;border-radius: var(--radius-full);}.project-title{font-family: var(--font-serif);font-size: clamp(1.4rem, 2.4vw, 1.85rem);font-weight: 600;color: var(--text-primary);margin-bottom: 8px;}.project-role{font-size: 0.88rem;color: var(--text-muted);margin-bottom: 16px;font-weight: 500;}.project-desc{font-size: 1rem;line-height: 1.75;color: var(--text-secondary);margin-bottom: 22px;}.project-stats-strip{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 22px;padding: 14px 18px;background: var(--bg-warm);border: 1px solid var(--border);border-radius: var(--radius-sm);}.stat-pill{font-size: 0.82rem;color: var(--text-secondary);font-family: var(--font-mono);}.stat-pill strong{color: var(--text-primary);font-weight: 700;}.project-bottom-row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 14px;padding-top: 20px;border-top: 1px solid var(--border);}.tech-tag-group{display: flex;flex-wrap: wrap;gap: 6px;}.tech-tag{font-family: var(--font-mono);font-size: 0.74rem;background: var(--bg-subtle);border: 1px solid var(--border);color: var(--text-secondary);padding: 4px 10px;border-radius: var(--radius-xs);}.btn-github{display: inline-flex;align-items: center;gap: 6px;background: var(--text-primary);color: #FFFFFF;text-decoration: none;font-size: 0.84rem;font-weight: 600;padding: 8px 16px;border-radius: var(--radius-full);transition: all var(--transition);}.btn-github:hover{background: #27272A;transform: translateY(-1px);}.experience-grid{display: flex;flex-direction: column;gap: 20px;}.exp-card{background: #FFFFFF;border: 1px solid var(--border);border-radius: var(--radius-md);padding: 30px;box-shadow: var(--shadow-subtle);transition: all var(--transition);}.exp-card:hover{border-color: var(--border-dark);}.exp-header{display: flex;justify-content: space-between;align-items: center;font-family: var(--font-mono);font-size: 0.78rem;color: var(--text-muted);margin-bottom: 8px;}.exp-title{font-family: var(--font-serif);font-size: 1.35rem;font-weight: 600;color: var(--text-primary);margin-bottom: 4px;}.exp-org{font-size: 0.88rem;color: var(--text-muted);margin-bottom: 16px;}.exp-body{font-size: 0.98rem;line-height: 1.75;color: var(--text-secondary);margin-bottom: 18px;}.exp-quote{font-family: var(--font-serif);font-style: italic;font-size: 1.05rem;line-height: 1.6;color: var(--text-primary);padding: 12px 20px;border-left: 3px solid var(--amber);background: var(--amber-subtle);border-radius: 0 var(--radius-xs) var(--radius-xs) 0;}.certs-row{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}@media (max-width: 680px){.certs-row{grid-template-columns: 1fr;}}.cert-pill-card{background: #FFFFFF;border: 1px solid var(--border);border-radius: var(--radius-md);padding: 24px;display: flex;align-items: center;gap: 18px;box-shadow: var(--shadow-subtle);}.cert-logo{width: 52px;height: 52px;background: var(--bg-subtle);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 6px;flex-shrink: 0;}.cert-logo img{width: 100%;height: 100%;object-fit: contain;}.cert-title-text{font-size: 1rem;font-weight: 700;color: var(--text-primary);margin-bottom: 4px;}.cert-subtext{font-size: 0.78rem;font-family: var(--font-mono);color: var(--text-muted);margin-bottom: 6px;}.cert-verify-link{font-size: 0.8rem;font-weight: 600;color: var(--emerald);text-decoration: none;}.cert-verify-link:hover{text-decoration: underline;}.modal-overlay{position: fixed;inset: 0;background: rgba(17, 24, 39, 0.7);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);z-index: 1000;display: flex;align-items: center;justify-content: center;padding: 24px;opacity: 0;pointer-events: none;transition: opacity var(--transition);}.modal-overlay.active{opacity: 1;pointer-events: auto;}.modal-article-sheet{background: #FFFFFF;border: 1px solid var(--border);border-radius: var(--radius-lg);width: 100%;max-width: 780px;max-height: 88vh;overflow-y: auto;padding: 50px 48px;box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);position: relative;transform: translateY(20px);transition: transform var(--transition);}.modal-overlay.active .modal-article-sheet{transform: translateY(0);}.modal-close-btn{position: absolute;top: 24px;right: 24px;width: 36px;height: 36px;border-radius: 50%;background: var(--bg-subtle);border: 1px solid var(--border);color: var(--text-secondary);font-size: 1rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all var(--transition);}.modal-close-btn:hover{background: #E5E7EB;color: var(--text-primary);}.modal-tag{font-family: var(--font-mono);font-size: 0.75rem;font-weight: 700;color: var(--emerald);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 14px;}.modal-title{font-family: var(--font-serif);font-size: clamp(1.8rem, 3.2vw, 2.4rem);font-weight: 600;color: var(--text-primary);line-height: 1.25;margin-bottom: 24px;padding-bottom: 20px;border-bottom: 1px solid var(--border);}.modal-content{font-size: 1.08rem;line-height: 1.85;color: #374151;}.modal-content p{margin-bottom: 20px;}.modal-content blockquote{font-family: var(--font-serif);font-style: italic;font-size: 1.25rem;line-height: 1.6;color: var(--text-primary);border-left: 3px solid var(--amber);padding: 14px 24px;margin: 28px 0;background: var(--amber-subtle);border-radius: 0 var(--radius-xs) var(--radius-xs) 0;}.modal-content pre{background: #111827;color: #F9FAFB;border-radius: var(--radius-sm);padding: 16px 20px;font-family: var(--font-mono);font-size: 0.85rem;overflow-x: auto;margin: 24px 0;}.contact-editorial-layout{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}@media (max-width: 768px){.contact-editorial-layout{grid-template-columns: 1fr;}}.contact-info-card, .contact-form-card{background: #FFFFFF;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 34px;box-shadow: var(--shadow-subtle);}.contact-label-field{display: block;font-size: 0.82rem;font-weight: 600;color: var(--text-primary);margin-bottom: 8px;}.contact-text-input, .contact-textarea-input{width: 100%;background: var(--bg-base);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 12px 16px;font-family: var(--font-sans);font-size: 0.94rem;color: var(--text-primary);outline: none;transition: border-color var(--transition);}.contact-text-input:focus, .contact-textarea-input:focus{border-color: var(--emerald);background: #FFFFFF;}.contact-textarea-input{min-height: 110px;resize: vertical;}.site-footer{padding: 40px 0;border-top: 1px solid var(--border);background: var(--bg-surface);font-size: 0.85rem;color: var(--text-muted);}.footer-content-row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;}.footer-nav-links{display: flex;gap: 18px;}.footer-nav-link{color: var(--text-secondary);text-decoration: none;font-weight: 500;}.footer-nav-link:hover{color: var(--text-primary);}.copy-toast{position: fixed;bottom: 24px;right: 24px;background: var(--text-primary);color: #FFFFFF;font-family: var(--font-mono);font-size: 0.8rem;font-weight: 600;padding: 10px 18px;border-radius: var(--radius-full);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);transform: translateY(100px);opacity: 0;transition: all var(--transition);z-index: 2000;}.copy-toast.show{transform: translateY(0);opacity: 1;}.dataflow-section{padding: 90px 0 100px;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);background: var(--bg-warm);}.dataflow-badge{display: inline-flex;align-items: center;gap: 8px;background: rgba(16, 185, 129, 0.1);border: 1px solid rgba(16, 185, 129, 0.3);color: #10B981;font-size: 0.76rem;font-weight: 600;font-family: var(--font-mono);padding: 4px 12px;border-radius: var(--radius-full);margin-bottom: 12px;}.dataflow-badge .pulse-dot{width: 7px;height: 7px;border-radius: 50%;background: #10B981;box-shadow: 0 0 10px #10B981;animation: pulse-dot-anim 2s infinite ease-in-out;}@keyframes pulse-dot-anim{0%, 100%{opacity: 1;transform: scale(1);}50%{opacity: 0.4;transform: scale(0.85);}}.arch-switcher-wrap{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px;margin-bottom: 24px;}.arch-tabs{display: flex;flex-wrap: wrap;gap: 8px;background: #111827;padding: 5px;border-radius: var(--radius-full);border: 1px solid rgba(255, 255, 255, 0.1);}.arch-tab-btn{display: inline-flex;align-items: center;gap: 8px;background: transparent;border: none;color: #9CA3AF;font-family: var(--font-sans);font-size: 0.85rem;font-weight: 600;padding: 8px 18px;border-radius: var(--radius-full);cursor: pointer;transition: all 0.2s ease;}.arch-tab-btn:hover{color: #FFFFFF;background: rgba(255, 255, 255, 0.05);}.arch-tab-btn.active{background: #1F2937;color: #FFFFFF;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}.arch-tab-btn .tab-dot{width: 6px;height: 6px;border-radius: 50%;background: #6B7280;}.arch-tab-btn.active .tab-dot{background: #10B981;box-shadow: 0 0 8px #10B981;}.arch-canvas-hint{font-size: 0.8rem;font-family: var(--font-mono);color: var(--text-muted);}.pipeline-dag-container{background: #080D1A;background: var(--bg-warm);background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1.2px, transparent 1.2px), linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px);radial-gradient(rgba(0, 0, 0, 0.08) 1.2px, transparent 1.2px), linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);background-size: 24px 24px, 120px 120px, 120px 120px;border: 1px solid rgba(255, 255, 255, 0.08);border: 1.5px solid #CBD5E1;border-radius: 22px;padding: 28px 20px 24px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);position: relative;overflow: hidden;margin-top: 20px;}.pipeline-toggle-wrap{display: flex;align-items: center;justify-content: center;gap: 14px;gap: 12px;margin-bottom: 24px;flex-wrap: wrap;}.pipeline-toggle-pill{display: inline-flex;align-items: center;gap: 10px;background: rgba(15, 23, 42, 0.6);border: 1px solid rgba(71, 85, 105, 0.4);color: #94A3B8;font-family: var(--font-mono);font-size: 0.88rem;gap: 8px;background: var(--bg-warm);border: 1.5px solid #CBD5E1;color: var(--text-secondary);font-family: var(--font-sans);font-size: 0.9rem;font-weight: 600;padding: 10px 24px;padding: 10px 22px;border-radius: var(--radius-full);cursor: pointer;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);letter-spacing: 0.01em;}.pipeline-toggle-pill:hover{background: rgba(30, 41, 59, 0.85);border-color: rgba(148, 163, 184, 0.5);color: #F1F5F9;background: #ECE9E2;border-color: #94A3B8;color: var(--text-primary);}.pipeline-toggle-pill.active{background: linear-gradient(135deg, #1E40AF 0%, #2563EB 100%);border-color: rgba(147, 197, 253, 0.4);background: #0F172A;border-color: #0F172A;color: #FFFFFF;box-shadow: 0 0 25px rgba(37, 99, 235, 0.65), 0 0 10px rgba(59, 130, 246, 0.5);box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2);}.pipeline-viewport{overflow-x: auto;overflow-y: hidden;scrollbar-width: thin;scrollbar-color: rgba(255, 255, 255, 0.2) transparent;scrollbar-color: rgba(0, 0, 0, 0.2) transparent;padding-bottom: 12px;}.pipeline-viewport::-webkit-scrollbar{height: 6px;}.pipeline-viewport::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.2);background: rgba(0, 0, 0, 0.15);border-radius: 10px;}.pipeline-svg-dag{width: 100%;min-width: 1080px;height: auto;display: block;}.pipeline-svg-dag text[letter-spacing]{fill: #475569 !important;font-weight: 800 !important;}.pipeline-svg-dag text[font-style="italic"]{fill: #64748B !important;}.pl-node{cursor: pointer;transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);}.pl-node:hover{transform: translateY(-2px);}.pl-node.active rect{filter: drop-shadow(0 0 12px rgba(111, 184, 142, 0.45));}.pl-node rect:not([fill="none"]):not([rx="11"]):not([rx="6"]):not([rx="8"]):not([rx="5"]){fill: #FFFFFF !important;stroke-width: 1.5px !important;stroke-opacity: 0.85 !important;filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.05));transition: all 0.2s ease;}.pl-node rect[fill="none"]{stroke-opacity: 0.22 !important;}.pl-node:hover rect:not([fill="none"]):not([rx="11"]):not([rx="6"]):not([rx="8"]):not([rx="5"]){stroke-opacity: 1 !important;filter: drop-shadow(0 6px 16px rgba(111, 184, 142, 0.15));}.pl-node.active rect:not([fill="none"]):not([rx="11"]):not([rx="6"]):not([rx="8"]):not([rx="5"]){stroke: #6FB88E !important;stroke-opacity: 1 !important;stroke-width: 2px !important;fill: #F8FCFA !important;filter: drop-shadow(0 6px 18px rgba(111, 184, 142, 0.22));}.pl-node text{fill: #0F172A !important;}.pl-node text[font-size="10.5"], .pl-node text[font-size="11.5"], .pl-node text[font-size="10"], .pl-node text[font-size="11"], .pl-node text[font-size="9.5"], .pl-node text[font-size="9"]{fill: #64748B !important;}.pl-node text[font-size="13.5"], .pl-node text[font-size="14"], .pl-node text[font-size="13"]{fill: #0F172A !important;font-weight: 700 !important;}.pl-node text[fill="#60A5FA"], .pl-node text[fill="#3B82F6"]{fill: #2563EB !important;font-weight: 800 !important;}.pl-node text[fill="#34D399"], .pl-node text[fill="#10B981"]{fill: #059669 !important;font-weight: 800 !important;}.pl-node text[fill="#38BDF8"]{fill: #0284C7 !important;font-weight: 800 !important;}.pl-node text[fill="#B7DCC7"], .pl-node text[fill="#83C29E"]{fill: #6FB88E !important;font-weight: 800 !important;}.pl-node rect[rx="6"], .pl-node rect[rx="8"], .pl-node rect[rx="11"]{fill: #F1F5F9 !important;stroke: #CBD5E1 !important;}.pl-node rect[stroke="#06B6D4"][rx="6"], .pl-node rect[stroke="#38BDF8"][rx="6"]{fill: #ECFEFF !important;stroke: #06B6D4 !important;}.pl-node rect[stroke="#06B6D4"][rx="6"] + text, .pl-node rect[stroke="#38BDF8"][rx="6"] + text{fill: #0891B2 !important;font-weight: 700 !important;}.pl-node rect[stroke="#10B981"][rx="6"], .pl-node rect[stroke="#10B981"][rx="11"], .pl-node rect[stroke="#059669"][rx="6"], .pl-node rect[stroke="#059669"][rx="11"]{fill: #ECFDF5 !important;stroke: #10B981 !important;}.pl-node rect[stroke="#10B981"][rx="6"] + text, .pl-node rect[stroke="#10B981"][rx="11"] + text, .pl-node rect[stroke="#059669"][rx="6"] + text, .pl-node rect[stroke="#059669"][rx="11"] + text{fill: #047857 !important;font-weight: 700 !important;}.pl-node rect[fill="#EF4444"]{fill: #EF4444 !important;}.pl-node rect[fill="#EF4444"] + text{fill: #FFFFFF !important;font-weight: 800 !important;}.pl-edge{fill: none;stroke: #8CC6A5;stroke-opacity: 0.5;stroke-opacity: 0.65;stroke-width: 2;transition: stroke 0.3s;}.pl-dashed{fill: none;stroke: #8CC6A5;stroke-opacity: 0.45;stroke-opacity: 0.6;stroke-width: 2;stroke-dasharray: 6 7;stroke-dasharray: 6 6;}.pipeline-svg-dag text[fill="#ABD5BD"]{fill: #6FB88E !important;font-weight: 700 !important;}.pipeline-svg-dag text[fill="#B7DCC7"]{fill: #6FB88E !important;}.pipeline-svg-dag text[fill="#64748B"]{fill: #475569 !important;}.pipeline-svg-dag text[fill="#4B5563"]{fill: #64748B !important;}.pl-packet{filter: drop-shadow(0 0 6px rgba(111, 184, 142, 0.7));filter: drop-shadow(0 0 4px rgba(111, 184, 142, 0.6));transition: opacity 0.2s ease;}.pl-packet-cyan{filter: drop-shadow(0 0 6px rgba(14, 165, 233, 0.7));filter: drop-shadow(0 0 4px rgba(14, 165, 233, 0.6));}.pl-packet-emerald{filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.7));filter: drop-shadow(0 0 4px rgba(16, 185, 129, 0.6));}.pl-v{transition: opacity 0.35s ease, visibility 0.35s ease;}.pl-v.hidden{opacity: 0;visibility: hidden;pointer-events: none;}.pl-v.active{opacity: 1;visibility: visible;pointer-events: auto;}.bp-inspector-panel{margin-top: 24px;background: #FFFFFF;border: 1.5px solid #CBD5E1;border-radius: 16px;padding: 24px 28px;transition: all 0.25s ease;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}.bp-inspector-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;flex-wrap: wrap;gap: 10px;}.bp-inspector-title{font-size: 1.08rem;font-weight: 700;color: #0F172A;display: flex;align-items: center;gap: 10px;}.bp-inspector-stage-tag{font-family: var(--font-mono);font-size: 0.72rem;padding: 4px 12px;border-radius: var(--radius-full);background: #F7FBF9;color: #6FB88E;border: 1px solid #E3F1E9;font-weight: 700;}.bp-inspector-body{font-size: 0.92rem;color: #475569;line-height: 1.7;margin-bottom: 18px;}.bp-inspector-code{background: #F8FAFC;border: 1px solid var(--border);border-radius: 12px;padding: 16px 18px;font-family: var(--font-mono);font-size: 0.82rem;color: #0F172A;overflow-x: auto;line-height: 1.6;}.article-page-body{background-color: var(--bg-base);color: var(--text-secondary);}.article-container{max-width: 780px;margin: 0 auto;padding: calc(var(--nav-height) + 36px) 24px 80px;}.article-breadcrumb{display: inline-flex;align-items: center;gap: 8px;font-size: 0.82rem;color: var(--text-muted);margin-bottom: 24px;}.article-breadcrumb a{color: var(--text-muted);text-decoration: none;transition: color var(--transition);}.article-breadcrumb a:hover{color: var(--emerald);}.article-hero{margin-bottom: 40px;padding-bottom: 32px;border-bottom: 1px solid var(--border);}.article-badge-row{display: flex;align-items: center;gap: 12px;margin-bottom: 18px;flex-wrap: wrap;}.article-category-pill{font-family: var(--font-mono);font-size: 0.74rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;background: var(--emerald-subtle);color: var(--emerald);border: 1px solid var(--emerald-border);padding: 4px 12px;border-radius: var(--radius-full);}.article-meta-info{font-size: 0.85rem;color: var(--text-muted);}.article-main-title{font-family: var(--font-serif);font-size: clamp(2.2rem, 4.2vw, 3.1rem);font-weight: 600;line-height: 1.22;letter-spacing: -0.02em;color: var(--text-primary);margin-bottom: 20px;}.article-lead-paragraph{font-size: 1.18rem;line-height: 1.75;color: #374151;font-weight: 400;margin-bottom: 28px;}.article-author-row{display: flex;align-items: center;gap: 14px;padding-top: 18px;border-top: 1px solid var(--border-light);}.article-author-avatar{width: 48px;height: 48px;border-radius: 50%;object-fit: cover;border: 2px solid var(--border);}.article-author-name{font-weight: 700;font-size: 0.95rem;color: var(--text-primary);}.article-author-role{font-size: 0.8rem;color: var(--text-muted);}.article-prose{font-size: 1.1rem;line-height: 1.85;color: #2D3748;}.article-prose p{margin-bottom: 24px;}.article-prose strong{color: var(--text-primary);font-weight: 600;}.article-prose h2{font-family: var(--font-serif);font-size: clamp(1.6rem, 2.6vw, 2rem);font-weight: 600;color: var(--text-primary);margin-top: 48px;margin-bottom: 20px;letter-spacing: -0.01em;line-height: 1.3;}.article-prose h3{font-family: var(--font-sans);font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin-top: 36px;margin-bottom: 14px;}.drop-cap::first-letter{float: left;font-family: var(--font-serif);font-size: 4.2rem;line-height: 0.8;padding-top: 4px;padding-right: 12px;padding-bottom: 2px;color: var(--emerald);font-weight: 700;}.article-prose blockquote{margin: 36px 0;padding: 20px 28px;background: var(--bg-warm);border-left: 4px solid var(--emerald);border-radius: 0 14px 14px 0;font-family: var(--font-serif);font-size: 1.22rem;font-style: italic;color: var(--text-primary);line-height: 1.65;}.article-takeaway{background: var(--emerald-subtle);border: 1px solid var(--emerald-border);border-radius: 14px;padding: 22px 24px;margin: 36px 0;}.article-takeaway-title{font-family: var(--font-sans);font-size: 0.88rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--emerald);margin-bottom: 8px;display: flex;align-items: center;gap: 8px;}.article-takeaway-body{font-size: 0.95rem;color: #064E3B;line-height: 1.65;}.article-code-block{background: #0B0F17;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;padding: 18px 20px;margin: 28px 0;font-family: var(--font-mono);font-size: 0.82rem;line-height: 1.6;color: #E2E8F0;overflow-x: auto;}.article-code-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);font-family: var(--font-mono);font-size: 0.72rem;color: #94A3B8;}.author-card{background: var(--bg-surface);border: 1px solid var(--border);border-radius: 18px;padding: 32px;margin-top: 56px;margin-bottom: 40px;box-shadow: var(--shadow-subtle);display: flex;gap: 24px;align-items: center;}@media (max-width: 640px){.author-card{flex-direction: column;text-align: center;padding: 24px;}}.author-card-avatar{width: 80px;height: 80px;border-radius: 50%;object-fit: cover;border: 2px solid var(--emerald);flex-shrink: 0;}.author-card-title{font-family: var(--font-serif);font-size: 1.3rem;font-weight: 600;color: var(--text-primary);margin-bottom: 6px;}.author-card-bio{font-size: 0.92rem;line-height: 1.65;color: var(--text-secondary);margin-bottom: 12px;}.author-card-links{display: flex;gap: 12px;flex-wrap: wrap;}@media (max-width: 640px){.author-card-links{justify-content: center;}}.author-card-link{font-family: var(--font-mono);font-size: 0.78rem;font-weight: 600;color: var(--emerald);text-decoration: none;}.author-card-link:hover{text-decoration: underline;}.article-nav-row{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-top: 32px;padding-top: 32px;border-top: 1px solid var(--border);}@media (max-width: 640px){.article-nav-row{grid-template-columns: 1fr;}}.article-nav-card{display: block;text-decoration: none;background: var(--bg-surface);border: 1px solid var(--border);border-radius: 14px;padding: 18px 20px;transition: all var(--transition);}.article-nav-card:hover{border-color: var(--border-dark);transform: translateY(-2px);box-shadow: var(--shadow-card);}.article-nav-label{font-family: var(--font-mono);font-size: 0.72rem;color: var(--text-muted);text-transform: uppercase;margin-bottom: 6px;}.article-nav-title{font-size: 0.92rem;font-weight: 700;color: var(--text-primary);line-height: 1.4;}.blog-filter-bar{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 32px;padding-bottom: 16px;border-bottom: 1px solid var(--border);}.filter-btn{background: var(--bg-surface);border: 1px solid var(--border);color: var(--text-secondary);font-size: 0.85rem;font-weight: 500;padding: 6px 16px;border-radius: var(--radius-full);cursor: pointer;transition: all var(--transition);}.filter-btn:hover{border-color: var(--text-primary);color: var(--text-primary);}.filter-btn.active{background: var(--text-primary);border-color: var(--text-primary);color: #FFFFFF;}.hero-editorial-kristin{display: grid;grid-template-columns: 380px 1fr;gap: 52px;align-items: center;}@media (max-width: 960px){.hero-editorial-kristin{grid-template-columns: 1fr;gap: 36px;text-align: left;}}.hero-photo-kristin{position: relative;width: 100%;max-width: 380px;margin: 0 auto;}.hero-photo-frame{width: 100%;aspect-ratio: 4 / 4.8;border-radius: var(--radius-md);overflow: hidden;border: 1px solid var(--border);box-shadow: var(--shadow-card);background: #E5E7EB;}.hero-photo-frame img{width: 100%;height: 100%;object-fit: cover;object-position: center top;display: block;}.hero-photo-status{position: absolute;bottom: 14px;left: 14px;right: 14px;background: rgba(11, 15, 23, 0.88);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 10px;padding: 8px 12px;display: flex;align-items: center;justify-content: space-between;color: #FFFFFF;}.hero-photo-status .status-text{font-family: var(--font-mono);font-size: 0.68rem;color: #94A3B8;}.hero-photo-status .status-indicator{display: inline-flex;align-items: center;gap: 6px;font-family: var(--font-mono);font-size: 0.72rem;color: #10B981;font-weight: 700;}.hero-bio-kristin{display: flex;flex-direction: column;}.hero-bio-lead{font-size: 1.14rem;line-height: 1.8;color: var(--text-secondary);margin-bottom: 24px;}.hero-bio-lead strong{color: var(--text-primary);font-weight: 700;}.hero-connect-box{background: var(--bg-surface);border: 1px solid var(--border);border-radius: var(--radius-md);padding: 16px 18px;margin-top: 10px;margin-bottom: 24px;box-shadow: var(--shadow-subtle);}.hero-connect-form{display: flex;gap: 10px;}@media (max-width: 600px){.hero-connect-form{flex-direction: column;}}.hero-connect-input{flex: 1;border: 1px solid var(--border);border-radius: var(--radius-full);padding: 10px 18px;font-family: var(--font-sans);font-size: 0.88rem;background: var(--bg-base);color: var(--text-primary);outline: none;transition: all var(--transition);}.hero-connect-input:focus{border-color: var(--emerald);background: #FFFFFF;}.hero-connect-btn{background: var(--text-primary);color: #FFFFFF;border: none;border-radius: var(--radius-full);padding: 10px 22px;font-size: 0.86rem;font-weight: 600;cursor: pointer;white-space: nowrap;transition: all var(--transition);}.hero-connect-btn:hover{background: #27272A;transform: translateY(-1px);}.hero-connect-sub{font-size: 0.76rem;color: var(--text-muted);margin-top: 8px;font-family: var(--font-mono);}.credentials-strip{margin-top: 56px;padding: 24px 20px;border: 1px solid var(--border);border-radius: 16px;background: var(--bg-warm);}.hero-section{background: var(--bg-surface);}#skills.editorial-section{background: var(--bg-surface);}#milestones.editorial-section{background: var(--bg-surface);}#certs.editorial-section{background: var(--bg-warm);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}#essays.editorial-section{background: var(--bg-surface);}#contact.editorial-section{background: var(--bg-warm);border-top: 1px solid var(--border);}.credentials-inner{display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;align-items: center;}@media (max-width: 900px){.credentials-inner{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 600px){.credentials-inner{grid-template-columns: 1fr;text-align: center;}}.cred-item{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 6px 10px;transition: transform 0.2s ease;}.cred-item:hover{transform: translateY(-2px);}.cred-org{font-family: var(--font-serif);font-size: 0.95rem;font-weight: 700;color: var(--text-primary);letter-spacing: -0.01em;}.cred-highlight{font-family: var(--font-mono);font-size: 0.72rem;color: var(--emerald);font-weight: 600;margin-top: 2px;}.skills-bento-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 32px;}@media (max-width: 980px){.skills-bento-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 640px){.skills-bento-grid{grid-template-columns: 1fr;}}.skill-bento-card{background: var(--bg-surface);border: 1px solid var(--border);border-radius: 16px;padding: 28px 26px;display: flex;flex-direction: column;transition: all var(--transition);}.skill-bento-card:hover{border-color: var(--border-dark);transform: translateY(-3px);box-shadow: var(--shadow-card);}.skill-card-num{font-family: var(--font-mono);font-size: 0.7rem;color: var(--text-muted);letter-spacing: 0.1em;margin-bottom: 8px;}.skill-card-title{font-family: var(--font-sans);font-size: 1.05rem;font-weight: 700;color: var(--text-primary);margin-bottom: 8px;display: flex;align-items: center;gap: 8px;}.skill-card-desc{font-size: 0.88rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: 16px;flex: 1;}.skill-tags-strip{display: flex;flex-wrap: wrap;gap: 6px;}.skill-pill{background: var(--bg-subtle);border: 1px solid var(--border);border-radius: var(--radius-full);font-family: var(--font-mono);font-size: 0.72rem;font-weight: 600;color: var(--text-secondary);padding: 3px 10px;}.exp-timeline-list{display: flex;flex-direction: column;gap: 28px;margin-top: 36px;}.exp-item-card{display: grid;grid-template-columns: 280px 1fr;gap: 36px;padding: 36px 32px;background: var(--bg-surface);border: 1px solid var(--border);border-radius: 16px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);transition: all var(--transition);}.exp-item-card:hover{border-color: #CBD5E1;box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);transform: translateY(-2px);}@media (max-width: 900px){.exp-item-card{grid-template-columns: 1fr;gap: 20px;padding: 26px 20px;}}.exp-item-meta{display: flex;flex-direction: column;gap: 6px;}.exp-item-date{font-family: var(--font-mono);font-size: 0.82rem;font-weight: 700;color: #6FB88E;letter-spacing: 0.08em;text-transform: uppercase;}.exp-item-company{font-family: var(--font-sans);font-size: 1.2rem;font-weight: 800;color: var(--text-primary);line-height: 1.35;margin: 4px 0 2px;}.exp-item-loc{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 600;color: var(--text-muted);letter-spacing: 0.06em;text-transform: uppercase;}.exp-item-body{display: flex;flex-direction: column;}.exp-item-role-wrap{display: flex;align-items: baseline;gap: 12px;flex-wrap: wrap;margin-bottom: 12px;}.exp-item-role{font-family: var(--font-sans);font-size: 1.22rem;font-weight: 800;color: var(--text-primary);margin: 0;}.exp-item-focus{font-family: var(--font-mono);font-size: 0.78rem;font-weight: 600;color: #6FB88E;background: #F7FBF9;padding: 3px 10px;border-radius: 6px;border: 1px solid #E3F1E9;}.exp-item-desc{font-family: var(--font-sans);font-size: 0.96rem;line-height: 1.75;color: var(--text-secondary);margin-bottom: 20px;}.exp-item-bullets-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;margin-bottom: 22px;}@media (max-width: 768px){.exp-item-bullets-grid{grid-template-columns: 1fr;gap: 12px;}}.exp-bullets-col{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 12px;}.exp-bullets-col li{position: relative;padding-left: 18px;font-family: var(--font-sans);font-size: 0.91rem;line-height: 1.65;color: var(--text-secondary);}.exp-bullets-col li::before{content: "▪";position: absolute;left: 0;top: 0;color: #6FB88E;font-size: 0.85rem;line-height: 1.65;}.exp-item-tech-strip{display: flex;flex-wrap: wrap;gap: 8px;padding-top: 16px;border-top: 1px dashed var(--border);}.works-section{padding: 90px 0 100px;background: var(--bg-surface);color: var(--text-primary);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}.works-header-row{margin-bottom: 32px;}.works-title{font-family: var(--font-sans);font-size: clamp(2.4rem, 4vw, 3.2rem);font-weight: 800;letter-spacing: -0.02em;color: #0F172A;margin-bottom: 6px;}.works-subtitle{font-size: 1.05rem;color: var(--text-secondary);}.works-filter-bar{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 36px;}.works-filter-btn{background: #F1F5F9;border: 1px solid var(--border);color: var(--text-secondary);font-family: var(--font-sans);font-size: 0.84rem;font-weight: 600;padding: 8px 18px;border-radius: var(--radius-full);cursor: pointer;transition: all 0.2s ease;}.works-filter-btn:hover{background: #E2E8F0;color: var(--text-primary);}.works-filter-btn.active{background: #0F172A;border-color: #0F172A;color: #FFFFFF;box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25);}.works-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}@media (max-width: 980px){.works-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 640px){.works-grid{grid-template-columns: 1fr;}}.work-card{background: #FFFFFF;border: 1px solid var(--border);border-radius: 18px;overflow: hidden;cursor: pointer;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);display: flex;flex-direction: column;box-shadow: var(--shadow-subtle);}.work-card:hover{transform: translateY(-4px);border-color: #CBD5E1;box-shadow: var(--shadow-card);}.work-card-media{width: 100%;height: 210px;position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}.work-card-media-badge{position: absolute;top: 14px;left: 14px;background: rgba(15, 23, 42, 0.75);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: var(--radius-full);font-family: var(--font-mono);font-size: 0.7rem;font-weight: 600;color: #E2E8F0;padding: 4px 12px;}.work-card-expand-icon{position: absolute;top: 14px;right: 14px;width: 30px;height: 30px;border-radius: 50%;background: rgba(15, 23, 42, 0.65);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.15);display: flex;align-items: center;justify-content: center;color: #FFFFFF;font-size: 0.85rem;transition: all 0.2s ease;}.work-card:hover .work-card-expand-icon{color: #FFFFFF;background: #0F172A;}.work-card-graphic{font-family: var(--font-mono);font-size: 2.8rem;opacity: 0.95;}.work-card-body{padding: 20px;display: flex;flex-direction: column;flex: 1;}.work-card-title{font-size: 1.12rem;font-weight: 700;color: #0F172A;line-height: 1.35;margin-bottom: 8px;}.work-card-desc{font-size: 0.88rem;color: #475569;line-height: 1.6;margin-bottom: 16px;flex: 1;}.work-tech-pills{display: flex;flex-wrap: wrap;gap: 6px;}.work-tech-pill{background: #F1F5F9;border: 1px solid var(--border);border-radius: 6px;font-family: var(--font-mono);font-size: 0.7rem;color: #334155;padding: 3px 8px;}.project-modal-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(12px);z-index: 3000;display: flex;align-items: center;justify-content: center;padding: 24px;opacity: 0;pointer-events: none;transition: all 0.25s ease;}.project-modal-overlay.active{opacity: 1;pointer-events: auto;}.project-modal-sheet{background: #FFFFFF;border: 1px solid var(--border);border-radius: 20px;max-width: 680px;width: 100%;max-height: 90vh;overflow-y: auto;box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);position: relative;transform: translateY(20px);transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);}.project-modal-overlay.active .project-modal-sheet{transform: translateY(0);}.project-modal-banner{height: 220px;background: linear-gradient(135deg, #224431 0%, #0F172A 100%);position: relative;display: flex;align-items: center;justify-content: center;border-top-left-radius: 19px;border-top-right-radius: 19px;}.project-modal-close-btn{position: absolute;top: 16px;right: 16px;width: 36px;height: 36px;border-radius: 50%;background: rgba(15, 23, 42, 0.8);border: 1px solid rgba(255, 255, 255, 0.2);color: #FFFFFF;font-size: 1.1rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;}.project-modal-close-btn:hover{background: #EF4444;border-color: #EF4444;}.project-modal-content{padding: 28px;}.project-modal-tag{display: inline-block;background: #6FB88E;color: #FFFFFF;font-family: var(--font-mono);font-size: 0.72rem;font-weight: 700;padding: 4px 12px;border-radius: var(--radius-full);margin-bottom: 12px;}.project-modal-title{font-size: 1.65rem;font-weight: 800;color: #0F172A;margin-bottom: 12px;line-height: 1.3;}.project-modal-lead{font-size: 0.95rem;color: #475569;line-height: 1.65;margin-bottom: 24px;}.modal-highlights-section{margin-bottom: 28px;}.modal-highlights-title{font-family: var(--font-mono);font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.12em;color: #64748B;margin-bottom: 12px;}.modal-highlights-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}@media (max-width: 600px){.modal-highlights-grid{grid-template-columns: 1fr;}}.modal-highlight-card{background: #F8FAFC;border: 1px solid var(--border);border-radius: 12px;padding: 12px 14px;text-align: center;font-family: var(--font-mono);font-size: 0.8rem;font-weight: 700;color: #0F172A;}.project-modal-body{font-size: 0.9rem;line-height: 1.7;color: #475569;margin-bottom: 24px;}.project-modal-body p{margin-bottom: 12px;}.project-modal-body strong{color: #0F172A;}.modal-actions-row{display: flex;gap: 12px;flex-wrap: wrap;padding-top: 18px;border-top: 1px solid var(--border);}.timeline-list{position: relative;max-width: 840px;margin: 36px auto 0;padding-left: 42px;}.timeline-list::before{content: '';position: absolute;top: 14px;bottom: 18px;left: 14px;width: 2px;background: linear-gradient(180deg, #6FB88E 0%, #10B981 70%, #CBD5E1 100%);border-radius: 2px;}.timeline-item{position: relative;margin-bottom: 18px;}.timeline-item:last-child{margin-bottom: 0;}.timeline-dot{position: absolute;left: -42px;top: 20px;width: 16px;height: 16px;border-radius: 50%;background: var(--bg-surface);border: 3px solid #6FB88E;box-shadow: 0 0 0 4px var(--bg-base);z-index: 2;transition: all var(--transition);}.timeline-item.active .timeline-dot{border-color: #10B981;background: #10B981;box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.25);}.timeline-card{background: var(--bg-surface);border: 1px solid var(--border);border-radius: 14px;padding: 18px 24px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);transition: all var(--transition);}.timeline-card:hover{transform: translateX(4px);border-color: #CBD5E1;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);}.timeline-item.active .timeline-card{border-color: #A7F3D0;background: linear-gradient(180deg, #FFFFFF 0%, #F0FDF4 100%);}.timeline-card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.timeline-year-pill{display: inline-flex;align-items: center;gap: 6px;font-family: var(--font-mono);font-size: 0.78rem;font-weight: 700;background: #F7FBF9;color: #6FB88E;border: 1px solid #E3F1E9;padding: 3px 11px;border-radius: var(--radius-full);}.timeline-year-pill.active{background: #ECFDF5;color: #059669;border-color: #A7F3D0;}.timeline-year-pill .live-pulse-dot{width: 6px;height: 6px;border-radius: 50%;background: #10B981;box-shadow: 0 0 8px #10B981;animation: pulse-dot-anim 1.8s infinite ease-in-out;}.timeline-title{font-family: var(--font-sans);font-size: 1.15rem;font-weight: 800;color: var(--text-primary);line-height: 1.35;margin-bottom: 5px;display: flex;align-items: center;gap: 8px;}.timeline-title .timeline-icon{font-size: 1.2rem;flex-shrink: 0;}.timeline-org{font-family: var(--font-sans);font-size: 0.92rem;font-weight: 500;color: var(--text-secondary);line-height: 1.5;margin-bottom: 0;}@media (max-width: 640px){.timeline-list{padding-left: 32px;}.timeline-list::before{left: 9px;}.timeline-dot{left: -32px;width: 14px;height: 14px;top: 18px;}.timeline-card{padding: 15px 18px;}.timeline-title{font-size: 1.02rem;}}.certs-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 36px;}@media (max-width: 900px){.certs-grid{grid-template-columns: 1fr;}}.cert-card{background: var(--bg-surface);border: 1px solid var(--border);border-radius: 16px;overflow: hidden;box-shadow: var(--shadow-subtle);display: flex;flex-direction: column;transition: all var(--transition);}.cert-card:hover{border-color: var(--border-dark);transform: translateY(-3px);box-shadow: var(--shadow-card);}.cert-card-img-wrap{width: 100%;height: 180px;background: #F3F4F6;border-bottom: 1px solid var(--border);overflow: hidden;display: flex;align-items: center;justify-content: center;}.cert-card-img-wrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;}.cert-card-body{padding: 20px;display: flex;flex-direction: column;flex: 1;}.cert-card-badge{font-family: var(--font-mono);font-size: 0.7rem;font-weight: 700;color: var(--emerald);margin-bottom: 6px;}.cert-card-title{font-family: var(--font-sans);font-size: 1.05rem;font-weight: 700;color: var(--text-primary);margin-bottom: 6px;}.cert-card-desc{font-size: 0.86rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: 14px;flex: 1;}.cert-card-clickable{cursor: pointer;text-decoration: none;color: inherit;display: flex;flex-direction: column;}.cert-card-footer-row{display: flex;align-items: center;justify-content: space-between;margin-top: auto;padding-top: 14px;border-top: 1px solid var(--border-light);gap: 12px;flex-wrap: wrap;}.cert-status-tag{font-family: var(--font-mono);font-size: 0.76rem;color: var(--emerald);font-weight: 600;display: inline-flex;align-items: center;gap: 5px;}.cert-link-action{font-family: var(--font-sans);font-size: 0.84rem;font-weight: 700;color: var(--text-primary);display: inline-flex;align-items: center;gap: 4px;transition: all var(--transition);}.cert-card:hover .cert-link-action{color: var(--emerald);transform: translateX(3px);}.ufm-modal-overlay{position: fixed;inset: 0;background: rgba(15, 23, 42, 0.75);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index: 3100;display: flex;align-items: center;justify-content: center;padding: 24px;opacity: 0;pointer-events: none;transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);}.ufm-modal-overlay.active{opacity: 1;pointer-events: auto;}.ufm-modal-sheet{background: #FFFFFF;border: 1px solid var(--border);border-radius: 20px;max-width: 720px;width: 100%;max-height: 90vh;overflow-y: auto;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);position: relative;transform: translateY(20px);transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);}.ufm-modal-overlay.active .ufm-modal-sheet{transform: translateY(0);}.ufm-modal-header{padding: 24px 28px 20px;background: linear-gradient(135deg, #224431 0%, #0F172A 100%);color: #FFFFFF;border-top-left-radius: 19px;border-top-right-radius: 19px;position: relative;}.ufm-modal-close-btn{position: absolute;top: 18px;right: 18px;width: 34px;height: 34px;border-radius: 50%;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.25);color: #FFFFFF;font-size: 1.1rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s ease;}.ufm-modal-close-btn:hover{background: #EF4444;border-color: #EF4444;}.ufm-modal-body{padding: 28px;}.ufm-params-box{background: var(--bg-warm);border: 1px solid var(--border);border-radius: 12px;padding: 16px 20px;margin-bottom: 24px;}.ufm-params-title{font-family: var(--font-mono);font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-muted);margin-bottom: 12px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 6px;}.ufm-params-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}@media (max-width: 600px){.ufm-params-grid{grid-template-columns: 1fr;}}.ufm-param-item{background: #FFFFFF;border: 1px solid var(--border);border-radius: 8px;padding: 8px 12px;}.ufm-param-label{font-family: var(--font-mono);font-size: 0.68rem;color: var(--text-muted);margin-bottom: 2px;}.ufm-param-val{font-size: 0.92rem;font-weight: 700;color: var(--text-primary);font-family: var(--font-mono);}.ufm-result-card{border: 1.5px solid #E2E8F0;border-radius: 14px;overflow: hidden;margin-bottom: 24px;background: #FFFFFF;box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);}.ufm-result-top{background: #F8FAFC;padding: 12px 18px;border-bottom: 1px solid #E2E8F0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 8px;}.ufm-verified-pill{display: inline-flex;align-items: center;gap: 6px;background: #ECFDF5;border: 1px solid #A7F3D0;color: #059669;font-family: var(--font-mono);font-size: 0.74rem;font-weight: 700;padding: 4px 10px;border-radius: 9999px;}.ufm-result-table{width: 100%;border-collapse: collapse;font-size: 0.88rem;}.ufm-result-table tr{border-bottom: 1px solid #F1F5F9;}.ufm-result-table tr:last-child{border-bottom: none;}.ufm-result-table td{padding: 11px 18px;}.ufm-result-table td.label-cell{font-family: var(--font-sans);font-weight: 600;color: #64748B;width: 36%;background: #FAFAFA;}.ufm-result-table td.val-cell{font-weight: 600;color: #0F172A;}.ufm-modal-actions{display: flex;gap: 12px;flex-wrap: wrap;}.selected-writing-header{text-align: center;margin-bottom: 40px;}.selected-writing-label{font-family: var(--font-sans);font-size: 0.82rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.22em;color: var(--text-muted);display: block;margin-bottom: 6px;}.selected-writing-script{font-family: var(--font-serif);font-size: clamp(2.4rem, 4.4vw, 3.4rem);font-weight: 400;font-style: italic;color: var(--text-primary);}html.lenis, html.lenis body{height: auto;}.lenis.lenis-smooth{scroll-behavior: auto !important;}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior: contain;}.lenis.lenis-stopped{overflow: hidden;}.lenis.lenis-scrolling iframe{pointer-events: none;}.scroll-progress-bar{position: fixed;top: 0;left: 0;height: 3px;width: 0%;background: linear-gradient(90deg, #6FB88E 0%, #38BDF8 50%, #10B981 100%);z-index: 9999;pointer-events: none;transition: width 0.15s cubic-bezier(0.16, 1, 0.3, 1);box-shadow: 0 0 14px rgba(111, 184, 142, 0.45);}.site-nav.scrolled{background: rgba(251, 251, 250, 0.96);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);border-bottom-color: var(--border-dark);}section[id]{scroll-margin-top: calc(var(--nav-height) + 20px);}.editorial-section, .exec-section{content-visibility: auto;contain-intrinsic-size: 1px 750px;}.hero-3d-landscape{contain: strict;}.pipeline-svg-dag{contain: layout paint;transform: translateZ(0);}.tilt-card-3d, .exp-item-card, .work-card, .timeline-card, .cert-card, .writing-card, .hero-basic-frame{transform-style: preserve-3d;backface-visibility: hidden;transition: box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;}.exp-item-card:hover{box-shadow: 0 18px 38px -6px rgba(0, 0, 0, 0.09);border-color: rgba(111, 184, 142, 0.4);}.timeline-card:hover{box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.07);border-color: var(--emerald-border);}.card-shimmer-sweep{position: relative;overflow: hidden;}.card-shimmer-sweep::after{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient( 60deg, transparent 42%, rgba(255, 255, 255, 0.45) 50%, transparent 58% );transform: translateX(-100%);pointer-events: none;transition: transform 1.25s cubic-bezier(0.16, 1, 0.3, 1);}.card-shimmer-sweep:hover::after{transform: translateX(100%);}.magnetic-btn, .hero-social-btn, .hero-pill-btn, .nav-cta{will-change: transform;transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.35s ease;}.hero-social-btn:hover{transform: translateY(-3px) scale(1.08);}.timeline-item.active .timeline-dot, .timeline-item:hover .timeline-dot{border-color: #10B981;background: #10B981;box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.25);animation: milestoneRadarPulse 2.8s infinite cubic-bezier(0.16, 1, 0.3, 1);}@keyframes milestoneRadarPulse{0%{box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5);}65%{box-shadow: 0 0 0 12px rgba(16, 185, 129, 0);}100%{box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);}}.work-card-img img, .cert-card-img-wrap img{transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);will-change: transform;}.work-card:hover .work-card-img img, .cert-card:hover .cert-card-img-wrap img{transform: scale(1.04);}.kinetic-number{display: inline-block;font-variant-numeric: tabular-nums;letter-spacing: -0.02em;}.scroll-reveal{opacity: 0;transform: translateY(32px);transition: opacity 1.35s cubic-bezier(0.16, 1, 0.3, 1), transform 1.35s cubic-bezier(0.16, 1, 0.3, 1);will-change: opacity, transform;}.scroll-reveal.is-visible{opacity: 1;transform: translateY(0);}@media (prefers-reduced-motion: reduce){.scroll-progress-bar, .scroll-reveal, .exp-item-card, .work-card, .timeline-card, .cert-card, .writing-card, .timeline-item.active .timeline-dot{transition: none !important;transform: none !important;animation: none !important;opacity: 1 !important;}}:root{color-scheme:light;--bg-base:#ffffff;--bg-surface:#ffffff;--bg-subtle:#f3f4f3;--bg-warm:#f7f8f7;--bg-nav:#ffffff;--section-accent:#e5efe8;--text-primary:#202724;--text-secondary:#4b5550;--text-muted:#5b6760;--text-dim:#657069;--emerald:#24684f;--emerald-subtle:#e8f1eb;--emerald-border:#b8cfc0;--border:#d6dfd7;--border-light:#e4eae4;--blue:var(--emerald);--amber:var(--emerald);--font-serif:var(--font-sans);--font-script:var(--font-sans);--max-w:1240px;--radius-lg:16px}html[data-theme=dark]{color-scheme:dark;--section-accent:#1c3027;--bg-base:#14211c;--bg-surface:#1c2b24;--bg-subtle:#24372d;--bg-warm:#1a2a22;--bg-nav:rgba(20,33,28,.97);--text-primary:#edf3ec;--text-secondary:#c0cfc3;--text-muted:#a7bbad;--text-dim:#a0b5a6;--emerald:#9aceac;--emerald-subtle:#243e2f;--emerald-border:#466851;--border:#3c5144;--border-light:#304237;--border-dark:#536958}body{background:var(--bg-base)}.container{max-width:1240px;padding-inline:40px}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--emerald);outline-offset:5px}.skip-link{position:fixed;top:8px;left:16px;z-index:1000;padding:12px 20px;background:var(--bg-surface);transform:translateY(-160%)}.skip-link:focus{transform:none}.theme-toggle{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--bg-surface);color:var(--text-primary);font-size:22px;cursor:pointer;flex-shrink:0}.site-nav{background:var(--bg-nav);box-shadow:none;border-bottom:1px solid var(--border)}.nav-brand-title{font-size:23px;letter-spacing:-1px!important;color:var(--text-primary)}.nav-brand-subtitle{display:none}.nav-links{gap:19px}.nav-link{font-size:12px}.nav-inner{gap:22px}.nav-cta{background:var(--text-primary)!important;color:var(--bg-base)!important;border-radius:7px}.nav-actions-cluster{gap:10px}.hero-section{padding:145px 0 0;min-height:auto;background:var(--bg-base);overflow:hidden}.hero-mark-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:76px;align-items:center;margin:0}.hero-content-col{padding:0;min-width:0}.hero-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--emerald);margin-bottom:24px}.hero-manifesto-title{font-family:var(--font-sans);font-size:clamp(40px,4.4vw,64px);font-weight:600;line-height:1.13;letter-spacing:-.055em;margin-bottom:22px;color:var(--text-primary)}.hero-manifesto-title span{color:var(--emerald);background:none;-webkit-text-fill-color:currentColor}.hero-manifesto-sub{font-size:19px;line-height:1.5;font-weight:500;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:15px}.hero-manifesto-bio{font-size:15px;line-height:1.85;max-width:52ch;color:var(--text-secondary)}.hero-manifesto-bio strong{color:var(--text-primary);font-weight:600}.hero-social-strip{gap:9px;margin:22px 0}.hero-social-btn{width:36px;height:36px;background:transparent;box-shadow:none;border:1px solid var(--border);color:var(--text-secondary)}.hero-social-btn svg{fill:currentColor}.hero-cta-group{gap:12px;margin:0;flex-wrap:wrap}.hero-pill-btn{min-height:46px;padding:12px 19px;border-radius:7px;font-size:13px;font-weight:600;box-shadow:none;gap:12px}.hero-btn-primary{background:var(--emerald);color:var(--bg-base);border:1px solid var(--emerald)}.hero-btn-purple,.hero-btn-white{background:transparent;color:var(--text-primary);border:1px solid var(--border);box-shadow:none}.hero-btn-white{display:none}.hero-btn-purple:hover{background:var(--bg-subtle);color:var(--text-primary);box-shadow:none}.hero-basic-showcase{width:100%;padding:0;justify-self:end;max-width:370px}.hero-basic-frame{width:100%;height:auto;max-width:none;transform:none!important;animation:none}.hero-basic-card{height:420px;width:100%;border-radius:20px;border:0;box-shadow:none;transform:none!important;background:var(--bg-subtle)}.hero-basic-img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transform:none!important;filter:none}.hero-scrim-overlay{display:none}.credentials-strip{margin-top:62px;padding:25px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent}.credentials-inner{gap:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cred-item{padding:0;border:0}.cred-org{font-size:10px;letter-spacing:.07em;color:var(--text-muted)}.cred-highlight{font-size:12px;margin-top:6px;font-weight:500;color:var(--text-primary)}.works-section,.editorial-section,.dataflow-section{padding:88px 0;background:var(--bg-base);border-bottom:1px solid var(--border)}.works-header-row{display:block;margin-bottom:26px}.works-title,.section-heading,.exec-overview-title,.selected-writing-script{font-family:var(--font-sans);font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-.045em;font-weight:600;color:var(--text-primary)}.works-subtitle{max-width:60ch;margin-top:15px;font-size:15px;line-height:1.7;text-align:left;color:var(--text-secondary)}.section-label,.exec-tag-label{font-size:11px;letter-spacing:.1em;color:var(--emerald)}.exec-tag-num{display:none}.works-filter-bar{gap:8px;margin-bottom:28px;flex-wrap:wrap}.works-filter-btn{font-size:12px;padding:9px 15px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px}.works-filter-btn.active{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary)}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-card{border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);box-shadow:none;overflow:hidden;transition:border-color .2s,transform .2s}.work-card:hover{transform:translateY(-4px);box-shadow:none;border-color:var(--emerald)}.work-card-media{height:165px;background:var(--bg-subtle)!important;border-bottom:1px solid var(--border);padding:26px;display:flex;align-items:center;justify-content:flex-start}.work-card-media-badge{top:20px;left:26px;background:transparent;padding:0;color:var(--text-muted);border:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.work-card-graphic{font-family:var(--font-sans);font-size:clamp(22px,2.4vw,34px);font-weight:600;letter-spacing:-.05em;color:var(--text-primary);text-shadow:none;transform:none;position:static;margin-top:25px}.work-card-graphic span{font-weight:400;color:var(--emerald);margin:0 8px}.work-card-expand-icon{background:transparent;color:var(--emerald);border:0}.work-card-body{padding:26px}.work-card-title{font-size:20px;line-height:1.4;letter-spacing:-.025em;color:var(--text-primary)}.work-card-desc{font-size:14px;line-height:1.75;color:var(--text-secondary);-webkit-line-clamp:unset}.work-tech-pill{background:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border);font-size:10px;border-radius:4px}.exec-overview-cols{margin-top:26px}.exec-col-tag{color:var(--emerald)}.exp-item-card,.cert-card,.timeline-card,.contact-editorial-card,.contact-form-card{background:var(--bg-surface);border-color:var(--border);box-shadow:none}.exp-item-company,.cert-card-title,.timeline-title,.contact-info-title,.contact-info-val{color:var(--text-primary)}.contact-editorial-card{border-radius:12px}.contact-note{font-size:13px;color:var(--text-secondary);margin-bottom:22px;line-height:1.7}.contact-text-input,.contact-textarea-input{background:var(--bg-base);color:var(--text-primary);border-color:var(--border)}.site-footer{background:var(--bg-base);border-color:var(--border)}.project-modal-sheet{background:var(--bg-surface);color:var(--text-secondary)}.project-modal-title{color:var(--text-primary)}.scroll-reveal{opacity:1;transform:none}.scroll-progress-bar{display:none}.pipeline-dag-container{color-scheme:light}html[data-theme=dark] .pipeline-dag-container{background:#e8eee8;border-radius:12px}html[data-theme=dark] .exp-item-card *,html[data-theme=dark] .timeline-card *,html[data-theme=dark] .cert-card *{border-color:var(--border)}html[data-theme=dark] .exp-item-desc,html[data-theme=dark] .timeline-desc,html[data-theme=dark] .cert-card-desc{color:var(--text-secondary)}@media(min-width:1025px) and (max-width:1200px){.nav-links{gap:10px}.nav-link{font-size:11px}.nav-inner{gap:10px}.nav-brand-title{font-size:20px}.container{padding-inline:28px}}@media(max-width:1024px){.hero-mark-layout{gap:35px}.hero-basic-card{height:360px}.hero-section{padding-top:118px}.nav-menu-wrapper{background:var(--bg-base)}.nav-links{gap:4px}.nav-link{font-size:16px;min-height:44px}.nav-menu-wrapper:not(.open){visibility:hidden}.nav-menu-wrapper.open{visibility:visible}}@media(max-width:767px){.container{padding-inline:22px}.hero-section{padding-top:110px}.hero-mark-layout{grid-template-columns:1fr;gap:35px}.hero-manifesto-title{font-size:clamp(36px,8.7vw,54px)}.hero-manifesto-sub{font-size:17px}.hero-basic-showcase{max-width:100%;justify-self:stretch}.hero-basic-card{height:320px;border-radius:20px;max-width:320px;margin:auto}.hero-basic-img{object-position:center 33%}.credentials-strip{margin-top:35px}.credentials-inner{grid-template-columns:1fr 1fr;gap:20px}.cred-highlight{font-size:11px}.works-section,.editorial-section,.dataflow-section{padding:58px 0}.works-grid{grid-template-columns:1fr}.work-card-media{height:145px}.work-card-graphic{font-size:27px}.work-card-body{padding:22px}.hero-cta-group{gap:8px}.hero-pill-btn{padding:12px 14px;font-size:12px}.contact-info-val{overflow-wrap:anywhere}.works-filter-bar{gap:6px}.works-filter-btn{font-size:11px;padding:9px 11px}}@media(prefers-reduced-motion:no-preference){.hero-content-col{animation:portfolio-enter .65s both}.hero-basic-showcase{animation:portfolio-enter .8s .1s both}@keyframes portfolio-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hero-btn-purple,.hero-btn-white{color:var(--text-primary)!important}.site-nav{transition:background-color .2s,border-color .2s}.works-filter-btn.active{box-shadow:none}.exp-item-date{color:var(--emerald)}.featured-essay-card{background:var(--bg-surface);border-color:var(--border);box-shadow:none}.featured-pill{background:var(--emerald-subtle);color:var(--emerald);border-color:var(--emerald-border)}#bpInspectorTitle > span{color:#526176!important}.essay-row{background:var(--bg-surface)}.cert-link-action{color:var(--emerald)!important}.hero-btn-primary:hover{background:var(--emerald);color:var(--bg-base);filter:none}.pipeline-toggle-wrap{background:var(--bg-subtle)}.pipeline-toggle-pill{color:var(--text-secondary)}.site-nav{background:var(--bg-base);backdrop-filter:none}.credentials-strip{border-radius:0;border-left:0;border-right:0;box-shadow:none}@media(prefers-reduced-motion:reduce){.timeline-item.active .timeline-dot,.timeline-item:hover .timeline-dot{animation:none!important}}*,*::before,*::after{transition-property:transform,opacity,box-shadow}.essay-row-card{background:var(--bg-surface)}.contact-editorial-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px;border:1px solid var(--border)}.contact-form-card{height:auto;min-height:0;overflow:visible;padding:24px}.contact-info-item{margin-top:24px}.contact-info-label{display:block;font-size:11px;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.contact-label-field{display:block;font-size:13px;margin-bottom:7px;color:var(--text-primary)}.contact-text-input,.contact-textarea-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:14px}.contact-textarea-input{min-height:130px;resize:vertical}.contact-form-card .btn-primary{background:var(--emerald);color:var(--bg-base)!important;border:1px solid var(--emerald);min-height:46px}.footer-nav-link{display:inline-flex;align-items:center;min-height:44px}.nav-lang-toggle{min-height:40px}@media(max-width:767px){.contact-editorial-card{grid-template-columns:1fr;gap:28px;padding:20px}.contact-form-card{padding:0;background:transparent;border:0}.hero-manifesto-title{font-size:clamp(32px,8vw,54px)}}.contact-text-input:focus,.contact-textarea-input:focus{background:var(--bg-surface);outline:2px solid var(--emerald);outline-offset:2px}.editorial-section,.exec-section{content-visibility:visible;contain-intrinsic-size:none}#about.hero-section, #pipeline.dataflow-section, #milestones.editorial-section, #essays.editorial-section{background: var(--bg-base);}#works.works-section, #experience.editorial-section, #certs.editorial-section, #contact.editorial-section{background: var(--section-accent);}.works-section, .editorial-section, .dataflow-section{border-bottom: 0;}html[data-theme=light] .work-card-media{background: #f5f7f5 !important;}html[data-theme=light] .exp-item-card, html[data-theme=light] .cert-card, html[data-theme=light] .contact-editorial-card{border-color: #cbdacf;}html[data-theme=light] .timeline-card, html[data-theme=light] .timeline-item.active .timeline-card{background: #fff;}.pipeline-toggle-wrap{width: fit-content;max-width: 100%;margin: 0 auto 28px;padding: 6px;gap: 4px;border: 1px solid #e4ebe6;border-radius: 999px;background: #f3f7f4;}.pipeline-toggle-pill{min-height: 44px;padding: 11px 20px;border: 1px solid transparent;background: transparent;font-size: 13px;line-height: 1.5;letter-spacing: 0;color: var(--text-secondary);box-shadow: none;}.pipeline-toggle-pill:hover{background: #e7eee9;border-color: transparent;color: var(--text-primary);}.pipeline-toggle-pill.active{background: #24684f;border-color: #24684f;color: #fff;box-shadow: 0 2px 5px #173f2614;}.pipeline-dag-container{background: #fbfcfb;border: 1px solid #e3ebe5;border-radius: 24px;box-shadow: none;}@media (max-width: 767px){.pipeline-toggle-wrap{width: 100%;border-radius: 20px;}.pipeline-toggle-pill{width: 100%;justify-content: center;border-radius: 15px;padding: 11px 12px;font-size: 12px;}.pipeline-dag-container{border-radius: 18px;padding-inline: 12px;}}