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