@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;700&family=JetBrains+Mono:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--font-body:"IBM Plex Sans",sans-serif;--font-code:"JetBrains Mono",monospace}body{-webkit-font-smoothing:antialiased}.Button,.writing-card h3,a,body,button,div,h1,h2,h3,input,nav,p,section,select,textarea,ul{font-family:IBM Plex Sans,sans-serif;font-family:var(--font-body)}code,pre{font-family:JetBrains Mono,monospace;font-family:var(--font-code)}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border-bottom:1px solid #ffffff0d;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav-inner{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1200px;padding:18px 24px;width:100%}.logo{font-weight:600;letter-spacing:.5px;text-decoration:none}.links{display:flex;gap:24px}.links a,.links button{background:none;border:none;color:#cbd5e1;cursor:pointer;margin-left:24px;text-decoration:none}.links a:hover,.links button:hover{color:#fff;text-decoration:none}@media (max-width:768px){.nav-inner{padding:14px 20px}.links{gap:16px}.links,.logo{text-decoration:none}.logo{font-size:.9rem}}@media (max-width:480px){.links{gap:12px;text-decoration:none}}.hero-section{background-color:#0f172a;padding:50px 0;width:100%}.hero-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.hero-content{flex:1 1;max-width:1200px;min-width:300px}.hero-section h1{color:#e5e7eb;font-size:2.5rem;font-weight:700}.hero-section h1,.hero-section h2{line-height:1.2;margin-bottom:.5em;text-align:left}.hero-section h2{color:#9ca3af;font-size:1.5rem}.hero-section p{color:#6b7280;font-size:1.2rem;line-height:1.2;margin-bottom:.5em;text-align:left}.primary-btn{background:#3b82f6;border:none;border-radius:10px;cursor:pointer;font-weight:600;margin-top:28px;padding:12px 20px}.hero-diagram pre{animation:fadeInUp .6s ease;background:#0f172a99;border:1px solid #3b82f64d;border-radius:12px;box-shadow:0 0 25px #3b82f626;color:#e5e7eb;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.8;padding:20px;text-align:center}@media (max-width:900px){.hero-container{flex-direction:column-reverse;gap:40px;text-align:center}.hero-content{max-width:100%}.hero-section h1{font-size:32px}}@media (max-width:480px){.hero-section{padding:60px 0}.hero-section h1{font-size:28px}}@media (max-width:768px){.hero-content{align-items:flex-start;flex-direction:column}.hero-diagram{width:100%}}.btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;justify-content:center;padding:10px 18px;text-decoration:none;transition:all .25s ease}.btn-primary{background-color:#3b82f6;border:none;color:#fff;font-weight:600}.btn-primary:hover{box-shadow:0 0 20px #3b82f666;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:1px solid #3b82f666;color:#93c5fd;font-size:.8rem;padding:8px 14px}.btn-secondary:hover{background:#3b82f61a;border-color:#3b82f6;transform:translateY(-2px)}.btn-disabled{background:#334155;border:none;color:#94a3b8;cursor:not-allowed}.about-section{background-color:#111827;padding:10px 0;width:100%}.about-container{align-items:flex-start;display:flex;gap:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.about-content{flex:1 1}.about-img{border-radius:18px;box-shadow:0 20px 60px #0006;flex-shrink:0;width:250px}.about-content p{color:#e5e7eb;font-size:1.2rem;line-height:1.5;text-align:justify}.about-content h1{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}.about-text{color:#cbd5f5;line-height:1.7;margin-bottom:20px}.about-highlight{border-left:3px solid #3b82f6;color:#60a5fa;display:block;font-size:1.05rem;font-weight:600;margin-bottom:18px;margin-top:22px;padding-left:12px}.about-list li{line-height:1.6;margin-bottom:8px}.about-list li strong{color:#e5e7eb;font-weight:600}.about-content h3{margin-bottom:12px;margin-top:28px}@media (max-width:900px){.about-container{flex-direction:column;gap:40px;text-align:center}.about-img{width:200px}}@media (max-width:768px){.about-section{padding:60px 0}.about-content h1{margin-bottom:20px}}.expertise-section{background-color:#0f172a;margin:0 auto;padding:50px 0;width:100%}.expertise-container{margin:0 auto;max-width:1200px;padding:0 20px}.expertise-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1200px}.expertise-card{background:#ffffff08;border:1px solid #3b82f699;border-radius:12px;box-shadow:0 0 30px #3b82f633;flex:1 1 320px;max-width:380px;padding:24px;transform:scale(1.02);transition:.25s ease}.expertise-card:hover{background:#3b82f60f;border-color:#3b82f640;transform:translateY(-4px)}.expertise-container h2{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}.expertise-container h3{color:#fff;font-size:18px;margin-bottom:10px}.expertise-container ul{color:#94a3b8;font-size:14px;line-height:1.6}.expertise-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-bottom:15px;margin-top:12px;padding:0}.expertise-tags li{background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;color:#93c5fd;font-size:.75rem;list-style:none;padding:4px 10px;white-space:nowrap}@media (max-width:1024px){.expertise-section{padding:80px 0}}@media (max-width:768px){.expertise-section{padding:60px 0}h2{font-size:1.75rem;margin-bottom:30px}.expertise-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}@media (max-width:1024px){.expertise-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.expertise-grid{grid-template-columns:1fr}}.projects-section{background-color:#111827;margin:0 auto;padding:50px 0;width:100%}.projects-container{margin:0 auto;max-width:1200px;padding:0 20px}.projects-container h2{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}.projects-container h3{color:#fff;font-size:18px;margin-bottom:10px}.project-card p{color:#94a3b8;font-size:14px;line-height:1.6}.projects-container button:disabled{background:#334155;cursor:default;transform:translateY(-2px)}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;margin:0 auto}.project-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;max-width:800px;padding:28px;text-align:center;transition:.25s ease}.project-card:hover{background:#3b82f60f;border-color:#3b82f640;transform:translateY(-4px)}.card-actions{align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:20px;width:100%}.project-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:16px 0;padding:0}.project-tags li{background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;color:#93c5fd;font-size:.75rem;list-style:none;padding:4px 10px}.projects-container .project-highlight{border-left:2px solid #3b82f680;color:#93c5fd;font-size:.85rem;margin-top:12px;padding-left:10px}.project-card .btn-primary,.project-card .btn-secondary{border-radius:8px;cursor:pointer;display:inline-block;font-size:.9rem;padding:10px 20px;text-decoration:none;transition:.3s}.project-card .btn-primary{background-color:#3b82f6;border:none;color:#fff}.project-card .btn-secondary{background-color:initial;border:1px solid #3b82f666;color:#93c5fd}.project-card .btn-secondary:hover{background:#3b82f61a;border-color:#3b82f6}@media (max-width:1024px){.projects-section{padding:80px 0}}@media (max-width:768px){.projects-section{padding:60px 0}h2{font-size:1.75rem;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.case-studies-section{background-color:#0b1220;margin:0 auto;padding:50px 0;width:100%}.case-studies-container{margin:0 auto;max-width:1200px;padding:0 20px}.case-studies-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.case-studies-card{border:1px solid #ffffff0d;padding:28px;transition:.25s ease}.case-studies-card:hover{background:#3b82f60f;border-color:#3b82f640;transform:translateY(-4px)}.case-studies-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.case-studies-container p{color:#94a3b8;font-size:14px;line-height:1.6}.case-studies-container h2{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}.case-studies-header{align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:space-between;margin-bottom:15px}.case-studies-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;color:inherit;display:flex;flex-direction:column;padding:1.6rem;text-decoration:none;transition:.25s}.case-studies-card:hover{background:#ffffff0f;border-color:#6ea8ff;box-shadow:0 10px 30px #0000004d;transform:translateY(-6px)}.case-studies-card.featured{background:#3b82f60f;border-color:#3b82f666;grid-column:span 2}.case-label{color:#3b82f6;font-size:.7rem;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.case-studies-card h3{font-size:1.2rem;line-height:1.4}.case-summary{color:#94a3b8;font-size:.95rem;margin:10px 0 12px}.case-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0}.case-tags li{background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;color:#93c5fd;font-size:.75rem;list-style:none;padding:4px 10px}.case-link{color:#6ea8ff;font-size:.85rem;font-weight:500;margin-top:auto}.writing-section{background-color:#0f172a;margin:0 auto;padding:50px 0;width:100%}.writing-container{margin:0 auto;max-width:1200px;padding:0 20px}.writing-header{align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:space-between;margin-bottom:15px}.writing-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.writing-container h2{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}.writing-container p{margin-bottom:40px}.button-wrapper{display:flex;justify-content:flex-end}@media (max-width:1024px){.writing-section{padding:80px 0}}@media (max-width:768px){.writing-section{padding:60px 0}h2{font-size:1.75rem;margin-bottom:30px}}.post-metadata{align-items:center;display:flex;gap:12px;margin-bottom:6px}.post-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:.5rem;overflow:hidden}.post-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;color:inherit;display:flex;flex-direction:column;padding:1.6rem;text-decoration:none;transition:.25s}.post-card:hover{background:#ffffff0f;border-color:#6ea8ff;box-shadow:0 10px 30px #0000004d;transform:translateY(-6px)}.post-card h3{font-size:1.2rem;line-height:1.4}.post-card p{color:#9fb0d3;font-size:.9rem}.post-date{color:#7d8fb3;font-size:.75rem}.read-more{color:#6ea8ff;font-size:.85rem;font-weight:500;margin-top:auto}.post-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0}.post-tags li{background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;color:#93c5fd;font-size:.75rem;list-style:none;margin-top:12px;padding:4px 10px}.post-reading-time{color:#7d8fb3;font-size:.75rem}.post-label{color:#3b82f6;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;opacity:.9;text-transform:uppercase}.research-section{background-color:#111827;margin:0 auto;padding:50px 0;width:100%}.research-container{margin:0 auto;max-width:1200px;padding:0 20px}.research-links{color:#3b82f6;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.research-container p{color:#94a3b8;display:flex;font-size:1.1rem;justify-content:center;margin-bottom:30px;text-align:center}.research-container a{align-items:center;background:#ffffff0d;border-radius:10px;color:#fff;display:flex;gap:8px;padding:10px 16px;text-decoration:none;transition:.2s}.research-container a:hover{background:#3b82f626}.research-container h2{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}.contact-section{background-color:#0f172a;margin:0 auto;padding:50px 0;width:100%}.contact-container{margin:0 auto;max-width:1200px;padding:0 20px}.contact-links{color:#3b82f6;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.contact-container p{color:#94a3b8;margin-bottom:28px;text-align:center}.contact-container a{align-items:center;background:#ffffff0d;border-radius:10px;color:#fff;display:flex;gap:8px;padding:10px 16px;text-decoration:none;transition:.2s}.contact-container a:hover{background:#3b82f626}.contact-container h2{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}@media (max-width:1024px){.contact-section{padding:80px 0}}@media (max-width:768px){.contact-section{padding:60px 0}h2{font-size:1.75rem;margin-bottom:30px}.contact-links{gap:16px;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.footer-section{background-color:#020617;border-top:1px solid #ffffff0d;padding:20px 0;width:100%}.footer-container{margin:0 auto;max-width:1200px;padding:0 24px}.footer-content{color:#94a3b8;font-size:.875rem;text-align:center}.footer-content p{margin-top:8px}.blog-container{margin:0 auto;max-width:1500px;padding:1.5rem}.blog-header{margin-bottom:2.5rem}.blog-header h1{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:2.6rem;margin-bottom:2rem;padding-left:12px}.blog-header p{color:#9fb0d3;margin-bottom:2rem}.blog-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-category{margin-top:60px}.blog-category h2{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:1.7rem;margin-bottom:20px;padding-left:12px}.blog-filters{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 2rem}.filter-button{background:#0000;border:1px solid #334155;border-radius:6px;color:#9ca3af;cursor:pointer;padding:6px 14px;transition:.2s}.filter-button:hover{border-color:#3b82f6;color:#e5e7eb}.filter-button.active{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}.results-count{color:#64748b;font-size:.85rem;margin-bottom:1.5rem}.post-card.featured{background:#3b82f60f;border-color:#3b82f666;grid-column:span 2}.sidebar{position:-webkit-sticky;position:sticky;top:100px}.sidebar-title{color:#bcd1ff;font-size:1.1rem;font-weight:600;margin-bottom:1.4rem}.recent-list{display:flex;flex-direction:column;gap:1rem;text-align:justify}.recent-item{background:#ffffff05;border-left:3px solid #0000;border-radius:8px;padding:.8rem 1rem;transition:all .2s}.recent-item:hover{background:#ffffff0f;border-left-color:#6ea8ff}.recent-item.active{background:#6ea8ff1f;border-left-color:#6ea8ff}.recent-item a{color:#dfe7ff;font-size:.9rem;text-decoration:none}.recent-item small{color:#8fa3c7;display:block;font-size:.75rem;margin-bottom:.2rem}.sidebar-footer{display:flex;justify-content:flex-end}.post-layout{grid-gap:2rem 4rem;align-items:start;display:grid;gap:2rem 4rem;grid-template-areas:"header header" "content sidebar";grid-template-columns:1fr 280px;margin:0 auto;max-width:1200px;padding:2rem;text-align:justify}.post-layout>aside,.sidebar-container{align-self:start;grid-auto-columns:sidebar;height:auto;position:-webkit-sticky;position:sticky;top:3rem;width:auto}.post-content h1{font-size:2.4rem;margin-bottom:.5rem;padding:10px}.post-content{line-height:1.8}.post-content p{color:#e5e7eb;font-size:1.2rem;margin-bottom:1.2rem}.post-not-found{padding:6rem;text-align:justify}.post-background{background-color:#1e293b;border:1px solid #334155;border-radius:10px;box-sizing:border-box;grid-area:content;max-width:100%;padding:40px 60px;width:1200px}.post-header{grid-area:header}a{color:#6ea8ff}span{color:#38bdf8}.not-found-section{align-items:center;background-color:#0f172a;box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:80vh;padding:40px 20px;width:100%}.not-found-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0b1220cc;border:1px solid #3b82f633;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:480px;padding:56px 40px;text-align:center;width:100%}.not-found-header h2{color:#e5e7eb;font-size:28px;font-weight:600;margin-bottom:12px}.not-found-header span{color:#3b82f6}.not-found-header p{color:#94a3b8;font-size:16px;line-height:1.6}.not-found-message{line-height:1.6;margin:0 auto 20px;max-width:520px}.home-link{background-color:initial;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;display:inline-block;font-size:.95rem;font-weight:500;margin-top:1.5rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.home-link:hover{box-shadow:0 0 20px #3b82f666;transform:translateY(-2px)}.home-link:hover,.primary-btn{background-color:#3b82f6;color:#fff}.primary-btn{border:1px solid #3b82f6}.primary-btn:hover{background-color:#2563eb;border-color:#2563eb;box-shadow:0 0 20px #3b82f680}.secondary-btn{opacity:.8}.secondary-btn:hover{opacity:1}.not-found-suggestions{margin-top:28px;text-align:left}.not-found-suggestions h4{color:#9fb3c8;font-size:14px;font-weight:600;margin-bottom:14px}.not-found-suggestions ul{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.not-found-suggestions li{list-style:none;margin-bottom:8px}.not-found-suggestions li a{color:#3b82f6;display:inline-block;font-size:14px;text-decoration:none;transition:all .2s ease}.not-found-suggestions li a:hover{color:#60a5fa;transform:translateY(-2px)}.card-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.suggestions-grid{grid-gap:10px;display:grid;gap:10px;margin-top:12px}.suggestions-grid li a{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;display:block;padding:12px;transition:all .2s ease}.suggestions-grid li a:hover{background:#4678ff14;border-color:#78a0ff40;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.case-study-container{max-width:1500px;padding:1.5rem}.case-study-header{margin-bottom:2.5rem}.case-study-header h1{border-left:4px solid #3b82f6;color:#e5e7eb;font-size:2.6rem;margin-bottom:2rem;padding-left:12px}.case-study-header p{color:#9fb0d3;margin-bottom:2rem}.case-study-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.case-study-main{background-color:#0f172a;color:#f8fafc;min-height:100vh}.case-study-container{margin:0 auto;max-width:1200px;padding:1rem 2rem}.case-study-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.case-study-hero{margin-bottom:4rem;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.1rem}.case-card{background:#1e293b;border:1px solid #94a3b826;border-radius:12px;display:flex;flex-direction:column;padding:2rem;transition:all .2s ease}.case-card:hover{border-color:#38bdf8;transform:translateY(-2px)}.section-label{color:#38bdf8;font-size:.875rem;letter-spacing:.1em;margin-bottom:1.5rem;text-transform:uppercase}.section-architecture,.section-context-card,.section-decisions,.section-lessons,.section-problem,.section-requirements{grid-column:span 2}.section-context{background:#38bdf808;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;color:#f1f5f9;font-size:1.15rem;line-height:1.8;padding:20px}.section-failure:hover{border-color:#ef4444}.requirements-split{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}.req-box h3{border-bottom:1px solid #334155;color:#f1f5f9;font-size:1.1rem;margin-bottom:1.25rem;padding-bottom:.5rem}.req-box ul{list-style:none;padding:0}.req-box li{color:#94a3b8;font-size:.95rem;line-height:1.5;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.req-box li:before{color:#38bdf8;content:"→";font-weight:700;left:0;position:absolute}.card-content{color:#cbd5e1;line-height:1.7}.card-content ul{list-style:disc;margin:1rem 0;padding-left:1.5rem}.card-content li{margin-bottom:.6rem}.card-content strong{color:#60a5fa;font-weight:600}.content-divider{border:0;border-top:1px solid #94a3b81a;margin:1.5rem 0}.decisions-container{display:flex;flex-direction:column;gap:2rem}.decision-item{border-bottom:1px solid #334155;padding-bottom:1.5rem}.decision-item:last-child{border-bottom:none}.decision-title{color:#60a5fa;font-size:1.25rem;margin-bottom:1rem}.decision-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.decision-tag{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:800;margin-bottom:.5rem;padding:2px 8px}.why{background:#38bdf81a;color:#38bdf8}.tradeoff{background:#f871711a;color:#f87171}.result{background:#4ade801a;color:#4ade80}.decision-col p{color:#94a3b8;font-size:.9rem;line-height:1.5}.diagram{align-items:center;background:#0f172ad9;border:1px solid #3b82f640;border-radius:14px;box-shadow:0 0 30px #3b82f626,inset 0 0 20px #3b82f60d;display:flex;flex-direction:column;gap:12px;padding:2rem}.diagram-node{color:#94a3b8;font-family:Fira Code,monospace;font-size:.95rem;text-align:center}.diagram-node:hover{color:#e5e7eb;transition:.2s ease}.diagram-highlight{color:#38bdf8;font-weight:600}.diagram-arrow{color:#64748b;font-size:.9rem}.diagram-divider-container{align-items:center;display:flex;gap:10px;margin:10px 0;opacity:.7;width:100%}.diagram-line{background:#94a3b833;flex:1 1;height:1px}.diagram-divider-text{color:#64748b;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.section-architecture .section-label{margin-bottom:1rem}.section-architecture{display:flex;flex-direction:column}.arch-subtitle{color:#94a3b8;font-size:.85rem;margin-bottom:1rem;opacity:.85;text-align:center}@media (max-width:768px){.decision-grid{grid-template-columns:1fr}}@media (max-width:1024px){.case-study-grid{gap:1.5rem}}@media (max-width:768px){.case-study-grid,.requirements-split{grid-template-columns:1fr}.section-architecture,.section-context,.section-decisions,.section-flow,.section-problem,.section-requirements{grid-column:span 1}.hero-title{font-size:2.25rem}.case-card{padding:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{background:linear-gradient(180deg,#0f172a,#0b1220);color:#fff;font-family:Inter,sans-serif;margin:0}section{border-top:1px solid #ffffff0d;padding:40px 24px}
/*# sourceMappingURL=main.a03efecf.css.map*/