.websites-page{color:#17201c;min-height:100vh;font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:#f7f6f1;overflow-x:hidden}.websites-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f6f1eb;border-bottom:1px solid #16221a1a;position:sticky;top:0}.websites-nav-inner{justify-content:space-between;align-items:center;padding-block:16px;display:flex}.websites-back-link{font:600 11px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:#425247;align-items:center;gap:8px;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.websites-back-link:hover{color:#0b1510;transform:translate(-2px)}.websites-logo{font:900 17px/1 var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.06em;color:#0b1510;text-decoration:none}.websites-logo span{vertical-align:super;margin-left:2px;font-size:10px}.websites-cta-btn{font:650 11px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#f7f6f1;background:#17201c;border-radius:999px;padding:10px 18px;text-decoration:none;transition:background .2s,transform .15s}.websites-cta-btn:hover{color:#fff;background:#2b4db4;transform:translateY(-1px)}.websites-hero{background:#eceee6;border-bottom:1px solid #16221a14;padding:clamp(48px,8vw,96px) 0 clamp(32px,5vw,64px)}.websites-hero-kicker{font:600 11px/1 var(--font-geist-mono), monospace;letter-spacing:.24em;color:#2b4db4;text-transform:uppercase;margin-bottom:16px;display:block}.websites-hero h1{letter-spacing:-.05em;color:#0b1510;text-transform:uppercase;margin:0 0 20px;font-size:clamp(38px,6.5vw,76px);font-weight:850;line-height:.98}.websites-hero h1 em{color:#395642;text-transform:none;letter-spacing:-.02em;font-family:serif;font-style:italic;font-weight:400}.websites-hero-lead{color:#435449;max-width:720px;margin:0 0 32px;font-size:clamp(16px,1.8vw,21px);line-height:1.5}.websites-stats-strip{border-top:1px solid #16221a1f;flex-wrap:wrap;gap:clamp(16px,3vw,40px);padding-top:24px;display:flex}.websites-stat-item{flex-direction:column;gap:4px;display:flex}.websites-stat-num{font:800 24px/1 var(--font-geist-mono), monospace;color:#0b1510;letter-spacing:-.04em}.websites-stat-label{font:550 11px/1.3 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:#5d6e62}.websites-filter-section{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f6f1f0;border-bottom:1px solid #16221a14;padding:24px 0 16px;position:sticky;top:57px}.websites-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.websites-tabs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.websites-tabs::-webkit-scrollbar{display:none}.websites-tab{color:#425247;font:600 12px/1 var(--font-geist-mono), monospace;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #16221a26;border-radius:999px;padding:8px 16px;transition:all .2s}.websites-tab:hover{color:#0b1510;background:#e8ece3;border-color:#0b1510}.websites-tab.is-active{color:#f7f6f1;background:#17201c;border-color:#17201c}.websites-counter{font:650 11px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;color:#647569;text-transform:uppercase}.websites-gallery{padding:48px 0 96px}.websites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);display:grid}.website-card{background:#fdfdfa;border:1px solid #16221a1f;border-radius:12px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .2s;display:flex;overflow:hidden}.website-card:hover{border-color:#16221a40;transform:translateY(-4px);box-shadow:0 20px 42px #0f1b1417}.website-card-top{font:600 11px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#5c6c60;border-bottom:1px solid #16221a0f;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.website-status-tag{letter-spacing:.06em;border-radius:4px;padding:3px 8px;font-size:10px}.status-website{color:#214f2e;background:#e5f0e8}.status-product{color:#1e398a;background:#e8ecf8}.status-preview{color:#78350f;background:#fbf3dc}.status-concept{color:#57534e;background:#f0ede5}.website-cover-stage{aspect-ratio:16/10;background:#dce3da;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.website-browser-bar{height:30px;font:500 10px/1 var(--font-geist-mono), monospace;color:#495a4f;background:#edf1ea;border-bottom:1px solid #ced5ca;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.website-browser-dots{gap:5px;display:flex}.website-browser-dots i{border-radius:50%;width:7px;height:7px;display:inline-block}.website-browser-dots i:first-child{background:#e98972}.website-browser-dots i:nth-child(2){background:#f0c06e}.website-browser-dots i:nth-child(3){background:#8dcda1}.website-browser-url{color:#37463c;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:11px;overflow:hidden}.website-screenshot-wrap{width:100%;height:calc(100% - 30px);position:relative}.website-screenshot{object-fit:cover;object-position:top;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.website-card:hover .website-screenshot{transform:scale(1.025)}.website-meta{flex-direction:column;flex:1;gap:12px;padding:22px 20px 24px;display:flex}.website-title{letter-spacing:-.03em;color:#0b1510;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:800;line-height:1.15}.website-desc{color:#4b5c51;flex:1;margin:0;font-size:14px;line-height:1.55}.website-actions{border-top:1px solid #16221a14;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:16px;display:flex}.website-live-link{font:700 11px/1 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:#2b4db4;align-items:center;gap:6px;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.website-live-link:hover{color:#0b1510;transform:translate(2px)}.website-theme-tag{font:550 10px/1 var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#6c7c71}.websites-cta-section{color:#f7f6f1;text-align:center;background:#17201c;padding:clamp(64px,9vw,110px) 0}.websites-cta-section h2{letter-spacing:-.04em;text-transform:uppercase;margin:0 0 16px;font-size:clamp(32px,5.5vw,64px);font-weight:850;line-height:1.05}.websites-cta-section h2 em{color:#69dceb;text-transform:none;font-family:serif;font-style:italic;font-weight:400}.websites-cta-section p{color:#b5c2b8;max-width:540px;margin:0 auto 32px;font-size:clamp(15px,1.6vw,19px);line-height:1.5}@media (max-width:800px){.websites-grid{grid-template-columns:1fr}}