:root{--color-background-start: #f5f5f5;--color-background-end: #ffffff;--color-text-primary: #1f2933;--color-surface: #ffffff;--color-border: #d5dadd;--color-accent: #2563eb;--color-accent-text: #ffffff;--color-emerald: #16a34a;--color-highlight: #007b53;--color-navbar-bg: rgba(13, 14, 16, .94);--color-navbar-border: rgba(63, 63, 70, .65);--color-navbar-text: rgba(232, 234, 237, .92)}[data-theme=dark]{--color-background-start: #111111;--color-background-end: #161616;--color-text-primary: #f5f5f5;--color-surface: #1e1e1e;--color-border: #2d2d2d;--color-accent: #60a5fa;--color-accent-text: #0b1120;--color-emerald: #22c55e;--color-highlight: #00a36f;--color-navbar-bg: rgba(10, 11, 12, .96);--color-navbar-border: rgba(82, 82, 91, .6);--color-navbar-text: rgba(235, 241, 247, .92)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;background:linear-gradient(135deg,var(--color-background-start),var(--color-background-end));color:var(--color-text-primary);transition:background .3s ease,color .3s ease}a{color:inherit}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:3rem 0 4rem;gap:2.75rem}.app__header{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:0 1rem}.app__content{width:100%;padding:clamp(1.5rem,4vw,2.5rem) 0;border-radius:0;background-color:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:0 45px 80px #0f172a38;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.page{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;padding:0 1rem}.page__header h2{margin:0 0 .65rem;font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.01em}.page__header p{margin:0;max-width:36rem;color:color-mix(in srgb,var(--color-text-primary) 82%,transparent);line-height:1.6}.page a{color:var(--color-accent);text-decoration:none;font-weight:600}.page a:hover,.page a:focus-visible{text-decoration:underline}.app__header>.navbar{width:100%;margin:0}.navbar{--hover-x: 50%;--hover-y: 50%;position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:.85rem 1.1rem;width:100%;border-radius:14px;background:var(--color-navbar-bg);border:none;box-shadow:0 32px 65px #06080c6b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:border-color .35s ease,background .35s ease}.navbar:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(320px circle at var(--hover-x) var(--hover-y),rgba(34,197,94,.7),rgba(34,197,94,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;transition:background .3s ease,opacity .3s ease;opacity:calc(var(--hover-active, 0) * .9)}.navbar__links{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.navbar__actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.navbar__link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.4rem;border-radius:10px;border:none;color:var(--color-navbar-text);font-size:1rem;font-weight:600;text-decoration:none;letter-spacing:.01em;transition:color .25s ease,transform .2s ease;background-color:transparent;overflow:hidden}.navbar__link:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(240px circle at var(--hover-x, 50%) var(--hover-y, 50%),rgba(34,197,94,.85),rgba(34,197,94,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.navbar__link:hover,.navbar__link:focus-visible{color:#e2fff0f2;transform:translateY(-1px)}.navbar__link:hover:after,.navbar__link:focus-visible:after{opacity:.9}.navbar__link--active{color:#e9fff4f2;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:#22c55ee6;text-underline-offset:.35em}.navbar__link:focus-visible{outline:2px solid rgba(226,255,240,.85);outline-offset:3px}.navbar__social{color:#e9fff4eb}.interactive-card{position:relative;width:100%;margin:0 auto clamp(1.5rem,4vw,2rem);border-radius:16px;transition:transform .3s ease}.interactive-card__surface{position:relative;border-radius:inherit;border:1px solid transparent;background:linear-gradient(color-mix(in srgb,var(--color-surface) 96%,transparent),color-mix(in srgb,var(--color-surface) 96%,transparent)) padding-box,radial-gradient(circle farthest-side at var(--card-hover-x, 50%) var(--card-hover-y, 50%),color-mix(in srgb,var(--color-emerald) var(--card-border-strength, 0%),transparent),transparent 70%) border-box;box-shadow:0 35px 65px #06080c52;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);min-height:160px;overflow:hidden;transition:background .35s ease}.interactive-card__surface .MuiCardContent-root{padding:clamp(1.35rem,4vw,2.25rem) clamp(1rem,3vw,2rem)}.interactive-card__surface h2{margin:0}.interactive-card__body{display:flex;flex-direction:column;gap:.75rem;font-size:1rem;line-height:1.7;color:color-mix(in srgb,var(--color-text-primary) 88%,transparent)}.interactive-card__body p{margin:0}.interactive-card__body a{color:var(--color-accent);font-weight:600;text-decoration:none}.interactive-card__body a:hover,.interactive-card__body a:focus-visible{text-decoration:underline}.interactive-card:hover{transform:translateY(-2px)}.highlight{color:var(--color-highlight);font-weight:600}.flex-stats{display:flex;justify-content:center;align-items:center;width:100%}.stats-grid,.client-grid,.offer-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.9rem,3vw,1.75rem);margin-top:clamp(1.2rem,3vw,2.4rem)}.stats-grid>*,.client-grid>*,.offer-grid>*{flex:1 1 clamp(190px,22%,300px);max-width:300px}.stats-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;padding:1.1rem 1rem;border-radius:16px;background:#0f111352;border:1px solid rgba(82,82,91,.45);box-shadow:inset 0 0 0 1px #0f172a26;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.stats-metric__value{font-size:clamp(2rem,4.2vw,2.7rem);font-weight:700;letter-spacing:.02em;color:#f0fdf4eb}.stats-metric__label{margin-top:.45rem;font-size:.95rem;letter-spacing:.02em;color:color-mix(in srgb,var(--color-text-primary) 75%,transparent);text-transform:uppercase}.collaborate-content{display:flex;flex-direction:column;align-items:center;gap:clamp(1.1rem,3vw,1.8rem)}.cta-button{padding:.85rem 2.25rem;border-radius:999px;border:none;font-size:1rem;font-weight:600;letter-spacing:.05em;background:linear-gradient(135deg,#007b53,#0ea5e9);color:#f8fafc;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 18px 32px #0f172a59}.cta-button:hover{transform:translateY(-2px);box-shadow:0 24px 40px #0f172a73}.cta-button:focus-visible{outline:3px solid rgba(14,165,233,.6);outline-offset:4px}.contact-form{display:grid;gap:1rem;width:min(480px,100%);background:#0f11138c;border:1px solid rgba(82,82,91,.45);border-radius:18px;padding:clamp(1.5rem,4vw,2rem);box-shadow:0 22px 45px #0a0e1466;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.contact-form--visible{opacity:1;transform:translateY(0);pointer-events:auto}.contact-form__field{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;color:color-mix(in srgb,var(--color-text-primary) 80%,transparent)}.contact-form__field input,.contact-form__field textarea{width:100%;border-radius:12px;border:1px solid rgba(82,82,91,.4);background:#0c0c0e99;color:var(--color-navbar-text);font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.contact-form__field input:focus-visible,.contact-form__field textarea:focus-visible{outline:none;border-color:#22c55e99;box-shadow:0 0 0 3px #22c55e33}.contact-form__submit{justify-self:flex-end;padding:.75rem 1.75rem;border-radius:999px;border:none;font-weight:600;letter-spacing:.05em;background:linear-gradient(135deg,#0ea5e9,#22c55e);color:#f8fafc;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contact-form__submit:hover{transform:translateY(-1px);box-shadow:0 16px 36px #080c1266}.contact-form__submit:focus-visible{outline:3px solid rgba(34,197,94,.45);outline-offset:4px}@media(max-width:960px){.stats-grid>*,.client-grid>*,.offer-grid>*{flex:1 1 calc(50% - 16px);max-width:calc(50% - 16px)}}@media(max-width:768px){.app__header,.page{padding:0 .75rem}}@media(max-width:640px){.navbar{padding:.35rem 0;border-radius:14px;box-shadow:none}.stats-grid,.client-grid,.offer-grid{justify-content:space-between}.stats-grid>*,.client-grid>*,.offer-grid>*{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px);min-width:0}.stats-grid{gap:.75rem}.stats-metric{min-height:88px;padding:.85rem .75rem}.stats-metric__value{font-size:1.55rem}}@media(max-width:480px){.app__header,.page{padding:0 .5rem}.stats-grid>*,.client-grid>*,.offer-grid>*{flex:1 1 100%;max-width:100%}.cta-button{width:100%}}