.hero-text{font-family:NHaasGrotesk,sans-serif;color:#fff;padding:2rem;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.hero-nav{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:4.25rem;font-size:1.5rem;font-weight:400;color:#fff}.hero-nav a{color:#fff;text-decoration:none}.hero-nav a:hover,.hero-nav a:active{color:#eb28de}.hero-content h1{font-size:3rem;font-weight:400;line-height:1.2;margin-bottom:1rem}.hero-content h2{opacity:.5;font-size:1.75rem;margin-top:1.5rem}.hero-content p{margin-top:1.5rem;font-size:1.125rem;line-height:1.6;color:#fffc;max-width:800px}.hero-footer{display:flex;flex-wrap:wrap;gap:2rem;margin-top:7rem;font-size:1.125rem;font-weight:400;color:#fff}.hero-footer a{color:#fff;text-decoration:none}.hero-footer a:hover,.hero-footer a:active{color:#eb28de}.hero-heading span{display:inline-block;animation:fadeInUp .8s ease-out forwards;opacity:0;filter:blur(4px)}.fade-in-up{animation:fadeInUp50 .8s ease-out forwards;opacity:0}@media (max-width: 1024px){.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}.hero-content p{font-size:1rem;max-width:90%}.hero-footer{font-size:1rem;gap:1.5rem}}@media (max-width: 600px){.hero-text{padding:1.25rem}.hero-nav{font-size:1.125rem;justify-content:center;gap:1rem}.hero-content h1{font-size:2rem;text-align:center}.hero-content h2{font-size:1.25rem;text-align:center}.hero-content p{font-size:.95rem;text-align:center;margin:0 auto}.hero-footer{justify-content:center;font-size:1rem;gap:1rem}}.projects-scroll{display:flex;flex-direction:column;justify-content:center;height:100%;padding-left:1rem;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}.scroll-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;cursor:pointer;transition:all .3s ease}.scroll-item .divider{height:2px;width:30px;background-color:#fff;opacity:.3;transition:width .3s ease,opacity .3s ease}.scroll-item .label{font-size:.9rem;opacity:.5;transition:opacity .3s ease;white-space:nowrap}.scroll-item.active .label{font-size:1rem;font-weight:600;opacity:1;text-transform:uppercase}.scroll-item.active .divider{width:60px;opacity:1}@media (max-width: 1024px){.projects-scroll{padding-left:.75rem}.scroll-item .label{font-size:.85rem}.scroll-item.active .label{font-size:.95rem}.scroll-item .divider{width:24px}.scroll-item.active .divider{width:48px}}@media (max-width: 600px){.projects-scroll{padding-left:.5rem}.scroll-item{gap:.5rem;margin-bottom:.75rem}.scroll-item .label{font-size:.8rem}.scroll-item.active .label{font-size:.9rem}.scroll-item .divider{width:20px}.scroll-item.active .divider{width:40px}}.scroll-sections{height:85%;overflow-y:scroll;scroll-snap-type:y mandatory;display:flex;flex-direction:column;scroll-behavior:smooth;padding-right:1rem}.scroll-section{scroll-snap-align:start;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;overflow-y:auto;min-height:90vh;width:100%;max-width:1200px;margin:0 auto}.scroll-section h2{font-size:2.25rem;margin-bottom:2.5rem;text-transform:uppercase;font-weight:500;color:#fff;text-align:center}.card-stack{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:-2.2rem;width:100%}.section-header{font-size:2rem;font-weight:500;letter-spacing:.05em;margin-bottom:0rem;margin-top:3.25rem;color:#fff;opacity:.5;text-align:center}.resume-card-image{width:100%;max-width:700px;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:.9375rem;display:block;transition:transform .3s ease;margin-top:1rem}.resume-card-image:hover{transform:scale(1.02)}.resume-link{display:block;width:100%;height:100%}.modal-overlay{background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}@media (max-width: 1024px){.scroll-section{padding:1.5rem}.scroll-section h2{font-size:2rem}.section-header{font-size:1.75rem;margin-top:2rem;margin-bottom:.25rem}.resume-card-image{max-width:90%}}@media (max-width: 600px){.scroll-section{padding:1rem}.scroll-section h2{font-size:1.75rem}.section-header{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem}.card-stack{gap:.5rem}.resume-card-image{max-width:100%}}.scroll-sections::-webkit-scrollbar{width:10px}.scroll-sections::-webkit-scrollbar-track{background:transparent}.scroll-sections::-webkit-scrollbar-thumb{border-radius:5px;background:transparent;background-size:cover;box-shadow:inset -2px 0 #0000;-webkit-transition:background .1s ease;transition:background .1s ease;background-position:-20px 75px}.scroll-sections:hover::-webkit-scrollbar-thumb{background:url(/Scrollbar.png) no-repeat center;background-size:cover;background-position:center 75px}.content-card{background-color:#1a1a1a;padding:1.5rem;color:#fff;display:flex;flex-direction:column;gap:1rem;transition:transform .3s ease;width:100%;max-width:614px;height:auto;min-height:13.875rem;border-radius:.9375rem;box-sizing:border-box}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.9375rem;display:block}.image-only{padding:0;background:none}.image-only .card-image{border-radius:.9375rem}.plain-card{padding:0;background-color:transparent;border-radius:0}@media (max-width: 1024px){.content-card{padding:1.25rem;max-width:90%}}@media (max-width: 600px){.content-card{padding:1rem;max-width:100%;min-height:auto}.card-image,.image-only .card-image{border-radius:.75rem}}.work-modal{background-color:#000;color:#fff;width:100%;max-width:1047px;height:auto;max-height:90vh;border-radius:1rem;padding:2rem;position:relative;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;overflow:hidden;margin:0 auto}.modal-exit-button{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:#ff4c4c;font-weight:700;font-size:2.25rem;letter-spacing:.05em;cursor:pointer}.modal-logo{width:100%;max-width:20rem;height:auto;-o-object-fit:contain;object-fit:contain;margin-bottom:-1rem;align-self:flex-start;margin-left:-3.5rem}.modal-company{font-size:2.625rem;color:#fff;margin:0}.modal-role{font-size:1.875rem;font-weight:700;margin-top:.5rem;margin-bottom:1rem;color:#ffffff80}.modal-description{font-size:1.5rem;line-height:1.8;width:100%;overflow-y:auto;position:relative;padding-right:1rem;max-height:14rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.modal-description::-webkit-scrollbar{display:none}.modal-description:after{content:"";position:sticky;bottom:0;left:0;width:100%;height:2.75rem;background:linear-gradient(to bottom,transparent,rgba(163,163,163,.6));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}@media (max-width: 1024px){.work-modal{padding:1.5rem}.modal-logo{max-width:16rem;margin-left:-2rem}.modal-company{font-size:2.25rem}.modal-role{font-size:1.5rem}.modal-description{font-size:1.25rem;max-height:12rem}}@media (max-width: 600px){.work-modal{border-radius:.75rem;padding:1rem;max-height:95vh}.modal-exit-button{top:1rem;right:1rem;font-size:1.75rem}.modal-logo{max-width:100%;margin-left:0;align-self:center}.modal-company,.modal-role{text-align:center;align-self:center}.modal-company{font-size:1.75rem}.modal-role{font-size:1.25rem}.modal-description{font-size:1rem;max-height:10rem;padding-right:.5rem}}.landing-main{display:flex;height:100vh;background-color:#000}.left-column{width:50%;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;position:sticky;top:0;height:100vh;box-sizing:border-box}.right-column{width:50%;height:100vh;overflow-y:scroll}@font-face{font-family:NHaasGrotesk;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2) format("woff2");font-weight:400;font-style:normal}.projects-main{background-color:#000;overflow-y:scroll;scrollbar-width:thin;-ms-overflow-style:none}.projects-main::-webkit-scrollbar-thumb:hover{opacity:.85}.projects-main::-webkit-scrollbar-thumb{border-radius:5px;background:transparent;background-size:cover;box-shadow:inset -2px 0 #0000;-webkit-transition:background .1s ease;transition:background .1s ease;background-position:-20px 75px}.section-header{padding:4vh 5vw;display:flex;flex-direction:column;gap:1rem;color:#fff}.divider-casestudy.full{height:.75px;background-color:#fff;padding:1}.overview{padding:.5vh 5vw;display:flex;flex-direction:column;gap:1.5rem}.overview-title-text{color:#cc00eb;font-size:clamp(1.25rem,4vw,49.94px);font-weight:500;margin:0;margin-top:-2.5rem;padding-bottom:1.25rem}.overview-subtext{color:#ffffff80!important;font-size:clamp(1.1rem,4vw,38.18px);line-height:clamp(1.8rem,5vw,46px);font-weight:400;margin:0;text-align:left}.metadata-section{padding:6vh 5vw;display:flex;flex-direction:column;gap:5vh}.section-title{display:flex;color:#cc00eb!important;font-size:clamp(1.2rem,3vw,40px)!important;font-weight:500!important;margin-top:-1rem!important;text-align:left!important;gap:.75rem;align-items:center}.section-subtext{color:#fff!important;font-size:clamp(1rem,2.5vw,32px)!important;line-height:1!important;font-weight:400!important;margin:0!important;text-align:left!important}.legacy-deployment{margin-top:2vh;display:flex;flex-direction:column;gap:1.2rem;font-size:clamp(1rem,2.5vw,32px);color:#ffffff80;line-height:1.6;font-weight:400!important}.legacy-deployment a{color:#fff;text-decoration:none;font-weight:400}.legacy-deployment a:hover{text-decoration:underline;text-decoration-color:#cc00eb}.legacy-deployment p{margin:0}.legacy-deployment ul{padding-left:1.5rem;margin:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.legacy-deployment li{font-size:clamp(1rem,2.5vw,30px);color:#fff;display:flex;align-items:flex-start}.quote-block{background-color:#cc00eb59;border-radius:35px;padding:4vh 5vw;margin:6vh 5vw;width:auto;max-width:1544px;display:flex;justify-content:center;align-items:center}.quote-block p{font-size:clamp(1.5rem,5vw,76px);line-height:clamp(2.5rem,7vw,114px);font-weight:400;color:#fff;margin:0;text-align:center}.quote-faded{opacity:.35}.quote-emphasized{font-weight:400;color:#fff}.architecture-whiteboard{padding:3vh 4vw;display:flex;flex-direction:column;gap:2vh}.whiteboard-body{margin-top:2vh;display:flex;flex-direction:column;gap:1rem}.whiteboard-heading{font-size:clamp(1.5rem,4vw,48px);color:#fff;font-weight:500;margin:0}.whiteboard-subtext{font-size:clamp(1rem,3vw,32px);color:#fff;font-weight:400;margin:0}.whiteboard-list{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:1.2rem;color:#fff;font-size:clamp(1rem,2.5vw,30px);line-height:1.5}.infra-diagrams{padding:4vh 5vw;display:flex;flex-direction:column;gap:2vh}.diagrams-body{margin-top:2vh;display:flex;flex-direction:column;gap:1rem}.diagrams-heading{font-size:clamp(1.5rem,4vw,48px);color:#fff;font-weight:500;margin:0}.diagrams-list{padding-left:1.5rem;margin:0;display:flex;flex-direction:column;gap:1.4rem;color:#fff;font-size:clamp(1rem,2.5vw,30px);line-height:1.6}.final-infrastructure{padding:4vh 5vw;display:flex;flex-direction:column;gap:2vh}.final-body{margin-top:2vh;display:flex;flex-direction:column;gap:1.4rem}.final-heading{font-size:clamp(1.5rem,4vw,48px);color:#fff;font-weight:500;margin-top:-.25rem;margin-bottom:.25rem}.final-list{padding-left:1.5rem;margin:0;display:flex;flex-direction:column;gap:1.2rem;color:#fff;font-size:clamp(1rem,2.5vw,30px);line-height:1.6}.results-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:2vh}.results-pill-container{margin-top:2vh;display:flex;flex-direction:column;gap:2rem;align-items:center}.results-pill{background-color:#cc00eb59;border-radius:999px;padding:3vh 4vw;font-size:clamp(1.2rem,4vw,48px);line-height:clamp(1.2rem,4vw,48px);color:#fff;font-weight:400;text-align:left;width:100%;max-width:1544px;text-align:center}.cta-next{padding:6vh 5vw;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3vh}.cta-text{font-size:clamp(1.2rem,4vw,36px)!important;line-height:clamp(1.2rem,4vw,36px)!important;font-weight:400!important;color:#fff!important;margin:0!important;max-width:1100px!important}.cta-link{font-size:clamp(1.2rem,4vw,48px);color:#cc00eb;text-decoration:none;font-weight:500;transition:.2s ease}.cta-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.diagram-wrapper{margin-top:2rem;margin-bottom:2rem;padding:1.25rem 1rem;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:0 0 0 1px #ffffff0d inset;max-width:100%}.diagram-wrapper::-webkit-scrollbar{height:6px}.diagram-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.diagram-wrapper svg{display:block;width:100%;height:auto;min-width:600px;max-width:100%}.open-source-repos{display:flex;flex-wrap:wrap;gap:6.5rem;margin-top:3rem;justify-content:center;align-items:stretch;perspective:1200px}@media (max-width: 1200px){.open-source-repos{gap:4rem}}@media (max-width: 992px){.open-source-repos{gap:2rem;margin-top:2rem}}@media (max-width: 768px){.open-source-repos{flex-direction:column;gap:1rem;margin-top:1.5rem}}@media (max-width: 480px){.open-source-repos{gap:1rem;margin-top:1rem}}.loadtest-chart-section{padding:4vh 5vw;color:#fff;display:flex;flex-direction:column;gap:1rem}.loadtest-chart-section .section-title{color:#ffffff80;font-size:clamp(1.5rem,4vw,40px);margin:0}.loadtest-chart-section .section-subtext{color:#fff9;font-size:clamp(1rem,3vw,30px);margin:0 0 2rem}.see-it-in-action-section{margin-top:4vh;padding:0 5vw;text-align:left;margin-bottom:1rem}.see-it-in-action-section .section-title{color:#cc00eb;font-size:clamp(2rem,4vw,48px);font-weight:700;margin-bottom:1rem}.see-it-in-action-section .section-subtext{color:#fff;opacity:.85;font-size:clamp(1.2rem,2vw,24px);margin-bottom:4vh}.videos-container{display:flex;flex-direction:column;gap:4vh;align-items:center;justify-content:center}.pipeline-video{width:100%;max-width:75vw;border-radius:16px;margin-top:1rem;height:auto}.cta-logo-link{display:inline-block;transition:transform .3s ease}.cta-logo-link:hover{transform:scale(1.1)}.cta-logo-img{height:80px;width:auto;display:block}.pill-detail{margin-top:.5rem;font-size:clamp(.9rem,2vw,20px);line-height:1.4;color:#ffffffbf;text-align:center}.battle-story-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:2vh}.QnAButton-pilll{background-color:#444;color:#fff;padding:.2rem .8rem;border-radius:9999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;display:inline-block}.QnAButton-pill{visibility:hidden;display:none;background-color:#444;color:#fff;padding:.2rem .8rem;border-radius:9999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;display:inline-block}.github-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:2rem;margin:2rem 0;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:420px;min-width:320px;width:100%;flex:1 1 360px;transform-style:preserve-3d;perspective:1000px;will-change:transform;transition:transform .3s ease}.repo-name{font-size:1.75rem;color:#ffffff80;margin-bottom:.5rem}.repo-description{font-size:1.125rem;color:#fffc;margin-bottom:1rem}.repo-stats{display:flex;gap:1.5rem;font-size:.95rem;opacity:.8;margin-bottom:1rem}.repo-link{color:#cc00eb;font-weight:500;text-decoration:none;font-size:1rem}.repo-link:hover{text-decoration:underline}.conveyor-wrapper{position:relative;width:min(120vw,1400px);margin:5rem auto}.conveyor-container{overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.conveyor-container::-webkit-scrollbar{display:none}.conveyor-track{display:flex;gap:2rem;align-items:center}.conveyor-card{flex:0 0 auto;width:clamp(280px,80vw,346px);height:clamp(280px,80vw,346px);background-color:#ec0707;border-radius:50px;color:#fff;padding:2rem;box-shadow:0 20px 30px #00000080;display:flex;flex-direction:column;justify-content:center;gap:1rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-title{font-family:NHaasGrotesk,sans-serif;font-size:clamp(1.2rem,3vw,2rem);font-weight:700}.card-text{font-family:NHaasGrotesk,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.4}.conveyor-fade{position:absolute;top:0;height:100%;width:50px;pointer-events:none;z-index:10}.fade-left{left:0;mask-image:linear-gradient(to right,#000,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));background:#000}.fade-right{right:0;mask-image:linear-gradient(to left,#000,#0000);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,1),rgba(0,0,0,0));background:#000000b3}@font-face{font-family:NHaasGrotesk;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2) format("woff2");font-weight:400;font-style:normal}.tutorial-container::-webkit-scrollbar{width:10px}.tutorial-container::-webkit-scrollbar-track{background:transparent}.tutorial-container::-webkit-scrollbar-thumb{border-radius:5px;background:url(/Scrollbar.png) no-repeat center;background-size:cover}.tutorial-container{padding:5vh 5vw;background-color:#000;color:#fff}.tutorial-title{font-size:60px;font-weight:400;line-height:70px;text-align:left;margin-bottom:2vh}.learn-subheading{font-size:30px!important;color:#ffffff80!important;font-weight:500;margin-bottom:2rem}.learn-body{font-size:30px!important;line-height:70px;font-weight:400;max-width:1000px;margin-bottom:-3rem;text-align:left}.learn-list{padding-left:1.25rem;text-align:left;margin-bottom:2rem;max-width:750px!important;margin-top:5rem}.learn-list li{font-size:60px;line-height:70px;font-weight:400;margin-bottom:1.5rem}@media screen and (max-width: 1024px){.learn-body,.learn-list li{font-size:42px;line-height:54px}}@media screen and (max-width: 768px){.tutorial-title{font-size:36px;line-height:44px}.learn-subheading{font-size:16px}.learn-body,.learn-list li{font-size:22px;line-height:34px}}.tutorial-teaches-section{padding:5vh 5vw;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1000px;margin:0 auto}.teaches-subheading{font-size:30px;color:#888;font-weight:500;margin-bottom:2rem}.teaches-body{font-size:60px;line-height:70px;font-weight:400;margin-bottom:2rem}.teaches-list{text-align:left;padding-left:1.25rem;margin-bottom:2rem}.teaches-list li{font-size:60px;line-height:70px;font-weight:400;margin-bottom:1.5rem}.teaches-purple-text{font-size:20px;line-height:32px;color:#e200ff;font-weight:500;max-width:900px;margin-bottom:-3rem}@media screen and (max-width: 1024px){.teaches-body,.teaches-list li{font-size:42px;line-height:54px}.teaches-purple-text{font-size:18px;line-height:30px}}@media screen and (max-width: 768px){.teaches-body,.teaches-list li{font-size:22px;line-height:34px}.teaches-subheading{font-size:16px}.teaches-purple-text{font-size:16px;line-height:28px}}.techstack-section{padding:5vh 5vw;background-color:#000;color:#fff;max-width:1000px;margin:0 auto}.techstack-title{font-size:60px;font-weight:400;line-height:70px;margin-bottom:3rem;text-align:left}.techstack-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse}.techstack-row{display:flex;justify-content:space-between;border-bottom:.5px solid rgba(255,255,255,.2);padding:1rem 0}.techstack-cell{width:50%;font-size:18px;color:#fffc;line-height:1.6}.techstack-cell.label{color:#ffffff80;font-weight:500}.techstack-cell.error{color:#ff3b3b;font-size:18px}@media screen and (max-width: 768px){.techstack-title{font-size:36px;line-height:44px}.techstack-row{flex-direction:column;align-items:flex-start;padding:1rem 0}.techstack-cell{width:100%;font-size:16px;line-height:1.5;margin-bottom:.5rem}.techstack-cell.error{font-size:16px}}.tutorial-phase-section{padding:5vh 5vw;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1000px;margin:0 auto;margin-top:-5rem}.phase-heading{font-size:24px;font-weight:600;color:#e200ff;margin-bottom:1.5rem}.phase-title{font-size:60px;font-weight:400;line-height:70px;margin-bottom:2rem}.phase-description{font-size:20px;line-height:32px;color:#ffffffb3;margin-bottom:1.5rem;max-width:900px}.divider-casestudy.full{height:.75px;background-color:#ffffff4d;width:100%;margin-top:2rem}@media screen and (max-width: 1024px){.phase-title{font-size:42px;line-height:54px}.phase-description{font-size:18px;line-height:30px}}@media screen and (max-width: 768px){.phase-title{font-size:28px;line-height:38px}.phase-heading{font-size:18px}.phase-description{font-size:16px;line-height:28px}}.tutorial-dockerfile-section{padding:5vh 5vw;background-color:#000;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto}.dockerfile-title{font-size:48px;font-weight:500;line-height:58px;margin-bottom:1rem;text-align:center;max-width:900px;margin-top:-4.5rem}@media screen and (max-width: 768px){.dockerfile-title{font-size:28px;line-height:38px}}.dockerfile-paragraph{font-size:20px;color:#ffffffb3;line-height:1.7;margin-bottom:1.5rem;max-width:900px}.dockerfile-list{list-style-type:disc;padding-left:1.5rem;text-align:left;margin-bottom:1.5rem;color:#ffffffb3;max-width:900px;text-align:center}.dockerfile-list li{font-size:20px;line-height:1.7;margin-bottom:.8rem}@media screen and (max-width: 1024px){.dockerfile-title{font-size:42px;line-height:54px}.dockerfile-paragraph,.dockerfile-list li{font-size:18px;line-height:1.6}}@media screen and (max-width: 768px){.dockerfile-title{font-size:28px;line-height:38px}.dockerfile-paragraph,.dockerfile-list li{font-size:16px;line-height:1.5}}.tutorial-containerization-section{padding:5vh 5vw;background-color:#000;color:#fff;text-align:center;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.containerization-title{font-size:60px;font-weight:400;line-height:70px;margin-top:-4.5rem;margin-bottom:2.5rem}.containerization-list-centered{list-style:none;padding:0;margin:0 auto 2rem;display:flex;flex-direction:column;align-items:center;gap:1.8rem;max-width:900px}.containerization-list-centered li{font-size:24px;line-height:1.8;text-align:center;max-width:800px}.green-highlight{color:#00ff84;font-weight:600}@media screen and (max-width: 1024px){.containerization-title{font-size:42px;line-height:54px}.containerization-list-centered li{font-size:20px;line-height:1.6}}@media screen and (max-width: 768px){.containerization-title{font-size:28px;line-height:38px}.containerization-list-centered li{font-size:16px;line-height:1.5}}.tutorial-code-section{padding:5vh 5vw;color:#fff;background-color:#000;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:1000px;margin:0 auto}.code-step{font-size:20px;color:#e200ff;margin:1.5rem 0;text-align:left;width:100%;max-width:900px}.code-block{font-family:Fira Code,Courier New,monospace;font-size:15px;line-height:1.7;background:#1e1e1e;color:#fff;width:100%;padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:2rem}@media screen and (max-width: 768px){.code-step{font-size:16px}.code-block{font-size:14px}}.code-step{font-size:20px;font-weight:600;color:#e200ff;margin:1rem 0 1.25rem;text-align:left;width:100%;max-width:900px}.code-explanation{font-size:18px;color:#ffffffb3;line-height:1.8;max-width:900px;margin-bottom:2rem;text-align:center}@media screen and (max-width: 768px){.code-explanation{font-size:16px;line-height:1.6}}.ci-disclaimer{font-size:28px;color:red;font-weight:600;margin-bottom:.5rem;text-align:center}.ci-warning{color:#a20000;font-size:18px;text-align:center;font-weight:500;margin-bottom:2rem}.ci-limitations-table{display:flex;flex-direction:column;width:100%;max-width:900px;margin:0 auto;border-collapse:collapse}.ci-row{display:flex;justify-content:space-between;border-bottom:.5px solid rgba(255,255,255,.2);padding:1rem 0;gap:2rem}.ci-col{width:50%;font-size:18px;line-height:1.6;color:#fffc;text-align:left}.ci-header .ci-col{color:#ffffffe6;font-weight:600}@media screen and (max-width: 768px){.ci-row{flex-direction:column;align-items:flex-start;padding:1rem 0}.ci-col{width:100%;font-size:16px;margin-bottom:.5rem}.ci-header .ci-col{font-size:17px}.ci-disclaimer{font-size:20px}.ci-warning{font-size:15px}}.ci-reflection-pill{background-color:#00ff3c;color:#1b1b1b;padding:4rem 2rem;border-radius:50px;width:100%;max-width:1480px;margin:4rem auto 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:50px;line-height:61px;font-weight:600;gap:1.75rem}.ci-highlight{color:#fff}@media screen and (max-width: 1024px){.ci-reflection-pill{font-size:32px;line-height:44px;padding:3rem 1.5rem;border-radius:40px}}@media screen and (max-width: 768px){.ci-reflection-pill{font-size:20px;line-height:30px;padding:2rem 1rem;border-radius:32px}}.cicd-definition-section{padding:5vh 5vw;background-color:#000;color:#fff;text-align:center;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.cicd-title{font-size:42px;font-weight:600;color:#fff;margin-bottom:.5rem}.cicd-description{font-size:20px;color:#aaa;line-height:1.75;margin-bottom:.5rem}.cicd-list{list-style-type:disc;text-align:left;padding-left:2rem;color:#aaa;font-size:20px;line-height:1.8;margin-top:-2.5rem!important;text-align:center}.cicd-list li{margin-bottom:.8rem}@media screen and (max-width: 1024px){.cicd-title{font-size:32px}.cicd-description,.cicd-list{font-size:18px}}@media screen and (max-width: 768px){.cicd-title{font-size:24px}.cicd-description,.cicd-list{font-size:16px}}.cicd-code-section{width:100%;max-width:1444px;background-color:#fff;padding:2rem;border-radius:20px;margin:0 auto 2rem!important;box-shadow:0 0 30px #ffffff0d;overflow-x:auto}.cicd-code-section .code-block{font-size:16px;line-height:1.8;font-family:Fira Code,Courier New,monospace;background-color:#1e1e1e;color:#fff;padding:2rem;border-radius:12px;width:100%;overflow-x:auto}@media screen and (max-width: 1024px){.cicd-code-section{padding:1.5rem;border-radius:16px}.cicd-code-section .code-block{font-size:15px}}@media screen and (max-width: 768px){.cicd-code-section{padding:1rem;border-radius:14px}.cicd-code-section .code-block{font-size:14px}}.cicd-code-section{width:100%;max-width:1000px;margin:2rem auto 4rem;padding:0}.cicd-code-section .code-block{font-size:16px;line-height:1.8;font-family:Fira Code,Courier New,monospace;background-color:#1e1e1e;color:#fff;padding:2rem;border-radius:12px;overflow-x:auto}@media screen and (max-width: 1024px){.cicd-code-section .code-block{font-size:15px;padding:1.5rem}}@media screen and (max-width: 768px){.cicd-code-section .code-block{font-size:14px;padding:1rem}}.cicd-code-explanation{margin-top:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.cicd-code-list{list-style-type:disc;padding-left:2rem;font-size:18px;line-height:1.8;color:#aaa}.cicd-code-list li{margin-bottom:1rem}@media screen and (max-width: 1024px){.cicd-code-list{font-size:16px;line-height:1.6}}@media screen and (max-width: 768px){.cicd-code-list{font-size:15px;line-height:1.5;padding-left:1.5rem}.cicd-code-list li{margin-bottom:.75rem}}.cicd-code-section{width:100%;max-width:1444px;padding:0;margin:0 auto 4rem;overflow-x:auto}.cicd-code-section .code-block{font-size:16px;line-height:1.8;font-family:Fira Code,Courier New,monospace;background-color:#1e1e1e;color:#fff;padding:2rem;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 0 30px #0003}@media screen and (max-width: 1024px){.cicd-code-section .code-block{font-size:15px}}@media screen and (max-width: 768px){.cicd-code-section .code-block{font-size:14px;padding:1.25rem;border-radius:10px}}.cicd-fragility-section{color:#fff;background-color:#000;padding:5vh 5vw;max-width:1000px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:2rem}.cicd-fragility-list{list-style:none;padding-left:0;font-size:20px;line-height:1.75;color:#ccc;margin-top:-2rem}.cicd-fragility-list li{margin-bottom:2rem}.cicd-fragility-list.red li{color:#ff5f5f;margin-bottom:1rem}.cicd-fragility-warning{font-size:20px;font-weight:600;margin-bottom:3rem;color:#ff4c4c}.cicd-fragility-recommendation{font-size:18px;font-weight:600;color:#b9ff9e}.cicd-fragility-note{font-size:18px;color:#ccc;line-height:1.6}@media screen and (max-width: 1024px){.cicd-fragility-list,.cicd-fragility-note{font-size:17px}.cicd-fragility-warning,.cicd-fragility-recommendation{font-size:18px}}@media screen and (max-width: 768px){.cicd-fragility-list,.cicd-fragility-note{font-size:15px}.cicd-fragility-warning,.cicd-fragility-recommendation{font-size:16px}}.cicd-next-section{padding:5vh 5vw;color:#fff;background-color:#000;max-width:1000px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.cicd-next-title{font-size:34px;font-weight:600;color:#e200ff;margin-bottom:1rem}.cicd-next-description{font-size:20px;color:#aaa;line-height:1.7}.cicd-next-list{list-style:none;padding-left:0;font-size:20px;color:#aaa;line-height:1.8}.cicd-next-list li{margin-bottom:1rem}.cicd-next-list .bold{font-weight:600}.cicd-next-tutorial{font-size:20px;color:#e200ff;font-weight:500}.cicd-next-tutorial .highlight{font-weight:600}@media screen and (max-width: 1024px){.cicd-next-title{font-size:28px}.cicd-next-description,.cicd-next-list,.cicd-next-tutorial{font-size:18px}}.code-block{font-family:Fira Code,Consolas,Menlo,monospace;font-size:14px;line-height:1.5;background-color:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;overflow-x:auto;white-space:pre}.chat-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.chat-modal{width:760px;height:296px;background-color:#ffffff0d;border-radius:50px;padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-start;position:relative;box-sizing:border-box}.chat-modal h1{font-size:48px;font-weight:400;margin-bottom:2rem;text-align:left;color:#fff}.chat-input{resize:none;overflow:hidden;background-color:#00000080;border-radius:25px;border:none;padding:1rem 1.5rem;font-size:27.91px;color:#ffffffe6;width:100%;box-sizing:border-box;outline:none;font-weight:400;line-height:1.4;min-height:60px;max-height:200px}.chat-divider{margin-top:1.5rem;height:1px;background-color:#ffffff4d;width:100%}@media (max-width: 768px){.chat-modal{width:90%;height:auto;padding:1.5rem;border-radius:30px}.chat-modal h1{font-size:32px}.chat-input{font-size:20px}}.close-text-button{position:absolute;top:1.25rem;right:1.75rem;background:transparent;border:none;color:#ffffffa6;font-size:1rem;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:color .2s ease}.close-text-button:hover{color:#ffffffe6}.ai-response{margin-top:1rem;color:#ffffffe6;font-size:18px;line-height:1.5}@font-face{font-family:NHaasGrotesk;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2) format("woff2");font-weight:400;font-style:normal}.project2-main{background-color:#000;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.projects-main::-webkit-scrollbar{width:10px}.projects-main::-webkit-scrollbar-track{background:transparent}.projects-main::-webkit-scrollbar-thumb{border-radius:5px;background:url(/Scrollbar.png) no-repeat center;background-size:cover}.title{font-size:clamp(1.5rem,5vw,3rem);font-weight:700;line-height:1.2;color:#fff;margin:0}.title-subtext{font-size:clamp(1rem,3vw,1.5rem);font-weight:300;color:#fff;line-height:1.4;margin:0}.overview-title-text{color:#cc00eb;font-size:clamp(1.25rem,4vw,49.94px);font-weight:500;margin:0}.overview-subtext{color:#ffffff80;font-size:clamp(1.1rem,4vw,38.18px);line-height:clamp(1.8rem,5vw,46px);font-weight:400;margin:0;text-align:left}.overview-maintext{color:#fff;font-size:clamp(1.25rem,4vw,48.22px);line-height:clamp(2rem,5vw,70px);font-weight:400;display:flex;flex-direction:column;gap:2rem;text-align:left}.metadata-section{padding:3vh 5vw;display:flex;flex-direction:column;gap:3vh}.metadata-block{display:flex;flex-direction:column;gap:.5rem}.section-title{color:#cc00eb;font-size:clamp(1.2rem,3vw,40px);font-weight:500;margin:0;text-align:left}.section-subtext{color:#fff9;font-size:clamp(1rem,2.5vw,32px);line-height:1.5;font-weight:400;margin:0;text-align:left}.highlights-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:3vh}.highlight-list{display:flex;flex-direction:column;gap:2.5vh}.highlight-item{display:flex;flex-direction:column;gap:.25rem}.highlight-heading{color:#fff;font-size:clamp(1.1rem,3vw,36px);font-weight:500;margin:0}.highlight-body{color:#fff9;font-size:clamp(.95rem,2.5vw,30px);line-height:1.5;font-weight:400;margin:0}.pipeline-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:2.5vh}.pipeline-table{display:flex;flex-direction:column;gap:2vh;margin-top:1vh}.pipeline-row{display:flex;flex-direction:row;justify-content:space-between;gap:2vw;flex-wrap:wrap}.pipeline-col{flex:1;min-width:150px;font-size:clamp(1rem,2.5vw,30px);line-height:1.5;font-weight:400;color:#fff9}.pipeline-header .pipeline-col{color:#fff;font-weight:600;font-size:clamp(1.1rem,2.8vw,32px);border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:.5vh}.pipeline-col-left{flex:.5}.pipeline-col-right{flex:1.5}.coreml-hosting{padding:4vh 5vw;display:flex;flex-direction:column;gap:2.5vh}.pill-container{background-color:#cc00eb59;border-radius:50px;padding:3vh 5vw;margin:0 auto;width:90vw;max-width:1544px;min-height:160px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow-x:auto}.pill-list{list-style-type:disc;padding-left:1.5rem;margin:0;display:flex;flex-direction:column;gap:1.8rem;color:#fff;font-size:clamp(1.25rem,4vw,48px);line-height:48px;font-weight:400;text-align:left}.production-benefits{padding:4vh 5vw;display:flex;flex-direction:column;gap:3vh}.benefits-table{display:flex;flex-direction:column;gap:2vh;font-size:clamp(1rem,2.5vw,30px)}.benefits-header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:1vh;font-weight:500;color:#ffffffb3}.benefit-row{display:flex;flex-direction:column;gap:.5rem}.benefit-feature{color:#fff9;font-weight:500}.benefit-value{color:#fff9;font-weight:400;line-height:1.5}@media (min-width: 768px){.benefit-row{flex-direction:row;justify-content:space-between;gap:2vw}.benefit-feature,.benefit-value{width:48%}}.reflection-section{padding:5vh 5vw;display:flex;flex-direction:column;align-items:center;gap:3vh;text-align:center}.reflection-header{color:#cc00eb;font-size:clamp(1.2rem,2.5vw,32px);font-weight:500;max-width:1000px;text-align:center;margin:0 auto}.reflection-list{list-style:disc;padding-left:2rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem;color:#fff9;font-size:clamp(1rem,2.5vw,30px);font-weight:400;max-width:1000px;text-align:left}.reflection-note{color:#fff;font-size:clamp(1.1rem,2.5vw,30px);font-weight:400;line-height:1.5;max-width:1000px}.tutorial-link{color:#fff;text-decoration:underline;font-weight:400;text-decoration-color:#cc00eb}.next-project-link{font-size:clamp(1.3rem,3vw,42px);font-weight:500;color:#cc00eb;text-decoration:none;margin-top:2vh}.next-project-link:hover{text-decoration:underline;text-decoration-color:#cc00eb}@font-face{font-family:NHaasGrotesk;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2) format("woff2");font-weight:400;font-style:normal}.project3-main{background-color:#000;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.project3-main::-webkit-scrollbar{width:10px}.project3-main::-webkit-scrollbar-track{background:transparent}.project3-main::-webkit-scrollbar-thumb{border-radius:5px;background:url(/Scrollbar.png) no-repeat center;background-size:cover}.section-header{padding:3vh 5vw;display:flex;flex-direction:column;gap:1rem;color:#fff}.development-pill{background-color:#444;color:#fff;padding:.3rem .8rem;border-radius:999px;font-size:.75rem;width:-moz-fit-content;width:fit-content;text-transform:uppercase;letter-spacing:.05em}.title{font-size:clamp(1.5rem,5vw,3rem);font-weight:400;line-height:1.2;color:#fff;margin:0;text-align:left}.title-subtext{font-size:clamp(1rem,3vw,1.5rem);font-weight:300;color:#fff;line-height:1.4;margin:0;text-align:left}.image{padding:0vh 5vw}.image img{width:100%;height:auto;display:block}.overview{padding:4vh 5vw;display:flex;flex-direction:column;gap:1.5rem}.overview-title-text{color:#cc00eb;font-size:clamp(1.25rem,4vw,49.94px);font-weight:500;margin:0;margin-top:-1.5rem;padding-bottom:1.25rem}.overview-subtext{color:#ffffff80!important;font-size:clamp(1.1rem,4vw,30px);line-height:clamp(1.8rem,5vw,46px);font-weight:400;margin:0rem;text-align:left}.overview-maintext{color:#fff;font-size:clamp(1.25rem,4vw,30px);line-height:clamp(2rem,5vw,50px);font-weight:400;display:flex;flex-direction:column;gap:2rem;text-align:left}.section-title{color:#cc00eb;font-size:clamp(1.25rem,4vw,49.94px);font-weight:500;margin:0;margin-top:-2.5rem;padding-bottom:1.25rem}.stack-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:3vh}.stack-table{display:flex;flex-direction:column;gap:2.5vh}.stack-row{display:flex;flex-direction:column;gap:.25rem}.stack-label{color:#fff9;font-weight:500;font-size:clamp(1rem,2.5vw,28px)}.stack-value{color:#fffc;font-weight:400;font-size:clamp(1rem,2.5vw,30px);line-height:1.5}@media (min-width: 768px){.stack-row{flex-direction:row;justify-content:space-between}.stack-label,.stack-value{width:48%}}.devops-early-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:3vh}.devops-list{list-style-type:disc;padding-left:2rem;margin:0;display:flex;flex-direction:column;gap:1rem;color:#fffc;font-size:clamp(1rem,2.5vw,30px);font-weight:400;text-align:left}.missing-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:2rem}.missing-table{display:flex;flex-direction:column;width:100%;gap:2rem}.table-row{display:flex;flex-direction:column;gap:1rem}.table-row.header{font-weight:700;color:#cc00eb}.table-col{color:#fff;font-size:clamp(1rem,2.5vw,28px);line-height:1.4}@media (min-width: 768px){.table-row{flex-direction:row;justify-content:space-between;gap:2rem}.table-col{width:48%}}.bottom-line{color:red;font-size:clamp(1.2rem,4vw,36px);font-weight:500;text-align:left;padding-top:2vh;padding-bottom:4vh;line-height:1.5}.crucial-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:2rem}.crucial-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem;font-size:clamp(1rem,2.5vw,30px);color:#ffffffe6;font-weight:400;line-height:1.6}.emoji{margin-right:.5rem}.response-section{padding:4vh 5vw;display:flex;flex-direction:column;gap:2rem}.response-content{color:#ffffffe6;font-size:clamp(1rem,2.5vw,30px);line-height:1.6;display:flex;flex-direction:column;gap:1.5rem}.quote{color:#ffffffb3;font-style:italic;font-size:clamp(1.1rem,3vw,32px);line-height:1.6;margin-left:1rem;border-left:3px solid #CC00EB;padding-left:1rem}.response-list{padding-left:2rem;margin:0;list-style-type:disc;display:flex;flex-direction:column;gap:1rem}.live-site{font-size:clamp(1rem,2.2vw,28px);line-height:1.4;color:#fff}.live-site a{color:#fff;text-decoration:underline}.tutorials-link{font-size:clamp(1rem,2.2vw,28px);line-height:1.4;color:#fff}.tutorials-link a{color:#cc00eb;text-decoration:underline;font-weight:500}.tutorial-code-section pre{white-space:pre;font-family:monospace}@font-face{font-family:NHaasGrotesk;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2) format("woff2");font-weight:400;font-style:normal}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);filter:blur(12px)}to{opacity:var(--final-opacity, 1);transform:translateY(0);filter:blur(0)}}.tutorial2-container::-webkit-scrollbar{width:10px}.tutorial2-container::-webkit-scrollbar-track{background:transparent}.tutorial2-container::-webkit-scrollbar-thumb{border-radius:5px;background:url(/Scrollbar.png) no-repeat center;background-size:cover}.tutorial2-container{padding:5vh 5vw;background-color:#000;color:#fff}.tutorial2-title{font-size:60px;font-weight:400;line-height:70px;text-align:left;margin-bottom:2vh}.subline{display:block}.divider-casestudy{display:flex;justify-content:space-between;padding:2vh 5vw;align-items:center}.divider-line-casestudy{height:.75px;background-color:#fff;flex:1;max-width:45%}.divider-casestudy.full{height:.75px;background-color:#fff;padding:0}.tutorial-learn-section{padding:5vh 5vw;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.learn-subheading{font-size:20px;color:#888;font-weight:500;margin-bottom:2rem}.learn-level{display:block;font-size:.9rem;color:#888;margin-bottom:1rem;text-align:center}.learn-subheading{font-size:1.25rem;font-weight:500;color:#fff;margin:0 1rem}.learn-description{max-width:700px;font-size:1rem;line-height:1.75rem;margin-bottom:2rem;color:#fff}.learn-list{text-align:left;max-width:700px;font-size:1rem;line-height:1.75rem;margin-bottom:2rem;padding-left:1rem}.learn-list li{margin-bottom:.75rem}.learn-note{color:#c084fc;font-size:.9rem;max-width:700px}.techstack-section{padding:5vh 5vw;background-color:#000;color:#fff}.techstack-title{font-size:2.5rem;font-weight:600;margin-bottom:2rem;text-align:left}.techstack-divider{height:1px;background-color:#444;margin-top:3rem}.techstack-table{display:flex;flex-direction:column;gap:1.5rem}.techstack-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.techstack-row.header{color:#888;font-weight:500;border-bottom:1px solid #444;padding-bottom:.5rem}.techstack-label,.techstack-value{flex:1;min-width:150px;font-size:1rem}.techstack-value{text-align:right}@media (max-width: 768px){.techstack-row{flex-direction:column;align-items:flex-start}.techstack-value{text-align:left}.techstack-title{text-align:center}}.architecture-section{padding:5vh 5vw;background-color:#000;color:#fff}.architecture-title{font-size:2.5rem;font-weight:600;margin-bottom:2rem;text-align:left}.arch-flow{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.arch-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.arch-box{background-color:#777;color:#fff;border-radius:8px;padding:.5rem 1.2rem;font-weight:500;font-size:.9rem;text-align:center;white-space:nowrap}.arch-box.user-box{background-color:#a020f0;color:#fff}.arch-arrow{font-size:1.5rem;color:#fff}.arch-arrow.vertical{font-size:2rem}.arch-notes{max-width:700px;margin:0 auto;padding-left:1rem;font-size:.95rem;line-height:1.6rem;list-style:disc;color:#ccc}.arch-notes li{margin-bottom:.75rem}@media (max-width: 768px){.arch-box{font-size:.85rem;padding:.5rem 1rem}.arch-row{flex-direction:column}.arch-arrow{transform:rotate(90deg)}.architecture-title{text-align:center}.arch-notes{padding-left:0}}.breakdown-section{padding:5vh 5vw;background-color:#000;color:#fff}.breakdown-title{font-size:2.5rem;font-weight:600;margin-bottom:1rem;text-align:left}.breakdown-subheading{font-size:1.5rem;font-weight:600;color:#aaa;margin-bottom:1rem}.breakdown-description{font-size:1rem;line-height:1.75rem;max-width:800px;color:#ccc;margin-bottom:2rem}.breakdown-points{list-style:disc;padding-left:1.25rem;font-size:1rem;line-height:1.8rem;color:#fff;max-width:800px}.breakdown-points li{margin-bottom:1.5rem}.breakdown-points strong{font-weight:600}.breakdown-code-embed{margin-top:2rem;max-width:900px}@media (max-width: 768px){.breakdown-title,.breakdown-subheading,.breakdown-description,.breakdown-points{text-align:left}.breakdown-description,.breakdown-points{padding-left:0}}.breakdown-code-embed{margin-top:2rem;max-width:100%;overflow-x:auto;border-radius:2rem}.code-block{width:100%;max-width:1309px;min-height:400px;border-radius:2rem;margin:0 auto;background-color:#1e1e1e}@media (max-width: 768px){.code-block{border-radius:1rem;font-size:.85rem;min-height:300px;padding:1rem}}.code-wrapper{margin-bottom:2rem;max-width:1309px;margin-left:auto;margin-right:auto}.code-label{font-size:.9rem;font-weight:500;color:#c084fc;margin-bottom:.5rem;text-align:left;padding-left:1rem}.jenkins-section{padding:5vh 5vw;background-color:#000;color:#fff;text-align:center}.jenkins-title{font-size:2rem;font-weight:600;margin-bottom:2rem;line-height:1.4}.jenkins-text{font-size:1rem;color:#ccc;margin-bottom:1.5rem;line-height:1.75rem;max-width:700px;margin-left:auto;margin-right:auto}.jenkins-text a{color:#60a5fa;text-decoration:underline;word-break:break-word}.jenkins-subtitle{font-size:1.25rem;font-weight:600;margin-top:3rem;margin-bottom:1.5rem;color:#aaa;line-height:1.4}.jenkins-list{list-style:none;padding-left:0;margin:0 auto 2rem;max-width:600px;color:#fff;font-size:1rem;line-height:1.75rem}.jenkins-list li{margin-bottom:1rem}@media (max-width: 768px){.jenkins-title{font-size:1.5rem}.jenkins-subtitle{font-size:1.1rem}.jenkins-text,.jenkins-list{font-size:.95rem}}.faang-section{padding:5vh 5vw;background-color:#000;color:#fff;text-align:center}.faang-title{font-size:1.8rem;font-weight:600;margin-bottom:3rem;line-height:1.4;color:#fff}.faang-list{list-style:none;padding:0;margin:0 auto;max-width:700px;color:#aaa;font-size:1rem;line-height:2rem;text-align:center}.faang-list li{margin-bottom:1.75rem}@media (max-width: 768px){.faang-title{font-size:1.4rem;margin-bottom:2rem}.faang-list{font-size:.95rem;line-height:1.8rem}.faang-list li{margin-bottom:1.5rem}}.faang-footer{font-size:1rem;margin-top:3rem;color:#c084fc;font-weight:600;text-align:center}@media (max-width: 768px){.faang-footer{font-size:.95rem;margin-top:2rem}}html,body,#root{background-color:#000;color:#fff;margin:0;padding:0;height:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box;font-family:NHaasGrotesk,sans-serif}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);filter:blur(5.5px)}to{opacity:var(--final-opacity, 1);transform:translateY(0);filter:blur(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.no-scroll{overflow:hidden!important;height:100%}@font-face{font-family:NHaasGrotesk;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2) format("woff2");font-weight:400;font-style:normal}.hero-text{font-family:NHaasGrotesk,sans-serif}