.testimonials{border-top:1px solid var(--line);padding:80px 0}.testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:40px;display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:20px;margin:0;padding:32px;display:flex}.testimonial-quote{color:var(--fg);margin:0;font-size:16px;line-height:1.65}.testimonial-author{align-items:center;gap:12px;margin-top:auto;display:flex}.testimonial-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.testimonial-meta{flex-direction:column;gap:2px;display:flex}.testimonial-name{color:var(--fg);font-size:14px;font-weight:600}.testimonial-role{color:var(--fg-soft);font-size:13px}@media (max-width:600px){.testimonials{padding:56px 0}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:24px 20px}}
#websites,#ai,#work,#process,#contact{scroll-margin-top:96px}.hero{max-width:1320px;margin:0 auto;padding:100px 24px 80px}.hero-eyebrow{color:var(--fg-soft);background:var(--bg-card);border:1px solid var(--line);border-radius:100px;align-items:center;gap:10px;margin-bottom:32px;padding:6px 14px;font-size:13px;display:inline-flex}.hero-eyebrow:before{content:"";background:#16a34a;border-radius:50%;width:6px;height:6px}h1.hero-h{letter-spacing:-.045em;max-width:16ch;margin-bottom:32px;font-size:clamp(54px,7.5vw,108px);font-weight:600;line-height:.96}h1.hero-h .ser{color:var(--accent)}.hero-sub{color:var(--fg-soft);max-width:620px;margin-bottom:40px;font-size:19px;line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.pillars{grid-template-columns:1fr 1fr;gap:16px;margin-top:60px;display:grid}.pillar{background:var(--bg-card);border:1px solid var(--line);border-radius:24px;padding:32px;position:relative;overflow:hidden}.pillar.web{background:linear-gradient(135deg, #fff 0%, var(--accent-soft) 130%)}.pillar.ai-pil{background:linear-gradient(135deg, #fff 0%, var(--ai-soft) 130%)}.pillar-eyebrow{font-size:12px;font-family:var(--font-mono), monospace;color:var(--fg-mute);letter-spacing:.05em;margin-bottom:14px}.pillar.web .pillar-eyebrow strong{color:var(--accent);font-weight:500}.pillar.ai-pil .pillar-eyebrow strong{color:var(--ai);font-weight:500}.pillar h2{letter-spacing:-.02em;margin-bottom:10px;font-size:28px;font-weight:600}.pillar.web h2 .ser{color:var(--accent)}.pillar p{color:var(--fg-soft);max-width:42ch;margin-bottom:22px;font-size:15px;line-height:1.6}.pillar-tags{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.pillar-tags span{border:1px solid var(--line);color:var(--fg-soft);background:#fff;border-radius:100px;padding:4px 10px;font-size:12px}.pillar-link{align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.pillar.web .pillar-link{color:var(--accent)}.pillar.ai-pil .pillar-link{color:var(--ai)}.pillar-badge{font-size:11px;font-weight:500;font-family:var(--font-mono), monospace;border-radius:100px;padding:4px 10px;position:absolute;top:24px;right:24px}.pillar.web .pillar-badge{background:var(--accent);color:#fff}.pillar.ai-pil .pillar-badge{background:linear-gradient(135deg, var(--ai), var(--ai-2));color:#fff}.clients{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:100px auto;padding:40px 24px}.clients-inner{max-width:1320px;margin:0 auto}.clients-label{color:var(--fg-mute);letter-spacing:.08em;text-align:center;font-size:12px;font-family:var(--font-mono), monospace;margin-bottom:24px}.clients-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.clients-row>span{color:var(--fg-mute);font-size:18px;transition:color .2s}.clients-row>span:hover{color:var(--fg)}.cl-bold{letter-spacing:-.02em;text-transform:uppercase;font-size:16px;font-weight:700}.cl-ser{font-family:var(--font-serif), serif;font-size:22px;font-style:italic}.cl-mono{font-family:var(--font-mono), monospace;font-size:14px}.sec-header{max-width:920px;padding:80px 0 40px}.sec-eyebrow{color:var(--fg-mute);font-size:13px;font-family:var(--font-mono), monospace;margin-bottom:16px}.sec-eyebrow .accent{color:var(--accent)}.sec-eyebrow .ai-c{color:var(--ai)}h2.sec-h{letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(40px,5vw,72px);font-weight:600;line-height:1}h2.sec-h .ser{color:var(--accent)}.sec-sub{color:var(--fg-soft);max-width:640px;font-size:18px;line-height:1.55}.web-services{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:80px;display:grid}.ws{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:24px}.ws-num{color:var(--accent);font-size:12px;font-family:var(--font-mono), monospace;margin-bottom:14px}.ws h3{letter-spacing:-.01em;margin-bottom:6px;font-size:17px;font-weight:600}.ws p{color:var(--fg-soft);font-size:14px;line-height:1.55}.cases{flex-direction:column;gap:60px;display:flex}.case-row{color:inherit;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;display:grid}a.case-row:hover .case-name{color:var(--accent);transition:color .2s}a.case-row:hover .case-link{gap:10px}.case-row.flip{grid-template-columns:1fr 1.3fr}.case-row.flip .case-shot{order:2}.case-row.flip .case-info{order:1}.case-shot{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #0000000f}.case-meta{color:var(--fg-mute);font-size:12px;font-family:var(--font-mono), monospace;flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.case-meta .yr{color:var(--accent)}.case-meta .yr.ai-c{color:var(--ai)}.case-name{letter-spacing:-.025em;margin-bottom:8px;font-size:40px;font-weight:600;line-height:1}.case-tag{font-family:var(--font-mono), monospace;color:var(--fg-mute);margin-bottom:18px;font-size:13px}.case-desc{color:var(--fg);margin-bottom:22px;font-size:16px;line-height:1.6}.case-bullets{flex-direction:column;gap:10px;margin-bottom:22px;list-style:none;display:flex}.case-bullets li{color:var(--fg-soft);padding-left:22px;font-size:14px;line-height:1.55;position:relative}.case-bullets li:before{content:"→";color:var(--accent);position:absolute;left:0}.case-row.ai-case .case-bullets li:before{color:var(--ai)}.case-stack{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-top:18px;display:flex}.case-stack span{border:1px solid var(--line);color:var(--fg-soft);font-size:12px;font-family:var(--font-mono), monospace;background:#fff;border-radius:100px;padding:4px 10px}.case-link{color:var(--accent);align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:500;display:inline-flex}.case-link.ai{color:var(--ai);margin-top:22px}.ai-stitial{background:var(--bg-dark);color:#fff;border-radius:32px;max-width:1320px;margin:120px auto;padding:100px 60px;position:relative;overflow:hidden}.ai-stitial:before{content:"";pointer-events:none;background:radial-gradient(at 20% 30%,#7c3aed59,#0000 50%),radial-gradient(at 80% 70%,#db277740,#0000 50%);position:absolute;inset:0}.ai-stitial-inner{max-width:900px;position:relative}.ai-stitial-eyebrow{font-size:12px;font-family:var(--font-mono), monospace;letter-spacing:.1em;color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:10px;margin-bottom:32px;padding:6px 14px;display:inline-flex}.ai-stitial-eyebrow:before{content:"";background:var(--ai);width:6px;height:6px;box-shadow:0 0 8px var(--ai);border-radius:50%}.ai-stitial h2{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(44px,5.5vw,80px);font-weight:600;line-height:.98}.ai-stitial h2 .ser{background:linear-gradient(120deg,#c4b5fd,#f9a8d4);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.08em}.ai-stitial p{color:#ffffffb3;max-width:640px;font-size:19px;line-height:1.6}.ai-caps{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:80px;display:grid}.ai-cap{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:28px 24px}.ai-cap-num{color:var(--ai);font-size:12px;font-family:var(--font-mono), monospace;margin-bottom:14px}.ai-cap h3{letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.ai-cap p{color:var(--fg-soft);margin-bottom:14px;font-size:14px;line-height:1.55}.ai-cap-foot{color:var(--fg-mute);font-size:11px;font-family:var(--font-mono), monospace;letter-spacing:.06em}.flagship{background:var(--bg-card);border:1px solid var(--line);cursor:pointer;color:inherit;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:60px;padding:60px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid}.flagship:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 32px 80px #7c3aed21}.flagship:hover .case-link{gap:10px}.flag-real{border:1px solid var(--line);background:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 24px 60px #7c3aed1f}.flag-chat{-webkit-backdrop-filter:blur(8px);z-index:1;background:#ffffff0f;border:1px solid #c4b5fd33;border-radius:14px;max-width:220px;padding:14px 18px;position:absolute;bottom:32px;left:32px}.flag-chat-h{color:#c4b5fd;font-size:11px;font-family:var(--font-mono), monospace;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:6px;display:flex}.flag-chat-h:before{content:"";background:#c4b5fd;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #c4b5fd}.flag-chat-msg{color:#fff;font-size:13px;line-height:1.5}.loop{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:80px;display:grid;position:relative}.loop:before{content:"";background:repeating-linear-gradient(to right, var(--ai) 0 6px, transparent 6px 14px);opacity:.4;height:1px;position:absolute;top:28px;left:7%;right:7%}.loop-step{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:24px 20px;position:relative}.loop-step .num{border:1px solid var(--line-strong);width:48px;height:48px;font-family:var(--font-mono), monospace;color:var(--ai);z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:-2px 0 18px -2px;font-size:14px;display:flex;position:relative}.loop-step h3{letter-spacing:-.01em;margin-bottom:6px;font-size:16px;font-weight:600}.loop-step p{color:var(--fg-soft);font-size:13px;line-height:1.55}.process{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:80px;display:grid}.ps-step{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:24px}.ps-step .num{font-size:28px;font-family:var(--font-serif), serif;color:var(--accent);margin-bottom:14px;font-style:italic}.ps-step h3{letter-spacing:-.01em;margin-bottom:6px;font-size:18px;font-weight:600}.ps-step p{color:var(--fg-soft);font-size:14px;line-height:1.55}.cta{background:var(--bg-card);border:1px solid var(--line);text-align:center;border-radius:24px;margin-bottom:100px;padding:80px 60px;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(at 20% 30%,#0a8fc40f,#0000 60%),radial-gradient(at 80% 70%,#7c3aed0f,#0000 60%);position:absolute;inset:0}.cta>*{position:relative}.cta h2{max-width:18ch;margin:0 auto 18px}.cta p{color:var(--fg-soft);max-width:560px;margin:0 auto 32px;font-size:17px;line-height:1.55}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex}.cta-eyebrow{margin-bottom:18px}.browse-all{text-align:center;padding:40px 0 0}@media (max-width:1100px){.pillars,.web-services,.ai-caps,.loop,.process{grid-template-columns:1fr 1fr}.case-row,.case-row.flip,.flagship{grid-template-columns:1fr;gap:30px;padding:30px}.case-row.flip .case-shot{order:1}.case-row.flip .case-info{order:2}.ai-stitial{border-radius:20px;padding:60px 30px}.cta{padding:50px 24px}}@media (max-width:600px){.pillars,.web-services,.ai-caps,.loop,.process{grid-template-columns:1fr}.hero{padding:56px 24px 48px}h1.hero-h{font-size:clamp(44px,11vw,72px)}.hero-sub{font-size:16px}.sec-header{padding:48px 0 24px}.sec-sub{font-size:16px}.clients{margin:56px auto;padding:28px 24px}.clients-row{justify-content:center;gap:20px}.cases{gap:40px}.case-name{font-size:28px}.case-desc{font-size:15px}.ai-stitial{border-radius:16px;margin:60px auto;padding:40px 24px}.ai-stitial p{font-size:16px}.cta{border-radius:16px;margin-bottom:60px;padding:40px 24px}.cta p{font-size:15px}.loop:before{display:none}.pillar{padding:24px 20px}.pillar h2{font-size:24px}.flagship{padding:24px 20px}}