*{box-sizing:border-box;font-family:Quicksand}html{scroll-behavior:smooth}body{color:#fff;background-color:#132338;margin:0;font-family:Quicksand,sans-serif}#root{min-height:100vh}.container{width:min(100% - 40px,1200px);margin:0 auto}:root{--color-dark:#132338;--color-accent:#f39555;--color-secondary:#436c7a;--color-light:#f1e2df;--color-white:#fff}.decor-dot{background-color:var(--color-accent);border-radius:50%;width:7px;height:7px;position:absolute}.dot-1{top:18%;left:7%}.dot-2{background-color:var(--color-secondary);top:30%;right:8%}.dot-3{background-color:var(--color-light);bottom:18%;left:43%}.dot-4{background-color:var(--color-accent);top:62%;right:18%}.decor-line{background-color:var(--color-secondary);border-radius:10px;width:5px;height:90px;position:absolute}.line-1{top:15%;left:3%}.line-2{background-color:var(--color-accent);height:120px;top:8%;right:7%}.line-1{animation:4s ease-in-out infinite floatVertical}@keyframes floatVertical{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.decor-star{color:var(--color-accent);font-size:32px;line-height:1;position:absolute}.star-1{animation:8s linear infinite rotateStar;top:28%;left:50%}.star-2{color:var(--color-secondary);font-size:38px;animation:10s linear infinite reverse rotateStar;bottom:15%;right:10%}.star-3{color:var(--color-light);font-size:22px;animation:9s linear infinite rotateStar;top:15%;right:22%}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background-color:#132338bf;padding:24px 0;position:sticky;top:0;box-shadow:0 4px 24px #0000004d}.nav-container{justify-content:space-between;align-items:center;width:84%;margin:0 auto;display:flex}.nav-logo{color:var(--color-light);font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:var(--color-light);font-size:1.25rem;text-decoration:none;transition:color .2s;position:relative}.nav-link__dot{background-color:var(--color-accent);border-radius:50%;width:5px;height:5px;transition:transform .3s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)scale(0)}.nav-link--active{color:var(--color-accent)}.nav-link--active .nav-link__dot{transform:translate(-50%)scale(1)}.nav-links a:hover{color:var(--color-accent)}.nav-logo{align-items:center;gap:20px;display:flex}.nav-logo img{object-fit:contain;width:44px;height:44px}.nav-logo span{color:var(--color-light);font-size:1.25rem;font-weight:700}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:0;display:none}.nav-toggle span{background-color:var(--color-light);border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .25s;display:block}@media (width<=700px){.nav-toggle{display:flex}.nav-links{background-color:var(--color-dark);flex-direction:column;align-items:flex-start;gap:0;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 12px 24px #00000059}.nav-links--open{max-height:300px}.nav-links a{width:100%;padding:16px 6%;font-size:1.1rem}.nav-links a:hover{background-color:#ffffff0d}.nav-link__dot{display:none}}.hero{background-color:var(--color-dark);min-height:calc(100vh - 80px);color:var(--color-white);justify-content:space-between;align-items:center;gap:60px;padding:80px 8%;display:flex;overflow:hidden}.hero-content{flex:1;max-width:650px}.hero-title{letter-spacing:-2px;margin:0;font-size:clamp(3rem,5vw,5.5rem);font-weight:700;line-height:.95}.hero-title span{color:var(--color-accent);letter-spacing:-.5px;margin-top:20px;margin-bottom:10px;font-size:.55em;line-height:1.2;display:block}.hero-description{max-width:540px;color:var(--color-light);margin:35px 0;font-size:1.1rem;line-height:1.6}.hero-button{border:2px solid var(--color-accent);background-color:var(--color-accent);color:var(--color-dark);letter-spacing:.5px;border-radius:50px;padding:15px 25px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .25s,background-color .25s,color .25s;display:inline-block}.hero-button:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white);transform:translateY(-3px)}.hero-visual{--visual-scale:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-visual>img:not(.hero-circle){object-fit:contain;width:min(100%,600px);height:auto;animation:4s ease-in-out infinite floating;display:block}.hero-decorations{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-circle{width:500px;height:500px;transform:translate(-50%, -50%) scale(var(--visual-scale));pointer-events:none;animation:6s ease-in-out infinite circleFloat;position:absolute;top:50%;left:50%}@keyframes circleFloat{0%,to{transform:translate(-50%, -50%) scale(var(--visual-scale)) rotate(0deg)}50%{transform:translate(-50%, -50%) scale(var(--visual-scale)) rotate(4deg)}}.hero-blob{width:420px;height:420px;transform:translate(-50%, -50%) scale(calc(var(--visual-scale) * 1.45));background-color:var(--color-light);-webkit-clip-path:path("M 130 8 C 210 -10, 310 20, 370 90 C 430 160, 420 260, 370 330 C 320 400, 220 430, 130 400 C 40 370, -10 300, 10 210 C 28 130, 60 25, 130 8 Z");clip-path:path("M 130 8 C 210 -10, 310 20, 370 90 C 430 160, 420 260, 370 330 C 320 400, 220 430, 130 400 C 40 370, -10 300, 10 210 C 28 130, 60 25, 130 8 Z");animation:6s ease-in-out infinite blobFloat;position:absolute;top:50%;left:50%;overflow:hidden}.hero-blob img{object-fit:cover;width:100%;height:100%;display:block}@keyframes blobFloat{0%,to{transform:translate(-50%, -50%) scale(calc(var(--visual-scale) * 1.45)) rotate(0deg)}50%{transform:translate(-50%, -50%) scale(calc(var(--visual-scale) * 1.45)) rotate(3deg)}}.hero-arcs{width:500px;height:500px;transform:translate(-50%, -50%) scale(calc(var(--visual-scale) * 1.45));pointer-events:none;position:absolute;top:50%;left:50%}.arc{stroke-dasharray:100;stroke-dashoffset:100px;animation:4s ease-in-out infinite drawArc}.arc-2{animation-delay:.5s}@keyframes drawArc{0%{stroke-dashoffset:100px}to{stroke-dashoffset:-100px}}.hero-circle,.hero-blob,.hero-arcs{transform-origin:50%}@media (width<=1400px){.hero-decorations{display:none}}@media (width<=900px){.hero{gap:30px;padding:60px 6%}.hero-title{font-size:clamp(2.8rem,7vw,4.5rem)}.hero-description{font-size:1rem}.hero-visual{--visual-scale:.75}.hero-decorations{display:none}}@media (width<=700px){.hero{text-align:center;flex-direction:column;min-height:auto;padding:70px 6% 80px}.hero-content{max-width:100%}.hero-description{margin-left:auto;margin-right:auto}.hero-visual{--visual-scale:.55;width:100%;min-height:380px;margin-top:20px;position:relative}.hero-decorations{display:none}}.projects{background-color:#263650;padding:80px 0}.projects-title-wrap{flex-direction:column;margin-bottom:40px;display:inline-flex}.projects-title{color:var(--color-white);align-items:center;gap:10px;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;display:inline-flex}.projects-title__star{color:var(--color-accent);font-size:.6em;transform:translateY(-8px)}.projects-title__underline{width:100%;height:12px;margin-top:6px}.projects-title__underline path{stroke-dasharray:220;stroke-dashoffset:220px;animation:6s ease-in-out infinite drawUnderline}@keyframes drawUnderline{0%{stroke-dashoffset:220px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-220px}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.project-card{background-color:var(--color-light);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.project-card__image{aspect-ratio:1;object-fit:cover;width:100%;display:block}.project-card__link{color:var(--color-dark);justify-content:space-between;align-items:center;padding:18px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.project-card__link:hover{color:var(--color-accent)}.project-card__arrow{transition:transform .25s}.project-card__link:hover .project-card__arrow{transform:translate(4px)}@media (width<=700px){.projects{padding:50px 0}.projects .container{text-align:center}.projects-title-wrap{width:fit-content;margin-left:auto;margin-right:auto}.projects-title__underline{width:90%;margin-top:0}.projects-title{align-items:center;margin-bottom:16px;display:inline-flex}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card__link{padding:16px;font-size:.9rem}}.contact{background-color:#0d1b2b;padding:90px 0 40px;position:relative;overflow:hidden}.contact-decorations{pointer-events:none;position:absolute;inset:0}.contact-arcs{width:380px;height:190px;position:absolute;bottom:10%;right:5%}.contact-star{color:var(--color-accent);font-size:28px;animation:6s ease-in-out infinite contactStarFloat;position:absolute;top:20%;right:20%}@keyframes contactStarFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(10deg)}}.contact-inner{z-index:1;padding-bottom:40px;position:relative}.contact-inner--centered{text-align:center;flex-direction:column;align-items:center;max-width:560px;margin:0 auto;display:flex}.contact-title{color:var(--color-white);margin:0 0 26px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700}.contact-description{color:var(--color-light);margin:0 0 28px;font-size:1rem;line-height:1.6}.contact-button{border:2px solid var(--color-accent);color:var(--color-accent);letter-spacing:.5px;background-color:#0000;border-radius:50px;padding:15px 25px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .25s,background-color .25s,color .25s;display:inline-block}.contact-arcs--top-left{inset:8% auto auto 5%}.contact-star--top-left{color:var(--color-light);font-size:22px;animation-delay:-3s;top:12%;left:18%;right:auto}.contact-button:hover{background-color:var(--color-accent);color:var(--color-dark);transform:translateY(-3px)}.contact-links{flex-direction:row;gap:32px;margin-top:32px;display:flex}.contact-link{color:var(--color-light);justify-content:center;align-items:center;gap:8px;font-size:1rem;text-decoration:none;transition:color .2s,transform .2s;display:flex}.contact-link:hover{color:var(--color-accent);transform:translate(4px)}.contact-link__icon{font-size:1.1rem}.contact-link__icon img{object-fit:contain;align-items:center;width:22px;height:22px}.contact-bottom{z-index:1;text-align:center;color:#fff6;border-top:1px solid #ffffff14;padding-top:24px;font-size:.8rem;position:relative}@media (width<=1400px){.contact-decorations{display:none}}@media (width<=700px){.contact{padding:60px 0 30px}.contact-links{flex-direction:column;gap:16px}}.gallery-section{padding:80px 0;position:relative;overflow:hidden}.gallery-section--alt{background-color:#1a3049}.gallery-title{color:var(--color-white);margin-bottom:32px;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gallery-grid__item{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:12px;width:100%;transition:transform .2s,opacity .2s}.gallery-grid__item:hover{opacity:.9;transform:scale(1.03)}@media (width<=700px){.gallery-section{padding:50px 0}.gallery-title{text-align:center}.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-decorations{pointer-events:none;position:absolute;inset:0}.gallery-circle{border:2px solid var(--color-light);opacity:.15;border-radius:50%;width:300px;height:300px;position:absolute}.gallery-circle-left{top:120px;left:-220px}.gallery-circle-right{width:380px;height:380px;bottom:80px;right:-230px}.gallery-star{color:var(--color-accent);font-size:32px;line-height:1;animation:6s ease-in-out infinite galleryStarFloat;position:absolute}.gallery-star-1{top:90px;left:6%}.gallery-star-2{color:var(--color-secondary);font-size:42px;animation-delay:-3s;bottom:120px;right:6%}.gallery-dot{background-color:var(--color-accent);border-radius:50%;width:9px;height:9px;animation:5s ease-in-out infinite galleryDotFloat;position:absolute}.gallery-dot-1{top:45%;left:3%}.gallery-dot-2{background-color:var(--color-light);animation-delay:-2s;bottom:35%;right:4%}.gallery-line{background-color:var(--color-secondary);border-radius:20px;width:6px;height:80px;animation:5s ease-in-out infinite galleryLineFloat;position:absolute}.gallery-line-1{top:28%;left:7%}.gallery-line-2{background-color:var(--color-accent);height:110px;animation-delay:-2s;bottom:20%;right:8%}@keyframes galleryStarFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(8deg)}}@keyframes galleryDotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes galleryLineFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}@media (width<=1400px){.gallery-decorations{display:none}}.services{padding:70px 0}.services .container{text-align:center;align-items:center}.services-title{color:var(--color-white);align-items:center;gap:10px;margin:0;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;display:inline-flex}.services-title-wrap{flex-direction:column;align-items:center;width:fit-content;margin-bottom:48px;display:inline-flex}.services-title__star{color:var(--color-accent);font-size:.6em;transform:translateY(-8px)}.services-title__underline{width:100%;height:12px;margin-top:6px}.services-title__underline path{stroke-dasharray:220;stroke-dashoffset:220px;animation:6s ease-in-out infinite drawUnderline}.services-grid{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.service-card{border:2px solid var(--card-color);min-width:220px;max-width:300px;transform:rotate(var(--card-rotate));background-color:#ffffff0a;border-radius:20px;flex:1;padding:32px 24px;transition:transform .3s,background-color .3s;position:relative}.service-card:hover{background-color:#ffffff14;transform:rotate(0)translateY(-8px)}.service-card__doodle{object-fit:contain;width:100px;height:100px;margin-bottom:16px;display:inline-block;transform:none}.service-card__title{color:var(--color-white);margin:0 0 10px;font-size:1.1rem;font-weight:700}.service-card__description{color:var(--color-light);margin:0;font-size:.9rem;line-height:1.5}@media (width<=700px){.services-grid{flex-direction:column;align-items:center}.service-card{max-width:100%;transform:none}.service-card:hover{transform:translateY(-4px)}}.lightbox{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#132338eb;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox__image{object-fit:contain;border-radius:12px;max-width:85%;max-height:85vh;box-shadow:0 20px 60px #00000080}.lightbox__close{width:44px;height:44px;color:var(--color-white);cursor:pointer;background-color:#ffffff1a;border:none;border-radius:50%;font-size:1.2rem;transition:background-color .2s;position:absolute;top:24px;right:24px}.lightbox__close:hover{background-color:#fff3}.lightbox__nav{width:52px;height:52px;color:var(--color-white);cursor:pointer;background-color:#ffffff1a;border:none;border-radius:50%;font-size:1.5rem;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background-color:var(--color-accent)}.lightbox__nav--prev{left:24px}.lightbox__nav--next{right:24px}.lightbox__counter{color:var(--color-light);opacity:.8;font-size:.9rem;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=700px){.lightbox__nav{width:42px;height:42px;font-size:1.2rem}.lightbox__nav--prev{left:10px}.lightbox__nav--next{right:10px}.lightbox__image{max-width:92%}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}