@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--blue:#2563eb;--navy:#0f172a;--ink:#111827;--sky:#38bdf8;--pale:#f5f7fb;--line:#dde4ee;--white:#fff;--serif:'Playfair Display',serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--pale);font:500 14px/1.55 var(--sans)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:82px;padding:12px max(5vw,32px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0f5}.brand{width:150px;height:55px;overflow:hidden;display:flex;align-items:center}.brand img{width:150px;filter:contrast(1.2);transform:scale(1.32)}nav{display:flex;align-items:center;gap:28px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.04em}nav a{transition:.2s}nav a:hover,nav .active{color:var(--blue)}.nav-cta,.button{background:linear-gradient(120deg,#2563eb,#1d4ed8);color:#fff!important;border-radius:100px;padding:13px 19px;box-shadow:0 8px 20px #2563eb30}.menu{display:none;border:0;background:none;font-size:23px}.hero{min-height:650px;padding:82px max(7vw,40px) 75px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:45px;overflow:hidden;background:radial-gradient(circle at 75% 42%,#cceeff 0,transparent 29%),linear-gradient(130deg,#fff 0%,#f7fbff 70%,#e8f5ff)}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:var(--blue);font-weight:bold;margin:0 0 16px}.hero h1,h2{font-size:clamp(40px,5.1vw,73px);letter-spacing:-.06em;line-height:1.02;margin:0;font-weight:800}.hero h1 em{font-family:var(--serif);font-weight:600;color:var(--blue)}.lead{font-size:18px;line-height:1.6;max-width:520px;color:#42536b;margin:25px 0 32px}.actions{display:flex;gap:12px}.button{display:inline-flex;gap:20px;align-items:center;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 13px 24px #2563eb42}.button.ghost{background:transparent;border:1px solid var(--blue);color:var(--blue)!important;box-shadow:none}.trust{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;margin-top:38px;color:#4d5c70}.trust span:first-letter{color:var(--blue)}.device-scene{height:440px;position:relative}.orb{position:absolute;width:430px;height:430px;background:#0d5eec;border-radius:50%;right:0;top:0;filter:blur(3px);opacity:.95}.screen{position:absolute;color:#fff;overflow:hidden;padding:24px;border:8px solid #111827;background:linear-gradient(145deg,#0b1930,#213a57);box-shadow:0 25px 35px #0f172a40}.screen:after{content:"";position:absolute;inset:36% -10% -10%;background:linear-gradient(130deg,transparent 20%,#71b7e6 21%,#213a57 50%,#0a1727 51%);opacity:.5}.screen>*{position:relative;z-index:1}.browser{height:8px;border-radius:9px;background:#fff;margin:-12px -8px 42px;opacity:.85}.screen small{font:7px var(--mono);display:block;margin-bottom:22px}.screen b{font-size:clamp(15px,2vw,27px);line-height:1.05;display:block;letter-spacing:-.05em}.screen i{font-style:normal;font-size:8px;display:block;margin-top:30px}.desktop{height:330px;width:350px;right:52px;top:30px;border-radius:16px}.phone{height:245px;width:120px;left:20px;bottom:10px;border-radius:16px;padding:14px}.phone .browser{margin:-5px -3px 27px}.phone small{margin-bottom:12px}.phone b{font-size:14px}.tablet{height:225px;width:220px;right:0;bottom:0;border-radius:14px}.tablet .browser{margin:-8px -5px 30px}.tablet small{margin-bottom:15px}.tablet b{font-size:18px}.logo-line{padding:25px 7vw;display:flex;justify-content:space-between;align-items:center;background:#fff;font:9px var(--mono);letter-spacing:.09em;color:#68758a}.logo-line div{display:flex;gap:30px;color:#a7b1c0}.section{padding:110px max(7vw,40px)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}.section h2{font-size:clamp(33px,4vw,56px)}.text-link{color:var(--blue);font-size:11px;text-transform:uppercase;font-weight:800;white-space:nowrap}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry-card{background:#fff;padding:22px;border-radius:var(--radius);border:1px solid #e8edf3;box-shadow:0 10px 30px #192c4810;min-height:350px;display:flex;flex-direction:column;transition:.3s}.industry-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #192c4820}.card-icon{font-size:30px;color:var(--blue);line-height:1}.industry-card>p{font:9px var(--mono);color:#8a95a5;margin:15px 0 6px}.industry-card h3{font-size:18px;letter-spacing:-.04em;margin:0 0 18px}.mini-site{height:150px;border-radius:12px;padding:16px;color:#fff;background:linear-gradient(135deg,#162d4b,#0a1422);display:flex;flex-direction:column;justify-content:space-between}.mini-site small{font:7px var(--mono)}.mini-site b{font-size:18px;line-height:1.05;letter-spacing:-.05em}.industry-card>a{font-size:10px;color:var(--blue);font-weight:800;margin-top:auto;padding-top:17px}.industry-card>a span{float:right}.electric .card-icon{color:#f5b500}.electric .mini-site{background:linear-gradient(140deg,#25230e,#68520a)}.build .card-icon{color:#e97031}.build .mini-site{background:linear-gradient(140deg,#546370,#c6aa8c)}.dental .card-icon{color:#9a61e4}.dental .mini-site{background:linear-gradient(140deg,#66538c,#e5dcf5);color:#382661}.food .card-icon{color:#e23c35}.food .mini-site{background:linear-gradient(140deg,#2d130d,#7d3728)}.estate .card-icon{color:#57a163}.estate .mini-site{background:linear-gradient(140deg,#222547,#655594)}.dark-process{background:var(--navy);color:#fff}.dark-process .section-head>p{max-width:300px;color:#b7c7dc}.dark-process .eyebrow{color:var(--sky)}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30}.process article{padding:35px 25px 5px;border-right:1px solid #ffffff30}.process article:first-child{padding-left:0}.process article:last-child{border:0}.process span{font:10px var(--mono);color:var(--sky)}.process h3{font-size:20px;margin:28px 0 9px}.process p{font-size:12px;color:#aec0d4}.work{background:#fff}.work-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.work-visual{height:370px;padding:30px;border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.work-visual:after{content:"";position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid #ffffff50;right:-80px;bottom:-150px}.work-one .work-visual{background:linear-gradient(135deg,#263a50,#b48f6a)}.work-two .work-visual{background:linear-gradient(135deg,#a2b2ce,#f3e8e7);color:#16213b}.work-visual small{font:9px var(--mono);letter-spacing:.1em}.work-visual b{font-size:clamp(30px,4vw,48px);letter-spacing:-.06em;line-height:1}.work-card h3{margin:15px 0 0;font-size:18px}.work-card p{font:10px var(--mono);color:#728096;margin:4px 0}.value{text-align:center}.value>h2{margin-bottom:58px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;gap:30px}.value-grid article{border-top:1px solid #bcc8d8;padding-top:16px}.value-grid b{color:var(--blue);font:10px var(--mono)}.value-grid h3{font-size:17px;margin:40px 0 8px}.value-grid p{font-size:12px;color:#64748b}.quote-band{padding:100px max(15vw,50px);text-align:center;color:#fff;background:linear-gradient(125deg,#2563eb,#123f9e)}.quote-band p{font:600 clamp(25px,3.5vw,46px)/1.22 var(--serif);margin:0 auto 25px;max-width:890px}.quote-band span{font:10px var(--mono);letter-spacing:.1em}.faq{max-width:990px;margin:auto;padding-left:30px;padding-right:30px}.faq h2{margin-bottom:40px}.accordion details{border-top:1px solid #cbd5e1;padding:20px 0}.accordion details:last-child{border-bottom:1px solid #cbd5e1}.accordion summary{list-style:none;font-size:17px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--blue);font-size:22px}.accordion p{color:#617086;max-width:650px;margin:15px 0 0}.final-cta{padding:85px max(7vw,40px);background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta .eyebrow{color:#9fcdff}.final-cta h2{font-size:clamp(38px,5vw,62px)}.button.light{background:#fff;color:var(--blue)!important;box-shadow:none}footer{background:#081426;color:#d2dbe8;padding:45px max(7vw,40px) 24px}.footer-top{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:40px}.footer-top p{font-size:12px}.footer-top>a:last-child{font-size:12px;color:#fff}.footer-bottom{border-top:1px solid #ffffff1d;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;font:9px var(--mono);color:#8391a5}.footer-bottom a{color:#fff}.to-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--navy);color:#fff;opacity:0;transform:translateY(15px);transition:.2s;z-index:4}.to-top.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:70px;padding:8px 24px}.brand{width:125px}.brand img{width:125px}nav{display:none;position:absolute;top:69px;left:0;right:0;padding:25px;flex-direction:column;align-items:stretch;background:#fff;gap:20px}.menu{display:block}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 28px 35px;gap:20px}.hero h1{font-size:47px}.device-scene{height:350px;transform:scale(.85);transform-origin:center top}.logo-line{display:block;text-align:center}.logo-line div{margin-top:16px;justify-content:center;gap:12px}.section{padding:70px 28px}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:30px}.industry-grid{grid-template-columns:1fr 1fr}.process,.value-grid{grid-template-columns:1fr 1fr}.process article:nth-child(odd){padding-left:0}.work-grid{grid-template-columns:1fr}.work-visual{height:280px}.final-cta{flex-direction:column;align-items:flex-start;padding:65px 28px}.footer-top{grid-template-columns:1fr;gap:10px}.footer-bottom{margin-top:25px}.footer-bottom span:nth-child(2){display:none}}@media(max-width:480px){.hero h1{font-size:40px}.lead{font-size:15px}.industry-grid{grid-template-columns:1fr}.process,.value-grid{grid-template-columns:1fr}.process article{border-right:0;border-bottom:1px solid #ffffff30;padding:25px 0}.actions{flex-direction:column;align-items:flex-start}.device-scene{margin-left:-30px}.desktop{right:35px}.tablet{right:-10px}.quote-band{padding:70px 30px}}
.inner-hero{padding:120px max(12vw,40px) 95px;background:radial-gradient(circle at 80% 10%,#bae6fd,transparent 24%),#fff}.inner-hero h1,.contact-page h1{font-size:clamp(48px,7vw,90px);line-height:.98}.inner-hero>p:last-child{max-width:520px;font-size:17px;color:#5d6b7d;margin:28px 0 0}.centred{text-align:center}.centred>p:last-child{margin-left:auto;margin-right:auto}.service-list{padding-top:30px}.service-list article{display:grid;grid-template-columns:1.1fr 1.2fr auto;gap:35px;padding:50px 0;border-top:1px solid #cdd7e4;align-items:start}.service-list article h2{font-size:34px}.service-list article>p{margin:0;color:#53657b;font-size:14px}.service-list .text-link{padding-top:6px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid #cdd7e4;background:transparent;border-radius:100px;padding:9px 16px;font:10px var(--sans);font-weight:800;text-transform:uppercase}.filters .selected{color:#fff;background:var(--blue);border-color:var(--blue)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px 20px}.p-shot{height:310px;border-radius:18px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;position:relative}.p-shot:after{content:"";width:300px;height:300px;position:absolute;right:-70px;bottom:-120px;border:1px solid #ffffff70;border-radius:50%}.p-shot>*{z-index:1}.p-shot small{font:9px var(--mono)}.p-shot b{font-size:40px;line-height:.95;letter-spacing:-.06em}.p1 .p-shot{background:linear-gradient(135deg,#263b52,#b78f68)}.p2 .p-shot{background:linear-gradient(130deg,#c7d5e5,#e7d4d4);color:#17253c}.p3 .p-shot{background:linear-gradient(130deg,#10243a,#426d91)}.p4 .p-shot{background:linear-gradient(130deg,#3d160f,#af5137)}.p-card h2{font-size:22px;margin:14px 0 0}.p-card p{font:10px var(--mono);color:#6e7b8e}.split-story{display:grid;grid-template-columns:1fr 1fr;gap:100px}.split-story h2{font-size:46px}.split-story>div:last-child{font-size:16px;color:#526177}.split-story .text-link{display:inline-block;margin-top:25px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:30px}.pricing-grid article{border:1px solid #d8e0eb;border-radius:18px;padding:30px;background:#fff}.pricing-grid .featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-12px);box-shadow:0 20px 35px #0f172a2b}.pricing-grid h2{font-size:42px;margin:15px 0}.pricing-grid article>p:not(.eyebrow){color:#64748b;font-size:12px;min-height:44px}.pricing-grid .featured>p:not(.eyebrow){color:#b7c6d9}.pricing-grid ul{list-style:'✓  ';padding-left:18px;line-height:2.4;font-size:12px;margin:25px 0}.articles{padding-top:15px}.featured-article{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-bottom:70px;border-bottom:1px solid #cdd7e4}.article-art{height:280px;border-radius:18px;background:linear-gradient(135deg,#0d2644,#2c8fb9);position:relative;overflow:hidden}.article-art:after{content:'10';font-size:220px;color:#ffffff22;position:absolute;right:-14px;bottom:-100px;font-weight:800}.article h2{font-size:40px}.article>div>p:not(.eyebrow){color:#617084}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}.article-grid article{padding:35px 0;border-bottom:1px solid #cdd7e4}.article-grid h3{font-size:20px;letter-spacing:-.04em;margin:16px 0 8px}.article-grid p:last-child{color:#617084;font-size:12px}.contact-page{min-height:650px;padding:110px max(10vw,40px);display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;background:radial-gradient(circle at 10% 80%,#bee8fc,transparent 20%),#fff}.contact-page>div>p:not(.eyebrow){font-size:17px;color:#5c6b7c;max-width:400px;margin-top:28px}.contact-details{display:flex;flex-direction:column;gap:10px;margin-top:50px;font:11px var(--mono);color:#69778a}.contact-details a{font-size:14px;color:var(--blue)}form{display:grid;grid-template-columns:1fr 1fr;gap:19px}form label{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;color:#536174}input,select,textarea{font:14px var(--sans);display:block;width:100%;margin-top:8px;padding:12px 0;border:0;border-bottom:1px solid #aebdce;background:transparent;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--blue)}.wide{grid-column:1/-1}.form-note{grid-column:1/-1;margin:0;color:var(--blue);font-size:12px}.map-placeholder{height:290px;background:#e2e8f0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#0f172a;text-align:center}.map-placeholder div{font-weight:800;font-size:28px;line-height:.85;letter-spacing:-.06em;background:#fff;padding:14px;box-shadow:0 8px 20px #64748b33}.map-placeholder span{position:absolute;bottom:28px;font:10px var(--mono)}
@media(max-width:800px){.inner-hero{padding:85px 28px 65px}.service-list article{grid-template-columns:1fr;padding:35px 0;gap:15px}.portfolio-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid .featured{transform:none}.split-story,.contact-page{grid-template-columns:1fr;gap:40px}.split-story h2{font-size:38px}.featured-article{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}.contact-page{padding:70px 28px}form{gap:15px}.inner-hero h1,.contact-page h1{font-size:54px}}@media(max-width:480px){.article-grid{grid-template-columns:1fr}form{grid-template-columns:1fr}.inner-hero h1,.contact-page h1{font-size:43px}.p-shot{height:260px}}