@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#09152f;--ink:#13203d;--cyan:#20c9e8;--pink:#ed3e92;--paper:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 6%;background:#fff}.brand img{width:600px !important;height:125px !important;object-fit:contain;object-position:left center}.nav nav{display:flex;gap:30px;align-items:center}.nav a{color:var(--ink);text-decoration:none;font-weight:500}.nav-cta,.button{background:var(--navy);color:white!important;border-radius:999px;padding:14px 22px}.hero{min-height:590px;padding:90px 9%;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:linear-gradient(120deg,#fff 0%,#eef7fb 100%)}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:#228da9}.hero h1,h2{font:700 clamp(42px,6vw,76px) 'Space Grotesk',sans-serif;letter-spacing:-3px;line-height:1.03;margin:18px 0}.hero h1 em{font-style:normal;color:var(--pink)}.lead{max-width:590px;font-size:19px;line-height:1.7;color:#53617d}.button{display:inline-flex;gap:26px;align-items:center;margin-top:20px;font-weight:700}.hero-art{height:360px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:270px;height:270px;right:8%;top:10%;background:linear-gradient(135deg,var(--cyan),#2468ee);box-shadow:25px 30px 0 #f6b2d4}.orb-two{width:135px;height:135px;left:11%;bottom:8%;background:linear-gradient(135deg,var(--pink),#ff9a5a)}.grid-mark{position:absolute;right:17%;top:27%;font-size:90px;color:white}.trust{padding:25px 9%;display:flex;gap:35px;justify-content:space-between;border-bottom:1px solid #dde4ef;color:#68758c;font-size:11px;letter-spacing:1px}.section{padding:100px 9%}.section h2,.split h2,.contact h2{font-size:48px;max-width:680px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}.card{background:#fff;padding:28px;border:1px solid #e5eaf3;border-radius:16px;min-height:250px}.card-icon{font-size:31px;color:var(--pink)}.card h3{font:700 22px 'Space Grotesk',sans-serif}.card p,.split p{color:#68758c;line-height:1.65}.card a{color:#188ca9;text-decoration:none;font-weight:700;font-size:14px}.split{padding:85px 9%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--navy);color:white}.split .eyebrow{color:var(--cyan)}.split p{color:#b7c6df;font-size:18px}.contact{margin:80px 9%;padding:60px 7%;border-radius:22px;background:linear-gradient(110deg,#1ac7e5,#356be8);color:white;display:flex;justify-content:space-between;align-items:center}.contact .eyebrow{color:#d8faff}.contact h2{margin-bottom:8px}.contact p{color:#e2faff}.button.light{background:white;color:var(--navy)!important}footer{padding:30px 9%;display:flex;justify-content:space-between;color:#748198;font-size:13px}@media(max-width:800px){.nav{height:72px;padding:10px 5%}.brand img{width:190px}.nav nav a:not(.nav-cta){display:none}.hero{padding:60px 7%;display:block}.hero-art{height:240px;margin-top:25px}.trust{padding:22px 7%;gap:10px;flex-wrap:wrap}.trust span:first-child{width:100%}.section,.split{padding:70px 7%;display:block}.section h2,.split h2,.contact h2{font-size:39px}.cards{grid-template-columns:1fr 1fr}.contact{margin:55px 7%;display:block;padding:40px 8%}footer{padding:25px 7%;display:block}footer span{display:block;margin:7px 0}}

.showcase,.platforms{padding:90px 9%;}.showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;background:#fff}.showcase h2,.platforms h2{font:700 48px "Space Grotesk";letter-spacing:-2px}.showcase p:not(.eyebrow){color:#68758c;line-height:1.7;font-size:18px}.sample-grid,.platform-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.sample{height:150px;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:white}.sample span{font-size:11px;letter-spacing:1.5px;font-weight:700}.sample b{font-size:64px;align-self:flex-end}.vector{background:linear-gradient(135deg,#16234a,#5472ff)}.colour{background:linear-gradient(135deg,#f13d91,#ff934e)}.cnc{background:linear-gradient(135deg,#1a2438,#16b8a6)}.platforms{background:#eef7fb}.platform{background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 30px #b9cada55;font-size:24px}.platform strong{font:700 20px "Space Grotesk";margin-left:8px}.platform small{display:block;color:#68758c;font-size:14px;margin-top:12px}.apple{color:#111}.android{color:#35a853}.samsung{color:#1266d5}@media(max-width:800px){.brand img{width:360px;height:82px}.showcase,.platforms{display:block;padding:70px 7%}.showcase h2,.platforms h2{font-size:39px}.sample-grid,.platform-row{grid-template-columns:1fr}.contact{margin:55px 7%}}
body{position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background:radial-gradient(circle at 12% 18%,#20c9e820 0 2px,transparent 3px),radial-gradient(circle at 82% 72%,#ed3e9218 0 2px,transparent 3px),linear-gradient(120deg,transparent 0 48%,#20c9e808 49% 50%,transparent 51% 100%);background-size:190px 190px,240px 240px,100% 100%;animation:drift 28s linear infinite}@keyframes drift{from{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-18px,12px,0) rotate(1deg)}to{transform:translate3d(0,0,0) rotate(0deg)}}

.brand img{max-width:none !important;}
.projects{padding:100px 9%;background:#fff}.projects h2{font:700 48px 'Space Grotesk';letter-spacing:-2px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.project{border:1px solid #e3e9f3;border-radius:20px;padding:24px;background:#fbfcff;overflow:hidden}.project h3{font:700 23px 'Space Grotesk';margin:18px 0 8px}.project p{color:#68758c;line-height:1.6;margin:0}.tag{font-size:10px;letter-spacing:1.5px;color:#148da8;font-weight:700}.phone{height:205px;width:120px;margin:0 auto 22px;border-radius:18px;background:#101a37;padding:18px 12px;box-shadow:8px 10px 0 #d9e5ff}.phone-top{font-size:8px;color:#77e7f5;letter-spacing:1px}.phone-card{height:70px;margin-top:15px;border-radius:10px;background:linear-gradient(135deg,#ed3e92,#5d6dff)}.phone-line{height:7px;border-radius:8px;background:#63719b;margin-top:13px}.phone-line.short{width:65%}.browser{height:205px;background:#13203d;border-radius:12px;padding:13px;color:#fff;margin-bottom:22px}.browser-dots{font-size:8px;color:#ed3e92;letter-spacing:3px}.browser-hero{font:700 31px 'Space Grotesk';margin:32px 0 18px}.browser-hero em{font-style:normal;color:#20c9e8}.browser-bar{height:8px;width:58%;background:#ed3e92;border-radius:5px}.vector-demo{display:flex}.vector-before,.vector-after{height:205px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:13px;letter-spacing:1px}.vector-before{background:#dbe1ec;color:#77839b}.vector-after{background:linear-gradient(135deg,#20c9e8,#ed3e92);color:#fff}.vector-before b,.vector-after b{font-size:58px;margin-top:12px}.vector-arrow{position:absolute;display:none}.vector-project{position:relative}.vector-project:before{content:'RASTER  →  VECTOR';display:block;height:205px;padding-top:92px;text-align:center;font:700 18px 'Space Grotesk';letter-spacing:1px;color:#fff;background:linear-gradient(110deg,#9aa9c2 0 48%,#ed3e92 49% 51%,#20c9e8 52%)}@media(max-width:800px){.projects{padding:70px 7%}.projects h2{font-size:39px}.project-grid{grid-template-columns:1fr}}
.contact-form{width:min(430px,100%);display:grid;gap:12px}.contact-form label{font-size:12px;font-weight:700;color:#e9fbff}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:5px;border:0;border-radius:8px;padding:12px;font:inherit;color:#13203d}.contact-form textarea{resize:vertical}.contact-form .button{border:0;cursor:pointer;justify-self:start}.trap{position:absolute;left:-9999px}.form-ok{color:#d8ffea!important;font-weight:700}.form-error{color:#ffe1e1!important;font-weight:700}@media(max-width:800px){.contact-form{margin-top:30px}}
.project-grid{align-items:stretch}.project{display:flex;flex-direction:column;min-height:470px}.project>div:last-child{margin-top:auto}.project h3{line-height:1.15}.app-project{background:linear-gradient(160deg,#fbfcff,#f0f5ff)}.web-project{background:linear-gradient(160deg,#fbfcff,#fff1f7)}.vector-project{background:linear-gradient(160deg,#fbfcff,#eefcfb)}.vector-project:before{border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff44;letter-spacing:2px}.contact{position:relative;overflow:hidden;gap:60px}.contact:before{content:'✦';position:absolute;right:7%;top:-30px;color:#ffffff22;font:180px 'Space Grotesk';transform:rotate(18deg)}.contact-form{position:relative;z-index:1;background:#09152f33;border:1px solid #ffffff45;border-radius:18px;padding:24px;backdrop-filter:blur(8px)}.contact-form input,.contact-form select,.contact-form textarea{background:#ffffffee;transition:box-shadow .2s,transform .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;box-shadow:0 0 0 3px #fff6;transform:translateY(-1px)}.contact-form .button{margin-top:6px}.form-ok,.form-error{position:relative;z-index:2}@media(max-width:800px){.project{min-height:0;margin-bottom:18px}.contact{gap:0}.contact:before{font-size:110px;right:-10px}}
.showcase-media{border-radius:22px;overflow:hidden;box-shadow:0 24px 60px #10204a2b}.showcase-media img{display:block;width:100%;height:auto;transition:transform .6s}.showcase-media:hover img{transform:scale(1.025)}
.vector-lab{padding:95px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:linear-gradient(120deg,#09152f,#152d55);color:#fff}.vector-lab h2{font:700 50px 'Space Grotesk';letter-spacing:-2px;margin:14px 0}.vector-lab p:not(.eyebrow){color:#b9cbe5;line-height:1.7;font-size:18px}.format-list{display:flex;gap:10px;margin-top:25px}.format-list span{border:1px solid #20c9e866;border-radius:99px;padding:8px 15px;color:#7de9f5;font-size:12px;font-weight:700;letter-spacing:1px}.upload-card{padding:38px;border:1px dashed #20c9e899;border-radius:20px;background:#ffffff0d;text-align:center}.upload-icon{width:58px;height:58px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#20c9e8,#ed3e92);font-size:30px}.upload-card h3{font:700 25px 'Space Grotesk';margin:8px}.upload-card .button{margin-top:14px}@media(max-width:800px){.vector-lab{display:block;padding:70px 7%}.vector-lab h2{font-size:39px}.upload-card{margin-top:35px}}
.showcase-media{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:transparent;box-shadow:none;overflow:visible}.showcase-media figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 16px 35px #10204a22}.showcase-media figure img{width:100%;aspect-ratio:1/1;object-fit:cover}.showcase-media figcaption{padding:12px 13px;font:700 13px 'Space Grotesk';color:#13203d}.format-list span{display:inline-flex;align-items:center;justify-content:center;min-width:58px}@media(max-width:800px){.showcase-media{margin-top:30px;grid-template-columns:1fr 1fr}.showcase-media figure:last-child{grid-column:span 2}}
.showcase-media figure img{object-fit:cover;aspect-ratio:1/1}.showcase-media figure:nth-child(1) img{object-position:left center}.showcase-media figure:nth-child(2) img{object-position:center center}.showcase-media figure:nth-child(3) img{object-position:right center}
.showcase-media.single{display:block!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 24px 60px #10204a2b!important}.showcase-media.single img{position:static!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;display:block!important}.image-caption{margin:0!important;padding:14px 18px!important;color:#68758c!important;font-size:13px!important;font-weight:700!important;letter-spacing:.5px}
.showcase-media.single{height:auto!important;max-height:none!important;overflow:visible!important}.showcase-media.single img{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}
.showcase-media.single{height:min-content!important;min-height:0!important;align-self:start!important;line-height:0!important}.showcase-media.single img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/1!important}
.showcase{align-items:start!important}.showcase>div[style]{height:auto!important;align-self:start!important}.showcase>div[style] img{height:auto!important;display:block!important}