@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{color-scheme:light;--paper:#f6f7f2;--ink:#20271f;--muted:#63695f;--line:#dce0d5;--green:#4b6338;--lime:#dfedc0;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:24px;top:-70px;padding:14px;background:var(--ink);color:white;z-index:5}.skip-link:focus{top:16px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;min-height:44px}.brand-symbol{font-family:var(--display);font-weight:800;letter-spacing:-4px;font-size:34px;line-height:1;padding-right:3px}.brand-symbol span{color:var(--green)}.brand-name{font-weight:750;font-family:var(--display);font-size:15px;letter-spacing:.02em}.brand .brand-name{border-left:1px solid #bbc1b4;padding-left:15px}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:550}.header nav a{min-height:44px;display:flex;align-items:center;gap:22px}.header nav a:hover{color:var(--green)}.nav-contact{border:1px solid #bac1b2;border-radius:6px;padding:0 18px}.hero{padding-block:89px 93px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.13em;line-height:1.6;margin:0 0 28px;display:flex;align-items:center;gap:9px}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(48px,5.1vw,70px);font-weight:650;letter-spacing:-.065em;line-height:1.08;margin-bottom:27px}.accent{color:var(--green)}.intro{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:30px}.button{min-height:52px;padding:15px 22px;border-radius:6px;display:inline-flex;gap:29px;align-items:center;justify-content:space-between;font-size:13px;font-weight:550;transition:background .2s,transform .2s}.button-dark{background:var(--ink);color:#fff}.button:hover{background:#3d4e32;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.hero-note{font-size:11px;margin:15px 0 0;color:var(--muted)}.hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center;background:#eef0e7;border:1px solid #e2e6d9;border-radius:50% 50% 14px 14px;isolation:isolate}.art-grid{position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(#dce1d255 1px,transparent 1px),linear-gradient(90deg,#dce1d255 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(transparent,#000 60%)}.browser-shape{width:79%;height:246px;background:var(--paper);border:1px solid #aeb9a2;border-radius:9px;transform:rotate(-5deg);box-shadow:12px 17px 0 #dbe3ce}.browser-bar{height:36px;border-bottom:1px solid #dce0d5;display:flex;align-items:center;gap:5px;padding:0 13px}.browser-bar>span{width:5px;height:5px;border-radius:50%;background:#b9c2b0}.browser-bar i{margin-left:auto;font-style:normal;font-size:8px;color:#75816c;font-family:monospace}.browser-content{padding:22px 27px}.code-symbol{font-family:monospace;font-size:64px;letter-spacing:-8px;color:#364b28;line-height:1.15;margin-bottom:18px}.code-symbol span{color:#92a676}.visual-line{height:7px;background:#dce2d3;border-radius:2px;margin-bottom:8px}.long{width:68%}.short{width:45%}.visual-button{width:63px;height:22px;background:#d2e3ae;border-radius:3px;margin-top:18px}.art-badge{position:absolute;right:-16px;bottom:61px;background:var(--lime);border:1px solid #c3d5a3;padding:14px 19px;border-radius:6px;display:flex;align-items:center;gap:13px;transform:rotate(4deg);font-size:11px;font-weight:600;box-shadow:0 4px 12px #27351f08}.art-badge span{font-size:26px}.art-label{position:absolute;font-size:8px;letter-spacing:.13em;color:#79836d}.label-top{top:28px}.label-bottom{bottom:20px;left:24px}.services{border-top:1px solid var(--line);padding-top:54px;padding-bottom:70px}.section-heading{display:grid;grid-template-columns:.9fr 1.35fr 1fr;align-items:start;gap:25px}.section-heading .eyebrow{padding-top:8px}h2{font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.25;letter-spacing:-.05em;margin-bottom:24px}.section-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;padding-top:8px}.service-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.service{border-top:1px solid var(--line);padding-top:25px}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.service-icon{font-size:25px;color:var(--green);width:43px;height:43px;border:1px solid #d5dec9;border-radius:9px;display:grid;place-items:center;background:#edf1e5}.code-icon{font-size:18px;font-family:monospace}.index{font-size:10px;color:#797f73;font-family:monospace}h3{font-size:19px;font-weight:650;letter-spacing:-.04em;margin-bottom:12px}.service p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:24px}.service-tag{font-size:8px;letter-spacing:.12em;font-weight:600;color:var(--green)}.about{padding-block:60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.about .eyebrow{margin-bottom:23px}.about h2{margin-bottom:0}.about-copy{padding-top:7px}.about-copy p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:18px}.principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.principles span{font-size:10px;border:1px solid var(--line);padding:7px 11px;border-radius:4px}.contact{padding-block:15px 60px}.contact-panel{background:var(--lime);padding:44px 46px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{margin-bottom:17px;font-size:9px}.contact h2{font-size:34px;margin-bottom:15px}.contact h2 span{color:var(--green)}.contact p:not(.eyebrow){font-size:13px;color:#4d5a41;margin-bottom:0;line-height:1.7}.contact-action{display:flex;flex-direction:column;align-items:center;gap:17px;flex-shrink:0}.phone{font-size:12px;min-height:44px;display:flex;align-items:center}.phone:hover{text-decoration:underline}.footer{padding-block:24px 30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}.footer p{font-size:11px;color:var(--muted);margin:0}.footer>span{margin-left:auto;font-size:10px;color:var(--muted)}.footer-dot{color:var(--green)}
@media(min-width:1500px){.hero{padding-block:110px}.hero-art{height:420px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:36px;padding-block:65px}.hero-art{height:330px}.browser-shape{height:225px}.browser-content{padding:17px 22px}.art-badge{right:-10px;bottom:38px}.intro{font-size:15px}.section-heading{grid-template-columns:.8fr 1.2fr 1fr}.service-grid{gap:25px}.contact-panel{padding:36px 30px}.contact h2{font-size:30px}.about{gap:50px}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.header{height:84px}.header nav{gap:14px}.header nav>a:not(.nav-contact){display:none}.brand .brand-name{font-size:12px;padding-left:11px}.brand{gap:11px}.brand-symbol{font-size:30px}.nav-contact{padding:0 12px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:51px 48px;gap:40px}.hero h1{font-size:clamp(47px,10.5vw,68px)}.hero .eyebrow{font-size:9px;margin-bottom:24px}.intro{font-size:15px}.hero-art{height:310px;width:min(410px,100%);margin-inline:auto}.browser-shape{max-width:310px}.art-badge{right:0;bottom:38px}.services{padding-top:34px;padding-bottom:42px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2 br{display:none}.section-heading h2{margin-bottom:16px}.section-heading>p:last-child{padding-top:0}.section-heading>p:last-child br{display:none}.service-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.service-top{margin-bottom:17px}.service p{max-width:520px;margin-bottom:16px}.service-tag{font-size:9px}.about{grid-template-columns:1fr;gap:19px;padding-block:38px}.about h2 br{display:none}.about-copy p{font-size:14px}.principles{margin-top:20px}.contact{padding-block:5px 36px}.contact-panel{padding:29px 24px;display:block}.contact h2{font-size:29px}.contact-action{align-items:flex-start;margin-top:26px;gap:6px}.contact .button{font-size:12px;gap:20px}.phone{padding-left:2px}.footer{flex-wrap:wrap;gap:14px;padding-bottom:24px}.footer p{width:100%;order:3}.footer>span{font-size:9px}.footer .brand-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}