@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0}#root{min-height:100vh}:root{--font-body:"Inter", system-ui, sans-serif;--font-heading:"Poppins", system-ui, sans-serif;--primary:#4066e0;--primary-dark:#2c329e;--purple:#793db6;--lavender:#b28cd9;--dark:#333;--muted:#64748b;--light-bg:#f9f9f9;--border:#e5e7eb;--nav-h:5rem;--radius:.75rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 10px 40px #0f172a14;--shadow-primary:0 8px 28px #4066e047;--gradient-nav:linear-gradient(135deg, #793db6eb 0%, #4066e0eb 50%, #2c329eeb 100%);--gradient-hero:linear-gradient(135deg, #793db6eb 0%, #4066e0e0 45%, #2c329ee6 100%);--gradient-footer:linear-gradient(326deg, #793db6 0%, #2c329e 74%);--surface:#fff;--surface-muted:#f9f9f9;--input-bg:#f9fafb}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dark:#e5e7eb;--muted:#9ca3af;--light-bg:#12141c;--surface:#181b24;--surface-muted:#12141c;--border:#343948;--input-bg:#222732;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 12px 40px #00000073;--gradient-nav:linear-gradient(135deg, #5a2e82f5 0%, #324eb4f0 50%, #22266ef5 100%)}body{font-family:var(--font-body);color:var(--dark);background:var(--surface);-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}h1,h2,h3,.site-nav__brand,.site-nav__link{font-family:var(--font-heading)}.app{min-height:100vh;transition:background-color .25s,color .25s}main{display:block}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem}@media (width>=64rem){.container{padding:0 4rem}}.container--narrow{max-width:56rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-accent{color:var(--primary)}#home,#about,#services,#portfolio,#blog,#contact{scroll-margin-top:calc(var(--nav-h) + .5rem)}.site-nav{z-index:50;height:var(--nav-h);background:var(--gradient-nav);-webkit-backdrop-filter:blur(8px);align-items:center;transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.site-nav--shadow{box-shadow:0 10px 30px #0000002e}.site-nav__container{justify-content:space-between;align-items:center;width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}@media (width>=64rem){.site-nav__container{padding:0 4rem}}.site-nav__brand{color:#fff;letter-spacing:.05em;align-items:center;gap:.65rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav__brand-mark{object-fit:cover;border:2px solid #ffffff73;border-radius:50%;flex-shrink:0;width:2.25rem;height:2.25rem;box-shadow:0 2px 8px #00000026}.site-nav__toggle{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ffffff59;flex-direction:column;gap:5px;padding:.5rem;display:flex}.site-nav__toggle-bar{background:#fff;border-radius:1px;width:1.35rem;height:2px}.site-nav__right{flex:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.site-nav__menu{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.site-nav__link{color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s}.site-nav__link:hover{opacity:.85}.theme-toggle{border-radius:var(--radius-full);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;flex-shrink:0;width:3.25rem;height:1.75rem;padding:0;transition:background .2s,border-color .2s}.theme-toggle:hover{background:#fff3;border-color:#ffffff73}.theme-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.theme-toggle__track{border-radius:var(--radius-full);width:100%;height:100%;display:block;position:relative}.theme-toggle__thumb{background:#fff;border-radius:50%;width:1.2rem;height:1.2rem;margin-top:-.6rem;transition:left .22s,background .2s;position:absolute;top:50%;left:.2rem;box-shadow:0 1px 4px #0003}[data-theme=dark] .theme-toggle__thumb{background:#c7d2fe;left:calc(100% - 1.4rem)}@media (width<=767px){.site-nav__toggle{display:flex}.site-nav__menu{background:#0d0f2ef7;border-bottom:1px solid #ffffff14;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.5rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0}[data-theme=dark] .site-nav__menu{background:#0a0b12fa;border-bottom-color:#ffffff0f}.site-nav__menu--open{display:flex}}@media (width>=768px){.site-nav__toggle{display:none}.site-nav__right{gap:1.75rem}}.hero{min-height:100dvh;padding:calc(var(--nav-h) + 1.5rem) 0 clamp(1.25rem, 4vh, 2.5rem);align-items:center;display:flex;position:relative;overflow:hidden}@media (width>=64rem){.hero{padding:calc(var(--nav-h) + 2rem) 0 clamp(1.5rem, 5vh, 3rem)}}.hero__bg{background:var(--gradient-hero);z-index:0;position:absolute;inset:0}.hero__dots{z-index:1;opacity:.22;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.hero__particles-wrap{z-index:2;position:absolute;inset:0}.hero__particles{width:100%;height:100%;min-height:100%;position:absolute;inset:0}.hero__particles canvas{display:block;width:100%!important;height:100%!important}.hero__container{z-index:3;width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem;position:relative}@media (width>=64rem){.hero__container{padding:0 4rem}}.hero__grid2{flex-direction:column;align-items:center;gap:3rem;display:flex}@media (width>=64rem){.hero__grid2{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}}.hero__copy{text-align:center;color:#fff}@media (width>=64rem){.hero__copy{text-align:left;flex:1;max-width:36rem}}.hero__hello{font-family:var(--font-heading);opacity:.95;margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.hero__name{letter-spacing:-.02em;margin:0;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;line-height:1.08}.hero__role{color:#ffffffeb;margin:.75rem 0 0;font-size:1.25rem;font-weight:600}.hero__tagline{color:#ffffffe6;max-width:32rem;margin:1.25rem 0 0;font-size:1.0625rem;line-height:1.6}.hero__actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}@media (width>=64rem){.hero__actions{justify-content:flex-start}}.btn--hero-outline{border-radius:var(--radius-full);color:#fff;font-family:var(--font-body);cursor:pointer;background:0 0;border:2px solid #fff;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:background .25s,color .25s}.btn--hero-outline:hover{color:var(--primary);background:#fff}.btn--hero-solid{border-radius:var(--radius-full);color:var(--primary);font-family:var(--font-body);cursor:pointer;background:#fff;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .25s,transform .2s;box-shadow:0 10px 35px #fff3}.btn--hero-solid:hover{background:#f1f5f9;transform:translateY(-1px)}.hero__social{justify-content:center;gap:1.25rem;margin-top:1.75rem;display:flex}@media (width>=64rem){.hero__social{justify-content:flex-start}}.hero__social a{opacity:.9;filter:brightness(0)invert();transition:opacity .2s}.hero__social a:hover{opacity:1}.hero__side{text-align:center;flex-shrink:0}.hero__portrait-ring{justify-content:center;display:flex}.hero__portrait{background:linear-gradient(145deg,#ffffff73,#ffffff14);border-radius:50%;width:18rem;height:18rem;padding:8px;box-shadow:0 20px 60px #00000040}@media (width>=48rem){.hero__portrait{width:22rem;height:22rem}}@media (width>=64rem){.hero__portrait{width:25rem;height:25rem}}.hero__portrait-fill{background:#0d0f2e8c;border:8px solid #fff3;border-radius:50%;width:100%;height:100%;overflow:hidden}.hero__portrait-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.section--light{background:var(--surface)}.section--muted{background:var(--surface-muted)}.section-intro{margin-bottom:3rem}.section-intro--center{text-align:center;max-width:48rem;margin-bottom:3.5rem;margin-left:auto;margin-right:auto}.section-intro__title{color:var(--dark);margin:0;font-size:clamp(1.875rem,4vw,2.25rem);font-weight:700}.section-intro__lead{color:var(--muted);margin:1rem 0 0;line-height:1.65}.about{padding:5rem 0}.about__layout{flex-direction:column;align-items:center;gap:3rem;display:flex}@media (width>=64rem){.about__layout{flex-direction:row;align-items:flex-start;gap:4rem}}.about__media{width:100%;max-width:28rem;position:relative}.about__offset{border-radius:var(--radius-lg);background:#4066e01f;position:absolute;inset:0;transform:translate(1rem,1rem)}.about__photo{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.about__photo-img{aspect-ratio:1;background:linear-gradient(160deg,#4066e026,#793db61f);overflow:hidden}.about__photo-img img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.about__content{flex:1}.about__heading{color:var(--dark);margin:0 0 1.25rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.2}.about__heading-accent{color:var(--primary)}.about__quote{color:var(--purple);border-left:4px solid var(--primary);margin:0 0 1rem;padding-left:1rem;font-size:1.1rem;font-style:italic}.about__text{color:var(--muted);margin:0 0 1rem;line-height:1.7}.about__facts{grid-template-columns:1fr;gap:.75rem 1.5rem;margin:1.5rem 0 1.75rem;display:grid}@media (width>=48rem){.about__facts{grid-template-columns:1fr 1fr}}.about__fact{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;padding-bottom:.5rem;font-size:.95rem;display:flex}.about__fact-label{color:var(--dark);min-width:6.5rem;font-weight:600}.about__fact-value{color:var(--muted)}.about__fact-value a{color:var(--primary);text-decoration:none}.about__fact-value a:hover{text-decoration:underline}.about__btns{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn--pill-primary{border-radius:var(--radius-full);background:var(--primary);color:#fff;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-primary);border:none;justify-content:center;align-items:center;padding:.65rem 1.75rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn--pill-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn--pill-ghost{border-radius:var(--radius-full);background:var(--surface);color:var(--primary);font-family:var(--font-body);cursor:pointer;border:2px solid #4066e059;justify-content:center;align-items:center;padding:.65rem 1.75rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.btn--pill-ghost:hover{border-color:var(--primary);background:#4066e00f}[data-theme=dark] .btn--pill-ghost:hover{background:#4066e024}.btn--pill-link{color:var(--primary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:.5rem .25rem;font-size:.9375rem;font-weight:500}.btn--pill-link:hover{text-decoration:underline}.services{padding:5rem 0}.services__grid{grid-template-columns:1fr;gap:2rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.services__grid{grid-template-columns:repeat(3,1fr)}}.services__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);padding:2.25rem 1.75rem;transition:box-shadow .3s,transform .25s}.services__card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.services__icon{background:#4066e01f;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;transition:background .3s,transform .25s;display:flex}.services__card:hover .services__icon{background:var(--primary);transform:scale(1.05)}.services__icon img{filter:brightness(0)saturate()invert(37%)sepia(86%)saturate(2000%)hue-rotate(215deg);transition:filter .3s}.services__card:hover .services__icon img{filter:brightness(0)invert()}.services__name{color:var(--dark);margin:0 0 1.25rem;font-size:1.2rem;font-weight:700}.btn--sm{padding:.5rem 1.15rem;font-size:.85rem}.cta-band{text-align:center;background:#4066e01f;padding:4rem 1.5rem}[data-theme=dark] .cta-band{background:#4066e029}.cta-band__inner{max-width:48rem;margin:0 auto}.cta-band__title{color:var(--dark);margin:0 0 1.75rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;line-height:1.3}.cta-band__accent{color:var(--primary)}.btn--outline-dark{border-radius:var(--radius-full);border:2px solid var(--primary);color:var(--primary);font-family:var(--font-body);cursor:pointer;background:#fff;padding:.75rem 2.25rem;font-size:1rem;font-weight:600;transition:background .25s,color .25s}.btn--outline-dark:hover{background:var(--primary);color:#fff}.portfolio{padding:5rem 0}.portfolio__filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.portfolio__filter{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:var(--font-body);cursor:pointer;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s,box-shadow .2s}.portfolio__filter:hover{border-color:var(--primary);color:var(--primary)}.portfolio__filter--active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.portfolio__grid{grid-template-columns:1fr;gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.portfolio__grid{grid-template-columns:repeat(3,1fr)}}.portfolio__cell{flex-direction:column;gap:.75rem;display:flex}.portfolio__card{border-radius:var(--radius-lg);height:16rem;position:relative;overflow:hidden}.portfolio__thumb{justify-content:center;align-items:center;transition:transform .5s;display:flex;position:absolute;inset:0}.portfolio__card:hover .portfolio__thumb{transform:scale(1.06)}.portfolio__letter{font-family:var(--font-heading);color:#ffffff59;text-transform:uppercase;font-size:3rem;font-weight:800}.portfolio__overlay{opacity:0;background:#333333b8;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio__card:hover .portfolio__overlay{opacity:1}.portfolio__link-btn{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;text-decoration:none;transition:transform .3s;display:flex;transform:translateY(.75rem)}.portfolio__card:hover .portfolio__link-btn{transform:translateY(0)}.portfolio__here-pill{border-radius:var(--radius-full);color:var(--primary);background:#fffffff2;padding:.4rem .85rem;font-size:.8125rem;font-weight:600}.portfolio__meta{padding:0 .25rem}.portfolio__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.portfolio__desc{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.stats-strip{background:#793db61f;padding:3.5rem 1.5rem}[data-theme=dark] .stats-strip{background:#793db62e}.stats-strip__grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:72rem;margin:0 auto;display:grid}@media (width>=48rem){.stats-strip__grid{grid-template-columns:repeat(4,1fr)}}.stats-strip__value{font-family:var(--font-heading);color:var(--dark);margin-bottom:.35rem;font-size:2.25rem;font-weight:800}.stats-strip__label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.blog-band{align-items:center;width:100%;min-height:26rem;display:flex;position:relative;overflow:hidden}@media (width>=48rem){.blog-band{min-height:30rem}}.blog-band__bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.blog-band__shade{z-index:1;background:linear-gradient(105deg,#0d0f2ee6 0%,#4066e0c7 42%,#793db6d9 100%);position:absolute;inset:0}.blog-band__dots{z-index:2;opacity:.12;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.blog-band__inner{z-index:3;text-align:center;width:100%;max-width:72rem;margin:0 auto;padding:clamp(3rem,8vw,5rem) 1.5rem;position:relative}@media (width>=64rem){.blog-band__inner{padding-left:4rem;padding-right:4rem}}.blog-band__title{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;margin:0 0 1.25rem;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700}.blog-band__title-accent{color:#e9d5ff}.blog-band__copy{max-width:52rem;margin:0 auto}.blog-band__text{color:#ffffffeb;margin:0 0 1rem;font-size:clamp(.98rem,2vw,1.0625rem);line-height:1.7}.blog-band__text:last-of-type{margin-bottom:0}.btn--blog-cta{border-radius:var(--radius-full);color:var(--primary);font-family:var(--font-body);background:#fff;border:2px solid #ffffff59;justify-content:center;align-items:center;margin-top:2rem;padding:.85rem 2.35rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 12px 40px #00000038}.btn--blog-cta:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 16px 48px #00000047}.contact{padding:5rem 0}.contact__mail{color:var(--primary);font-weight:500;text-decoration:none}.contact__mail:hover{text-decoration:underline}.contact__card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:2rem 1.5rem}@media (width>=48rem){.contact__card{padding:2.5rem 3rem}}.contact__form{flex-direction:column;gap:1rem;display:flex}.contact__row2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=48rem){.contact__row2{grid-template-columns:1fr 1fr}}.contact__form input,.contact__form textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--input-bg);width:100%;font-family:var(--font-body);color:var(--dark);outline:none;padding:.85rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.contact__form input:focus,.contact__form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4066e026}.contact__form textarea{resize:vertical;min-height:9rem}.contact__actions{text-align:center;margin-top:.5rem}.btn--send{min-width:12rem}.site-footer{background:var(--gradient-footer);color:#fff;padding:2rem 1.5rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;margin:0 auto;display:flex}.site-footer__copy{margin:0;font-size:.875rem;font-weight:500}.site-footer__social{gap:1rem;display:flex}.site-footer__social a{opacity:.92;filter:brightness(0)invert();transition:opacity .2s}.site-footer__social a:hover{opacity:1}.scroll-to-top{z-index:1050;color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;transition:transform .2s,box-shadow .2s,background .2s,color .2s,opacity .2s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 4px 18px #1e3a8a73}.scroll-to-top:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 26px #1e40af80}.scroll-to-top:focus-visible{outline:2px solid var(--primary);outline-offset:3px}[data-theme=dark] .scroll-to-top{color:#1e3a8a;background:#fff;box-shadow:0 4px 22px #00000059}[data-theme=dark] .scroll-to-top:hover{color:#172554;background:#f1f5f9;box-shadow:0 8px 28px #0006}[data-theme=dark] .scroll-to-top:focus-visible{outline-color:#fff}.scroll-to-top__icon{width:1.35rem;height:1.35rem}@media (width>=64rem){.scroll-to-top{width:3.125rem;height:3.125rem;bottom:2rem;right:2rem}}