:root{--navy:#080f24;--navy2:#0d1935;--blue:#2563ff;--text:#11172a;--muted:#6c7588;--border:#e7eaf0;--bg:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:white;font:16px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 80px));margin:0 auto}.site-nav{position:fixed;z-index:100;width:100%;top:0;border-bottom:1px solid rgba(255,255,255,.1);transition:background .35s,box-shadow .35s}.site-nav.scrolled{background:rgba(8,15,36,.96);box-shadow:0 10px 35px #0209162f;backdrop-filter:blur(16px)}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:36px}.logo{display:flex;align-items:center;font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-1.5px;color:white;white-space:nowrap}.logo-symbol{display:inline-flex;background:var(--blue);width:32px;height:32px;border-radius:9px;justify-content:center;align-items:center;font-size:27px;font-weight:500;margin-right:10px}.dot{color:#7199ff}.nav-links{display:flex;gap:35px}.nav-links a{font-size:13px;font-weight:600;color:#d6deeb;transition:color .2s}.nav-links a:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border-radius:5px;padding:16px 23px;background:var(--blue);color:white;font-weight:800;font-size:12px;letter-spacing:.015em;box-shadow:0 12px 24px #2563ff25;transition:transform .22s,background .22s,box-shadow .22s}.button:hover{background:#164de2;transform:translateY(-3px);box-shadow:0 16px 28px #2563ff38}.button span{font-size:18px;line-height:1}.button-small{padding:12px 17px}.hamburger{display:none;background:none;border:0;cursor:pointer;padding:8px}.hamburger span{display:block;width:23px;height:2px;background:white;margin:5px}.hero{background:radial-gradient(ellipse at 65% 27%,#182856,#091126 48%,#060c1d 86%);min-height:790px;color:white;position:relative;overflow:hidden;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent 5%,black 90%)}.glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(30px)}.glow-a{width:550px;height:500px;right:-130px;top:145px;background:radial-gradient(circle,#1c65ff45,transparent 65%)}.glow-b{width:450px;height:250px;left:25%;bottom:-150px;background:radial-gradient(circle,#2137ff21,transparent 70%)}.hero-inner{position:relative;padding-top:190px;padding-bottom:70px;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.24em;color:#31405c}.eyebrow.light{color:#c5d2ec}.eyebrow i{display:inline-block;background:#65dba7;border-radius:50%;height:7px;width:7px;margin-right:8px;box-shadow:0 0 16px #65dba7}.hero-kicker{font:700 12px 'Space Grotesk';letter-spacing:.25em;color:#7fa4fd;margin:36px 0 9px}.hero h1{font:700 clamp(54px,7.7vw,112px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.075em;max-width:1000px;margin:0}.hero h1 em,.contact h2 em{font-style:normal;color:#7297ff}.hero-desc{color:#adbcd7;font-size:17px;max-width:535px;line-height:1.85;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button-outline{background:transparent;border:1px solid #52617e;box-shadow:none}.button-outline:hover{background:#ffffff15}.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.18em;color:#92a5c8;font-weight:700;margin-top:108px}.floating-stamp{position:absolute;right:8%;top:35%;border:1px solid #627aa03b;border-radius:50%;width:230px;height:230px;display:flex;justify-content:center;align-items:center;transform:rotate(-15deg);font:800 180px 'Space Grotesk';color:#ffffff09;pointer-events:none}.floating-stamp span{font-size:60px;color:#618fff30}.ticker{background:var(--blue);color:white;overflow:hidden;padding:19px 0;font:700 13px 'Space Grotesk';letter-spacing:.16em;white-space:nowrap}.ticker-track{display:flex;width:max-content;animation:marquee 31s linear infinite}.ticker-track span{padding-right:1em}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:125px 0}.section-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--border);font-size:10px;font-weight:800;letter-spacing:.16em;color:#52617a}.section-title{font:700 clamp(37px,4.4vw,65px)/1.1 'Space Grotesk';letter-spacing:-.058em;margin:0}.section-title span{color:#98a0ae}.about-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;padding-top:55px}.about-copy{max-width:410px}.about-copy p{line-height:1.9;color:#657087;margin:0 0 18px}.inline-link{display:inline-block;font-size:11px;color:#245af2;font-weight:800;letter-spacing:.1em;margin-top:13px}.services,.process{background:#f7f8fc}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:52px 0}.section-head>p{max-width:265px;font-size:15px;color:#657087;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{position:relative;min-height:340px;padding:28px;border:1px solid #e8ebf1;background:white;border-radius:10px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #0b153018}.service-top{display:flex;justify-content:space-between;align-items:center;color:#7c8798;font-size:11px;font-weight:700}.service-top b{font-size:28px;color:var(--blue);font-weight:500}.service-card h3{font:700 24px 'Space Grotesk';letter-spacing:-.04em;margin:70px 0 12px}.service-card p{font-size:13px;color:#778192;line-height:1.75}.service-card>a{position:absolute;right:27px;bottom:20px;font-size:26px;color:var(--blue)}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-visual{min-height:390px;overflow:hidden;position:relative;padding:30px;color:#fff;transition:filter .3s}.project:hover .project-visual{filter:brightness(1.06)}.project-visual.nut{background:linear-gradient(120deg,#e9e7d9,#b3c3a8 65%,#8aa391);color:#314b3c}.project-visual.veloce{background:linear-gradient(125deg,#20232a,#07090b 60%,#2a3038)}.project-mock-logo{position:relative;z-index:2;font:700 25px 'Space Grotesk';letter-spacing:-1px}.project-mock-logo span{color:#7ca0ff}.nut .project-mock-logo span{color:#778b64}.project-mock-content{position:relative;z-index:2;margin-top:87px}.project-mock-content small{font-size:10px;font-weight:800;letter-spacing:.18em}.project-mock-content strong{display:block;font:700 clamp(36px,3.5vw,55px)/1.05 'Space Grotesk';letter-spacing:-.065em;margin:14px 0 24px}.mock-pill{display:inline-block;border:1px solid currentColor;padding:10px 14px;border-radius:2px;font-size:10px;font-weight:800}.project-blob{width:260px;height:300px;position:absolute;right:-10px;bottom:-90px;border-radius:45% 50% 40% 45%;background:linear-gradient(125deg,#d1d3bd,#859c73);transform:rotate(-25deg);box-shadow:-25px -30px 90px #ffffff43}.veloce:after{content:'';position:absolute;right:-80px;bottom:-100px;width:420px;height:250px;transform:rotate(-23deg);background:radial-gradient(ellipse at 40% 25%,#606975 1%,#303640 30%,#0a0c0f 70%);border-radius:50%;box-shadow:0 0 75px #d3d9ec1b}.project-visit{position:absolute;z-index:4;right:22px;top:27px;font-size:10px;font-weight:800;letter-spacing:.07em;border-bottom:1px solid currentColor}.project-info{display:flex;justify-content:space-between;gap:20px;padding:22px 2px}.project-info small{font-size:10px;color:#747e90;font-weight:800;letter-spacing:.13em}.project-info h3{font:700 30px 'Space Grotesk';margin:4px 0}.project-info p{color:#697589;font-size:13px;margin:0}.project-arrow{width:48px;height:48px;border:1px solid #d9dce3;border-radius:50%;display:grid;place-items:center;font-size:25px;flex-shrink:0}.work-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:75px;padding-top:30px;gap:20px}.work-bottom>span{font-size:11px;font-weight:800;letter-spacing:.17em}.dark-button{background:#111a30}.seo{background:#f7f8fc;text-align:center}.seo-heading{max-width:800px;margin:0 auto}.seo-heading h2{font:700 clamp(38px,4.6vw,65px)/1.12 'Space Grotesk';letter-spacing:-.055em;margin:17px 0 12px}.seo-heading h2 span{color:#12172a}.seo-heading>p{font-size:14px;color:#68758c;max-width:530px;margin:15px auto 0;line-height:1.85}.seo-platforms{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:35px auto 34px}.seo-platforms>span{display:flex;gap:8px;align-items:center;background:white;border:1px solid #e7e9f0;border-radius:100px;padding:9px 16px;font-size:11px;font-weight:800;box-shadow:0 6px 18px #26314808}.seo-platforms b{font-size:15px}.google{color:#4285f4}.map-icon{color:#ec4434}.facebook{color:#1877f2}.apple{color:#242424}.bing{color:#008374}.seo-stack{max-width:750px;margin:0 auto;display:grid;gap:14px}.seo-feature{display:flex;align-items:center;text-align:center;position:relative;gap:26px;min-height:100px;padding:22px 55px;background:white;border:1px solid #e5e8ef;border-radius:10px;box-shadow:0 7px 19px #1420390b}.seo-feature:nth-child(even){transform:translateX(27px)}.seo-feature:nth-child(odd){transform:translateX(-27px)}.seo-feature>div:nth-child(2){flex:1}.check-icon{flex-shrink:0;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:6px;font-size:14px;font-weight:800;width:33px;height:33px}.seo-feature h3{font:700 16px 'Space Grotesk';letter-spacing:-.02em;margin:0 0 5px}.seo-feature p{font-size:12px;color:#6c7891;line-height:1.7;margin:0}.seo-note{max-width:680px;margin:23px auto 0;font-size:11px;color:#8993a4}.seo-cta{margin-top:28px}.process .section-head{margin-bottom:46px}.steps{border-top:1px solid #dfe3eb}.step{display:flex;gap:28px;align-items:center;padding:26px 8px;border-bottom:1px solid #dfe3eb}.step strong{font:700 13px 'Space Grotesk';color:var(--blue);width:60px}.step>div{flex:1}.step h3{font:700 26px 'Space Grotesk';letter-spacing:-.04em;margin:0 0 2px}.step p{margin:0;color:#687589;font-size:13px}.step>span{font-size:24px;color:var(--blue)}.contact{background:radial-gradient(ellipse at 80% 50%,#1e376e,#0a122a 60%,#070b1b);text-align:center;color:white;padding:138px 0 115px}.contact-inner h2{font:700 clamp(50px,7vw,100px)/1.04 'Space Grotesk';letter-spacing:-.075em;margin:26px auto}.contact-inner p{max-width:490px;color:#b0bfd6;font-size:15px;line-height:1.85;margin:0 auto 29px}.contact-inner small{display:block;color:#8da1c1;font-size:10px;letter-spacing:.2em;font-weight:800;margin-top:20px}.footer{background:#070b1a;color:#94a3c0}.footer-top{border-bottom:1px solid #293149;display:flex;justify-content:space-between;align-items:start;gap:30px;padding:55px 0}.footer-top p{font-size:13px;line-height:1.8;margin:0}.footer-nav{display:flex;gap:18px;font-size:12px;font-weight:700}.footer-nav a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:10px;letter-spacing:.1em;font-weight:700}.reveal{opacity:0;translate:0 27px;transition:opacity .7s ease,translate .7s ease}.reveal.visible{opacity:1;translate:0 0}@media(max-width:1000px){.nav-links{gap:17px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:750px}.floating-stamp{opacity:.35}.seo-feature:nth-child(n){transform:none}.projects{gap:16px}}@media(max-width:720px){.wrap{width:min(100% - 36px,600px)}.nav-inner{height:70px}.logo{font-size:23px}.nav-contact{display:none}.hamburger{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:70px;background:#091226;padding:24px;flex-direction:column;gap:20px;box-shadow:0 15px 30px #0005}.nav-links.open{display:flex}.hero{min-height:740px}.hero-inner{padding:180px 0 45px}.hero h1{font-size:clamp(46px,11vw,76px)}.hero-desc{font-size:15px}.hero-bottom{margin-top:100px;font-size:9px}.hero-bottom span{max-width:180px}.floating-stamp{display:none}.section{padding:82px 0}.about-layout,.projects{grid-template-columns:1fr}.about-layout{gap:25px;padding-top:35px}.section-head{display:block;margin:36px 0}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.service-card h3{margin-top:39px}.project-visual{min-height:340px}.work-bottom{flex-wrap:wrap}.seo-heading h2{font-size:clamp(32px,8vw,50px)}.seo-feature{padding:22px 18px;gap:12px;min-height:115px}.seo-feature h3{font-size:14px}.seo-feature p{font-size:11px}.seo-platforms{gap:7px}.seo-platforms>span{padding:7px 11px;font-size:10px}.step strong{width:32px}.step h3{font-size:23px}.contact{padding:92px 0}.footer-top{flex-wrap:wrap}.footer-nav{flex-wrap:wrap}.footer-bottom{flex-direction:column}.section-label{font-size:9px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;translate:none}}

/* Scroll motion — progressive enhancement; JS enables this only where supported */
html{scroll-padding-top:90px}
body.motion-ready .reveal{opacity:0;translate:0 46px;filter:blur(5px);transition:opacity .82s cubic-bezier(.2,.7,.2,1),translate .82s cubic-bezier(.2,.7,.2,1),filter .82s ease;transition-delay:var(--reveal-delay,0ms)}
body.motion-ready .reveal.visible{opacity:1;translate:0 0;filter:blur(0)}
body.motion-ready .service-card.reveal{translate:0 54px}
body.motion-ready .service-card.reveal.visible{translate:0 0}
body.motion-ready .project.reveal{translate:0 55px}
body.motion-ready .project.reveal.visible{translate:0 0}
body.motion-ready .seo-feature.reveal{translate:0 38px}
body.motion-ready .seo-feature.reveal.visible{translate:0 0}
body.motion-ready .step.reveal{translate:0 32px}
body.motion-ready .step.reveal.visible{translate:0 0}
.hero .eyebrow,.hero-kicker,.hero h1,.hero-desc,.hero-actions,.hero-bottom{animation:hero-enter .85s both cubic-bezier(.2,.7,.2,1)}
.hero-kicker{animation-delay:.09s}.hero h1{animation-delay:.19s}.hero-desc{animation-delay:.31s}.hero-actions{animation-delay:.44s}.hero-bottom{animation-delay:.63s}
@keyframes hero-enter{from{opacity:0;translate:0 26px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.glow-a{animation:glow-drift 9s ease-in-out infinite alternate}.glow-b{animation:glow-drift 11s ease-in-out infinite alternate-reverse}
@keyframes glow-drift{from{translate:0 0}to{translate:-24px 20px}}
.project-visual .project-mock-content{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project:hover .project-mock-content{transform:translateY(-10px)}
.project-arrow{transition:transform .3s,background .3s,color .3s}.project:hover .project-arrow{transform:rotate(45deg);background:#2563ff;color:#fff}
.seo-feature{transition:box-shadow .35s ease,border-color .35s ease}.seo-feature:hover{box-shadow:0 18px 36px #1420391b;border-color:#cfdaff}
/* Decorative horizontal rule that grows when a section enters view */
.section-label{position:relative}.section-label::after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:0;background:#2563ff;transition:width 1s cubic-bezier(.15,.7,.2,1)}.section-label.visible::after{width:100%}
@media(prefers-reduced-motion:reduce){body.motion-ready .reveal,body.motion-ready .reveal.visible{opacity:1;translate:none;filter:none;transition:none}.hero .eyebrow,.hero-kicker,.hero h1,.hero-desc,.hero-actions,.hero-bottom,.glow-a,.glow-b{animation:none!important}.section-label::after{transition:none}}

/* Portfolio: real previews of our demonstration concepts */
.project-screenshot{padding:0;background:#f2f3f5;isolation:isolate;border-radius:10px;aspect-ratio:1.33;min-height:0}
.project-screenshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .4s}
.project:hover .project-screenshot img{transform:scale(1.045)}
.project-screenshot .project-visit{top:auto;bottom:18px;right:18px;background:#091226;color:white;padding:12px 16px;border:0;border-radius:4px;box-shadow:0 6px 22px #0003}
.portfolio-disclaimer{color:#778192;font-size:12px;margin:12px 0 0}
@media(max-width:720px){.project-screenshot{aspect-ratio:1.45}.project-screenshot .project-visit{font-size:9px;padding:10px}}

/* Online first impression — transparent benefits, without invented statistics or fixed prices */
.trust-section{background:#f7f8fd;text-align:center;overflow:hidden}.trust-inner{max-width:900px}.trust-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 24px;background:linear-gradient(135deg,#3785ff,#1c4bdc);border-radius:50%;box-shadow:0 16px 34px #2563ff3b;color:white;font:700 30px 'Space Grotesk',sans-serif}.trust-title{font:700 clamp(42px,6.4vw,80px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:20px auto 22px;max-width:790px}.trust-title span{color:#2b60e9}.trust-intro{font-size:17px;line-height:1.7;max-width:635px;margin:0 auto 16px;color:#202940}.trust-secondary{font-size:14px;line-height:1.85;max-width:630px;margin:0 auto 42px;color:#647187}.trust-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:740px;margin:0 auto 34px;text-align:left}.trust-panel{border:1px solid #dae3fb;background:white;border-radius:16px;padding:30px;box-shadow:0 12px 28px #20345c0a;min-height:254px;transition:box-shadow .25s,border-color .25s}.trust-panel:hover{box-shadow:0 18px 40px #20345c16;border-color:#9bb8ff}.trust-panel-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#53617a}.trust-panel-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f1f3f7;color:#8c98a9;font-size:24px;margin:24px 0 15px}.trust-panel-blue .trust-panel-mark{background:#e9f0ff;color:#2563ff}.trust-panel h3{font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:0 0 8px}.trust-panel p{font-size:13px;color:#657287;line-height:1.7;margin:0}.trust-button{border-radius:50px;padding:16px 27px}.trust-section .eyebrow{color:#3666c8}@media(max-width:720px){.trust-title{font-size:clamp(40px,9vw,60px)}.trust-intro{font-size:15px}.trust-comparison{grid-template-columns:1fr;gap:12px}.trust-panel{min-height:unset;padding:24px}.trust-secondary{margin-bottom:30px}}

/* UK enquiry form */
.contact{padding-bottom:115px}.quote-card{max-width:850px;margin:52px auto 0;background:#fff;color:#11172a;border-radius:20px;padding:clamp(24px,4.8vw,52px);box-shadow:0 24px 95px #0005;text-align:left}.quote-card-heading{max-width:610px;margin-bottom:32px}.quote-label{display:inline-block;color:#2563ff;font-size:10px;letter-spacing:.19em;font-weight:800}.quote-card h3{font:700 clamp(27px,3.6vw,43px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:10px 0}.quote-card-heading p{color:#6b758a;font-size:14px;line-height:1.7;margin:0}.quote-form{display:grid;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field label,.choice-field legend{font-size:12px;font-weight:800;color:#232d42}.field label span,.choice-field legend span,.required{color:#2764eb}.optional{font-weight:500!important;color:#78849b!important}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2ee;border-radius:9px;background:#f8faff;color:#18243b;min-height:50px;padding:12px 14px;font:500 14px 'DM Sans',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:133px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2563ff;box-shadow:0 0 0 4px #2563ff1b}.field input::placeholder,.field textarea::placeholder{color:#909aaa}.choice-field{border:0;padding:0;margin:0;min-width:0}.choice-field legend{margin-bottom:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{cursor:pointer;display:block;position:relative}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{display:block;padding:14px 15px;border:1px solid #dce2ee;border-radius:9px;background:#f8faff;font-size:13px;font-weight:700;color:#41506b;transition:background .2s,border-color .2s}.choice input:checked+span{background:#edf3ff;border-color:#2563ff;color:#1d54d5}.choice input:focus-visible+span{outline:3px solid #99b7ff;outline-offset:2px}.form-consent label{display:flex;align-items:start;gap:10px;color:#56647d;font-size:12px;line-height:1.6;cursor:pointer}.form-consent input{accent-color:#2563ff;margin-top:3px}.submit-quote{border:0;cursor:pointer;width:100%;border-radius:9px;padding:17px;font-size:13px}.submit-quote:disabled{cursor:wait;opacity:.7}.form-message{font-size:13px;line-height:1.6;display:none;border-radius:9px;padding:13px 15px}.form-message.error{display:block;color:#a22626;background:#fff0f0;border:1px solid #ffd0d0}.form-message.success{display:block;color:#16613c;background:#e9f8f0;border:1px solid #bce6ce}.quote-form .form-footnote{display:block;text-align:center;color:#7f8aa0;font-size:10px;letter-spacing:.11em;margin:-8px 0 0}.contact-inner>.eyebrow,.contact-inner>h2,.contact-inner>p{text-align:center}@media(max-width:650px){.form-row,.choice-grid{grid-template-columns:1fr}.quote-card{margin-top:32px;border-radius:14px}.quote-form{gap:18px}.choice-grid{grid-template-columns:1fr 1fr}.choice span{padding:13px 10px;font-size:12px}}@media(max-width:360px){.choice-grid{grid-template-columns:1fr}}