:root{--bg:#fff;--ink:#000;--muted:#6e6e73;--subtle:#86868b;--hairline:#e5e5e5;--soft:#f5f5f7;--quiet:#fafafa;--brand-accent:#ff6a06;--success:#34c759;--radius:12px;--radius-sm:8px}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0}a{color:inherit}.skip-link{position:absolute;left:-999px;top:1rem}.skip-link:focus{left:1rem;z-index:100;background:var(--ink);color:#fff;padding:.6rem .8rem}.site-header{align-items:center;background:hsla(0,0%,100%,.82);border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;min-height:4rem;padding:0 5vw;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand,.site-header nav{align-items:center;display:flex;gap:1rem}.brand{color:#000;font-weight:650;text-decoration:none}.brand-mark{color:#000;display:block;flex:0 0 auto}.site-header nav a{color:var(--muted);font-size:.9rem;text-decoration:none}.site-header nav a:hover{color:var(--ink)}.login-link{border:1px solid var(--hairline);border-radius:9999px;color:var(--ink)!important;padding:.48rem .85rem}.hero{align-items:center;display:grid;gap:clamp(3rem,7vw,6rem);grid-template-columns:minmax(0,1fr) minmax(20rem,30rem);margin:0 auto;max-width:72rem;min-height:min(48rem,calc(100svh - 4rem));padding:6.5rem 5vw 4.5rem}.hero-copy{max-width:43rem}.eyebrow{color:var(--muted);font-size:.78rem;font-weight:650;margin:0 0 1rem;text-transform:uppercase}.eyebrow,h1,h2,h3,p{letter-spacing:0}h1{font-size:clamp(3.4rem,8vw,7.2rem);font-weight:700;line-height:.93;margin:0;max-width:11ch}.lede{color:#3d3d3f;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.48;margin:1.6rem 0 0;max-width:32rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{align-items:center;border-radius:9999px;display:inline-flex;font-size:.95rem;font-weight:650;min-height:2.75rem;padding:0 1.1rem;text-decoration:none;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{opacity:.86}.button.secondary{border:1px solid var(--hairline);color:var(--ink)}.button.secondary:hover{border-color:var(--ink)}.product-preview{background:linear-gradient(180deg,hsla(0,0%,100%,.94),hsla(0,0%,98%,.98)),var(--bg);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 2rem 5rem rgba(0,0,0,.08);padding:1rem}.preview-topbar{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.preview-topbar span:first-child{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.verified-badge{align-items:center;background:#f4fbf6;border:1px solid #d6eedc;border-radius:999px;color:#207a38;display:inline-flex;font-size:.76rem;font-weight:600;min-height:1.85rem;padding:0 .7rem}.product-preview .avatar{margin-top:4rem}.avatar{align-items:center;background:var(--ink);border-radius:999px;color:#fff;display:flex;font-weight:800;height:4.4rem;justify-content:center;margin-top:3rem;width:4.4rem}.handle{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;margin:1.35rem 0 .35rem}.product-preview h2{font-size:2rem;margin:0}.profile-bio{color:var(--muted);line-height:1.5;margin:.45rem 0 0}.profile-links{display:grid;gap:.55rem;margin-top:1.4rem}.profile-links span{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:#fff;font-weight:650;padding:.85rem .9rem}.control-panel{background:var(--soft);border-radius:var(--radius-sm);margin-top:1rem;padding:1rem}.control-panel p{color:var(--muted);font-size:.78rem;font-weight:650;margin:0 0 .35rem;text-transform:uppercase}.control-panel span,.control-panel strong{display:block}.control-panel strong{font-size:1rem}.control-panel span{color:var(--muted);line-height:1.45;margin-top:.45rem}.feeling-strip{border-top:1px solid var(--hairline);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:72rem;padding:0 5vw}.feeling-strip span{color:var(--ink);font-size:clamp(1.35rem,3vw,2.4rem);font-weight:700;line-height:1;padding:2rem 0}.feeling-strip span+span{border-left:1px solid var(--hairline);padding-left:2rem}.article,.closing,.section{border-top:1px solid var(--hairline);margin:0 auto;max-width:72rem;padding:4rem 5vw}.section-heading{max-width:40rem}.article h1,.closing h2,.section h2{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.02;margin:0;max-width:12ch}.intro-section{align-items:end;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(18rem,28rem)}.section-copy{color:var(--muted);font-size:1.08rem;line-height:1.55;margin:0}.principle-section{padding-bottom:2rem;padding-top:2rem}.principle-list{display:grid}.principle-item{align-items:start;border-bottom:1px solid var(--hairline);display:grid;gap:1.5rem;grid-template-columns:minmax(12rem,.75fr) minmax(0,1fr);padding:2.2rem 0}.principle-item:first-child{border-top:1px solid var(--hairline)}.principle-item h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1;margin:0;max-width:11ch}.principle-item p{color:var(--muted);font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.5;margin:0;max-width:34rem}.article p{color:var(--muted);line-height:1.58}.closing{align-items:end;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(18rem,28rem)}.closing-copy p{color:var(--muted);line-height:1.55;margin:0 0 1.2rem}.article{max-width:48rem}.article .button{margin-top:1rem}.status-note{color:var(--ink)!important;font-weight:650;margin-top:1.5rem}.site-footer{border-top:1px solid var(--hairline);padding:3.5rem 5vw 2rem}.footer-bottom,.footer-inner{margin:0 auto;max-width:72rem}.footer-inner{display:grid;gap:3rem;grid-template-columns:minmax(16rem,1.2fr) minmax(0,2fr)}.footer-brand{max-width:24rem}.footer-logo{align-items:center;color:#000;display:inline-flex;font-weight:650;gap:1rem;text-decoration:none}.footer-brand p{color:var(--muted);line-height:1.55;margin:1rem 0 1.4rem}.footer-cta,.footer-status{border:1px solid var(--hairline);border-radius:9999px;display:inline-flex;font-size:.9rem;font-weight:650;padding:.65rem .9rem;text-decoration:none}.footer-status{color:var(--ink)!important;margin:0}.footer-cta:hover{border-color:var(--ink)}.footer-nav{display:grid;gap:2rem;grid-template-columns:repeat(4,minmax(0,1fr))}.footer-section h2{color:var(--ink);font-size:.78rem;font-weight:650;margin:0 0 .85rem;text-transform:uppercase}.footer-section ul{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.footer-section a{color:var(--muted);font-size:.9rem;text-decoration:none}.footer-section a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--hairline);color:var(--subtle);display:flex;font-size:.82rem;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:1.2rem}@media (max-width:760px){.site-header{padding:0 1rem}.hero{grid-template-columns:1fr;padding:4.5rem 1rem 3rem}h1{max-width:11ch}.closing,.feeling-strip,.intro-section,.principle-item{grid-template-columns:1fr}.feeling-strip{padding:0 1rem}.feeling-strip span{padding:1.4rem 0}.feeling-strip span+span{border-left:0;border-top:1px solid var(--hairline);padding-left:0}.closing{align-items:flex-start}.site-footer{padding:3rem 1rem 2rem}.footer-inner,.footer-nav{grid-template-columns:1fr}.footer-nav{gap:1.6rem}.footer-bottom{flex-direction:column}}