:root{--primary-color:#0f0f0f;--secondary-color:#3b82f6;--tertiary-color:#ffffff; --quaternary-color:#999999;--section-padding:80px 100px;}body{margin:0;font-family:'Inter',sans-serif;color:#0f172a;line-height:1.6;background:var(--primary-color);}header{z-index:50;position:fixed;width:100%;backdrop-filter:blur(20px); background-color:rgba(0,0,0,0.3);}header > nav{display:flex;  padding:1.25em 1.5em;justify-content:space-between;align-items:center;}header > nav > .nav-links{gap:2rem;font-size:14px;align-items:center;}.nav-link{color:var(--tertiary-color);}.nav-link::after{display:flex;content:''; bottom:-2px;left:0;width:0; height:1px;transition:width 0.3s ease; background:var(--secondary-color);}.nav-link:hover::after{width:100%;}.logo{font-family:'Space Grotesk',sans-serif;white-space:nowrap;color:var(--tertiary-color);}.logo > a{display:flex;justify-content:center;align-items:center;color:inherit;}.logo > a > img{width:2em;}.logo > a > span{margin-left:0.5em;font-size:1.1rem;}.cta-btn{padding:0.5rem 1.25rem; border-radius:8px;background-color:var(--secondary-color);color:var(--tertiary-color);}.cta-btn:hover{ opacity:0.9;}#mobile-toggle{padding:0;cursor:pointer;}#mobile-toggle .icon-menu{display:flex;margin:2px 0;}#mobile-toggle svg{margin:0;}#mobile-toggle:hover svg > path{stroke-opacity:0.8;}#mobile-menu{flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem;font-size:14px;}section{display:flex;flex-direction:column;height:100vh;}section > .row{height:100%;}section > .row > .col{width:100%;padding:var(--section-padding);}#hero{ overflow:hidden;   background-repeat:no-repeat;background-size:cover;background-position-y:bottom;background-position-x:right;color:var(--tertiary-color);}#hero > div{ margin:0 auto;height:100%;justify-content:center;max-width:500px;}#hero > *{text-align:start;}#hero > #hero-media{position:absolute;max-width:unset;width:100%;}.hero-fallback{width:100%;height:100%;}#hero h1{       }#hero-pretitle{text-transform:uppercase;font-size:smaller;letter-spacing:0.15em;}#hero-title{  font-size:5rem;line-height:1;margin:2rem 0;}#hero-subtitle{color:var(--quaternary-color);}#hero-est{margin-top:1rem;align-items:center;  }#hero-est > div{ width:100%;width:22rem;height:0.1rem;}#hero-est > span{margin-left:1rem; white-space:nowrap;color:white;font-size:0.8rem;}#bg-video{  top:0;left:0;min-width:100%;min-height:100%;width:100%;object-fit:cover;z-index:-1;}#services{height:unset;}#about{background:white;height:unset;}#about > .row > .col:nth-child(1){ background-image:url('/images/about.jpg');background-repeat:no-repeat;background-size:cover;background-position-y:center;}#about p{text-align:justify;}#contact{height:unset;}#contact > .row > .col:nth-last-child(1){ overflow:hidden;background-image:url('/images/contact.jpg');background-repeat:no-repeat;background-size:cover;background-position-y:bottom;background-position-x:right;} :root{--color-border:#d0d0d0; --color-focus:var(--secondary-color);--color-text:#222;--color-label:#666;--color-bg:white;}#contact-form{display:flex;flex-direction:column;  font-family:system-ui,sans-serif;  margin-top:60px;}#contact-form-btn:disabled{cursor:unset;background-color:var(--color-label);}.field{display:flex;position:relative;margin-bottom:28px;margin-bottom:1.5rem;}.field input,.field textarea{width:100%;font-size:16px;padding:16px 12px; border-radius:8px;border:1px solid var(--color-border);outline:none;background:transparent;color:var(--color-text);transition:border 0.2s ease;resize:none;}.field label{position:absolute;left:12px;top:16px;color:var(--color-label);font-size:16px;pointer-events:none;transition:transform 0.18s ease,font-size 0.18s ease,color 0.18s ease;transform-origin:left top;background:var(--color-bg);padding:0 4px;}.field input:focus,.field textarea:focus{border-color:var(--color-focus);}.field input:-internal-autofill-selected{background-color:#0f0f0f;}.field input:focus + label,.field textarea:focus + label,.field input:not(:placeholder-shown) + label,.field textarea:not(:placeholder-shown) + label{ transform:translateY(-1.5rem) scale(0.8);color:var(--color-focus);}button{padding:14px 22px;border:none;border-radius:8px;background:var(--color-focus);color:white;font-size:16px;cursor:pointer;transition:opacity 0.2s ease;}button:hover{opacity:0.9;}footer{background:#f8fafc;background:black;background:var(--primary-color);padding:40px 80px;padding:var(--section-padding);color:#475569;color:var(--tertiary-color);color:var(--quaternary-color);}footer .nav-link{display:flex;flex-direction:column;width:fit-content;} footer > .footer-content{ margin:3em 0.5rem;justify-content:space-between;}footer > .footer-content > .col{margin:0 4em;}footer > .footer-content > .col:nth-child(1){margin-left:0;}footer #hero-pretitle{letter-spacing:unset;}footer #hero-title{color:var(--tertiary-color);font-size:1rem;font-size:3rem;margin:0;margin-bottom:1rem;}footer > div:nth-child(2) > .col:nth-last-child(1){}footer > div:nth-last-child(1){ font-size:0.9rem;justify-content:space-between;margin:0 0.5em;}footer p{margin:0.2em 0;}footer .col{}footer h3{margin-bottom:1em;}.footer-privacy-terms{gap:0.5em;}.col{display:flex;flex-direction:column;}.row{display:flex;flex-direction:row;}fadeIn animation{opacity:1;}@keyframes fadeUp{from{ opacity:0; transform:translateY(30px);} to{ opacity:1; transform:translateY(0);}}@keyframes fadeIn{from{ opacity:0;} to{ opacity:1;}}@keyframes lineGrow{from{ transform:scaleX(0);} to{ transform:scaleX(1);}}.anim-fade-up{animation:fadeUp 0.8s ease-out forwards;opacity:0;}.anim-fade-in{animation:fadeIn 1s ease-out forwards;opacity:0;}.anim-line{animation:lineGrow 1.2s ease-out forwards;transform-origin:left;}h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0;}h2{margin-bottom:40px;}a{text-decoration:none;color:#2563eb;}section{text-align:center;position:relative;}.btn{display:inline-block;padding:12px 30px;background:#2563eb;color:#fff;border-radius:8px;transition:0.3s;position:relative;z-index:1;}.btn:hover{background:#1d4ed8;}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;}.card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.05);flex:1 1 250px;max-width:300px;text-align:center;}.card h3{margin-bottom:15px;font-size:20px;}.card p{font-size:16px;}.icon{ }.icon svg{width:2rem;height:2rem;margin:1rem;}.icon-code svg path,.icon-menu svg path{stroke:var(--secondary-color);}.icon-gear svg path,.icon-bag svg path{fill:var(--secondary-color);}.hidden{display:none;}.flex{display:flex;}@media (max-width:920px){footer > .footer-content{ flex-direction:column;} footer > .footer-content > .col{ margin:1rem 0;}}@media (max-width:768px){:root{ --section-padding:10% 10%;} #hero > div{ margin:0 10%;} #hero > #hero-media{ margin:0;} .cards{ flex-direction:column; align-items:center;} #about > .row > .col:nth-child(1){ display:none;} #contact > .row > .col:nth-last-child(1){ display:none;} footer > .footer-bottom{ flex-direction:column-reverse;} footer > .footer-bottom > div:nth-child(1){ margin-top:1rem;} footer .footer-privacy-terms{ text-align:center; align-items:center;}}@media (max-width:430px){#hero #hero-title{ font-size:18vw;} footer #hero-title{ font-size:15vw;}}@media (min-width:768px){.md\:flex{ display:flex;} .md\:hidden{ display:none;}}.privacy,.terms{padding:var(--section-padding);background-color:var(--tertiary-color);text-align:justify;}.privacy h1,.terms h1{margin:0;margin-top:3rem;}.privacy h2,.terms h2{margin:0;margin-top:2rem;}