:root{--color-bg: #1C4E45;--color-text: #ffffff;--color-accent: #22d3ee;--color-muted: #ffffff;--page-bg-image: none;--page-bg-opacity: 0;--container-max: 1200px;--radius: 12px;--surface: --surface: #1C4E45;--border: #1f3f3b;--nav-bg: #0b2a27;--footer-accent: #22d3ee}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--color-text);background:radial-gradient(60% 80% at 50% 0%,#195851 0%,var(--color-bg) 60%);position:relative;min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:#0000004d;background-image:var(--page-bg-image);background-repeat:no-repeat;background-size:cover;background-position:center;opacity:var(--page-bg-opacity)}#root{position:relative;z-index:1}main#main{position:relative}.hero-stage{position:relative;width:100%;min-height:320px}.hero-stage .hero-content{position:relative;z-index:1}:root{--float-logo-size: 72px}.hero-stage .floating-logos{position:absolute;inset:0;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 220px,#000 300px);mask-image:radial-gradient(circle at 50% 50%,transparent 0 220px,#000 300px)}@keyframes floatPath{0%{transform:translateZ(0) rotate(0)}25%{transform:translate3d(6px,-6px,0) rotate(2deg)}50%{transform:translate3d(0,-10px,0) rotate(-2deg)}75%{transform:translate3d(-6px,-6px,0) rotate(1deg)}to{transform:translateZ(0) rotate(0)}}@media(max-width:700px){:root{--float-logo-size: 56px}.float-logo.i4,.float-logo.i5,.float-logo.i6{display:none}}a{color:var(--color-accent);text-decoration:none}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.btn{display:inline-block;padding:12px 20px;border-radius:var(--radius);background:var(--color-accent);color:#0a0a0a;font-weight:600;box-shadow:0 6px 20px #22d3ee2e;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #22d3ee47}.btn.secondary{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.btn-primary{background:var(--color-accent);color:#000;border:1px solid var(--color-accent)}.btn-secondary{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.section{padding:64px 0}.section-title{font-size:36px;margin:0 0 16px}.section-subtitle{color:var(--color-muted);margin:0 0 32px}.card{background:#0b2a27;color:#fff;border:1px solid #07201e;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0f172a1f}.card,.card *,.services-section .card p{color:#fff!important}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.services-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.services-row>.card{scroll-snap-align:start}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.service-anim{animation:popIn .6s ease-out both}.services-section{background:none}.services-title{font-size:40px;color:#0b1220}.title-underline{width:72px;height:6px;background:var(--color-accent);border-radius:999px}.services-section .section-subtitle{color:#fff}@media(min-width:900px){.services-grid{display:grid!important}.services-carousel{display:none!important}}@media(max-width:899px){.services-grid{display:none!important}.services-carousel{display:grid!important}}.home-bottom{background:radial-gradient(1000px 500px at 50% -200px,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 40%,transparent 70%),#0a1214;border-top:1px solid #0f1f1f;color:#dbeafe;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.home-bottom h3{margin:0 0 12px}.home-bottom a{color:#93c5fd}.home-bottom .panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.home-bottom .input{width:100%;padding:12px 14px;border-radius:10px;background:#0f1f1d;border:1px solid #1f2a2a;color:var(--color-text)}.home-bottom .submit{background:linear-gradient(90deg,#ff74c8,#fdba74);color:#fff;border:none}input,textarea{background:#0f1f1d;border:1px solid var(--border);color:var(--color-text)}nav a{color:#d1fae5}nav a:hover{text-decoration:underline}nav a.active{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.navbar{background:var(--nav-bg);position:sticky;top:0;z-index:50;box-shadow:0 6px 24px #00000080,0 2px 8px #0000004d;border-bottom:2px solid var(--color-accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fade-up{animation:fadeUp .7s ease-out both}.float{animation:floatY 4s ease-in-out infinite}.logo-hover{display:inline-block;transition:transform .2s ease}.logo-hover:hover{animation:floatY 3s ease-in-out infinite;transform:scale(1.06)}.hero-visual{position:relative;display:inline-grid;place-items:center}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}button:focus{outline:none}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px #22d3ee59}main{flex:1;min-height:calc(100vh - 120px)}footer{margin-top:auto;position:relative;bottom:0}.footer-stripes{height:8px;margin-top:24px;background:#000;border-radius:999px}.about-section{background:radial-gradient(900px 480px at 20% -120px,rgba(255,209,0,.08),transparent 60%)}.contact-section{background:linear-gradient(180deg,rgba(34,211,238,.06),transparent 40%)}.blog-section a{background:#0b2a27;border:1px solid #07201e;border-radius:14px;padding:16px;color:#fff;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 22px #02061714}.blog-section a:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0206171f}.team-section{background:radial-gradient(1200px 500px at 80% -200px,rgba(125,211,252,.08),transparent 60%)}.feedback-section{background:radial-gradient(1000px 600px at 10% -200px,rgba(255,148,255,.07),transparent 60%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-section .service-anim{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:block!important}.mobile-menu{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:769px){.mobile-menu-btn,.mobile-menu{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#root{display:block}