@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#0b1220;--muted:#5f6775;--line:#dfe3e9;--paper:#f7f7f5;--acid:#d9ff64;--blue:#3765ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}.site-header{align-items:center;display:flex;gap:24px;justify-content:space-between;max-width:1280px;margin:auto;padding:24px 40px}.brand{font-size:14px;font-weight:700;letter-spacing:.03em;text-decoration:none}.brand span:last-child{color:#526075;font-weight:500}.brand-mark{background:var(--ink);border-radius:50%;color:var(--acid);display:inline-grid;height:23px;margin-right:7px;place-items:center;width:23px}nav{display:flex;gap:28px}nav a{color:#384152;font-size:14px;text-decoration:none}.header-cta{border-bottom:1px solid var(--ink);font-size:14px;font-weight:600;padding-bottom:3px;text-decoration:none}.hero{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:650px;overflow:hidden;padding:92px max(40px,calc((100vw - 1200px)/2));position:relative}.hero-copy{max-width:625px;position:relative;z-index:1}.eyebrow{color:#5b6b81;font:11px 'DM Mono',monospace;letter-spacing:.11em;margin:0 0 19px;text-transform:uppercase}.hero .eyebrow{color:#aeb8c7}.hero h1,.section h2,.contact h2{font-size:clamp(50px,6vw,84px);font-weight:500;letter-spacing:-.065em;line-height:.96;margin:0}.hero h1 em,.section h2 em{color:var(--acid);font-family:Fraunces,serif;font-weight:500}.lede{color:#c5cbd6;font-size:19px;line-height:1.55;margin:28px 0 35px;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{align-items:center;display:inline-flex;font-size:14px;font-weight:600;gap:18px;justify-content:center;padding:16px 20px;text-decoration:none}.button-primary{background:var(--acid);color:var(--ink)}.button-primary span,.button-light span{font-size:22px;line-height:12px}.button-quiet{border:1px solid #4e596b;color:white}.hero-art{min-height:480px;position:relative}.orbit{border:1px solid rgba(217,255,100,.22);border-radius:50%;position:absolute}.orbit-one{height:520px;right:-20px;top:-80px;width:520px}.orbit-two{height:310px;right:120px;top:40px;width:310px}.screen{box-shadow:0 25px 80px rgba(0,0,0,.4);position:absolute}.screen-main{background:#f3f5f8;border:8px solid #202b3e;height:370px;right:7%;top:70px;transform:rotate(-7deg);width:min(480px,90%)}.screen-bar{background:#d9ff64;height:13px}.screen-copy{padding:42px}.screen-copy i,.screen-copy b{background:#15233b;display:block;height:12px;margin-bottom:15px;width:82%}.screen-copy i{background:#3765ff;height:70px;width:42%}.screen-copy .short{width:45%}.screen-card{background:#fff;border:1px solid #e0e4e8;display:flex;gap:16px;margin:0 42px;padding:25px}.screen-card span{background:#d9ff64;height:48px;width:48px}.screen-card span+span{background:#3765ff;width:140px}.screen-float{background:#3765ff;bottom:32px;color:white;padding:24px;right:0;transform:rotate(5deg);width:205px}.screen-float small{font:10px 'DM Mono';letter-spacing:.08em}.screen-float strong{display:block;font-size:60px;letter-spacing:-.08em}.screen-float div{background:rgba(255,255,255,.45);height:5px;margin-top:8px;width:100%}.trust-strip{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0;justify-content:center}.trust-strip span{border-right:1px solid var(--line);font:11px 'DM Mono';padding:22px 35px}.section{margin:auto;max-width:1200px;padding:130px 40px}.section-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:65px}.section h2{font-size:clamp(42px,5vw,66px);max-width:820px}.service-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.service-grid article{border-right:1px solid var(--line);padding:28px 34px 10px}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0}.number{color:#3765ff;font:12px 'DM Mono'}.service-grid h3{font-size:26px;letter-spacing:-.045em;margin:50px 0 12px}.service-grid p{color:var(--muted);line-height:1.6}.work{background:#e8ebee;max-width:none;padding-left:max(40px,calc((100vw - 1200px)/2));padding-right:max(40px,calc((100vw - 1200px)/2));display:grid;gap:100px;grid-template-columns:1fr 1fr}.work-intro h2{font-size:clamp(40px,4vw,58px)}.work-intro>p:last-child{color:var(--muted);line-height:1.6;max-width:440px}.process-list{list-style:none;margin:0;padding:0}.process-list li{border-top:1px solid #bfc7d0;display:grid;gap:30px;grid-template-columns:55px 1fr;padding:25px 0}.process-list span{color:#3765ff;font:12px 'DM Mono'}.process-list h3{font-size:26px;letter-spacing:-.04em;margin:0 0 8px}.process-list p{color:var(--muted);margin:0}.proof{padding-bottom:140px;text-align:center}.proof blockquote{font-family:Fraunces,serif;font-size:clamp(32px,4.3vw,62px);letter-spacing:-.055em;line-height:1.04;margin:25px auto;max-width:980px}.signature{color:var(--muted);font-size:14px}.contact{background:var(--acid);padding:105px max(40px,calc((100vw - 1200px)/2))}.contact h2{font-size:clamp(46px,6vw,80px);max-width:900px}.button-light{background:var(--ink);color:white;margin-top:36px}.contact-meta{color:#475337;font-size:14px;margin-top:30px}footer{background:var(--ink);color:#aeb8c7;display:flex;gap:22px;padding:24px max(40px,calc((100vw - 1200px)/2));font-size:13px}footer a{color:#aeb8c7;text-decoration:none}@media(max-width:780px){.site-header{padding:20px}.site-header nav,.header-cta{display:none}.hero{display:block;min-height:760px;padding:72px 24px}.hero-art{margin-top:50px;min-height:320px}.screen-main{height:285px;right:1%;top:5px}.screen-float{bottom:-5px}.trust-strip{display:grid;grid-template-columns:1fr 1fr}.trust-strip span{border-bottom:1px solid var(--line);padding:17px}.section{padding:78px 24px}.section-heading,.work{display:block}.section-heading{margin-bottom:36px}.service-grid{display:block}.service-grid article,.service-grid article:first-child{border-bottom:1px solid var(--line);border-right:0;padding:20px 0}.service-grid h3{margin-top:25px}.work{padding:78px 24px}.process-list{margin-top:48px}.contact{padding:78px 24px}footer{padding:24px;flex-wrap:wrap}}