:root{--font-heading:'Manrope',sans-serif;--font-body:'IBM Plex Mono',sans-serif;--background:#FFFFFF;--foreground:#111827;--muted:#464A53;--primary:#D04A4A;--accent:#D04A4A;--border:#DBDEE5;--r:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font:400 16px/1.65 var(--font-body);overflow-x:hidden}body.lock{overflow:hidden}h1,h2,h3,.feature b{font-family:var(--font-heading);letter-spacing:-.01em}h1,h2,h3,p,figure{margin:0}h1{font-size:60px;font-weight:600;line-height:1.03;max-width:760px}h2{font-size:28px;font-weight:600;line-height:1.15}h3{font-size:22px;font-weight:500;line-height:1.25}a{color:var(--primary);text-decoration:none}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:1px solid var(--primary);outline-offset:3px}button,.btn{border:1px solid var(--primary);background:var(--primary);color:var(--background);border-radius:6px;min-height:44px;padding:0 18px;font:500 13px/1 var(--font-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.shell{width:min(1180px,calc(100% - 48px));margin:auto}
.top{height:96px;display:grid;grid-template-columns:1fr;align-items:center;gap:30px;border-bottom:1px solid var(--border);position:relative;z-index:5}.menuBtn{position:fixed;right:36px;top:26px;z-index:30;width:58px;min-width:58px;height:46px;padding:0;border-radius:999px;transition:.35s}.menuBtn svg{width:24px;height:24px}.menuBtn .xIcon{display:none}.scrolled .menuBtn{background:var(--background);border-color:var(--border);color:var(--foreground);transform:translateY(10px)}.open .menuBtn{background:var(--primary);border-color:var(--primary);color:var(--background)}.open .menuIcon{display:none}.open .xIcon{display:block}.menu{position:fixed;inset:0;z-index:20;background:var(--background);display:grid;grid-template-columns:1fr 1fr;transform:translateX(100%);transition:transform 1s cubic-bezier(.16,1,.3,1);visibility:hidden}.open .menu{transform:none;visibility:visible}.menu>div:first-child{padding:70px 60px;display:flex;flex-flow:column;justify-content:space-between}.menu ul{list-style:none;margin:0;padding:0}.menu li a{display:inline-block;font:400 46px/1.18 var(--font-heading);color:var(--muted);transition:color .3s,transform .45s cubic-bezier(.16,1,.3,1)}.menu li a:hover{color:var(--primary);transform:translateX(12px)}.features{display:grid;background:var(--foreground)}.feature{min-height:50vh;color:var(--background);display:flex;align-items:end;padding:60px;border-left:1px solid var(--border);position:relative;overflow:hidden}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1);filter:grayscale(18%)}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,24,39,.86),rgba(17,24,39,.16))}.feature:hover img{transform:scale(1.04)}.feature span{position:relative;z-index:1;display:block;max-width:450px}.feature b{font-size:36px;font-weight:500;line-height:1.12;display:block}.feature em{display:block;margin-top:14px;color:var(--border);font:400 15px/1.55 var(--font-body);font-style:normal}.cursor{position:fixed;z-index:40;width:14px;height:14px;border-radius:50%;background:var(--primary);pointer-events:none;transition:width .2s,height .2s,opacity .2s}.cursor.grow{width:48px;height:48px;opacity:.3}.progress{position:fixed;left:0;top:0;height:3px;background:var(--primary);z-index:50;width:0}
.serviceHero{min-height:calc(94vh - 96px);display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--border)}.webDesignHero{width:min(1440px,calc(100% - 48px));grid-template-columns:.9fr 1.1fr}.heroCopy{padding:64px 64px 64px 0;display:flex;flex-flow:column;justify-content:center}.heroCopy>p{font:400 22px/1.45 var(--font-heading);color:var(--muted);max-width:700px;margin-top:26px}.heroActions{display:flex;align-items:center;gap:22px;margin-top:32px}.heroActions small{font-size:13px;color:var(--muted);max-width:300px}.heroMedia{border-left:1px solid var(--border);padding:48px;display:grid;align-items:center;background:var(--background)}.heroFrame{display:block;width:100%;border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--background)}.heroFrame video{width:100%;height:auto;object-fit:contain;display:block}.heroFrame img{width:100%;height:470px;object-fit:cover;display:block}.heroFrame img.showcaseScreenshot{height:auto;object-fit:contain}.heroFrame .showcaseMobile{display:none}.section{padding:88px 0;border-bottom:1px solid var(--border)}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.split p{color:var(--muted);margin-top:18px}.deliverables{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-top:36px}.deliverable{padding:24px 0;border-top:1px solid var(--border)}.deliverable p{color:var(--muted);margin-top:12px}.process{background:var(--foreground);color:var(--background);padding:88px 0}.process h2,.process h3{color:var(--background)}.steps{list-style:none;margin:34px 0 0;padding:0}.steps li{display:grid;grid-template-columns:70px 250px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--muted)}.steps span,.steps p{color:var(--border)}.faq{padding:88px 0;border-bottom:1px solid var(--border)}.faqGrid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq details{border-top:1px solid var(--border);padding:20px 0}.faq summary{cursor:pointer;list-style:none;font:500 22px/1.3 var(--font-heading)}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--muted);margin-top:14px;max-width:720px}.related{padding:88px 0;border-bottom:1px solid var(--border)}.relatedGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.related article{border:1px solid var(--border);border-radius:var(--r);padding:24px;min-height:250px;display:flex;flex-flow:column;align-items:flex-start}.related article p{color:var(--muted);margin:16px 0 24px}.related article .btn{margin-top:auto}.contact{background:var(--foreground);color:var(--background);padding:84px 0 30px}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.contact h2{color:var(--background)}.contact p{color:var(--border);margin-top:18px}.foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--muted);padding-top:24px;margin-top:64px;color:var(--border);font-size:13px}.reveal{opacity:0;transform:translateY(30px);transition:.7s cubic-bezier(.16,1,.3,1)}.reveal.show{opacity:1;transform:none}.words span{display:inline-block;opacity:0;transform:translateY(28px);animation:rise .7s forwards cubic-bezier(.16,1,.3,1);animation-delay:calc(var(--i)*45ms)}@keyframes rise{to{opacity:1;transform:none}}
@media(max-width:900px){h1{font-size:48px}.shell{width:min(100% - 32px,1180px)}.top{grid-template-columns:1fr}.menuBtn{right:16px;top:18px}.menu,.serviceHero,.split,.faqGrid,.contactGrid{grid-template-columns:1fr}.responsiveHero{min-height:auto}.webDesignHero{width:min(100% - 32px,1440px)}.menu{overflow:auto}.menu>div:first-child{padding:66px 24px 34px}.menu li a{font-size:32px}.feature{min-height:230px;padding:34px 24px;border-left:0}.feature b{font-size:28px}.feature em{font-size:13px}.heroCopy{padding:24px 0 18px}.heroCopy>p{font-size:18px;line-height:1.55;margin-top:18px}.heroActions{align-items:flex-start;flex-flow:column;margin-top:22px}.heroActions small{display:none}.heroMedia{border-left:0;border-top:1px solid var(--border);padding:8px 0 12px}.heroMedia.showcaseMedia,.careHero .heroMedia{padding:24px 0 32px}.heroFrame.mobileVideoFrame{width:83.333%;margin-left:auto;margin-right:auto}.heroFrame .showcaseVideo{display:none}.heroFrame img{height:110px}.heroFrame .showcaseMobile,.heroFrame img.careScreenshot{display:block;height:auto;object-fit:contain}.deliverables,.relatedGrid{grid-template-columns:1fr}.section,.process,.faq,.related,.contact{padding:64px 0}.split,.faqGrid{gap:32px}.steps li{grid-template-columns:50px 1fr}.steps li p{grid-column:2}.cursor{display:none}.foot{flex-flow:column}}