*,:before,:after{box-sizing:border-box}:root{--color-primary:#2f6fed;--color-secondary:#3a7d44;--color-primary-text:#202124;--color-secondary-text:#5f6368;--color-surface-primary:#fafaf8;--color-surface-secondary:#f1f3f4;--color-surface-card:#fff;--color-surface-border:#dadce0;--color-bg:#fafaf8;--color-secondary-button-bg:#f1f3f4;--color-grid-bg:#2021240a}[data-theme=dark]{--color-primary:#6d9cff;--color-secondary:#5fae6a;--color-primary-text:#f1f3f4;--color-secondary-text:#aeb4ba;--color-surface-primary:#121416;--color-surface-secondary:#1a1d21;--color-surface-card:#202428;--color-surface-border:#34383d;--color-bg:#121416;--color-secondary-button-bg:#1a1d21;--color-grid-bg:#ffffff0f}@font-face{font-family:IBM Plex Sans;src:url(/assets/IBMPlexSans-VariableFont_wdth_wght-BTDN9bpA.ttf);font-weight:400;font-style:normal;font-display:swap}html{scroll-behavior:smooth}body{background:var(--color-bg);margin:0;font-family:IBM Plex Sans;font-size:16px;line-height:1.5;transition:background-color .3s,color .3s}.container{max-width:600px;margin:0 auto;padding:1.5rem}main{transition:background-color .3s,color .3s}section{padding:2rem 0;transition:background-color .3s,color .3s}.text-center{text-align:center}.text-header{color:var(--color-primary)}h1{color:var(--color-primary);font-size:1.6rem;font-weight:800}h2{color:var(--color-primary);font-size:1.6rem;font-weight:700}h3{color:var(--color-primary-text);font-size:1.4rem;font-weight:600}h4{color:var(--color-primary-text);font-size:1rem;font-weight:400}p{color:var(--color-primary-text);font-size:1.3rem}a{font-size:1.3rem}button{border-radius:10px;font-size:1.3rem}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.button-primary{color:var(--color-bg);background:var(--color-primary)}.button-primary:hover{background-color:#275fd1}.button-primary:active{transform:translateY(1px)}.button-secondary{color:var(--color-primary-text);border-color:var(--color-surface-border);background-color:#0000}.button-secondary:hover{background-color:var(--color-secondary-button-bg)}.button-secondary:active{transform:translateY(1px)}@media (width>=801px){.container{max-width:900px}}.header{z-index:1000;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-surface-border);min-height:72px;transition:background-color .3s,border-color .3s;position:sticky;top:0;box-shadow:0 10px 20px #0000000a}.nav{pointer-events:none;display:none}.nav ul{text-align:center;margin:0;padding:0;list-style:none}.nav li{margin-bottom:1rem;font-size:1.3rem}.nav a{color:var(--color-primary-text);text-decoration:none;transition:all .3s}.nav li a:hover{color:var(--color-primary)}.nav__container{justify-content:space-between;align-items:center;display:flex}.logo img{width:135%}.nav__actions{align-items:center;gap:.75rem;display:flex}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:40px;height:40px;padding:10px 6px;display:flex}.nav__toggle .bar{background:var(--color-primary-text);border-radius:2px;width:80%;height:2px;transition:all .3s}.nav__toggle .bar:nth-child(2){width:62%;transform:translate(29%)}.theme-toggle{width:40px;height:40px;color:var(--color-primary-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .25s,color .25s,transform .2s;display:flex;position:relative}.theme-toggle:hover{background:var(--color-surface);color:var(--color-primary)}.theme-toggle:active{transform:scale(.92)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.theme-icon{stroke-width:2px;width:25px;height:25px;transition:opacity .3s,transform .35s;position:absolute}.theme-icon--moon{opacity:1;transform:rotate(0)scale(1)}.theme-icon--sun{opacity:0;transform:rotate(-90deg)scale(.5)}[data-theme=dark] .theme-icon--moon{opacity:0;transform:rotate(90deg)scale(.5)}[data-theme=dark] .theme-icon--sun{opacity:1;transform:rotate(0)scale(1)}.logo a{color:var(--color-primary);font-size:1.5rem;font-weight:800;text-decoration:none;transition:all .3s}.logo a:hover{color:#275fd1;font-size:1.6rem}.nav__toggle.active .bar:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__toggle.active .bar:nth-child(2){opacity:0}.nav__toggle.active .bar:nth-child(3){transform:rotate(-45deg)translate(7.5px,-7.5px)}.nav{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-surface-border);opacity:0;width:100%;transition:all .25s;display:block;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 10px 20px #0000000f}.nav__panel ul{max-width:640px;margin:0 auto}.nav ul{padding:1.5rem}.nav a{padding:.5rem 0;display:block}.nav.active{opacity:1;pointer-events:auto;transform:translateY(0)}#hero{text-align:center;background:var(--color-surface-secondary);align-items:center;min-height:100vh;display:flex;position:relative}#hero:before{content:"";background-image:linear-gradient(var(--color-grid-bg) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-bg) 1px, transparent 1px);pointer-events:none;opacity:.6;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000000bf,#0000);mask-image:linear-gradient(#000,#000000bf,#0000)}.hero__container{z-index:1;flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.hero__buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width>=801px){.hero__container{gap:2.5rem;transform:translateY(-3rem)}}#about{margin-top:1rem;padding:1rem}#services{background:var(--color-surface-secondary);margin-top:1rem;padding:1rem}.grid__services{flex-direction:column;align-items:center;gap:2rem;display:flex}.service__item{border:2px solid var(--color-surface-border);background:var(--color-surface-card);border-radius:10px;flex-direction:column;gap:1.25rem;width:100%;max-width:40rem;padding:2rem;transition:background-color .3s,color .3s;display:flex}.service__item:hover{transform:translateY(-2px)}.service__item-icon{flex-direction:column;align-items:center;display:flex}.service__item-icon img{width:23%;height:auto;display:block}.service__item-content{flex-direction:column;flex:1;gap:1.25rem;display:flex}.service__item-content h3,.service__item-content p{margin-bottom:1rem}.service__item .card__button{flex-direction:column;flex:1;display:flex}.service__item a{text-align:center;width:100%;margin-top:auto;display:inline-block}@media (width>=801px){.grid__services{flex-direction:row;justify-content:center;align-items:stretch}.service__item{flex:1;max-width:34rem}}#process{margin-top:1rem;padding:1rem}.list__process{flex-direction:column;align-items:center;display:flex}.process__step{flex-direction:column;align-items:center;width:100%;display:flex}.process__card{border:2px solid var(--color-surface-border);background:var(--color-surface-card);border-radius:10px;flex-direction:column;gap:1.25rem;width:100%;max-width:40rem;padding:2rem;transition:transform .2s,background-color .3s,color .3s;display:flex}.process__card:hover{transform:translateY(-2px)}.process__card-icon{text-align:center;color:var(--color-primary)}.separator{color:var(--color-surface-border);margin:1.5rem 0;font-size:2rem}@media (width>=801px){.process__card{max-width:44rem}}#work{background:var(--color-surface-secondary);margin-top:1rem;padding:1rem}.list__work{flex-direction:column;align-items:center;gap:2rem;display:flex}.work__card{border:2px solid var(--color-surface-border);background:var(--color-surface-card);border-radius:10px;flex-direction:column;width:100%;max-width:48rem;transition:background-color .3s,color .3s;display:flex;overflow:hidden}.work__card:hover{transform:translateY(-2px)}.work__card-image img{width:100%;height:auto;display:block}.work__card-content{flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.work__card a{text-align:center;width:100%;display:inline-block}@media (width>=801px){.list__work{gap:3rem}.card__button{justify-content:center;display:flex}.work__card a{width:50%}}#contact{margin-top:1rem;padding:1rem}#contact a{color:var(--color-primary);cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s}#contact a:hover{color:#275fd1}#project-hero{text-align:center;background:var(--color-surface-secondary)}.project__hero-image{width:100%;max-width:700px;margin:0 auto 2rem;display:block}.project__buttons{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.project__highlight{margin-top:2rem}.project__highlight:first-of-type{margin-top:0}.project__highlight h3{margin-bottom:1rem}section ul{margin-top:1rem;padding-left:1.5rem}section li+li{margin-top:.5rem}#project__overview{background:var(--color-surface-primary)}#project__objectives{background:var(--color-surface-secondary)}#project__objectives ul li,#project__technologies ul li{color:var(--color-primary-text);font-size:1.3rem}#project__features{background:var(--color-surface-secondary)}#project__features ul li{color:var(--color-primary-text);font-size:1.3rem}#project__challenges{background:var(--color-surface-secondary)}#project__challenges ul li{color:var(--color-primary-text);font-size:1.3rem}@media (width>=801px){.project__buttons{flex-direction:row;justify-content:center}}#service-hero{text-align:center;background:var(--color-surface-secondary)}.service__hero-image{width:25%;max-width:700px;margin:0 auto 2rem;display:block}.project__summary{max-width:700px;margin:1.5rem auto 0}#approach{background:var(--color-surface-secondary);margin-top:1rem;padding:1rem}.list__approach{flex-direction:column;align-items:center;display:flex}.approach__step{flex-direction:column;align-items:center;width:100%;display:flex}.approach__card{border:2px solid var(--color-surface-border);background:var(--color-surface-card);border-radius:10px;flex-direction:column;gap:1.25rem;width:100%;max-width:40rem;padding:2rem;transition:transform .2s,background-color .3s,color .3s;display:flex}.approach__card:hover{transform:translateY(-2px)}@media (width>=801px){.approach__card{max-width:44rem}}footer{background:var(--color-surface-secondary);padding:5rem 1rem;transition:background-color .3s,color .3s}.footer__logo{text-align:center;padding-bottom:2.3rem}.footer__logo img{width:clamp(180px,30%,180px);height:auto}footer ul{text-align:center;padding-bottom:1rem;padding-left:0;list-style:none}footer ul li{margin-bottom:1rem;padding-bottom:1rem;font-size:1.3rem}footer ul li a{color:var(--color-primary-text);text-decoration:none;transition:all .3s}footer ul li a:hover{color:var(--color-primary)}footer p{color:var(--color-primary);text-align:center}@media (width>=801px){footer ul{justify-content:center;column-gap:1.25rem;display:flex}footer ul li{margin-bottom:0}}