@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{--ink:#171b18;--muted:#6a706a;--paper:#fafbf8;--lime:#c6f364;--line:#dce0d7;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #718b32;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 2rem/1 Manrope,sans-serif;letter-spacing:-1.7px;display:inline-flex;align-items:center}.brand-period{color:#6d8a2e}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--lime);width:37px;height:37px;border-radius:10px;font-size:30px;margin-right:10px;position:relative;padding-right:7px}.brand-symbol span{font-size:20px;margin-left:-5px;margin-top:-10px}nav{display:flex;align-items:center;gap:36px;font-weight:550;font-size:.9rem}nav a:hover,.text-link:hover{color:#647b2f}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:10px 22px;display:flex;gap:30px}.hero{padding-top:54px}.eyebrow{font-size:.75rem;letter-spacing:1.8px;font-weight:650;display:flex;align-items:center;gap:10px}.small-cross{font-size:24px;line-height:1}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center;margin-top:30px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,var(--font);font-weight:550}h1{font-size:clamp(3rem,5.6vw,5.55rem);line-height:1.08;letter-spacing:-4.5px}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.outlined{color:var(--ink)}.hero-copy{color:var(--muted);max-width:465px;margin:28px 0;font-size:1.05rem;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border:0;border-radius:7px;padding:17px 24px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.lime{background:var(--lime)}.lime:hover{background:#b8e952}.dark{background:var(--ink);color:white}.dark:hover{background:#303a2e}.product-art{height:455px;border-radius:16px;background:var(--ink);position:relative;overflow:hidden;color:var(--paper);isolation:isolate}.art-top,.art-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center}.art-top{top:26px;color:#bbc3b5;font-size:.7rem;letter-spacing:1.3px}.art-bottom{bottom:25px;font-size:.8rem;line-height:1.5;color:#c1c8bd}.art-spark{font-size:46px;color:var(--lime)}.orbit{position:absolute;border:1px solid #4e5b41;border-radius:50%;width:370px;height:210px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-43deg);z-index:-1}.orbit-two{transform:translate(-50%,-50%) rotate(43deg);border-color:#343f2e}.idea-core{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-9deg);width:134px;height:134px;background:var(--lime);color:var(--ink);border-radius:30px;font:750 112px/.95 Manrope,sans-serif;letter-spacing:-12px;display:flex;align-items:center;justify-content:center;padding-right:18px;box-shadow:0 18px 65px #0005}.idea-core span{font:500 67px/1 var(--font);margin-top:-34px;margin-left:-12px}.orbit-label{position:absolute;border:1px solid #526045;background:#232b20;color:#e5eadf;border-radius:7px;padding:12px 16px;display:flex;gap:10px;align-items:center;font-size:.8rem;box-shadow:0 8px 24px #0002}.orbit-label span{color:var(--lime);font-size:22px;line-height:1}.label-web{right:19px;top:106px;transform:rotate(6deg)}.label-mobile{left:18px;bottom:126px;transform:rotate(-6deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:59px;border-top:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:.75rem;letter-spacing:1.1px}.hero-bottom a{letter-spacing:0;font-size:.85rem;display:flex;gap:23px}.section{padding-top:100px;padding-bottom:100px}.expertise{background:#eef0e9}.section-head{display:grid;grid-template-columns:1fr 1.25fr;gap:24px 70px;align-items:end}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(2.2rem,3.45vw,3.6rem);line-height:1.18;letter-spacing:-2px}.section-head p{max-width:390px;justify-self:end;color:var(--muted);font-size:1rem}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.service{background:var(--paper);border:1px solid #dde2d6;border-radius:9px;padding:29px 27px}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;color:#7d8477;font-size:.75rem}.service-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#edf3e3;color:var(--ink);font-size:35px;line-height:1}.code-icon{font-size:22px}h3{font-size:1.35rem;letter-spacing:-.7px}.service p{color:var(--muted);margin-top:15px;font-size:.95rem;line-height:1.75}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.tags span{font-size:.75rem;border:1px solid var(--line);border-radius:30px;padding:5px 10px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach h2{margin-top:25px}.approach-intro p{margin:23px 0;max-width:445px;color:var(--muted)}.text-link{font-size:.95rem;border-bottom:1px solid;padding-bottom:5px;display:inline-flex;gap:35px}.steps article{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article>span{font-size:.8rem;background:#edf2e5;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;margin-top:3px}.steps p{color:var(--muted);font-size:.95rem;margin-top:9px;max-width:350px}.contact{background:var(--lime)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{font-size:clamp(3rem,4.8vw,4.8rem);margin:27px 0;position:relative}.contact-star{display:inline-block;font-family:var(--font);font-size:.9em;margin-left:25px;vertical-align:middle}.contact p{max-width:355px;color:#424d30}.email{display:inline-flex;align-items:center;gap:25px;font-size:1rem;font-weight:600;border-bottom:1px solid #657e3b;padding-bottom:7px;margin-top:27px}.contact-signature{font-size:.75rem;letter-spacing:1px;margin-top:68px}.contact-signature span{font-size:.85rem;letter-spacing:0;color:#455236}form{padding-top:3px}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}label span{font-weight:400}.optional{color:#4f5e3c}input,textarea,select{width:100%;background:#ffffff52;border:1px solid #819f4766;border-radius:5px;padding:13px 15px;color:var(--ink);margin:0 0 21px;min-width:0;font-size:.9rem}input::placeholder,textarea::placeholder{color:#586744;opacity:1}input:focus,textarea:focus,select:focus{outline:2px solid #394c20;outline-offset:2px;background:#ffffff7a}textarea{resize:vertical;min-height:125px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact .form-note{max-width:none;font-size:.75rem;line-height:1.55;margin:-4px 0 20px}.contact .button{width:100%}.honeypot{display:none}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:32px;padding-bottom:32px}.footer .brand{font-size:1.6rem}.footer p,.footer>a:last-child{font-size:.8rem;color:var(--muted)}.skip{position:fixed;left:15px;top:-100px;background:var(--ink);color:white;z-index:5;padding:10px}.skip:focus{top:15px}.thanks{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.thanks h1{font-size:3.5rem;letter-spacing:-2px}.thanks p{margin:25px auto;max-width:460px}.thanks .button{justify-self:center}
@media(min-width:1500px){.hero-grid{gap:100px}.product-art{height:490px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{letter-spacing:-3px}.hero-grid{gap:25px;grid-template-columns:1.15fr 1fr}.product-art{height:410px}.orbit{width:300px}.idea-core{width:115px;height:115px;font-size:95px}.orbit-label{font-size:.75rem;padding:10px}.label-web{right:10px;top:80px}.label-mobile{left:10px;bottom:105px}.section{padding:75px 0}.services{gap:14px}.service{padding:23px 20px}.approach,.contact-grid{gap:50px}.email{font-size:.9rem;gap:12px}.contact-star{margin-left:14px}.section-head{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:1.65rem}.brand-symbol{width:31px;height:31px;font-size:26px}nav{gap:18px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:8px 15px;font-size:.8rem;gap:18px}.hero{padding-top:34px}.eyebrow{font-size:.7rem;letter-spacing:1.3px}.hero-grid{grid-template-columns:1fr;gap:38px;margin-top:25px}h1{font-size:clamp(2.6rem,10vw,4.7rem);letter-spacing:-2.7px}.hero-copy{font-size:1rem;margin:24px 0}.hero .button{width:100%}.product-art{height:355px}.orbit{width:330px;height:190px}.idea-core{top:47%;width:115px;height:115px}.label-web{right:25px;top:69px}.label-mobile{left:22px;bottom:85px}.art-top,.art-bottom{left:22px;right:22px}.art-bottom{bottom:19px}.hero-bottom{margin-top:32px;padding:20px 0}.hero-bottom>span{font-size:.65rem;max-width:155px}.hero-bottom a{font-size:.75rem;gap:10px}.section{padding:60px 0}.section-head{grid-template-columns:1fr;gap:20px}h2{font-size:2.45rem;letter-spacing:-1.5px}.section-head p{justify-self:start;max-width:460px}.services{grid-template-columns:1fr;gap:16px;margin-top:30px}.service{padding:25px}.service-top{margin-bottom:25px}.service p{max-width:500px}.tags{margin-top:23px}.approach,.contact-grid{grid-template-columns:1fr;gap:40px}.approach h2{margin-top:20px}.steps article{padding:23px 0}.contact h2{font-size:3.5rem}.contact-signature{margin-top:30px}.contact p{max-width:450px}.email{font-size:.95rem}.form-row{grid-template-columns:1fr;gap:0}.footer{flex-wrap:wrap;padding-top:27px;padding-bottom:27px;gap:18px}.footer p{order:3;width:100%;font-size:.75rem}.footer>a:last-child{margin-left:auto}.thanks h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}