.accent-label{color:var(--accent)}.site-header{border-bottom:2px solid var(--border)}.site-footer{border-top:2px solid var(--border)}.nav-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-nav{font-size:.6875rem}.btn-hero{font-size:.875rem;padding:1rem 2rem}.features-cta{padding-top:2.5rem;border-top:var(--border-width) solid var(--border)}.btn-launch{width:100%;max-width:420px;text-align:center;justify-content:center}.blog-teaser-cta{margin-top:2rem}.footer-notify-btn{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tertiary);padding:0}.footer-notify-btn:hover{color:var(--on-surface)}.app-section{padding:5rem 0;border-bottom:var(--border-width) solid var(--border)}.app-headline{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;margin-top:1.5rem}.app-sub{font-size:.9375rem;color:var(--secondary);line-height:1.7;max-width:40ch;margin-top:1rem}.app-screenshots{margin-top:3rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-screenshots::-webkit-scrollbar{display:none}.app-screenshots-track{display:flex;gap:1.5rem;padding:0 var(--pad);max-width:var(--max-width);margin:0 auto}.app-screenshot-item{flex:0 0 220px;display:flex;flex-direction:column;gap:.75rem}.app-screenshot-item img{width:100%;height:auto;border:var(--border-width) solid var(--outline-variant);transition:border-color .2s}.app-screenshot-item:hover img{border-color:var(--accent)}.app-screenshot-label{font-size:.5625rem;font-weight:700;letter-spacing:.2em;color:var(--tertiary)}.app-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:var(--max-width);margin:3rem auto 0;padding:0 var(--pad);border-top:1px solid var(--outline-variant)}.app-feature{padding:2rem 1.5rem 2rem 0;display:flex;flex-direction:column;gap:.625rem}.app-feature+.app-feature{border-left:1px solid var(--outline-variant);padding-left:1.5rem}.app-feature h3{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.app-feature p{font-size:.8125rem;color:var(--secondary);line-height:1.65}.app-cta{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--outline-variant)}@media(max-width:860px){.app-features{grid-template-columns:repeat(2,1fr)}.app-feature:nth-child(2){border-left:1px solid var(--outline-variant);padding-left:1.5rem}.app-feature:nth-child(3){border-left:none;padding-left:0;border-top:1px solid var(--outline-variant)}.app-feature:nth-child(4){border-top:1px solid var(--outline-variant)}}.plan-banner{padding:5rem 0;border-bottom:var(--border-width) solid var(--border);background:var(--on-surface);color:var(--surface)}.plan-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap}.plan-banner-text{max-width:540px;display:flex;flex-direction:column;gap:.75rem}.plan-banner-text h2{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700;letter-spacing:-.01em;line-height:1.3}.plan-banner-sub{font-size:.8125rem;color:#666;line-height:1.7}.plan-banner-cta{flex-shrink:0}.blog-teaser{padding:5rem 0;border-bottom:var(--border-width) solid var(--border)}.blog-teaser-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem}.blog-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--border-width) solid var(--border)}.blog-teaser-card{padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.6rem;transition:background .15s}.blog-teaser-card+.blog-teaser-card{border-left:var(--border-width) solid var(--border)}.blog-teaser-card:hover{background:var(--surface-1)}.blog-teaser-card time{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tertiary)}.blog-teaser-card h3{font-size:.875rem;font-weight:700;line-height:1.35;letter-spacing:.02em;text-transform:uppercase}.blog-teaser-card p{font-size:.8125rem;color:var(--secondary);line-height:1.6}@media(max-width:720px){.plan-banner-inner{flex-direction:column;align-items:flex-start}.blog-teaser-grid{grid-template-columns:1fr}.blog-teaser-card+.blog-teaser-card{border-left:none;border-top:var(--border-width) solid var(--border)}}@media(max-width:480px){.plan-banner{padding:3rem 0}.plan-banner-text h2{font-size:1rem}.plan-banner-sub{font-size:.75rem;color:#666}.blog-teaser{padding:3rem 0}.blog-teaser-card{padding:1.25rem 1rem}.blog-teaser-card h3{font-size:.8125rem}.blog-teaser-card p{font-size:.75rem}.btn-launch{font-size:.6875rem;padding:.75rem 1.25rem}.btn-hero{font-size:.75rem;padding:.85rem 1.5rem}.btn-nav{font-size:.625rem}.app-section{padding:3rem 0}.app-sub{font-size:.8125rem}.app-screenshots{margin-top:2rem}.app-screenshot-item{flex:0 0 170px}.app-features{grid-template-columns:1fr;margin-top:2rem}.app-feature+.app-feature{border-left:none;padding-left:0;border-top:1px solid var(--outline-variant)}.app-feature{padding:1.25rem 0}.app-cta{margin-top:2rem;padding-top:1.5rem}}@media(max-width:360px){.plan-banner{padding:2rem 0}.plan-banner-inner{gap:1.5rem}.blog-teaser-card{padding:1rem .75rem}.btn-launch{font-size:.625rem;padding:.7rem 1rem;white-space:normal;text-align:center}.btn-hero{font-size:.6875rem;padding:.75rem 1.25rem;white-space:normal;text-align:center}.nav-actions{gap:.375rem}.btn-nav{font-size:.5625rem;padding:.5rem .625rem}.app-headline{font-size:1.5rem}.app-screenshot-item{flex:0 0 150px}}@media(max-width:320px){.blog-teaser{padding:2rem 0}.blog-teaser-card{padding:.875rem .625rem}.blog-teaser-card h3{font-size:.75rem}.blog-teaser-card p{font-size:.6875rem}.btn-hero{font-size:.625rem;padding:.7rem 1rem}.btn-launch{font-size:.5625rem;padding:.625rem .75rem}.footer-notify-btn{font-size:.5rem}.app-section{padding:2rem 0}.app-headline{font-size:1.25rem}.app-sub{font-size:.75rem}.app-screenshot-item{flex:0 0 140px}.app-screenshots-track{gap:1rem}.app-feature h3,.app-feature p{font-size:.75rem}}
