:root{color:#1f2a2e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1f2a2e;--muted:#5d6964;--line:#d7d9ce;--paper:#fff;--soft:#f7f7f1;--green:#1c6b5e;--green-dark:#10483f;--rust:#a65335;--gold:#c59a3f;--charcoal:#202422;background:#f7f7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);min-width:320px;color:var(--ink);margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7f1f2;border-bottom:1px solid #1f2a2e1a;justify-content:space-between;align-items:center;gap:24px;padding:16px 48px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-size:14px;display:grid}nav{min-width:0;max-width:100%;color:var(--muted);flex-wrap:wrap;gap:18px;font-size:15px;font-weight:700;display:flex}nav a{padding:8px 0}nav a:hover,nav a:focus-visible{color:var(--green)}.section-band{padding:92px 48px}.hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f7f7f1 0%,#f7f7f1eb 48%,#ecefe7c2 100%),#f7f7f1;min-height:760px;padding-top:104px;padding-bottom:72px;position:relative}.hero:after{content:"";background:#fff;height:96px;position:absolute;bottom:0;left:0;right:0}.hero-copy{z-index:2;max-width:760px;position:relative}.profile-lockup{align-items:start;gap:16px;width:min(100%,340px);margin-bottom:32px;display:inline-grid}.profile-photo-shell{place-items:center;width:210px;height:210px;display:grid;position:relative}.profile-photo-shell:before,.profile-photo-shell:after{content:"";position:absolute}.profile-photo-shell:before{background:#fff;border:1px solid #1f2a2e24;border-radius:8px;inset:0;transform:rotate(-4deg);box-shadow:0 28px 70px #1f2a2e1f}.profile-photo-shell:after{background:#1c6b5e1f;border-radius:8px;width:116px;height:116px;bottom:-14px;right:-18px}.profile-photo{z-index:1;object-fit:cover;object-position:center;background:#fff;border:3px solid #fff;border-radius:50%;flex:none;width:166px;height:166px;position:relative;box-shadow:0 10px 24px #1f2a2e29}.profile-initials{z-index:2;background:var(--ink);color:#fff;letter-spacing:0;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:58px;height:58px;font-size:16px;font-weight:900;display:grid;position:absolute;bottom:22px;right:-12px;box-shadow:0 16px 34px #1f2a2e2e}.profile-nameplate{border-left:4px solid var(--green);gap:4px;padding-left:18px;display:grid}.profile-nameplate strong,.profile-nameplate span{letter-spacing:0;display:block}.profile-nameplate strong{margin-bottom:4px;font-size:34px;line-height:1.02}.profile-nameplate span{color:var(--muted);text-transform:uppercase;font-size:15px;font-weight:800}.profile-stack{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.profile-stack li{color:var(--green-dark);background:#ffffffc7;border:1px solid #1f2a2e24;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:900}.eyebrow{color:var(--rust);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:820px;color:var(--ink);letter-spacing:0;margin-bottom:24px;font-size:64px;line-height:1.02}h2{color:var(--ink);letter-spacing:0;margin-bottom:0;font-size:42px;line-height:1.08}h3{color:var(--ink);letter-spacing:0;font-size:22px;line-height:1.18}.lead{max-width:660px;color:var(--muted);margin-bottom:34px;font-size:20px;line-height:1.6}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 18px;font-weight:800;line-height:1.2;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover,.primary:focus-visible{background:var(--green-dark)}.secondary{color:var(--ink);background:#fff;border:1px solid #1f2a2e38}.secondary:hover,.secondary:focus-visible,.link-button:hover,.link-button:focus-visible{border-color:var(--green);color:var(--green)}.link-button{background:#fff;border:1px solid #1f2a2e33;width:fit-content}.trust-list{color:var(--muted);flex-wrap:wrap;gap:14px 20px;margin:28px 0 0;padding:0;list-style:none;display:flex}.trust-list li{align-items:center;gap:8px;font-weight:700;display:inline-flex}.trust-list svg{color:var(--green)}.hero-visual{z-index:1;width:500px;position:absolute;bottom:34px;right:58px}.phone-frame{background:#151917;border:1px solid #1f2a2e29;border-radius:8px;width:330px;margin-left:auto;padding:16px;box-shadow:0 36px 80px #1f2a2e38}.phone-frame img{aspect-ratio:288/592;object-fit:cover;object-position:center;border-radius:6px;width:100%}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.proof-strip div{background:#fff;border:1px solid #1f2a2e1f;border-radius:8px;min-height:92px;padding:18px}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{margin-bottom:8px;font-size:18px}.proof-strip span{color:var(--muted);line-height:1.4}.intro{background:#fff;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);align-items:start;gap:48px;display:grid}.intro p:last-child{max-width:780px;color:var(--muted);margin:0;font-size:22px;line-height:1.55}.section-heading{gap:12px;max-width:900px;margin-bottom:38px;display:grid}.section-heading.compact{margin-bottom:0}.section-heading>p:not(.eyebrow){max-width:720px;color:var(--muted);margin:0;font-size:18px;line-height:1.65}.services-grid,.stack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.service-card,.stack-card,.project-card{background:#fff;border:1px solid #1f2a2e1f;border-radius:8px}.service-card{min-height:270px;padding:28px}.service-card svg{color:var(--green);margin-bottom:24px}.service-card p,.stack-card li,.project-card p,.featured-project p,.timeline-item p,.contact p{color:var(--muted);line-height:1.65}.stack{background:#eef2e8}.stack-card{min-height:260px;padding:26px}.stack-card ul{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.stack-card li{padding-left:18px;position:relative}.stack-card li:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:0}.projects{background:#fff}.featured-project{background:#f7f7f1;border:1px solid #1f2a2e1f;border-radius:8px;grid-template-columns:minmax(320px,.72fr) minmax(360px,1fr);align-items:center;gap:34px;padding:34px;display:grid}.project-copy{gap:20px;display:grid}.project-label{width:fit-content;color:var(--green-dark);letter-spacing:0;text-transform:uppercase;background:#1c6b5e1a;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:900}.featured-project h3,.project-card h3{margin-bottom:0;font-size:36px}.fact-row{flex-wrap:wrap;gap:10px;display:flex}.fact-row span{color:var(--ink);background:#fff;border:1px solid #1f2a2e24;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:800}.project-card.wide{grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:18px;padding:32px;display:grid}.project-button{white-space:nowrap}.jaybi-carousel{gap:16px;min-width:0;display:grid}.carousel-stage{background:linear-gradient(135deg,#1c6b5e29,#c59a3f24),#fff;border:1px solid #1f2a2e24;border-radius:8px;place-items:center;min-height:628px;padding:28px 76px;display:grid;position:relative;overflow:hidden}.carousel-stage:before{content:"";background:#ffffff52;border:1px solid #1f2a2e1a;border-radius:8px;width:280px;height:280px;position:absolute;inset:auto -60px -160px auto;transform:rotate(18deg)}.carousel-phone{z-index:1;background:#151917;border:1px solid #ffffff24;border-radius:8px;width:min(100%,292px);padding:14px;position:relative;box-shadow:0 28px 60px #1f2a2e3d}.carousel-phone img{aspect-ratio:288/592;object-fit:cover;background:#fff;border-radius:6px;width:100%}.carousel-arrow{z-index:2;width:46px;height:46px;color:var(--ink);cursor:pointer;background:#ffffffeb;border:1px solid #1f2a2e24;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover,.carousel-arrow:focus-visible{border-color:var(--green);color:var(--green)}.carousel-arrow.previous{left:18px}.carousel-arrow.next{right:18px}.carousel-count{z-index:2;color:#fff;background:#1f2a2ee6;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:900;position:absolute;top:18px;right:18px}.carousel-thumbnails{gap:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}.carousel-thumb{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:8px;flex:0 0 62px;height:104px;padding:3px}.carousel-thumb:hover,.carousel-thumb:focus-visible,.carousel-thumb[aria-current=true]{border-color:var(--green)}.carousel-thumb img{object-fit:cover;object-position:top center;border-radius:5px;width:100%;height:100%}.websites{background:#eef2e8}.website-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.website-card{background:#fff;border:1px solid #1f2a2e1f;border-radius:8px;overflow:hidden}.website-card img{aspect-ratio:1440/1000;object-fit:cover;object-position:top center;background:#e8ece4;border-bottom:1px solid #1f2a2e1f;width:100%}.website-card-body{justify-content:space-between;align-items:center;gap:16px;min-height:92px;padding:20px;display:flex}.website-card h3{margin-bottom:0}.timeline{gap:18px;max-width:980px;display:grid}.timeline-item{border-top:1px solid #1f2a2e29;grid-template-columns:150px 1fr;gap:26px;padding:28px 0;display:grid}.timeline-item>span{color:var(--rust);letter-spacing:0;text-transform:uppercase;font-size:14px;font-weight:900}.timeline-item h3{margin-bottom:10px}.timeline-item p{max-width:720px}.inline-link{color:var(--green);word-break:break-word;align-items:center;gap:6px;font-weight:900;line-height:1.35;display:inline-flex}.inline-link:hover,.inline-link:focus-visible{color:var(--green-dark)}.links{background:#fff}.links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.social-link-card{background:#f7f7f1;border:1px solid #1f2a2e1f;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:104px;padding:20px;display:grid}.social-link-card:hover,.social-link-card:focus-visible{border-color:var(--green);color:var(--green)}.social-link-icon{background:var(--ink);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:46px;height:46px;font-size:14px;font-weight:900;display:grid}.social-link-copy{gap:5px;min-width:0;display:grid}.social-link-copy strong{color:var(--ink);font-size:18px}.social-link-copy span{color:var(--muted);overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.35}.contact{background:var(--charcoal);color:#fff;grid-template-columns:minmax(320px,.9fr) minmax(320px,1fr);align-items:center;gap:48px;display:grid}.contact h2,.contact .eyebrow{color:#fff}.contact .eyebrow{color:#d7b867}.contact p{color:#ffffffb8;max-width:640px;margin-bottom:0;font-size:18px}.contact-actions{gap:14px;display:grid}.contact-actions a{word-break:break-word;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:14px;min-height:70px;padding:18px;font-weight:800;display:flex}.contact-actions a:hover,.contact-actions a:focus-visible{border-color:#d7b867}.sources{background:#fff}.source-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.source-heading h2{font-size:28px}.source-heading svg{color:var(--green)}.source-links{flex-wrap:wrap;gap:12px 18px;max-width:980px;display:flex}.site-footer{background:#f7f7f1;border-top:1px solid #1f2a2e1a;justify-content:space-between;align-items:flex-start;gap:28px;padding:34px 48px;display:flex}.site-footer strong,.site-footer span{display:block}.site-footer strong{margin-bottom:6px}.site-footer span{color:var(--muted)}.footer-meta{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;display:flex}.footer-meta span{align-items:center;gap:7px;display:inline-flex}@media (width<=1180px){h1{font-size:52px}.hero{min-height:700px}.hero-visual{opacity:.5;width:390px;right:26px}.services-grid,.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=880px){.site-header,.section-band,.site-footer{padding-left:24px;padding-right:24px}.site-header{position:initial;flex-direction:column;align-items:flex-start}nav{grid-template-columns:repeat(3,max-content);align-self:stretch;gap:8px 14px;width:100%;display:grid}h1{font-size:42px}h2{font-size:34px}.lead{font-size:18px}.hero{min-height:auto;padding-top:72px}.hero:after{display:none}.hero-visual{opacity:1;width:100%;margin-top:46px;position:relative;bottom:auto;right:auto}.phone-frame{width:280px;margin-left:0;margin-right:auto}.intro,.featured-project,.project-card.wide,.website-grid,.links-grid,.contact{grid-template-columns:1fr}.project-card.wide{align-items:start}.project-button{white-space:normal;width:fit-content}.site-footer{flex-direction:column}.footer-meta{justify-content:flex-start}}@media (width<=640px){.section-band{padding-top:68px;padding-bottom:68px}.hero-copy{max-width:342px}h1{font-size:32px}h2{font-size:28px}h3{font-size:20px}.services-grid,.stack-grid,.proof-strip{grid-template-columns:1fr}.service-card,.stack-card,.featured-project,.project-card.wide{padding:22px}.featured-project h3,.project-card h3{font-size:28px}.timeline-item{grid-template-columns:1fr;gap:10px}.button,.hero-actions{width:100%}.phone-frame{width:100%;max-width:280px}.profile-lockup{width:100%;max-width:300px}.profile-photo-shell{width:190px;height:190px}.profile-photo{width:150px;height:150px}.profile-initials{width:50px;height:50px;bottom:20px;right:-8px}.profile-nameplate strong{font-size:30px}.carousel-stage{min-height:520px;padding:22px 58px}.carousel-phone{width:min(100%,236px)}.carousel-arrow{width:42px;height:42px}.carousel-arrow.previous{left:10px}.carousel-arrow.next{right:10px}.carousel-thumb{flex-basis:54px;height:90px}.website-card-body{flex-direction:column;align-items:flex-start}.social-link-card{min-height:92px;padding:16px}}@media (width<=520px){.section-band>*,.section-heading,.intro p:last-child,.contact p,.timeline,.featured-project,.project-card.wide,.website-grid,.links-grid,.source-links{max-width:342px}}
