.about-copy p{margin:0 0 20px;color:#fff;font:400 20px/30px neuzeit-grotesk,sans-serif}
blockquote{margin:-8px 0 30px;font:300 22px/1.5 neuzeit-grotesk,sans-serif}
.project-grid a{display:block;margin:0 20px 22px;color:var(--cyan);font:400 16px/24px neuzeit-grotesk,sans-serif}
.working p{max-width:610px;margin:0 auto 30px;color:#fff;font:400 18px/28px neuzeit-grotesk,sans-serif}
.quote-section p{font:400 18px/28px neuzeit-grotesk,sans-serif}
.quote-form input,.quote-form textarea{width:100%;padding:16px;border:1px solid var(--border);font:16px neuzeit-grotesk,sans-serif}
.site-footer p,.site-footer a{display:block;margin:0 0 9px;color:#d9e4ed;font:300 16px/24px neuzeit-grotesk,sans-serif}
:root { --blue:#214178; --cyan:#32beef; --text:#3f444b; --light:#f9fafa; --border:#e1e8ed; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--text);background:var(--light);font-family:neuzeit-grotesk,sans-serif;line-height:1.55} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}.container{width:min(1300px,calc(100% - 48px));margin:auto}
.site-header{background:var(--blue);color:#fff}.header-top{min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:343px}.header-actions{display:flex;gap:75px;align-items:center}.header-actions a{display:flex;align-items:center;gap:10px;padding:14px 30px;border-radius:40px;background:var(--cyan);color:#fff;font:600 15px/15px Lexend,sans-serif;white-space:nowrap}.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:36px}.main-nav{min-height:46px;display:flex;align-items:center;background:var(--cyan)}.nav-inner{display:flex;justify-content:center;gap:45px;color:#fff;font-family:"Lexend",sans-serif;font-size:18px;font-weight:600;line-height:20px;text-transform:uppercase}.nav-inner a:hover{color:var(--blue)}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:#fff;padding:56px max(24px,calc((100% - 1300px)/2)) 80px;text-align:left}.hero-device{grid-column:2;grid-row:1;width:100%;margin:0}.hero-device img{width:100%}.hero-copy{grid-column:1;grid-row:1}.hero-copy h1{margin:0;color:var(--blue);font:600 58px/58px neuzeit-grotesk,sans-serif}.hero-copy h1 strong{display:block;color:var(--cyan);font-family:neuzeit-grotesk,sans-serif;font-size:60px;font-weight:600;line-height:60px}.hero-copy p{max-width:620px;margin:38px 0 40px;font:300 24px/26px neuzeit-grotesk,sans-serif}.platforms{display:flex;align-items:center;justify-content:flex-start;gap:58px;min-height:95px;margin-bottom:35px}.platforms img{max-width:150px;max-height:80px;object-fit:contain}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 36px;border:0;border-radius:36px;background:var(--cyan);color:#fff;font:600 18px/18px Lexend,sans-serif}.pill-button:hover{background:var(--blue)}.pill-button b{font-size:23px}
.about{padding:90px 0 115px;background:var(--cyan)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-photo img{width:100%}.about-copy h2,.clients h2,.portfolio h2,.working h2,.quote-section h2{margin:0 0 25px;color:var(--blue);font:700 44px/44px Lexend,sans-serif}.about-copy h2{color:#fff}.about-copy p{margin:0 0 20px;color:#fff;font:400 20px/30px neuzeit-grotesk,sans-serif}.about-copy a{text-decoration:underline}
.clients{padding:100px 0 75px;background:#fff;text-align:center;overflow:hidden}.clients h2{font-size:44px}.client-viewport{width:100%;overflow:hidden;margin-top:34px}.client-track{display:flex;width:max-content;animation:client-scroll 44s linear infinite}.client-set{display:flex;align-items:center;gap:100px;padding-right:100px}.client-set img{flex:0 0 120px;width:120px;height:120px;object-fit:contain;background:#fff}@keyframes client-scroll{from{transform:translateX(0)}to{transform:translateX(-1760px)}}
.testimonials{padding:50px 0 55px;background:#f4f5f6;text-align:left}.testimonials h3{margin:0 0 34px;color:var(--blue);font:700 34px/34px neuzeit-grotesk,sans-serif}.testimonial-viewport{position:relative;overflow:hidden;width:100%;padding:0 90px}.testimonial-track{display:flex;gap:10px;transition:transform .35s ease}.testimonial-slide{flex:0 0 calc((100% - 20px)/3);height:277px;padding:20px 32px 28px;border:2px solid #dedede;border-radius:24px;background:#fff}.testimonial-person{display:flex;align-items:center;gap:14px}.testimonial-person img{width:62px;height:62px;border-radius:50%;object-fit:cover}.testimonial-person strong,.testimonial-person span{display:block}.testimonial-person strong{color:var(--blue);font:700 24px/26px neuzeit-grotesk,sans-serif}.testimonial-person span{color:#444;font:400 16px/22px neuzeit-grotesk,sans-serif}.testimonial-slide blockquote{margin:38px 0 0;color:#777;font:300 24px/36px neuzeit-grotesk,sans-serif}.testimonial-arrow{position:absolute;z-index:2;top:50%;width:30px;height:46px;padding:0;border:0;background:transparent;color:#fff;font:400 42px/42px Georgia,serif;text-shadow:0 0 3px #dfe3e5;transform:translateY(-50%);cursor:pointer}.testimonial-arrow.previous{left:0}.testimonial-arrow.next{right:0}.testimonial-dots{display:flex;justify-content:center;gap:14px;margin:24px 0 0}.testimonial-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c7c7c7;cursor:pointer}.testimonial-dots button.active{background:#000}
.portfolio{padding:100px 0 120px;background:#fff}.portfolio h2,.working h2{text-align:center}.project-grid{width:min(1170px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-grid article{overflow:hidden;border:1px solid var(--border);background:#fff}.project-grid img{width:100%;aspect-ratio:1.66;object-fit:cover}.project-grid h3{margin:20px 20px 8px;color:var(--blue);font:700 18px Lexend,sans-serif}.project-grid a{display:block;margin:0 20px 22px;color:var(--cyan);font:400 16px/24px neuzeit-grotesk,sans-serif}
.working{padding:100px 0;background:var(--cyan);text-align:center}.working h2{color:#fff}.working p{max-width:610px;margin:0 auto 30px;color:#fff;font:400 18px/28px neuzeit-grotesk,sans-serif}.working .pill-button{background:var(--blue)}.quote-section{padding:90px 0;background:#fff;text-align:center}.quote-section p{font:400 18px/28px neuzeit-grotesk,sans-serif}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:750px;margin:35px auto 0}.quote-form input,.quote-form textarea{width:100%;padding:16px;border:1px solid var(--border);font:16px neuzeit-grotesk,sans-serif}.quote-form textarea{grid-column:1/-1;min-height:130px}.quote-form button{cursor:pointer}.form-note{display:none;color:var(--blue);font-weight:700}
.site-footer{padding:70px 0 20px;background:var(--blue);color:#fff}.footer-grid{width:min(1260px,100%);margin:auto;display:grid;grid-template-columns:305px 305px 305px 315px;gap:10px}.footer-logo-mobile{display:none;width:240px;margin:20px 0 25px;filter:brightness(0) invert(1)}.footer-logo-desktop{display:block;width:240px;margin:0;filter:brightness(0) invert(1)}.site-footer h4{margin:0 0 20px;color:#fff;font:700 24px/24px neuzeit-grotesk,sans-serif}.site-footer p,.site-footer a{display:block;margin:0 0 9px;color:#d9e4ed;font:300 16px/24px neuzeit-grotesk,sans-serif}.site-footer a:hover{color:var(--cyan)}.footer-bottom{width:min(1260px,calc(100% - 48px));margin:55px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.25);color:#c2cbd2;font-size:12px}
@media(max-width:900px){.container{width:min(100% - 40px,600px)}.header-top{min-height:157px;flex-wrap:wrap;padding:18px 0 25px}.brand img{width:276px}.menu-toggle{display:block}.header-actions{order:3;width:100%;justify-content:space-between;gap:12px}.header-actions a{flex:1;justify-content:center;padding:14px 10px;font-size:16px}.main-nav{display:none}.main-nav.open{display:block;min-height:0;padding:15px 0}.main-nav.open .nav-inner{display:flex;flex-direction:column;gap:14px;align-items:center}.hero{padding:107px 20px 110px}.hero-device{display:none}.hero-copy h1{font-size:43px}.hero-copy p{margin:38px auto 35px;font-size:20px}.platforms{gap:45px;margin-bottom:40px}.platforms img{max-width:93px;max-height:58px}.pill-button{min-height:55px;padding:0 24px;font-size:15px}.about{padding:90px 0}.about-grid{display:flex;flex-direction:column;gap:50px}.about-copy h2{font-size:40px}.clients{padding:85px 0 65px}.client-viewport{margin-top:28px}.client-set{gap:100px;padding-right:100px}.client-set img{flex-basis:90px;width:90px;height:90px}@keyframes client-scroll{from{transform:translateX(0)}to{transform:translateX(-1520px)}}.testimonials{padding:80px 0}.portfolio{padding:75px 0 90px}.project-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}}
@media(max-width:480px){.container{width:calc(100% - 60px)}.header-top{min-height:270px;padding:18px 0 25px}.brand img{width:276px}.menu-toggle{font-size:32px}.header-actions a{padding:12px 8px;font-size:15px}.hero{padding:108px 20px 110px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:20px}.platforms{gap:28px}.platforms img{max-width:93px}.about-copy h2,.clients h2,.portfolio h2,.working h2,.quote-section h2{font-size:39px}.client-set{gap:100px;padding-right:100px}.client-set img{flex-basis:75px;width:75px;height:75px}@keyframes client-scroll{from{transform:translateX(0)}to{transform:translateX(-1400px)}}.project-grid{grid-template-columns:1fr}blockquote{font-size:19px}.quote-form{grid-template-columns:1fr}.quote-form textarea{grid-column:auto}.footer-grid{grid-template-columns:1fr}}
@media(max-width:480px){.site-footer{padding-top:19px}.site-footer .container{width:calc(100% - 20px)}.footer-brand{display:flex;flex-direction:column}.footer-logo-mobile{display:block;order:-1;margin:0 0 31px}.footer-logo-desktop{display:none}.site-footer h4{margin-bottom:20px}.footer-brand p{margin-top:0}.footer-grid{gap:0}.footer-grid>div:not(.footer-brand){padding-top:36px}.footer-grid>div:nth-child(2){padding-top:26px}.footer-grid>div:nth-child(2) a{margin-bottom:1px}.footer-grid>div:nth-child(3){padding-top:37px}.footer-grid>div:nth-child(4){padding-top:25px}.footer-bottom{width:calc(100% - 20px);margin:55px auto 0}}
@media(max-width:900px){.testimonial-viewport{padding:0 42px}.testimonial-slide{flex-basis:calc((100% - 10px)/2);height:300px;padding:20px 24px}.testimonial-person strong{font-size:20px}.testimonial-slide blockquote{font-size:21px;line-height:30px}}
@media(max-width:480px){.testimonial-viewport{padding:0 30px}.testimonial-slide{flex-basis:100%;height:300px;padding:18px 22px}.testimonial-slide blockquote{margin-top:30px;font-size:20px;line-height:29px}.testimonial-person img{width:54px;height:54px}.testimonial-arrow{font-size:34px}}
