:root{--navy:#081a2d;--ink:#102337;--blue:#1e90ff;--lime:#b9f227;--muted:#728092;--line:#dfe6ec;--soft:#f4f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6;background:var(--white)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 80px));margin:auto}.site-header{height:82px;position:absolute;inset:0 0 auto;z-index:10;color:#fff}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:-.04em}.brand b{font-weight:800}.brand-mark{width:29px;height:29px;display:inline-block;position:relative;transform:rotate(45deg)}.brand-mark i{display:block;position:absolute;width:11px;height:11px;border-radius:2px;background:var(--blue)}.brand-mark i:nth-child(1){top:0;left:0}.brand-mark i:nth-child(2){top:0;right:0;background:var(--lime)}.brand-mark i:nth-child(3){bottom:0;left:0;background:#79c2ff}.brand-mark i:nth-child(4){bottom:0;right:0;background:var(--blue)}.main-nav{display:flex;align-items:center;gap:36px;font-size:13px}.main-nav a:not(.nav-cta){opacity:.78;transition:.2s}.main-nav a:not(.nav-cta):hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:9px 16px}.nav-cta span,.button span,.arrow-link span,.project-meta>span{margin-left:13px}.menu-toggle{display:none}.hero{color:#fff;min-height:720px;padding:157px 0 0;position:relative;overflow:hidden;background:var(--navy)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(8,26,45,.98) 15%,rgba(8,26,45,.78) 57%,rgba(8,26,45,.92)),radial-gradient(circle at 70% 40%,#125b86,transparent 38%)}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;right:-180px;top:-90px;background:radial-gradient(circle,rgba(30,144,255,.22),transparent 68%);filter:blur(2px)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative;z-index:1}.eyebrow{font-family:"DM Mono",monospace;text-transform:uppercase;font-size:11px;letter-spacing:.13em;margin:0 0 27px;color:#afbed0}.eyebrow.blue{color:var(--blue)}.pulse{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px rgba(185,242,39,.13)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.075em;line-height:1.05}h1{font-size:clamp(52px,6.4vw,88px);font-weight:700;margin-bottom:25px}h1 em,h2 span{font-style:normal;color:var(--lime)}.hero-lede{font-size:16px;color:#b3c2d1;max-width:490px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;border:0;border-radius:4px;padding:14px 21px;font:600 13px Manrope;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #03203d55}.button-primary{background:var(--lime);color:var(--navy)}.text-link{font-size:13px;color:#d8e3eb}.text-link span{color:var(--lime);font-size:19px;margin-left:10px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:62px}.hero-proof p{font-size:11px;line-height:1.4;color:#92a8b9;margin:0}.hero-proof strong{font-weight:500;color:#e2eaf1}.avatars{display:flex}.avatars span{height:26px;width:26px;border-radius:50%;display:grid;place-items:center;font:10px "DM Mono";background:#31526e;border:2px solid var(--navy);margin-left:-6px}.avatars span:first-child{margin:0;background:#d6a37a;color:#17324d}.avatars span:nth-child(2){background:#97c6d8;color:#17405a}.avatars span:last-child{background:var(--lime);color:var(--navy)}.hero-art{height:450px;position:relative}.art-orbit{position:absolute;border:1px solid rgba(108,190,251,.22);border-radius:50%;left:15%;top:4%;width:88%;height:83%;transform:rotate(-25deg)}.orbit-two{left:23%;top:9%;width:67%;height:79%;transform:rotate(53deg);border-color:rgba(185,242,39,.28)}.art-core{position:absolute;width:190px;height:190px;top:28%;left:37%;border-radius:50%;background:radial-gradient(circle,#42aaff 0%,#1466ab 35%,rgba(20,102,171,.1) 68%,transparent 70%);box-shadow:0 0 80px #178fff77}.core-dot{position:absolute;width:30px;height:30px;background:var(--lime);border-radius:50%;top:80px;left:80px;box-shadow:0 0 0 13px #b9f22722}.core-line{position:absolute;height:1px;background:#b9f22799;transform-origin:left}.line-a{width:70px;top:83px;left:109px;transform:rotate(-25deg)}.line-b{width:90px;top:106px;left:92px;transform:rotate(28deg)}.line-c{width:70px;top:85px;left:82px;transform:rotate(150deg)}.art-card{position:absolute;background:#112e48;border:1px solid #3a607b;color:#d5e5ef;box-shadow:0 14px 34px #02172b66}.card-top{right:2%;top:8%;padding:15px 18px;width:146px}.mini-label{display:block;text-transform:uppercase;font:9px "DM Mono";color:#88a2b5;margin-bottom:4px}.card-top strong{display:block;font-size:24px;color:var(--lime);letter-spacing:-.08em}.sparkline{color:var(--blue);font-size:27px;line-height:.6}.card-bottom{left:7%;bottom:15%;padding:9px 13px;font:10px "DM Mono";display:flex;gap:8px;align-items:center}.card-bottom b{color:var(--lime);font-size:8px}.tiny-dot{height:6px;width:6px;border-radius:50%;background:var(--lime)}.code-float{position:absolute;font:18px "DM Mono";color:#7fcaef}.float-one{left:11%;top:23%}.float-two{right:14%;bottom:26%;color:var(--lime)}.client-strip{border-top:1px solid #315069;position:relative;z-index:1;margin-top:22px;padding-top:21px;display:flex;justify-content:space-between;align-items:center;color:#718ba0;font:10px "DM Mono";text-transform:uppercase;letter-spacing:.1em}.client-strip div{display:flex;gap:44px;color:#d1dce4;font:600 15px Manrope;text-transform:none;letter-spacing:-.04em}.client-strip b:nth-child(2){font-family:serif;font-style:italic}.client-strip b:nth-child(3){color:#99c9e6}.section-pad{padding:130px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro h2,.section-heading h2,.contact h2{font-size:clamp(40px,4.5vw,63px);margin:0}.intro-body{padding-top:53px;max-width:460px;color:var(--muted);font-size:16px}.about-photo{display:block;width:100%;height:170px;object-fit:cover;filter:saturate(.72);margin-bottom:27px}.intro-body strong{color:var(--ink)}.arrow-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;margin-top:22px}.arrow-link span{font-size:18px}.services{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:57px}.section-heading>p{color:var(--muted);max-width:260px;font-size:13px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7e0e6}.service-card{background:#fff;min-height:375px;padding:34px 35px;position:relative;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 15px 35px #0b2d4015;z-index:1}.service-card.featured{background:var(--navy);color:#fff}.service-icon{width:46px;height:46px;color:var(--blue);margin-bottom:25px}.featured .service-icon{color:var(--lime)}.service-icon svg{width:100%;height:100%}.card-number{color:#8fa3b3;font:10px "DM Mono";margin-bottom:19px}.service-card h3{font-size:31px;margin-bottom:17px}.service-card p:not(.card-number){font-size:13px;color:var(--muted);line-height:1.7;max-width:240px}.featured p:not(.card-number){color:#a6b5c0}.service-card>a{position:absolute;bottom:31px;font-size:12px;font-weight:700;color:var(--blue)}.featured>a{color:var(--lime)}.statement{background:var(--blue);color:#fff;text-align:center;padding:115px 0;position:relative;overflow:hidden}.statement:after{content:"";width:400px;height:400px;border:1px solid #ffffff33;border-radius:50%;position:absolute;right:-140px;top:-190px}.statement-inner{position:relative;z-index:1}.statement .eyebrow{color:#bedfff}.statement h2{font-size:clamp(42px,5vw,68px);margin:0 auto 34px}.statement h2 span{color:var(--lime)}.button-light{background:#fff;color:var(--navy)}.work{background:#fff}.work .section-heading{align-items:center}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px 24px}.project-wide{grid-column:span 2}.project-image{height:330px;overflow:hidden;position:relative}.project-wide .project-image{height:400px}.image-dash{background:#dceeff}.dashboard{width:73%;height:76%;background:#fff;position:absolute;left:13%;top:14%;padding:28px;box-shadow:0 14px 40px #0c4e8722}.dashboard>span{height:7px;width:7px;background:#1e90ff;display:inline-block;border-radius:50%;margin-right:4px}.dashboard>span:nth-child(2){background:#b9f227}.dashboard>span:nth-child(3){background:#102337}.dashboard b{font-size:31px;display:block;line-height:1.05;margin:31px 0;color:#102337}.dashboard i{display:inline-block;width:28%;height:61px;background:linear-gradient(145deg,#d7eaff 50%,#8cc9ff 50%);margin-right:5%;border-radius:3px}.dashboard i:nth-last-child(2){background:linear-gradient(145deg,#ecf7c5 50%,#c5ed52 50%)}.dashboard i:last-child{background:linear-gradient(145deg,#e7dffb 50%,#b79ef4 50%)}.image-brand{background:#e8e3d7}.brand-box{position:absolute;inset:15% 22%;background:#f7f5ee;display:grid;place-content:center;text-align:center;color:#b16f40;font:800 53px Georgia;box-shadow:8px 11px 0 #d3c9b6}.brand-box small{font:9px "DM Mono";letter-spacing:.3em;color:#334842;margin-top:-9px}.image-mobile{background:#c8e6eb}.phone{height:91%;width:34%;background:#102f48;position:absolute;left:34%;top:9%;border-radius:20px 20px 0 0;padding:29px 17px;color:#fff;box-shadow:14px 20px 20px #296b7925}.phone b{font:700 17px Georgia;color:var(--lime)}.phone span{display:block;font-size:23px;font-weight:700;line-height:1.08;margin-top:72px;letter-spacing:-.09em}.phone i{display:block;color:var(--lime);font-size:22px;font-style:normal;margin-top:20px}.project-meta{display:flex;justify-content:space-between;padding-top:15px}.project-meta h3{font-size:18px;margin:0 0 5px}.project-meta p{font-size:11px;color:var(--muted);margin:0}.project-meta>span{color:var(--blue);font-size:20px}.contact{background:var(--navy);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%;}.contact h2{margin-bottom:24px}.contact h2 span{color:var(--lime)}.contact-copy>p:not(.eyebrow){color:#9eafbd;max-width:390px;font-size:15px}.contact-details{border-top:1px solid #294359;margin-top:49px;padding-top:22px;display:flex;gap:55px;color:#e2ebf1;font-size:12px}.contact-details small{display:block;color:#7893a5;font:10px "DM Mono";text-transform:uppercase;margin-bottom:8px}.contact-details a span{color:var(--lime);margin-left:10px}.contact-form{padding-top:11px}.contact-form label{font-size:11px;color:#8fa5b5;display:block;margin-bottom:22px}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #3d5669;padding:10px 0 13px;background:transparent;color:#fff;outline:0;font:14px Manrope;border-radius:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lime)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#5e7484}.contact-form .button{margin-top:6px}.form-note{font-size:12px;color:var(--lime);min-height:18px;margin-top:17px}footer{background:#061522;color:#718797;padding:45px 0 25px;font-size:11px}.footer-top{display:flex;align-items:center;gap:48px}.footer-top .brand{color:#fff}.footer-top>p{margin:0;line-height:1.4}.socials{margin-left:auto;display:flex;gap:8px}.socials a{border:1px solid #324958;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;color:#c2d2db;font-weight:700}.footer-bottom{border-top:1px solid #1c3443;margin-top:37px;padding-top:18px;display:flex;justify-content:space-between;color:#5e7483;font-size:10px}
@media(max-width:800px){.container{width:min(100% - 40px,600px)}.site-header{height:72px}.menu-toggle{display:flex;background:none;border:0;flex-direction:column;gap:6px;padding:8px}.menu-toggle span{height:1px;width:24px;background:#fff}.main-nav{display:none;position:absolute;top:68px;left:20px;right:20px;background:#0d2a44;padding:20px;flex-direction:column;align-items:flex-start;gap:20px;box-shadow:0 10px 30px #00101c55}.main-nav.open{display:flex}.main-nav .nav-cta{width:100%;text-align:center}.hero{min-height:auto;padding:120px 0 42px}.hero-grid{display:block}.hero-art{height:340px;margin-top:20px}.hero-copy{position:relative;z-index:2}.client-strip{display:none}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:20px}.intro-body{padding-top:0}.section-pad{padding:80px 0}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.statement{padding:80px 0}.work-grid{grid-template-columns:1fr;gap:38px}.project-wide{grid-column:auto}.project-image,.project-wide .project-image{height:275px}.contact-details{gap:20px;flex-direction:column}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:22px}.footer-top>p{width:100%;order:3}.socials{margin-left:0}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}}@media(max-width:450px){h1{font-size:48px}.hero-art{height:280px}.art-core{width:140px;height:140px;left:31%;top:30%}.core-dot{top:55px;left:55px}.line-a{top:64px;left:78px}.line-b{top:78px;left:70px}.line-c{top:65px;left:61px}.card-top{right:0}.card-bottom{left:0}.intro h2,.section-heading h2,.contact h2{font-size:41px}.project-wide .project-image{height:240px}.dashboard{padding:16px}.dashboard b{font-size:22px;margin:23px 0}.contact-details{margin-top:30px}}

/* Reference-inspired presentation: a bright, compact digital services canvas. */
body{background:#fff;color:#102f63}
.site-header{position:relative;height:76px;background:#fff;color:#102f63;box-shadow:0 1px 8px #001b4825}
.nav-wrap{width:min(1060px,calc(100% - 44px))}
.brand{color:#123d7b;font-size:18px}
.brand-mark{transform:rotate(45deg) scale(.88)}
.main-nav{gap:30px;color:#14294a;font-weight:700}
.main-nav a:not(.nav-cta){opacity:1}
.nav-cta{background:#16a83d;border:0;border-radius:4px;color:#fff;padding:10px 18px;text-transform:uppercase;font-size:11px;box-shadow:0 4px 10px #15923b44}
.menu-toggle span{background:#123d7b}
main{width:100%;margin:auto;background:#fff}
.hero{min-height:345px;padding:72px 0 0;background:#0565c4 url("https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat}
.hero:before{background:linear-gradient(90deg,rgba(2,47,116,.94),rgba(0,100,196,.58) 60%,rgba(0,54,130,.45))}
.hero-glow,.hero-art{display:none}
.hero-grid{display:block}
.hero-copy{max-width:760px}
.eyebrow{color:#d5e7ff}
h1{font-size:clamp(38px,5vw,61px);letter-spacing:-.04em;line-height:1.13;margin-bottom:19px}
h1 em{color:#fff;font-weight:400}
.hero-lede{font-size:15px;max-width:490px;color:#e1efff}
.hero-actions{margin-top:25px}
.button{border-radius:3px;text-transform:uppercase;font-size:12px;letter-spacing:.02em}
.button-primary{background:#19ad3c;color:#fff}
.text-link{color:#fff}
.hero-proof{display:none}
.client-strip{display:none}
.section-pad{padding:48px 46px}
.intro{padding-top:40px;padding-bottom:30px}
.intro-grid{gap:35px;align-items:center}
.intro h2,.section-heading h2,.contact h2{font-size:clamp(34px,4vw,47px);color:#103b7b;letter-spacing:-.04em}
.intro h2 span,.section-heading h2 span,.contact h2 span{color:#103b7b}
.intro-body{padding-top:0;max-width:none;font-size:14px;color:#333}
.about-photo{height:170px;margin:0 0 15px;background:#eee;object-fit:cover}
.services{padding-top:28px;padding-bottom:48px;background:#fff}
.section-heading{justify-content:center;text-align:center;margin-bottom:27px}
.section-heading>div{width:100%}
.section-heading .eyebrow{color:#1b9d43}
.section-heading .eyebrow:after,.work .section-heading .eyebrow:after{content:"";display:inline-block;width:55px;height:2px;background:#53bf68;vertical-align:middle;margin-left:13px}
.section-heading>p{display:none}
.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;background:transparent}
.service-card{min-height:256px;padding:23px 20px 30px;text-align:center;border:1px solid #e2e7ee;box-shadow:0 5px 14px #113c7115}
.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 23px #113c7130}
.service-card.featured{background:#fff;color:#102f63}
.service-icon{width:76px;height:70px;margin:0 auto 8px;color:#0874db}
.featured .service-icon{color:#0874db}
.card-number{display:none}
.service-card h3{font-size:19px;letter-spacing:-.025em;color:#102f63;margin-bottom:11px}
.service-card p:not(.card-number){font-size:12px;color:#333;line-height:1.55;margin:auto;max-width:220px}
.service-card>a{position:static;display:inline-block;margin-top:12px;color:#159b42;font-size:11px;text-transform:uppercase}
.statement{display:none}
.work{padding-top:25px;padding-bottom:45px}
.work .section-heading{margin-bottom:23px}
.work .section-heading .eyebrow{color:#1b9d43}
.work .section-heading>div{width:100%}
.work .section-heading h2{font-size:37px}
.work .section-heading h2 br{display:none}
.work .arrow-link{display:none}
.work-grid{grid-template-columns:repeat(4,1fr);gap:15px}
.project-wide{grid-column:auto}
.project-image,.project-wide .project-image{height:156px}
.image-dash{background:#dceeff url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=700&q=80") center/cover}
.image-brand{background:#e8e3d7 url("https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=700&q=80") center/cover}
.image-mobile{background:#c8e6eb url("https://images.unsplash.com/photo-1558655146-d09347e92766?auto=format&fit=crop&w=700&q=80") center/cover}
.dashboard,.brand-box,.phone{display:none}
.project-meta{background:#103b7b;color:#fff;padding:8px 10px;min-height:39px}
.project-meta h3{font-size:12px;color:#fff;margin:0}
.project-meta p{display:none}
.project-meta>span{color:#b9f227;font-size:14px;margin-left:5px}
.contact{padding-top:45px;padding-bottom:45px;background:linear-gradient(120deg,#0568ca,#123f9a);color:#fff}
.contact-grid{gap:40px}
.contact h2{color:#fff}
.contact h2 span{color:#fff}
.contact-copy>p:not(.eyebrow){color:#e3efff;font-size:13px}
.contact-details{border:0;margin-top:24px;padding:0;display:block;color:#fff}
.contact-details>a,.contact-details>div{display:block;margin-bottom:13px}
.contact-details small{color:#b9dcff}
.contact-form{background:#fff;padding:22px 26px 25px;color:#123d7b}
.contact-form label{color:#5d6b7a;margin-bottom:15px}
.contact-form input,.contact-form textarea{color:#123d7b;border-bottom-color:#cbd4df;font-size:13px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#77818d}
.contact-form .button{margin-top:2px}
footer{width:100%;margin:auto;background:#fff;color:#596778;padding:25px 46px 18px}
footer .brand{color:#123d7b}
footer .footer-top{gap:30px}
footer .footer-bottom{border-top-color:#dbe2e9;margin-top:20px;padding-top:12px}
footer .socials a{border-color:#177bc8;color:#177bc8}
@media(max-width:800px){.site-header{height:68px}.main-nav{background:#fff;color:#123d7b;top:68px}.hero{padding:55px 20px 45px}.section-pad{padding-left:20px;padding-right:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:repeat(2,1fr)}footer{padding-left:20px;padding-right:20px}}
@media(max-width:450px){.service-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(2,1fr)}.project-image,.project-wide .project-image{height:130px}.project-meta{min-height:44px}.project-meta h3{font-size:10px}.hero h1{font-size:39px}}

.team{background:#f5f8fc;padding-top:55px;padding-bottom:65px}.team .section-heading,.reviews .section-heading{justify-content:flex-start;text-align:left;margin-bottom:28px}.team .section-heading>div,.reviews .section-heading>div{width:auto}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{background:#fff;box-shadow:0 6px 18px #123d7b18;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #e2e7ee}.team-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #123d7b2b}.team-card img{display:block;width:100%;height:155px;object-fit:cover;object-position:center 25%;filter:saturate(.82)}.team-ceo{border-top:4px solid #19a842}.team-info{padding:14px 18px 17px}.team-info p{margin:0 0 5px;color:#168e42;font:10px "DM Mono";text-transform:uppercase;letter-spacing:.08em}.team-info h3{margin:0 0 5px;color:#103b7b;font-size:21px;letter-spacing:-.04em}.team-info span{font-size:11px;color:#6a7785}.reviews{background:#fff;padding-top:60px;padding-bottom:65px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid blockquote{margin:0;padding:24px 22px;background:#f5f8fc;border:1px solid #e2e8ef;min-height:215px;display:flex;flex-direction:column}.stars{color:#f4ae25;letter-spacing:3px;font-size:15px;margin-bottom:17px}.review-grid blockquote>p{font-size:14px;line-height:1.65;color:#33445a;margin:0}.review-grid blockquote footer{margin-top:auto;padding:17px 0 0;border:0;background:transparent;font-size:10px;color:#728092}.review-grid blockquote footer span{color:#19a842;margin:0 4px}.contact-details a{color:#fff}@media(max-width:800px){.team-grid,.review-grid{grid-template-columns:1fr 1fr}.team-card img{height:140px}}@media(max-width:450px){.team-grid,.review-grid{grid-template-columns:1fr}.team-card img{height:170px}}