:root{--ink:#111827;--muted:#515c6f;--blue:#0059d6;--bright:#087bff;--line:#e1e7ef;--soft:#f5f8fd;--night:#08162d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2a84ff;outline-offset:4px}.wrap{width:min(1192px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;left:12px;background:white;padding:10px;z-index:20}.skip:focus{top:8px}.bar{position:sticky;top:0;z-index:5;background:#fffffffa;border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:170px;display:block;mix-blend-mode:multiply}.links{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:600;color:#344054}.links a:hover,.arrow:hover{color:var(--blue)}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;border-radius:7px;border:1px solid transparent;background:var(--blue);color:white;font-weight:650;font-size:14px;min-height:46px;transition:background .2s,transform .2s}.button:hover{background:#0049b0;transform:translateY(-2px)}.button.secondary{color:var(--ink);background:white;border-color:#dce4ef}.button.secondary:hover{background:#eef5ff}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:11px;margin:0 0 20px}.eyebrow:before{content:"";width:19px;height:1px;background:currentColor}.hero{background:#f8faff;border-bottom:1px solid var(--line);padding:63px 0 0}.hero-grid{display:grid;grid-template-columns:1fr .91fr;gap:56px;align-items:center}.hero h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(45px,5.55vw,81px);letter-spacing:-.075em;line-height:.99;font-weight:730;margin-bottom:25px}.hero h1 span{color:var(--blue)}.hero p:not(.eyebrow){max-width:500px;color:var(--muted);font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.plate{position:relative;overflow:hidden;aspect-ratio:1.13;background:#07162f;border:1px solid #1b315a;border-radius:12px;box-shadow:0 24px 58px #10295020}.plate svg{width:100%;height:100%;position:absolute;inset:0}.plate-label{position:absolute;color:#d7e7ff;font:10px/1.2 ui-monospace,monospace;letter-spacing:.13em;left:20px;top:21px}.plate-label.bottom{top:auto;bottom:19px;display:flex;justify-content:space-between;right:20px;border-top:1px solid #6b98d74c;padding-top:13px}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:49px;padding:16px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.arrow{color:var(--blue);font-weight:700;font-size:14px}section{padding:89px 0}.intro{max-width:725px;margin-bottom:34px}h2{font-size:clamp(35px,4.4vw,62px);line-height:1.04;letter-spacing:-.066em;margin-bottom:16px}h3{font-size:22px;line-height:1.22;letter-spacing:-.034em;margin-bottom:12px}p{margin-bottom:16px}p.copy,.card p,.step p,.project p{color:var(--muted)}.services-grid,.principles,.steps,.work-grid{display:grid;gap:16px}.services-grid{grid-template-columns:repeat(3,1fr)}.card{padding:27px;background:white;border:1px solid var(--line);border-radius:10px;transition:transform .2s,border-color .2s}.card:hover{border-color:#8cbcff;transform:translateY(-3px)}.icon{display:grid;place-items:center;width:45px;height:45px;color:var(--blue);background:#eaf3ff;border-radius:8px;margin-bottom:26px}.icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.5}.card ul{padding-left:19px;color:#35435b;font-size:14px;margin:15px 0}.card summary{color:var(--blue);font-size:14px;font-weight:700;cursor:pointer}.section-foot{margin-top:25px}.why{background:var(--night);color:#f3f7ff}.why .eyebrow,.contact .eyebrow{color:#8abfff}.why .copy,.why .principle p,.contact .copy{color:#c3d1e6}.principles{grid-template-columns:repeat(4,1fr);gap:24px}.principle{padding-top:16px;border-top:1px solid #ffffff32}.num{color:#78b7ff;font:12px ui-monospace,monospace;display:block;margin-bottom:16px}.work-grid{grid-template-columns:repeat(2,1fr)}.project{border:1px solid var(--line);border-radius:12px;overflow:hidden}.project-body{padding:24px}.project .eyebrow{margin-bottom:12px}.art{height:auto;aspect-ratio:1.72;display:grid;place-items:center;overflow:hidden;background:#e3ebfa;padding:8% 10% 0}.art.app{background:#dce9ff}.mock{width:100%;height:100%;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 12px 40px #0d2c6240;overflow:hidden}.mock-top{padding:7px 12px;font:10px ui-monospace,monospace;color:#426087;border-bottom:1px solid #e1e7ef}.web .mock-main{background:#0e2341;color:#fff;padding:7% 8%;height:80%;position:relative;overflow:hidden}.mock-main b{display:block;font-size:clamp(16px,3vw,38px);letter-spacing:-.06em;line-height:1;max-width:65%}.web .mock-main:after{content:"";width:45%;aspect-ratio:1;position:absolute;right:-6%;top:8%;border:1px solid #4e91f1;border-radius:50%;box-shadow:0 0 0 12px #214372,0 0 0 24px #1a365c,0 0 0 36px #162c4b}.mock-chip{display:inline-block;background:#0069ed;color:white;padding:4px 8px;margin-top:10px;font-size:9px;border-radius:3px}.app .mock-main{padding:5% 6%;border-left:23px solid #162d52}.mini-grid{display:flex;align-items:end;gap:7%;height:65px;margin-top:14px;border-bottom:1px solid #bdcde4}.mini-grid i{flex:1;background:#3489f1;border-radius:4px 4px 0 0}.stack{font:12px ui-monospace,monospace;color:#526580}.process{background:var(--soft);border-block:1px solid var(--line)}.steps{grid-template-columns:repeat(4,1fr);gap:22px}.step{border-top:1px solid #a7c4ed;padding-top:18px}.step .num{color:var(--blue)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}.contact{background:var(--night);color:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contact .next{padding-top:18px;border-top:1px solid #ffffff32;color:#c3d1e6}.form{background:white;color:var(--ink);border-radius:12px;padding:27px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:5px;align-content:start}.field span{font-size:12px;color:var(--muted);font-weight:400}.field label{font-weight:650;font-size:14px}.field input,.field select,.field textarea{min-width:0;width:100%;padding:10px 11px;border:1px solid #bdc8d9;border-radius:6px;background:white;color:var(--ink)}.full{grid-column:1/-1}.form button{justify-self:start}.trap{position:absolute;left:-10000px}.status{margin:0}.status:empty{display:none}.success{color:#116340}.error{color:#a01632}.footer{padding:35px 0 22px}.foot-top,.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.foot-top p{margin:10px 0;color:var(--muted);font-size:14px}.foot-links{display:flex;flex-wrap:wrap;gap:17px;font-size:14px}.foot-bottom{border-top:1px solid var(--line);margin-top:19px;padding-top:18px;color:var(--muted);font-size:12px}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero-grid,.contact-grid,.about-grid{gap:30px}.links{gap:17px}.card{padding:19px}.hero{padding-top:50px}}@media(max-width:760px){.nav{height:65px}.menu{display:inline-flex;background:white;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--ink)}.links{display:none;position:absolute;top:64px;left:0;right:0;padding:14px 24px 23px;background:white;border-bottom:1px solid var(--line);align-items:stretch}.links.open{display:grid;gap:0}.links a{padding:9px}.links .button{margin-top:6px}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero h1{max-width:650px}.plate{aspect-ratio:1.35}.hero-foot{margin-top:28px}.services-grid{grid-template-columns:1fr}.steps,.principles{grid-template-columns:1fr 1fr}section{padding:59px 0}}@media(max-width:480px){.wrap{width:calc(100% - 34px)}.work-grid,.form{grid-template-columns:1fr}.form{padding:19px}.hero-foot,.foot-top{align-items:flex-start;flex-direction:column;gap:9px}.foot-bottom{align-items:flex-start}.plate-label{font-size:8px}.hero h1{font-size:clamp(43px,11vw,56px)}.principles,.steps{gap:15px}.principle h3,.step h3{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.mini-grid i:nth-child(1){height:34%}
.mini-grid i:nth-child(2){height:59%}
.mini-grid i:nth-child(3){height:48%}
.mini-grid i:nth-child(4){height:80%}
.mini-grid i:nth-child(5){height:67%}
.mini-grid i:nth-child(6){height:91%}
.mini-grid i:nth-child(7){height:76%}
.form-note{margin:0;color:var(--muted);font-size:14px}
#verification{min-width:0}
.form button:disabled{opacity:.7;cursor:wait;transform:none}
