@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f5f0;--ink:#21251f;--muted:#656b64;--line:#d9ddd4;--blue:#3658ed;--lime:#dce9ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}header{height:100px;max-width:1400px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Manrope,sans-serif;font-size:37px;font-weight:800;letter-spacing:-2.5px;line-height:1}.brand span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:4px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:9px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.textlink:hover{color:var(--blue)}.dot{display:inline-block;background:var(--blue);width:7px;height:7px;border-radius:50%;margin-left:4px}.navcta{font-size:13px;border:1px solid var(--ink);border-radius:30px;padding:11px 18px}.navcta span{margin-left:20px}.menu{display:none}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.7px;display:block}.hero{padding-top:48px}.hero .eyebrow .dot{margin:0 8px 0 0}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin:30px 0 42px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.9vw,78px);font-weight:500;line-height:1.07;letter-spacing:-4.5px;margin-bottom:28px}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.05em}.blue{color:var(--blue)}.lead{font-size:17px;max-width:450px;line-height:1.7;color:var(--muted);margin-bottom:28px}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 22px;border:0;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--blue);color:white}.textlink{font-size:13px;font-weight:600}.textlink span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:35px}.initials{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;height:42px;width:42px;font-size:11px;font-weight:700}.hero-note p{font-size:11px;margin:0;color:var(--muted)}.hero-note strong{color:var(--ink)}.hero-art{height:465px;position:relative;border-radius:8px;background:#e3e8e1;overflow:hidden;background-image:radial-gradient(#7d8a751b 1px,transparent 1px);background-size:17px 17px}.art-top,.art-bottom{position:absolute;display:flex;justify-content:space-between;align-items:center;left:24px;right:24px;font-size:9px;letter-spacing:1.7px;z-index:2}.art-top{top:24px}.art-bottom{bottom:20px}.code{font-size:25px;letter-spacing:-2px}.sphere{position:absolute;left:22%;top:18%;width:65%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#7392ff,#3453db 45%,#142ea0 75%,#0a205f);box-shadow:inset -16px -20px 30px #14236466,0 25px 35px #21379138;transform:rotate(-15deg)}.sphere:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 40% 35%,transparent 0 8px,#ffffff0c 9px 10px)}.sphere span{font-size:200px;color:#aec0ff;line-height:1;text-shadow:5px 8px 20px #153077}.orbit{position:absolute;width:82%;height:55%;left:10%;top:22%;border:1px solid #909e84;border-radius:50%;transform:rotate(-35deg)}.orbit2{transform:rotate(45deg);height:67%;top:16%}.orbit3{transform:rotate(90deg);height:47%;top:25%}.floating{position:absolute;z-index:3;display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fcfdf8;border-radius:7px;box-shadow:0 12px 40px #253c3118;font-size:13px;min-width:205px}.floating small{display:block;font-size:10px;color:var(--muted)}.floating>span:last-child{margin-left:auto}.wp{top:75px;left:20px;transform:rotate(-7deg)}.ai{bottom:72px;right:17px;transform:rotate(6deg);background:var(--lime)}.wpicon{border:1px solid var(--ink);border-radius:50%;font:italic 28px Georgia;width:37px;height:37px;display:grid;place-items:center}.spark{font-size:38px;line-height:1}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font-size:9px;letter-spacing:1.4px;color:var(--muted)}.techstrip{display:flex;align-items:center;justify-content:center;gap:55px;padding:26px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:Manrope;font-size:17px;font-weight:600;color:#71766d}.section{padding-top:100px;padding-bottom:100px}.sectionhead{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:45px}.sectionhead .eyebrow{margin-bottom:24px}h2{font-size:clamp(35px,4vw,52px);font-weight:500;line-height:1.13;letter-spacing:-2.4px;margin-bottom:0}.sectionhead>p{color:var(--muted);font-size:14px;margin:0 0 4px;max-width:350px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s;position:relative;min-height:225px}.service:hover{background:white}.service-top{display:flex;justify-content:space-between;font:12px monospace;color:var(--muted);margin-bottom:23px}.service-top span:last-child{font-size:22px;color:var(--ink)}h3{font-size:20px;letter-spacing:-.6px;font-weight:600;line-height:1.3}.service p{font-size:13px;color:var(--muted);margin:0}.service a{display:block}.service a:after{content:'';position:absolute;inset:0}.ai-section{background:#202820;color:#f4f5f0;padding:85px 0}.ai-section .sectionhead>p{color:#afb8aa}.ai-section .dot{background:var(--lime)}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ai-card{padding:32px;background:#2b342a;border:1px solid #495044;border-radius:6px;position:relative}.bigicon{font-size:39px;font-family:Georgia;color:var(--lime);display:block;margin-bottom:32px}.pill{position:absolute;right:28px;top:37px;font-size:9px;letter-spacing:1px;padding:6px 10px;border:1px solid #69725e;border-radius:20px;color:var(--lime)}.ai-card h3{font-size:27px}.ai-card p{font-size:14px;color:#c2cabd;max-width:470px}.ai-card ul{padding:22px 0;list-style:none;border-top:1px solid #495044;font-size:12px;color:#d9dfd4;margin:24px 0 0}.ai-card li{margin-bottom:10px}.ai-card li:before{content:'↗';margin-right:10px;color:var(--lime)}.ai-card .textlink{color:var(--lime)}.ai-foot{display:flex;align-items:center;gap:18px;padding-top:30px}.ai-foot>span{font-size:26px;color:var(--lime)}.ai-foot p{font-size:12px;margin:0;color:#bdc6b6}.ai-foot a{font-size:12px;white-space:nowrap;margin-left:auto;color:var(--lime)}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{border:0;text-align:left;padding:0;background:transparent;color:var(--ink)}.project-preview{height:270px;background:#e2e5dd;padding:20px;overflow:hidden;border-radius:5px;position:relative}.project:nth-child(3n+2) .project-preview{background:#e8e1d9}.project:nth-child(3n+3) .project-preview{background:#dbe1e7}.project-preview img{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 7px 15px #0002;transition:transform .35s}.project:hover img{transform:scale(1.04)}.project-preview span{position:absolute;right:12px;bottom:12px;background:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.project h3{font-size:17px;margin:18px 0 5px}.project p{font-size:11px;color:var(--muted)}.outline{padding:12px 20px;border:1px solid var(--line);border-radius:5px;background:transparent;font-size:12px;margin:25px 0 0}.outline span{margin-left:35px}.extra{margin-top:30px}[hidden]{display:none!important}.clients-head{display:flex;justify-content:space-between;align-items:center;margin-top:75px;padding-top:30px;border-top:1px solid var(--line);gap:15px}.clients-head h3{font-size:14px}.clients-head span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.clients{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.client{background:white;height:85px;padding:20px;display:grid;place-items:center;border:1px solid #e7e9e2;border-radius:4px}.client img{max-width:100%;max-height:45px;object-fit:contain}.client.dark{background:#454a42}.all-clients{margin-top:15px}.all-clients summary{cursor:pointer;font-size:12px;list-style:none;padding:15px 0}.all-clients summary span{float:right}.all-clients .clients{margin-top:10px}.about-section{background:#e9ece4;padding:85px 0}.about{display:grid;grid-template-columns:.85fr 1.2fr;gap:75px;align-items:center}.portrait{position:relative}.portrait img{width:100%;height:500px;object-fit:cover;filter:saturate(.65);border-radius:6px}.portrait>span{position:absolute;bottom:25px;left:25px;font-size:9px;letter-spacing:1.5px;color:white;background:#1f292bad;padding:10px}.about .eyebrow{margin-bottom:25px}.about h2{font-size:43px;margin-bottom:25px}.about p{font-size:13px;color:var(--muted)}.about .large{font-size:17px;color:var(--ink)}.about a{text-decoration:underline;text-underline-offset:3px}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.skills span{border:1px solid #c7cebd;border-radius:25px;font-size:10px;padding:7px 10px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:30px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line)}.step>span{font:13px monospace;color:var(--blue)}.step h3{font-size:17px;margin:0}.step p{margin:0;font-size:13px;color:var(--muted)}.benefits{padding-bottom:100px}.benefits .eyebrow{margin-bottom:25px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.benefit{border-top:1px solid var(--line);padding-top:22px}.benefit h3{font-size:15px}.benefit p{font-size:13px;color:var(--muted)}.contact-section{padding:80px 0;background:var(--blue);color:white}.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:90px}.contact .eyebrow{margin-bottom:28px;color:#d0d8ff}.contact h2{font-size:62px;margin-bottom:25px}.contact p{color:#dce2ff;font-size:14px}.light{background:#f4f5f0;color:var(--ink)}.contact small{display:block;font-size:10px;margin-top:14px;color:#dce2ff}form{border-left:1px solid #ffffff40;padding-left:50px}form h3{font-size:19px}label{display:block;font-size:11px;margin:18px 0 8px}select,textarea{width:100%;background:#ffffff10;border:1px solid #ffffff65;border-radius:5px;padding:12px;color:white;font-size:13px}select option{color:var(--ink);background:white}textarea::placeholder{color:#d5ddff}form .button{width:100%;margin-top:18px}form .form-note{font-size:10px;margin-top:12px}#form-status{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px}footer .brand{font-size:28px}footer p{font-size:11px;margin:0;color:var(--muted)}footer>span,footer>a:last-child{font-size:10px}dialog{border:0;background:var(--bg);border-radius:8px;width:min(1000px,92vw);max-height:90vh;padding:30px}dialog::backdrop{background:#18201dbd}dialog img{width:100%;display:block}dialog p{font-size:12px;margin:15px 0 0}#close-gallery{position:sticky;top:0;float:right;background:var(--ink);color:white;border:0;width:38px;height:38px;border-radius:50%;font-size:25px}.skip{position:fixed;top:-100px;left:10px;background:white;z-index:99;padding:15px}.skip:focus{top:10px}
@media(min-width:1500px){h1{font-size:79px}}@media(max-width:1050px){header{padding:0 30px}nav{gap:16px}.navcta{font-size:11px}.wrap{padding-left:30px;padding-right:30px}.hero-grid{gap:30px}h1{letter-spacing:-3px}.hero-art{height:420px}.techstrip{gap:25px;font-size:14px}.about{gap:35px}.contact{gap:40px}.contact h2{font-size:49px}form{padding-left:30px}.clients{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){header{height:80px;padding:0 22px;position:relative}.brand{font-size:30px}.brand small{font-size:8px}.navcta{margin-left:auto;padding:9px 12px}.navcta span{margin-left:7px}.menu{display:block;border:0;background:transparent;font-size:22px;padding:4px}nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--bg);z-index:10;padding:25px;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column}.wrap{padding-left:22px;padding-right:22px}.hero{padding-top:30px}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero-grid{grid-template-columns:1fr;margin-top:25px;gap:30px}h1{font-size:57px;letter-spacing:-3px}.lead{font-size:15px}.actions{gap:20px}.button{padding:14px 16px;font-size:12px;gap:15px}.hero-note{margin-top:25px}.hero-art{height:385px;max-width:500px;width:100%}.sphere{width:58%;left:24%;top:13%}.sphere span{font-size:160px}.wp{top:55px}.ai{bottom:55px}.hero-footer{font-size:8px}.hero-footer span:last-child{display:none}.techstrip{flex-wrap:wrap;gap:14px 25px;font-size:12px;padding:20px}.section{padding-top:65px;padding-bottom:65px}.sectionhead{display:block;margin-bottom:30px}.sectionhead>p{margin-top:24px;font-size:13px}h2{font-size:39px;letter-spacing:-1.9px}.sectionhead .eyebrow{margin-bottom:20px}.services{grid-template-columns:1fr 1fr}.service{padding:20px;min-height:230px}.service h3{font-size:17px}.service p{font-size:12px}.ai-section{padding:65px 0}.ai-grid{grid-template-columns:1fr}.ai-card{padding:25px}.ai-card h3{font-size:24px}.ai-foot{align-items:flex-start;flex-wrap:wrap}.ai-foot p{flex:1}.ai-foot a{margin-left:45px}.portfolio{grid-template-columns:1fr 1fr;gap:20px}.project-preview{height:240px;padding:14px}.clients-head{display:block;margin-top:40px}.clients{grid-template-columns:repeat(3,1fr);gap:8px}.client{height:75px;padding:13px}.about-section{padding:65px 0}.about{grid-template-columns:1fr;gap:35px}.portrait{max-width:450px}.portrait img{height:420px}.about h2{font-size:37px}.step{grid-template-columns:32px 1fr;gap:10px 18px}.step p{grid-column:2}.benefits{padding-bottom:65px}.benefit-grid{grid-template-columns:1fr 1fr;gap:20px}.contact-section{padding:65px 0}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:49px}form{padding-left:0;border-left:0;border-top:1px solid #ffffff40;padding-top:30px}footer{flex-wrap:wrap}footer p{width:65%;text-align:right}footer>span{margin-right:auto}}@media(max-width:430px){h1{font-size:49px}.services{grid-template-columns:1fr}.service{min-height:0}.portfolio{grid-template-columns:1fr}.project-preview{height:320px}.hero-art{height:350px}.floating{min-width:185px;padding:11px 13px}.wp{left:12px}.ai{right:12px}.clients{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:1fr}.navcta{font-size:10px}.navcta span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}