:root{--bg: #050816;--bg-alt: #0b1020;--card-bg: #111827;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .1);--text: #e5e7eb;--muted: #9ca3af;--border: #1f2933;--radius-lg: 1.25rem;--radius-md: .8rem;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .45);--nav-height: 80px;--transition: .15s ease-out;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:radial-gradient(circle at top left,#0f172a,#020617 60%);color:var(--text);-webkit-font-smoothing:antialiased}.app{min-height:100vh}main{padding-top:var(--nav-height)}.navbar{position:fixed;top:0;inset-inline:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding-inline:1.5rem;background:linear-gradient(to bottom,#020617f2,#020617c7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.2);z-index:10}.navbar__logo{display:flex;align-items:center;gap:.6rem;cursor:pointer}.navbar__logo-img{height:128px;width:auto;display:block}.navbar__logo-text{font-weight:600;font-size:1.2rem;letter-spacing:.04em}.navbar__nav{display:flex;gap:1rem}.navbar__link{background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:.45rem .8rem;border-radius:999px;transition:background var(--transition),color var(--transition),transform .12s ease-out}.navbar__link:hover{color:var(--text);background:#0f172ae6;transform:translateY(-1px)}.navbar__toggle{display:none;background:none;border:none;padding:0;margin-left:.75rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.navbar__toggle-bar{width:20px;height:2px;border-radius:999px;background:#e5e7eb;transition:transform .16s ease-out,opacity .16s ease-out}.navbar__toggle-bar.is-open:nth-child(1){transform:translateY(4px) rotate(45deg)}.navbar__toggle-bar.is-open:nth-child(2){opacity:0}.navbar__toggle-bar.is-open:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.navbar__overlay{position:fixed;inset:0;top:var(--nav-height);background:#020617eb;display:flex;justify-content:flex-start;align-items:flex-start;opacity:0;pointer-events:none;transition:opacity .18s ease-out;z-index:9}.navbar__overlay.is-open{opacity:1;pointer-events:auto}.navbar__mobile{width:100%;padding:1.2rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.75rem}.navbar__mobile-link{background:transparent;border:none;padding:.6rem .25rem;text-align:left;width:100%;font-size:1.05rem;color:var(--text);border-radius:999px;cursor:pointer;transition:background .15s ease-out,color .15s ease-out;text-align:center}.navbar__mobile-link:hover{background:#0f172ae6;color:var(--accent)}.section{width:100%;display:flex;justify-content:center}.section__inner{width:100%;max-width:1080px;padding:3.5rem 1.5rem;margin:0 auto;display:flex;flex-direction:column;gap:1.8rem}.section--default{background:transparent}.section--alt{background:radial-gradient(circle at top,#020617,#040815 65%);border-top:1px solid rgba(148,163,184,.1);border-bottom:1px solid rgba(148,163,184,.06)}.section--dark{background:#020617}.section__title{font-size:2rem;margin:0;letter-spacing:.03em}.section__body{max-width:720px;font-size:.98rem;line-height:1.7;color:var(--muted);display:flex;flex-direction:column;gap:1.1rem}.grid{display:grid;gap:2rem}.grid--2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hero-section{position:relative;width:100%;min-height:calc(100vh - var(--nav-height));overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:3rem}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at top left,#0f172a59,#0f172aeb);z-index:-1}.hero-inner{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;padding:5rem 15rem 6rem}.hero__content h1{font-size:clamp(6.4rem,4.4vw,4.8rem);line-height:1.05;font-weight:700;margin-bottom:1.4rem;max-width:80rem}.hero__content p{font-size:1.6rem;line-height:1.6;color:var(--muted);margin-bottom:2.2rem;max-width:42rem}.hero__actions{display:flex;gap:1.1rem;flex-wrap:wrap}.card{background:var(--card-bg);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border);box-shadow:0 10px 30px #00000059;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;transition:border-color var(--transition),transform .14s ease-out,box-shadow .14s ease-out}.card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 18px 40px #00000073}.card__title{font-size:1.5rem;font-weight:600;margin:0}.card__subtitle{font-size:.95rem;color:var(--accent);opacity:.95;margin:0;line-height:1.4}.card__lead{font-size:.95rem;color:var(--muted);line-height:1.6;margin:.1rem 0 .25rem}.card__list{list-style:disc;padding-left:1.25rem;margin:0rem 0 0;font-size:.9rem;color:var(--muted);display:flex;flex-direction:column;gap:.25rem}.card__body{font-size:.95rem;color:var(--muted);line-height:1.55}.card--project{border-left:3px solid rgba(56,189,248,.5)}.card--testimonial{background:radial-gradient(circle at top left,#020617,#020617 60%),var(--card-bg);border-image:linear-gradient(135deg,#38bdf8cc,#38bdf800,#38bdf899) 1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.3rem;border-radius:999px;font-size:.9rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform .12s ease-out,box-shadow .12s ease-out}.hero__actions .btn{padding:1rem 2rem;font-size:1.1rem}.btn--primary{background:linear-gradient(135deg,var(--accent),#0ea5e9);color:#0b1120;box-shadow:0 15px 30px #38bdf866}.btn--primary:hover{box-shadow:0 20px 40px #38bdf88c;transform:translateY(-1px)}.btn--ghost{background:transparent;border-color:#94a3b899;color:var(--text)}.btn--ghost:hover{background:#0f172ae6;border-color:var(--accent)}.btn--full{width:100%}#contact{position:relative;overflow:hidden;background:transparent}#contact:before{content:"";position:absolute;inset:0;background-image:url(/contact-forest-wolves.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.45;filter:blur(.5px);z-index:-2}#contact:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,#0f172a80,#0f172af2);z-index:-1}#contact .section__inner{position:relative;z-index:1}.contact__info{list-style:none;padding:0;margin-top:1.2rem;color:var(--muted)}.contact__info li+li{margin-top:.4rem}.contact__form{background:#020617eb;border-radius:var(--radius-md);padding:1.5rem;border:1px solid rgba(148,163,184,.4);box-shadow:var(--shadow-soft)}.form__field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form__field label{font-size:.9rem;color:var(--muted)}.form__field input,.form__field textarea{border-radius:.6rem;border:1px solid rgba(148,163,184,.6);padding:.55rem .75rem;font-size:.9rem;background:#020617;color:var(--text);outline:none}.form__field input:focus,.form__field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf880}.contact__banner{margin-top:.75rem;padding:.6rem .85rem;border-radius:.75rem;font-size:.9rem;display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center;animation:contact-banner-fade-in .25s ease-out}.contact__banner--success{background:#22c55e1f;border:1px solid rgba(34,197,94,.6);color:#bbf7d0}.contact__banner--error{background:#f871711f;border:1px solid rgba(248,113,113,.7);color:#fecaca}@keyframes contact-banner-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.contact__submit[disabled]{opacity:.8;cursor:default}.footer{border-top:1px solid rgba(148,163,184,.3);background:#020617;padding:1rem 0}.footer__content{max-width:1080px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.85rem;color:var(--muted)}.footer__note{opacity:.85}@media(max-width:900px){.section__inner{padding:3.2rem 1.5rem;gap:1.6rem}.hero-inner{padding:2rem 1rem 4rem}.hero__content h1{font-size:clamp(2.6rem,4.8vw,3.4rem)}.hero__content p{font-size:1.15rem}}.navbar__toggle{display:none;background:none;border:none;padding:0;margin-left:.75rem;cursor:pointer;flex-direction:column;justify-content:center;gap:.25rem}@media(max-width:600px){.navbar__nav{display:none}.navbar__toggle{display:flex}.hero-inner{padding:1.5rem 1rem 3.5rem}.hero__content h1{font-size:2.2rem;line-height:1.15}.hero__content p{font-size:1rem}.section__inner{padding:3rem 1.25rem}.section__title{font-size:1.6rem}.grid{gap:1.5rem}.grid--3{grid-template-columns:1fr}.card,.contact__form{padding:1.2rem}.footer__content{flex-direction:column}}.about__header{max-width:720px;display:flex;flex-direction:column;gap:.5rem}.about__eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:.9}.about__intro{font-size:1rem;line-height:1.7;color:var(--muted);margin:.25rem 0 0}.about__grid{align-items:stretch}.card--about{position:relative;background:radial-gradient(circle at top left,#020617,#020617 70%),var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid rgba(148,163,184,.35);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.75rem}.card--about:hover{border-color:var(--accent)}.about-card__icon{width:2.4rem;height:2.4rem;color:var(--accent);margin-bottom:.25rem}.about-card__title{font-size:1.3rem;font-weight:600;margin:0}.about-card__body{font-size:.95rem;color:var(--muted);line-height:1.6;margin:0}.about__cta{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(148,163,184,.35);text-align:center}.about__cta p{font-size:1.3rem;line-height:1.5;font-weight:600;color:var(--text);max-width:48rem;margin:0 auto}@media(max-width:900px){.about__cta p{font-size:1.15rem}}@media(max-width:600px){.about-card__title{font-size:1.15rem}.about__cta p{font-size:1.05rem}}