:root{--bg-color: #ffffff;--text-main: #222222;--text-muted: #666666;--accent-blue: #2470a9;--accent-purple: #6e5897;--grid-line: #f0f0f0;--border-strong: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.7;font-weight:300;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:80px 80px}h1,h2,h3,.mono{font-family:Space Mono,monospace;letter-spacing:-.02em;font-weight:400}a{text-decoration:none;color:inherit;transition:all .2s ease}.container{max-width:1200px;margin:0 auto;border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong);background:#fffffffa;min-height:100vh;display:flex;flex-direction:column}header{padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-strong)}.logo-container{display:flex;align-items:center;gap:16px}.header-icon{height:50px;width:auto;display:block}.logo-text{font-size:1.5rem;font-weight:400;letter-spacing:.05em;color:var(--text-main)}.nav-link{font-family:Space Mono,monospace;font-size:1rem;color:var(--text-muted);border:1px solid transparent;padding:.6rem 1.2rem}.nav-link:hover{color:var(--accent-blue);border:1px solid var(--border-strong)}.hero{padding:8rem 3rem 6rem;border-bottom:1px solid var(--border-strong)}.hero h1{font-size:3.5rem;line-height:1.2;max-width:900px;margin-bottom:2rem;text-transform:uppercase;font-weight:300}.gradient-text{background:linear-gradient(45deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400}.hero-sub{font-size:1.15rem;color:var(--text-muted);max-width:680px;border-left:1px solid var(--accent-blue);padding-left:2rem;font-weight:300}.pillars-section{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border-strong)}.pillar{padding:4rem 3rem;border-right:1px solid var(--border-strong);display:flex;flex-direction:column}.pillar:last-child{border-right:none}.pillar-header{margin-bottom:2rem}.pillar-tag{font-family:Space Mono,monospace;font-size:.7rem;color:var(--accent-blue);letter-spacing:.1em;margin-bottom:1rem;display:block;text-transform:uppercase}.pillar h3{font-size:1.6rem;line-height:1.3;font-weight:400}.pillar p{font-size:.95rem;color:var(--text-muted);margin-bottom:2rem;flex-grow:1;font-weight:300}.feature-list{list-style:none;font-family:Space Mono,monospace;font-size:.8rem;color:#888;border-top:1px solid var(--border-strong);padding-top:1.5rem}.feature-list li{margin-bottom:.8rem;display:flex;align-items:center}.feature-list li:before{content:"+";margin-right:10px;color:var(--accent-blue);font-weight:300}.philosophy{padding:5rem 3rem;border-bottom:1px solid var(--border-strong);background-color:#fafafa}.philosophy h2{font-size:2.2rem;margin-bottom:1.5rem;font-weight:300}.philosophy p{max-width:700px;font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem;font-weight:300}.product-link-box{border:1px solid var(--border-strong);background:#fff;padding:2rem;display:inline-flex;align-items:center;gap:2rem;max-width:800px;transition:border-color .3s}.product-link-box:hover{border-color:var(--accent-blue)}.product-logo{font-weight:400;font-size:1rem;letter-spacing:.05em;color:var(--accent-blue)}.product-description{font-size:.9rem;color:var(--text-muted);flex-grow:1}.product-link{border-bottom:1px solid #ccc;font-size:.9rem}footer{margin-top:auto;padding:4rem 3rem;background:#fff;color:var(--text-main);border-top:1px solid var(--border-strong);display:flex;justify-content:space-between;align-items:flex-end}.footer-logo-img{width:200px;height:auto;margin-bottom:1rem;display:block}.footer-brand p{font-family:Space Mono,monospace;color:#999;font-size:.8rem}.cta-label{margin-bottom:1rem;color:#999;font-size:.8rem}.cta-big{font-size:1.8rem;border-bottom:1px solid var(--text-main);padding-bottom:5px;font-weight:300}.cta-big:hover{color:var(--accent-blue);border-color:var(--accent-blue)}@media(max-width:900px){.hero h1{font-size:2.2rem}.pillars-section{grid-template-columns:1fr}.pillar{border-right:none;border-bottom:1px solid var(--border-strong)}.product-link-box{flex-direction:column;align-items:flex-start;gap:1rem}header{padding:1.5rem}.hero{padding:4rem 1.5rem}.pillar{padding:3rem 1.5rem}footer{padding:3rem 1.5rem;flex-direction:column;gap:2rem;align-items:flex-start}}.writing-section{padding:4rem 3rem 5rem;border-top:1px solid var(--border-strong)}.writing-section h2{font-size:2rem;font-weight:300;margin-bottom:2.5rem}.writing-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border-strong)}.post-card{display:flex;flex-direction:column;gap:.8rem;padding:2rem;border-right:1px solid var(--border-strong);background:#fff}.post-card:last-child{border-right:none}.post-card:hover h3{color:var(--accent-blue)}.post-card-date{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em}.post-card h3{font-size:1.15rem;line-height:1.4;font-weight:400}.post-card p{font-size:.9rem;color:var(--text-muted);flex:1}.post-card-read{font-size:.75rem;color:var(--accent-blue);letter-spacing:.08em}.post-page{padding:4rem 3rem 5rem;max-width:780px;margin:0 auto;width:100%}.post-back{font-size:.8rem;color:var(--text-muted);letter-spacing:.08em}.post-back:hover{color:var(--accent-blue)}.post-date{margin-top:2.5rem;font-size:.8rem;color:var(--text-muted);letter-spacing:.08em}.post-title{font-size:2.4rem;line-height:1.2;font-weight:400;margin:.8rem 0 1rem}.post-dek{font-size:1.15rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.post-body p{margin-bottom:1.4rem;font-size:1.02rem}.post-body a{color:var(--accent-blue);border-bottom:1px solid transparent}.post-body a:hover{border-bottom-color:var(--accent-blue)}.post-signoff{font-size:.85rem;color:var(--text-muted);margin-top:2.5rem;border-top:1px solid var(--border-strong);padding-top:1.2rem}@media(max-width:900px){.writing-list{grid-template-columns:1fr}.post-card{border-right:none;border-bottom:1px solid var(--border-strong)}.post-card:last-child{border-bottom:none}.post-page{padding:3rem 1.5rem 4rem}.post-title{font-size:1.8rem}}