*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#faf8f5;font-family:Inter,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:960px;margin:0 auto;padding:0 28px}nav{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:900}.logo .g{color:#16a34a}.nav-right{align-items:center;gap:24px;display:flex}.nav-right a{color:#666;font-size:.88rem;font-weight:500;transition:color .15s}.nav-right a:hover{color:#1a1a1a}.nav-cta{background:#1a1a1a;border-radius:8px;padding:9px 18px;color:#faf8f5!important;font-weight:600!important;transition:opacity .15s!important}.nav-cta:hover{opacity:.85}.hero{border-bottom:1px solid #e8e4de;padding:80px 0 72px}.hero-inner{grid-template-columns:1fr auto;align-items:start;gap:40px;display:grid}.eyebrow{color:#16a34a;background:#f0fdf4;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"●";font-size:.5rem}h1{letter-spacing:-.04em;margin-bottom:22px;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1}.hero-sub{color:#666;max-width:44ch;margin-bottom:36px;font-size:1.1rem;line-height:1.7}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.btn{border-radius:10px;align-items:center;gap:7px;padding:13px 22px;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-dark{color:#faf8f5;background:#1a1a1a}.btn-dark:hover{background:#333}.btn-outline{color:#444;border:2px solid #e0dbd4}.btn-outline:hover{border-color:#bbb}.hero-stat{text-align:right;padding-top:8px}.hero-stat .num{letter-spacing:-.04em;color:#1a1a1a;font-size:2.8rem;font-weight:900;line-height:1;display:block}.hero-stat .label{color:#999;margin-top:4px;font-size:.8rem}section{border-bottom:1px solid #e8e4de;padding:64px 0}section:last-of-type{border-bottom:none}.section-header{align-items:baseline;gap:14px;margin-bottom:40px;display:flex}.num-tag{color:#bbb;letter-spacing:.08em;font-size:.78rem;font-weight:700}h2{letter-spacing:-.025em;font-size:2rem;font-weight:800}.project-featured{background:#fff;border:1px solid #e8e4de;border-radius:16px;overflow:hidden}.project-body{padding:32px}.project-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.project-name{letter-spacing:-.025em;font-size:1.6rem;font-weight:800}.status-row{gap:8px;display:flex}.pill{border-radius:100px;padding:5px 10px;font-size:.73rem;font-weight:700}.pill-green{color:#15803d;background:#dcfce7}.pill-gray{color:#888;background:#f5f5f5}.project-desc{color:#555;margin-bottom:24px;font-size:1rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.tech-tag{color:#666;background:#f5f3ef;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:500}.project-links{flex-wrap:wrap;gap:10px;display:flex}.plink{border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex}.plink-primary{color:#fff;background:#16a34a}.plink-primary:hover{background:#15803d}.plink-secondary{color:#444;border:2px solid #e0dbd4}.plink-secondary:hover{border-color:#bbb}.plink-disabled{color:#ccc;pointer-events:none;border:2px solid #eee}.store-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-top:1px solid #d1fae5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 32px;display:flex}.store-info{color:#555;font-size:.85rem}.store-info strong{color:#111}.project-shots{justify-content:center;gap:12px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.project-shots img{border:1px solid #e8e4de;border-radius:12px;flex-shrink:0;height:260px}.about-grid{background:#e8e4de;border:1px solid #e8e4de;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.about-cell{background:#faf8f5;padding:28px 24px}.about-cell .ico{margin-bottom:12px;font-size:1.5rem}.about-cell h3{letter-spacing:-.01em;margin-bottom:8px;font-size:1rem;font-weight:700}.about-cell p{color:#777;font-size:.88rem;line-height:1.6}.stack-section{flex-wrap:wrap;gap:8px;display:flex}.stack-chip{color:#444;background:#fff;border:1px solid #e8e4de;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600}.services-grid{background:#e8e4de;border:1px solid #e8e4de;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:2px;margin-bottom:28px;display:grid;overflow:hidden}.service-cell{background:#faf8f5;padding:24px}.service-cell .s-ico{margin-bottom:10px;font-size:1.3rem}.service-cell h3{margin-bottom:6px;font-size:.95rem;font-weight:700}.service-cell p{color:#888;font-size:.85rem;line-height:1.55}.contact-single{background:#fff;border:1px solid #e8e4de;border-radius:12px;padding:32px}.contact-single h3{margin-bottom:10px;font-size:1.2rem;font-weight:700}.contact-single p{color:#777;margin-bottom:20px;font-size:.95rem;line-height:1.6}.c-link{color:#16a34a;border-bottom:2px solid #d1fae5;align-items:center;gap:6px;padding-bottom:2px;font-size:.9rem;font-weight:700;transition:border-color .15s;display:inline-flex}.c-link:hover{border-color:#16a34a}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:32px 0 44px;display:flex}footer span{color:#bbb;font-size:.8rem}@media (width<=700px){.hero-inner{grid-template-columns:1fr}.hero-stat{text-align:left}.about-grid,.services-grid{grid-template-columns:1fr}h1{font-size:2.8rem}.nav-right a:not(.nav-cta){display:none}}