
:root{--shadow-md:0 8px 24px rgba(20,21,43,.06);--gradient-soft:linear-gradient(120deg,#fafafc,#effaf7)}
body{background:#fff} .site-header{background:#fff}.nav-wrap{max-width:1200px;min-height:88px;gap:32px;padding:16px 24px}.brand{flex-shrink:0;gap:12px}.brand img{width:48px;height:48px;object-fit:contain}.brand-name{font-size:1.22rem}.nav-links{gap:34px}.nav-links a,.nav-links summary{font-family:var(--ff-body);font-size:.94rem;color:var(--ink-soft);font-weight:500}.nav-links a[aria-current=page]{color:var(--violet)}.nav-cta{gap:18px}.btn{border-radius:10px;white-space:normal;text-align:center}.btn-primary{background:var(--violet)!important;box-shadow:none!important}.btn-primary:hover{background:var(--violet-deep)!important}.header-cta{font-size:.88rem;padding:12px 20px;white-space:nowrap}.nav-service{position:relative}.nav-service summary{cursor:pointer;list-style:none;padding:12px 0}.nav-service summary::-webkit-details-marker{display:none}.nav-service summary:after{content:'⌄';margin-left:8px}.service-menu{position:absolute;top:100%;left:-20px;min-width:290px;padding:12px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);z-index:110}.service-menu a{display:block;padding:10px 12px;border-radius:6px}.service-menu a:hover{background:var(--paper-dim)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:4px} .nav-toggle{width:44px;min-height:44px}.menu-label{font-size:.85rem;color:var(--ink)}.nav-toggle span{margin:4px auto;width:20px}.eyebrow{font-family:var(--ff-body);letter-spacing:.07em;font-weight:600;font-size:.76rem}.hero{padding:68px 0 76px}.hero .container{gap:48px}.hero h1{font-size:clamp(2.1rem,4vw,3.15rem);line-height:1.13}.hero-actions{margin:26px 0}.hero-stats{gap:24px}.stat-num{font-size:1.05rem}.stat-label{font-family:var(--ff-body);font-size:.78rem;text-transform:none;letter-spacing:0}.service-card:hover{transform:none}.service-card{display:flex;flex-direction:column}.card-link{margin-top:auto;padding-top:12px;color:var(--violet);font-weight:600;text-decoration:none}.services-grid{grid-template-columns:repeat(3,1fr)}.digital-hero{background:var(--gradient-soft)}.browser-card{transform:none!important;box-shadow:var(--shadow-md)!important}.growth-note{box-shadow:none!important}.seo-links{display:flex;flex-wrap:wrap;gap:12px}.seo-links a{padding:10px 14px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.site-footer .footer-col li{margin-bottom:10px}section[id],.quote-box[id]{scroll-margin-top:110px}.text-link{align-self:center;color:var(--violet);font-weight:600;padding:10px 0}.hero-copy,.hero-visual,.visual,.service-card{min-width:0}.contact-card a,.footer-col a{overflow-wrap:anywhere}.small-note{line-height:1.65}
@media(max-width:1000px){.nav-links{gap:22px}.nav-wrap{gap:20px}}
@media(max-width:900px){.nav-wrap{min-height:80px;padding:12px 20px}.brand img{width:44px;height:44px}.nav-links{top:80px;bottom:0;gap:16px;padding:22px 24px}.nav-links>li{width:100%}.nav-links>li>a{display:block;padding:10px 0;font-size:1.08rem}.nav-service summary{font-size:1.08rem}.service-menu{position:static;min-width:0;margin:8px 0;box-shadow:none;background:var(--paper)}.service-menu a{font-size:.94rem}.nav-toggle{display:block}.services-grid{grid-template-columns:repeat(2,1fr)}.hero .container{gap:36px}.hero{padding:44px 0 56px}.header-cta{padding:10px 14px}.hero-stats{gap:20px}.nav-links:not(.open){visibility:hidden}.nav-links.open{visibility:visible}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr}.hero-actions{align-items:stretch}.hero-actions .btn{max-width:100%;padding:13px 18px}.hero .container{padding:0 20px}.nav-wrap{gap:12px}.brand-name{font-size:1.05rem}.nav-cta{gap:8px}.growth-note{position:relative!important;right:auto!important;bottom:auto!important;margin:16px 0 0!important;max-width:100%!important}.hero h1{font-size:2.2rem}.browser-card{width:100%}.contact-grid{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
