@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300..800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#082042;--navy-deep:#04142e;--navy-mid:#0b2a55;--navy-card:#0f3268;--navy-border:#235094;--accent:#3990d7;--accent-dark:#2a76b8;--accent-glow:#3990d726;--carbon:#1e1e1e;--white:#f2f2f2;--gray:#8fa3bd;--gray-light:#cbd6e4;--font-main:"DM Sans", sans-serif;--font-title:"DM Sans", sans-serif}html{scroll-behavior:smooth}body{background-color:var(--navy);color:var(--white);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-title);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section{padding:100px 0}.section-alt{background-color:var(--navy-mid)}.section--light{background-color:var(--white)}.section--light .section-label{color:var(--accent-dark)}.section--light .section-title{color:var(--navy)}.section--light .section-subtitle{color:#46597a}.section--deep{background:radial-gradient(ellipse at 80% 15%, #3990d71f 0%, transparent 55%), var(--navy-deep)}.container{max-width:1200px;margin:0 auto;padding:0 40px}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px;font-weight:700;display:inline-block}.section-title{color:var(--white);margin-bottom:18px;font-size:clamp(30px,4vw,50px);font-weight:700}.section-subtitle{color:var(--gray-light);max-width:540px;font-size:17px;line-height:1.75}#root{min-height:100vh}.navbar{z-index:100;padding:24px 0;transition:background .3s,padding .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#082042f2;padding:14px 0;box-shadow:0 2px 30px #0006}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{align-items:center;display:flex}.navbar__logo img{width:auto;height:28px;display:block}.navbar__links{align-items:center;gap:36px;display:flex}.navbar__links a{color:var(--gray-light);letter-spacing:.3px;font-size:14px;font-weight:500;transition:color .2s}.navbar__links a:hover{color:var(--accent)}.navbar__cta{border-radius:50px;padding:9px 22px;background:var(--accent)!important;color:var(--navy)!important;font-weight:600!important;transition:background .2s,transform .2s!important}.navbar__cta:hover{transform:translateY(-1px);background:var(--accent-dark)!important}.navbar__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar__burger span{background:var(--white);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.navbar__burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar__burger{display:flex}.navbar__links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--navy-border);background:#082042fa;flex-direction:column;gap:20px;padding:24px 40px;display:none;position:absolute;top:100%;left:0;right:0}.navbar__links--open{display:flex}.navbar__links a{font-size:16px}}.hero{background:radial-gradient(ellipse at 60% 40%, #3990d70f 0%, transparent 65%), radial-gradient(ellipse at 10% 80%, #0064a01f 0%, transparent 50%), var(--navy);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__particles{z-index:1;inset:0;position:absolute!important}.hero__content{z-index:2;max-width:760px;padding-top:120px;padding-bottom:80px;position:relative}.hero__eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-size:12px;font-weight:600}.hero__title{color:var(--white);margin-bottom:28px;font-size:clamp(42px,6vw,76px);font-weight:700;line-height:1.08}.hero__title span{color:var(--accent)}.hero__subtitle{color:var(--gray-light);max-width:520px;margin-bottom:48px;font-size:18px;line-height:1.75}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.hero__btn{letter-spacing:.2px;border-radius:50px;align-items:center;padding:15px 32px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.hero__btn--primary{background:var(--accent);color:var(--navy)}.hero__btn--primary:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 32px #3990d759}.hero__btn--secondary{border:1.5px solid var(--navy-border);color:var(--gray-light)}.hero__btn--secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero__scroll-hint{z-index:2;opacity:.5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__scroll-hint span{letter-spacing:3px;text-transform:uppercase;color:var(--gray);font-size:10px}.hero__scroll-line{background:linear-gradient(to bottom, transparent, var(--accent));width:1px;height:50px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@media (width<=768px){.hero__content{padding-top:100px}.hero__actions{flex-direction:column}.hero__btn{text-align:center;justify-content:center}}.services__header{margin-bottom:64px}.services__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services__grid{grid-template-columns:1fr}}.services__card{background:var(--navy-card);border:1px solid var(--navy-border);border-radius:16px;padding:32px 28px;transition:transform .25s,border-color .25s,box-shadow .25s}.services__card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 12px 40px #3990d71f}.services__card-icon{color:var(--accent);margin-bottom:20px;font-size:28px;display:block}.services__card h3{color:var(--white);margin-bottom:12px;font-size:20px;font-weight:600}.services__card p{color:var(--gray-light);font-size:15px;line-height:1.7}.portfolio__header{margin-bottom:64px}.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.portfolio__card{background:#fff;border:1px solid #d9e1ec;border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.portfolio__card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 16px 48px #0820422e}.portfolio__thumb{aspect-ratio:16/9;background:var(--navy-mid);overflow:hidden}.portfolio__thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s}.portfolio__card:hover .portfolio__thumb img{transform:scale(1.03)}.portfolio__card{color:inherit;display:block}.portfolio__ext{color:var(--accent-dark);margin-left:6px;font-size:15px}.portfolio__info{padding:24px}.portfolio__tag{letter-spacing:2px;text-transform:uppercase;color:var(--accent-dark);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.portfolio__info h3{color:var(--navy);margin-bottom:8px;font-size:18px;font-weight:600}.portfolio__info p{color:#46597a;font-size:14px;line-height:1.65}@media (width<=900px){.portfolio__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}.about__intro{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-bottom:64px;display:grid}.about__body{color:var(--gray-light);margin-bottom:20px;font-size:16px;line-height:1.8}.about__team{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.about__member{background:var(--navy-card);border:1px solid var(--navy-border);border-radius:16px;transition:transform .25s,border-color .25s;overflow:hidden}.about__member:hover{border-color:var(--accent);transform:translateY(-4px)}.about__member-photo{aspect-ratio:3/4;background:linear-gradient(135deg, var(--navy-card) 0%, var(--navy-border) 100%);width:100%;overflow:hidden}.about__member-photo img{object-fit:cover;object-position:center top;filter:saturate(.9);width:100%;height:100%;transition:transform .4s,filter .4s}.about__member:hover .about__member-photo img{filter:saturate();transform:scale(1.04)}.about__member-info{padding:20px}.about__member-name{font-family:var(--font-title);color:var(--white);margin-bottom:4px;font-size:16px;font-weight:700;display:block}.about__member-role{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.about__member-desc{color:var(--gray);margin:0;font-size:13px;line-height:1.6}@media (width<=1024px){.about__team{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.about__intro{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.about__team{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=420px){.about__team{grid-template-columns:1fr}}.contact__layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}.contact__text{color:var(--gray-light);margin-bottom:40px;font-size:16px;line-height:1.8}.contact__details{flex-direction:column;gap:16px;display:flex}.contact__detail{color:var(--gray-light);align-items:center;gap:14px;font-size:15px;display:flex}a.contact__detail{width:fit-content;transition:color .2s}a.contact__detail:hover{color:var(--white)}.contact__detail-icon{color:var(--accent);font-size:18px}.contact__form{flex-direction:column;gap:20px;display:flex}.contact__field{flex-direction:column;gap:8px;display:flex}.contact__field label{color:var(--gray-light);letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:600}.contact__field input,.contact__field textarea{background:var(--navy-card);border:1px solid var(--navy-border);color:var(--white);font-family:var(--font-main);resize:none;border-radius:10px;outline:none;padding:14px 18px;font-size:15px;transition:border-color .2s,box-shadow .2s}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--gray)}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3990d71a}.contact__submit{background:var(--accent);color:var(--navy);font-size:15px;font-weight:600;font-family:var(--font-main);cursor:pointer;border:none;border-radius:50px;align-self:flex-start;padding:16px 32px;transition:background .2s,transform .2s,box-shadow .2s}.contact__submit:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 28px #3990d74d}.contact__submit:disabled{opacity:.7;cursor:wait;box-shadow:none;transform:none}.contact__status{border:1px solid #0000;border-radius:10px;margin-top:-6px;padding:14px 18px;font-size:14px;line-height:1.5}.contact__status--ok{color:var(--white);background:#3990d71f;border-color:#3990d766}.contact__status--error{color:#ffd6d6;background:#ff63631a;border-color:#ff636366}.contact__status--warn{color:#ffe9bf;background:#ffc4571a;border-color:#ffc45773}.contact__status--error a,.contact__status--warn a{color:var(--white);text-decoration:underline}@media (width<=900px){.contact__layout{grid-template-columns:1fr;gap:48px}.contact__submit{width:100%}}.footer{background:var(--navy-deep);border-top:1px solid var(--navy-border);padding:64px 0 32px}.footer__top{flex-wrap:wrap;justify-content:space-between;gap:48px;margin-bottom:48px;display:flex}.footer__logo{display:block}.footer__logo img{width:auto;height:64px;display:block}.footer__nav{gap:64px;display:flex}.footer__nav>div{flex-direction:column;gap:12px;display:flex}.footer__nav h4{letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:12px;font-weight:700}.footer__nav a{color:var(--gray);font-size:14px;transition:color .2s}.footer__nav a:hover{color:var(--white)}.footer__bottom{border-top:1px solid var(--navy-border);color:var(--gray);text-align:center;padding-top:24px;font-size:13px}@media (width<=600px){.footer__nav{gap:32px}}