:root{--font-sans: "Roboto", Arial, sans-serif;--color-white: #fff;--color-black: #000;--color-primary-50: #e7e8ea;--color-primary-100: #b5b9bf;--color-primary-200: #9197a0;--color-primary-300: #5e6874;--color-primary-400: #3f4a59;--color-primary-500: #0f1d30;--color-primary-600: #0e1a2c;--color-primary-700: #0b1522;--color-primary-800: #08101a;--color-primary-900: #060c14;--color-secondary-50: #fde6e6;--color-secondary-100: #f9b0b0;--color-secondary-200: #f68a8a;--color-secondary-300: #f25555;--color-secondary-400: #ef3434;--color-secondary-500: #eb0101;--color-secondary-600: #d60101;--color-secondary-700: #a70101;--color-secondary-800: #810101;--color-secondary-900: #630000}:root{--ink: var(--color-primary-500);--surface: var(--color-primary-50);--accent: var(--color-secondary-500);--border-subtle: var(--color-primary-50);--border-default: var(--color-primary-200);--border-on-dark: var(--color-primary-100);--banner-overlay: color-mix(in srgb, var(--color-black) 20%, transparent);--shadow-service: 0 8px 13px color-mix(in srgb, var(--color-black) 16%, transparent);--shadow-card: 0 6px 10px color-mix(in srgb, var(--color-black) 8%, transparent);--shadow-platform: 0 4px 8px color-mix(in srgb, var(--color-black) 15%, transparent);--shadow-menu: 0 16px 30px color-mix(in srgb, var(--color-black) 27%, transparent);--page-width: 1114px;color:var(--ink);background:var(--color-white);font-family:var(--font-sans);font-synthesis:none;scroll-behavior:smooth}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-secondary-600);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.15}h2{font-size:clamp(1.7rem,2.7vw,2.5rem);letter-spacing:-.025em}p{line-height:1.4}section[id]{scroll-margin-top:1.5rem}.container{width:min(var(--page-width),calc(100% - 3rem));margin-inline:auto}.text-accent{color:var(--color-secondary-600)}.logo-light{filter:brightness(0) invert(1)}.decoration{pointer-events:none;user-select:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.75rem 1rem;background:var(--color-white);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.65rem 2rem;border-radius:7px;color:var(--color-white);background:var(--color-secondary-600);font-size:1.125rem;font-weight:700;line-height:1.2;transition:background-color .2s}.button:hover{background:var(--color-secondary-700)}.underlined{position:relative;display:inline-block}.underlined:after{content:"";position:absolute;left:-3%;bottom:-.2em;width:106%;height:.16em;min-height:5px;background:url(/assets/underline.svg) center / 100% 100% no-repeat}.split-word{display:inline-block;white-space:nowrap}.split-character{display:inline-block}.site-header{position:absolute;inset:0 0 auto;z-index:10;color:var(--color-white)}.header-inner{display:flex;align-items:center;justify-content:center;gap:2rem;min-height:100px;padding-left:40px}.main-nav{display:flex;align-items:center;gap:clamp(1.2rem,2.5vw,2.5rem);font-size:1rem}.main-nav>a{padding-block:.75rem}.main-nav a:hover{text-decoration:underline;text-underline-offset:.3em}.main-nav .nav-contact{padding:.55rem .9rem;border-radius:6px;background:var(--color-white);color:var(--ink)}.social-links{display:flex;gap:.55rem;align-items:center}.social-link{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:44px}.social-link img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.mobile-brand,.menu-toggle{display:none}.hero{position:relative;min-height:735px;isolation:isolate;color:var(--color-white)}.hero-background,.banner-background,.footer-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-background{object-position:center top}.hero-content{display:flex;flex-direction:column;align-items:center;padding-top:183px;text-align:center}.hero-logo{display:block;width:365px;max-width:80%}.hero h1{margin-top:92px;font-size:clamp(2rem,4.2vw,3.8125rem);letter-spacing:0}.hero-cta{margin-top:170px;min-width:338px}.hero-arrow{position:absolute;width:66px;right:20%;bottom:130px;transform:rotate(-90deg)}.services{position:relative;padding:85px 0 146px;isolation:isolate}.approved{position:absolute;top:-65px;left:max(3rem,calc(50% - 610px));width:370px;z-index:2}.approved-star{position:absolute;top:-70px;left:max(1.5rem,calc(50% - 650px));width:55px;aspect-ratio:1;background:var(--accent);mask:url(/assets/sparkle.svg) center / contain no-repeat}.services-mascot{position:absolute;top:220px;left:0;width:min(39.7vw,600px);z-index:-1}.service-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:2rem}.service-content{grid-column:2;max-width:714px}.section-heading h2{margin-bottom:1.8rem}.section-heading p{margin-bottom:3.15rem;font-size:1.125rem}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card{padding:40px 40px 34px;background:var(--surface);border:1px solid var(--border-default);border-radius:20px;box-shadow:var(--shadow-service)}.service-card-dark{background:var(--ink);color:var(--color-white);border-color:var(--ink)}.service-icon{display:block;width:50px;height:50px;margin-bottom:12px;color:var(--ink);background:currentColor;mask:var(--service-icon) center / contain no-repeat}.service-icon-strategy{--service-icon: url(/assets/icons/strategy.svg)}.service-icon-creativity{--service-icon: url(/assets/icons/creativity.svg)}.service-icon-design{--service-icon: url(/assets/icons/design.svg)}.service-icon-experience{--service-icon: url(/assets/icons/experience.svg)}.service-card-dark .service-icon{color:var(--accent)}.service-card h3{margin-bottom:20px;font-size:clamp(1.6rem,2.8vw,2.5rem);letter-spacing:-.025em}.service-card ul{list-style:none;margin:0;padding:0}.service-card li{padding:9px 0;font-size:1rem;line-height:1.2}.service-card li+li{border-top:1px solid currentColor}.platforms{position:relative;margin-top:100px;padding:0 65px}.platform-star{position:absolute;top:-190px;left:180px;width:120px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:32px 0 60px;list-style:none}.services-signature{position:absolute;right:5.5%;bottom:60px;width:190px}.about{background:linear-gradient(var(--surface) 0 80.5%,var(--color-white) 80.5%);padding:75px 0 0}.about-heading{text-align:center}.about-heading p{margin:44px 0 70px;font-size:1.25rem}.brand-banner{position:relative;isolation:isolate;text-align:center;color:var(--color-white);border-radius:20px;padding:48px 24px}.banner-background{border-radius:inherit;object-position:center 60%}.brand-banner:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--banner-overlay);z-index:-1;pointer-events:none}.banner-star{position:absolute;width:95px;top:-35px;left:60px}.brand-banner h3{font-size:clamp(1.7rem,3.2vw,2.4rem)}.brand-banner p{margin:.8rem 0 1.4rem;font-size:1.2rem}.brand-banner .button{min-width:235px}.connections{position:relative;isolation:isolate;overflow:clip}.brands{padding:81px 0 0}.brands h2{margin-bottom:30px}.brand-grid{--svg-rotation: 0deg;--svg-scale: 1;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;list-style:none;padding:0;margin:0}.brand-card,.platform-card{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:198px;border:1px solid var(--border-subtle);border-radius:6px;box-shadow:var(--shadow-card);background:var(--color-white);padding:22px 14px 18px}.brand-card img,.platform-card img{width:200px;height:115px;object-fit:contain}.brand-card span,.platform-card span{max-width:100%;font-size:1rem;text-align:center;overflow-wrap:break-word}.platform-card{min-height:180px;border-color:var(--color-primary-100);border-radius:4px;box-shadow:var(--shadow-platform)}.contact{padding-top:30px}.contact-inner{display:grid;position:relative;grid-template-columns:1fr 280px;min-height:255px;align-items:center;gap:3rem}.contact-copy{position:relative;padding:35px 0;transform:translateY(-8px)}.contact-copy h2{margin-bottom:16px}.contact-copy p{font-size:1.05rem}.contact-sparkle{position:absolute;width:65px;top:-77px;left:0}.contact-mascot{position:relative;left:20px;align-self:end;width:300px;max-width:none;height:300px;object-fit:cover;object-position:top;transform:scaleX(-1)}.site-footer{position:relative;isolation:isolate;color:var(--color-white);background:var(--color-primary-900)}.footer-background{object-position:center 44%}.footer-content{position:relative;display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:40px;padding-top:60px;padding-bottom:20px}.footer-logo{width:185px}.footer-contact{display:flex;flex-direction:column;align-items:stretch}.footer-contact h2{font-size:1.15rem;letter-spacing:0;padding-bottom:10px;border-bottom:1px solid var(--border-on-dark)}.footer-contact>a,.footer-contact>span{padding:7px 0;font-size:.875rem;border-bottom:1px solid var(--border-on-dark)}.footer-contact a:hover{text-decoration:underline}.back-top{justify-self:end;width:65px;height:65px}.copyright{grid-column:1 / -1;font-size:.65rem;border-top:1px solid var(--color-primary-200);padding-top:14px}@media(min-width:768px){.brands>.container{width:auto;max-width:none;margin-left:max(1.5rem,calc((100% - var(--page-width)) / 2));margin-right:0}.brand-grid:before{content:"";position:absolute;right:0;top:50%;width:clamp(320px,33.1vw,500px);aspect-ratio:225.8152 / 239.1221;background:url(/assets/star.svg) center / contain no-repeat;transform:translate(55%,-50%);rotate:var(--svg-rotation, 0deg);scale:var(--svg-scale, 1);pointer-events:none;z-index:-1}}@media(min-width:1200px){.contact-sparkle{left:-30px}}@media(min-width:768px)and (max-width:1100px){.hero{min-height:590px}.hero-content{padding-top:145px}.hero h1{margin-top:70px}.hero-cta{margin-top:120px}.header-inner{gap:1rem;padding-left:0}.main-nav{gap:1.1rem;font-size:.85rem}.approved{width:260px;left:4%}.services-mascot{width:33vw}.service-layout{grid-template-columns:.42fr 1fr}.service-card{padding:24px}.service-card li{font-size:.85rem}.platform-star{left:180px;width:85px}}@media(max-width:767px){.container{width:calc(100% - 2.5rem)}.header-inner{position:relative;min-height:76px;justify-content:space-between;flex-wrap:wrap;gap:0;padding-left:0}.mobile-brand{display:block;width:150px}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:.7rem;padding:.7rem 0 .7rem .7rem;color:var(--color-white);background:transparent;border:0;cursor:pointer}.menu-toggle-icon,.menu-toggle-icon:before,.menu-toggle-icon:after{display:block;width:22px;height:2px;background:currentColor}.menu-toggle-icon{position:relative}.menu-toggle-icon:before,.menu-toggle-icon:after{content:"";position:absolute}.menu-toggle-icon:before{top:-7px}.menu-toggle-icon:after{top:7px}.main-nav{flex-basis:100%;flex-wrap:wrap;gap:.25rem 1rem;font-size:.9rem;padding:10px 0}.main-nav[data-enhanced]{display:none}.main-nav[data-open=true]{display:flex;position:absolute;top:70px;right:0;left:0;padding:20px;flex-direction:column;align-items:stretch;border:1px solid var(--color-primary-300);border-radius:10px;background:var(--color-primary-500);box-shadow:var(--shadow-menu)}.header-inner>.social-links{display:none}.hero{min-height:590px}.hero-content{padding-top:155px}.hero-logo{width:270px}.hero h1{margin-top:70px;font-size:clamp(1.65rem,6vw,2.65rem)}.hero-cta{min-width:260px;margin-top:90px}.hero-arrow{width:40px;right:8%;bottom:35px}.services{padding:130px 0 50px}.approved{top:-35px;left:25px;width:230px}.approved-star{width:40px;top:-30px;left:10px}.service-layout{display:block}.service-content{max-width:none}.services-mascot{display:none}.section-heading p{margin-top:24px}.service-grid{gap:16px}.service-card{padding:24px 20px;border-radius:15px}.service-card h3{font-size:1.5rem}.service-card li{font-size:.85rem}.service-icon{width:40px;height:40px}.platforms{margin-top:90px;padding:0}.platform-star{width:50px;top:-65px;left:auto;right:20px}.platforms h2{font-size:1.6rem}.platform-grid{gap:12px;margin:30px 0 35px}.platform-card{gap:10px;min-height:130px;padding:12px 8px}.platform-card img{height:70px}.platform-card span{font-size:clamp(.65rem,2vw,.8rem)}.services-signature{position:static;margin-left:auto;width:140px}.about{padding-top:50px}.about-heading p{margin:30px 0 50px;font-size:1rem}.brand-banner{padding:38px 20px}.brand-banner p{font-size:1rem}.banner-star{width:65px;left:15px;top:-25px}.brands{padding-top:60px}.brand-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-card{min-height:155px;padding:14px 10px}.brand-card img{height:85px}.brand-card span{font-size:.85rem}.contact{padding-top:65px}.contact-inner{grid-template-columns:1fr 125px;min-height:250px;gap:0}.contact-copy{z-index:1;margin-right:-15px;transform:none}.contact-copy h2{font-size:1.7rem}.contact-copy p{font-size:.95rem}.contact-sparkle{top:-30px;left:0;width:40px}.contact-mascot{left:0;width:160px;max-width:none;height:220px;margin-right:-35px}.desktop-break{display:none}.footer-content{grid-template-columns:1fr 1fr;gap:30px;padding-top:40px}.footer-logo{width:150px;max-width:100%}.back-top{position:absolute;right:0;bottom:65px;width:40px;height:40px}.copyright{margin-top:35px}}@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card{padding:28px}.service-card h3{font-size:1.9rem}.contact-inner{grid-template-columns:1fr 95px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
