:root{--dgt-blue:#003B7A;--dgt-blue-light:#0056b3;--dgt-red:#E30613;--dgt-yellow:#FFD100;--dgt-green:#00A650;--white:#FFFFFF;--gray-50:#F8F9FA;--gray-100:#F1F3F5;--gray-200:#E9ECEF;--gray-300:#DEE2E6;--gray-400:#CED4DA;--gray-500:#ADB5BD;--gray-600:#6C757D;--gray-700:#495057;--gray-800:#343A40;--gray-900:#212529;--black:#0A0A0A;--bg:var(--white);--bg-alt:var(--gray-50);--text:var(--gray-900);--text-muted:var(--gray-600);--accent:var(--dgt-blue);--accent-light:var(--dgt-blue-light);--highlight:var(--dgt-yellow);--success:var(--dgt-green);--danger:var(--dgt-red);--font-main:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono',monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius:4px;--radius-lg:8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:var(--dgt-yellow);color:var(--black)}a{color:inherit;text-decoration:none}.grid-bg{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--gray-200) 1px,transparent 1px),linear-gradient(90deg,var(--gray-200) 1px,transparent 1px);background-size:48px 48px;opacity:.5}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;background:var(--white);border-bottom:2px solid var(--black)}.back-link{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;font-weight:500;padding:8px 16px;border:2px solid var(--gray-300);border-radius:var(--radius);transition:all .2s ease}.back-link:hover{color:var(--text);border-color:var(--black);background:var(--gray-50)}.nav-center{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translateX(-50%)}.nav-brand{font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--accent)}.nav-divider{color:var(--gray-400);font-weight:300}.nav-client{font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.nav-links{display:flex;gap:8px}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius);transition:all .2s ease}.nav-links a:hover{color:var(--text);background:var(--gray-100)}@media (max-width:900px){.nav{padding:16px 20px}.nav-links{display:none}.nav-center{position:static;transform:none}}.progress-bar{position:fixed;top:58px;left:0;width:100%;height:4px;z-index:99;background:var(--gray-200)}.progress-fill{height:100%;width:0%;background:var(--accent);transition:width .1s ease}.section{padding:var(--space-4xl) var(--space-3xl);position:relative;min-height:100vh;display:flex;align-items:center}.section-dark{background:var(--gray-900);color:var(--white)}.section-dark .section-tag{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}.section-dark .section-title{color:var(--white)}.section-dark .section-lead{color:var(--gray-400)}.section-number{position:absolute;left:40px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--gray-400);letter-spacing:2px}.section-content{max-width:1100px;margin:0 auto;width:100%}@media (max-width:900px){.section{padding:var(--space-3xl) var(--space-lg)}.section-number{display:none}}.section-header{margin-bottom:var(--space-3xl)}.section-tag{display:inline-block;padding:6px 14px;border:2px solid var(--gray-300);border-radius:var(--radius);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-md)}.section-title{font-size:clamp(32px, 5vw, 56px);font-weight:900;line-height:1.1;letter-spacing:-2px;color:var(--text);margin-bottom:var(--space-lg)}.section-lead{font-size:20px;color:var(--text-muted);max-width:700px;line-height:1.6}.hero{min-height:100vh;padding:100px var(--space-3xl) var(--space-4xl);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl);align-items:center;max-width:1400px;margin:0 auto}.hero-content{padding-left:var(--space-xl)}.hero-eyebrow{display:flex;gap:8px;margin-bottom:var(--space-lg);flex-wrap:wrap}.tag{padding:6px 12px;border:2px solid var(--gray-300);border-radius:var(--radius);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tag-year{background:var(--dgt-yellow);border-color:var(--dgt-yellow);color:var(--black)}.tag-type{background:var(--accent);border-color:var(--accent);color:var(--white)}.tag-sector{border-color:var(--gray-400);color:var(--text-muted)}.hero-title{font-size:clamp(40px, 6vw, 72px);font-weight:900;line-height:1;letter-spacing:-3px;margin-bottom:var(--space-xl)}.title-line{display:block}.title-accent{color:var(--accent)}.hero-subtitle{font-size:18px;color:var(--text-muted);max-width:500px;margin-bottom:var(--space-2xl);line-height:1.7}.hero-stats{display:flex;align-items:center;gap:var(--space-xl)}.stat{text-align:center}.stat-value{font-size:48px;font-weight:900;line-height:1;letter-spacing:-2px;color:var(--accent)}.stat-label{font-size:13px;color:var(--text-muted);font-weight:500;margin-top:4px}.stat-divider{width:2px;height:40px;background:var(--gray-300)}.hero-visual{display:flex;justify-content:center}.visual-frame{width:100%;max-width:480px;background:var(--white);border:3px solid var(--black);border-radius:var(--radius-lg);overflow:hidden;box-shadow:12px 12px 0 var(--black)}.frame-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--gray-100);border-bottom:2px solid var(--black)}.frame-dots{display:flex;gap:6px}.frame-dots span{width:10px;height:10px;border-radius:50%;background:var(--gray-400)}.frame-dots span:first-child{background:var(--dgt-red)}.frame-dots span:nth-child(2){background:var(--dgt-yellow)}.frame-dots span:last-child{background:var(--dgt-green)}.frame-title{font-size:12px;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.frame-content{display:grid;grid-template-columns:60px 1fr;min-height:300px}.frame-sidebar{background:var(--gray-900);padding:12px 8px;display:flex;flex-direction:column;gap:8px}.sidebar-item{width:100%;height:36px;background:var(--gray-800);border-radius:var(--radius)}.sidebar-item.active{background:var(--accent)}.frame-main{padding:16px}.frame-tabs{display:flex;gap:4px;margin-bottom:16px}.tab{padding:8px 16px;font-size:12px;font-weight:600;background:var(--gray-100);border-radius:var(--radius);color:var(--text-muted)}.tab.active{background:var(--accent);color:var(--white)}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid-card{aspect-ratio:1;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius)}@media (max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;padding:120px var(--space-lg) var(--space-3xl)}.hero-content{padding-left:0}.hero-subtitle{margin:0 auto var(--space-2xl)}.hero-stats{justify-content:center}.hero-visual{order:-1;margin-bottom:var(--space-xl)}.visual-frame{max-width:360px}}.problems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.problem-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .2s ease}.problem-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.problem-icon{width:48px;height:48px;background:var(--gray-100);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.problem-icon svg{width:24px;height:24px;stroke:var(--accent)}.problem-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.problem-card p{font-size:14px;color:var(--text-muted);line-height:1.5}@media (max-width:900px){.problems-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.problems-grid{grid-template-columns:1fr}}.chaos-visual{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);padding:var(--space-2xl);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg)}.chaos-after,.chaos-before{text-align:center}.chaos-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-md)}.chaos-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chaos-app{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--white);border-radius:var(--radius);animation:chaosFloat 2s ease-in-out infinite;animation-delay:calc(var(--delay) * .2s)}.chaos-app:first-child{background:#e53935}.chaos-app:nth-child(2){background:#43a047}.chaos-app:nth-child(3){background:#1e88e5}.chaos-app:nth-child(4){background:#8e24aa}.chaos-app:nth-child(5){background:#fb8c00}.chaos-app:nth-child(6){background:#00897b}.chaos-app:nth-child(7){background:#5e35b1}.chaos-app:nth-child(8){background:#d81b60}@keyframes chaosFloat{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(4px,-4px) rotate(2deg)}50%{transform:translate(-2px,2px) rotate(-1deg)}75%{transform:translate(2px,4px) rotate(1deg)}}.chaos-arrow svg{width:48px;height:48px;stroke:var(--accent)}.unified-container{width:200px;background:var(--white);border:3px solid var(--accent);border-radius:var(--radius-lg);overflow:hidden}.unified-header{background:var(--accent);color:var(--white);font-size:12px;font-weight:800;padding:8px;text-align:center}.unified-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px}.unified-apps span{aspect-ratio:1;background:var(--gray-200);border-radius:var(--radius)}@media (max-width:700px){.chaos-visual{flex-direction:column}.chaos-arrow svg{transform:rotate(90deg)}}.features-list{margin-bottom:var(--space-3xl)}.feature-item{display:flex;gap:var(--space-xl);padding:var(--space-xl) 0;border-bottom:1px solid var(--gray-700)}.feature-item:first-child{border-top:1px solid var(--gray-700)}.feature-number{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--dgt-yellow);min-width:40px}.feature-content h3{font-size:20px;font-weight:700;margin-bottom:8px}.feature-content p{color:var(--gray-400);font-size:16px}.process-timeline{background:var(--gray-800);border-radius:var(--radius-lg);padding:var(--space-xl)}.timeline-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin-bottom:var(--space-lg)}.timeline-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.timeline-step{position:relative}.step-marker{width:16px;height:16px;background:var(--dgt-yellow);border-radius:50%;margin-bottom:var(--space-md)}.timeline-step:not(:last-child)::after{content:'';position:absolute;top:8px;left:20px;right:-8px;height:2px;background:var(--gray-700)}.step-content h4{font-size:14px;font-weight:700;margin-bottom:4px}.step-content p{font-size:13px;color:var(--gray-500);line-height:1.5}@media (max-width:800px){.timeline-steps{grid-template-columns:1fr 1fr}.timeline-step:nth-child(2)::after,.timeline-step:nth-child(4)::after{display:none}}.system-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.pillar{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl)}.pillar:hover{border-color:var(--accent)}.pillar-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.pillar-icon{width:40px;height:40px;background:var(--gray-100);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.pillar-icon svg{width:20px;height:20px;stroke:var(--accent)}.pillar-header h3{font-size:16px;font-weight:700}.pillar-list{list-style:none}.pillar-list li{font-size:14px;color:var(--text-muted);padding:6px 0;border-bottom:1px solid var(--gray-100)}.pillar-list li:last-child{border-bottom:none}@media (max-width:900px){.system-pillars{grid-template-columns:1fr 1fr}}@media (max-width:600px){.system-pillars{grid-template-columns:1fr}}.accessibility-banner{display:flex;gap:var(--space-xl);align-items:center;padding:var(--space-xl);background:var(--dgt-blue);border-radius:var(--radius-lg)}.a11y-icon{width:64px;height:64px;background:var(--white);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.a11y-icon svg{width:32px;height:32px;stroke:var(--accent)}.a11y-content h3{font-size:20px;font-weight:700;color:var(--white);margin-bottom:8px}.a11y-content p{font-size:15px;color:rgba(255,255,255,.8);line-height:1.6}.results-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-3xl)}.results-grid .result-card:nth-child(n+4){grid-column:span 1}.result-card{background:var(--gray-800);border:2px solid var(--gray-700);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.result-card.large{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.result-card.large .result-value{font-size:80px}.result-value{font-size:40px;font-weight:900;letter-spacing:-2px;color:var(--dgt-yellow);line-height:1}.result-label{font-size:14px;color:var(--gray-400);margin-top:8px}@media (max-width:800px){.results-grid{grid-template-columns:1fr 1fr}.result-card.large{grid-column:span 2;grid-row:span 1}.result-card.large .result-value{font-size:56px}}.quote-block{padding:var(--space-2xl);background:var(--gray-800);border-left:4px solid var(--dgt-yellow);margin-bottom:var(--space-3xl)}.quote-block blockquote{font-size:20px;font-weight:500;font-style:italic;line-height:1.6;margin-bottom:var(--space-md)}.quote-block cite{font-size:14px;color:var(--gray-500);font-style:normal}.learnings{margin-bottom:var(--space-3xl)}.learnings h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin-bottom:var(--space-lg)}.learnings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.learning-item{display:flex;gap:var(--space-md)}.learning-number{font-size:14px;font-weight:700;font-family:var(--font-mono);color:var(--dgt-yellow);min-width:32px}.learning-content h4{font-size:16px;font-weight:700;margin-bottom:4px}.learning-content p{font-size:14px;color:var(--gray-400);line-height:1.5}@media (max-width:800px){.learnings-grid{grid-template-columns:1fr}}.current-role{background:var(--gray-800);border:2px solid var(--dgt-yellow);border-radius:var(--radius-lg);padding:var(--space-xl)}.role-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.role-tag{padding:4px 10px;background:var(--dgt-yellow);color:var(--black);font-size:11px;font-weight:700;text-transform:uppercase;border-radius:var(--radius)}.current-role h3{font-size:18px;font-weight:700}.current-role p{color:var(--gray-400);font-size:15px;line-height:1.6}.footer{padding:var(--space-2xl) var(--space-3xl);border-top:2px solid var(--gray-200);background:var(--white)}.footer-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-title{font-size:18px;font-weight:800;letter-spacing:-.5px}.footer-role{font-size:14px;color:var(--text-muted)}.footer-back{font-size:14px;font-weight:500;color:var(--text-muted);padding:10px 20px;border:2px solid var(--gray-300);border-radius:var(--radius);transition:all .2s ease}.footer-back:hover{color:var(--text);border-color:var(--black)}@media (max-width:600px){.footer{padding:var(--space-xl) var(--space-lg)}.footer-content{flex-direction:column;gap:var(--space-lg);text-align:center}}.reveal{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16, 1, .3, 1)}.reveal.visible{opacity:1;transform:translateY(0)}