:root{--color-brand: #3498db;--color-brand-dark: #2980b9;--color-ink: #2c3e50;--color-body: #34495e;--color-muted: #333;--color-cta: #2ecc71;--color-cta-hover: #27ae60;--color-surface: #f9f9f9;--color-card: #ecf0f1;--color-white: #fff;--header-height: 60px;--max-width: 1140px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;background-color:var(--color-white);color:var(--color-muted)}img{max-width:100%;height:auto}a{color:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.header{background-color:var(--color-brand);color:var(--color-white);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.header-brand{display:flex;align-items:center;text-decoration:none;color:var(--color-white);flex-shrink:0}.header-brand img{height:40px;width:auto;display:block}.header-nav{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.header-nav a{color:var(--color-white);text-decoration:none;font-size:.95rem}.header-nav a:hover,.header-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.header-actions{display:flex;align-items:center;gap:.75rem}.header-actions a{color:var(--color-white);text-decoration:none;font-size:.95rem}.header-actions a:hover{text-decoration:underline;text-underline-offset:4px}.hero{padding:50px 20px;text-align:center;background-color:var(--color-surface)}.hero h1{font-size:2.5rem;color:var(--color-ink);margin:0 0 20px}.hero p{font-size:1.2rem;color:var(--color-body);margin:0 0 30px}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.eyebrow{margin:0 0 .5rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand-dark);font-weight:700}.hero .eyebrow{color:var(--color-brand-dark)}.cta-button{display:inline-block;background-color:var(--color-cta);color:var(--color-white);padding:12px 25px;font-size:1.1rem;border:none;border-radius:5px;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:var(--color-cta-hover);text-decoration:none}.features{padding:40px 20px 80px;background-color:var(--color-white)}.features--alt{background-color:var(--color-surface)}.features h2{text-align:center;font-size:2rem;color:var(--color-ink);margin:0 0 30px}.feature-grid{display:grid;grid-template-columns:1fr;gap:20px}.feature-card{background-color:var(--color-card);padding:20px;border-radius:5px;text-align:center}.feature-card h3{font-size:1.3rem;color:var(--color-brand-dark);margin:0 0 .75rem}.feature-card p{color:var(--color-body);margin:0}.feature-card p+p{margin-top:1rem}.feature-card a{color:var(--color-brand-dark)}.product-card{background-color:var(--color-card);padding:24px 20px;border-radius:5px;text-align:left;display:flex;flex-direction:column}.product-card h3{font-size:1.5rem;color:var(--color-ink);margin:0 0 .75rem}.product-card p{color:var(--color-body);margin:0 0 1rem}.product-host{font-size:.9rem;color:var(--color-brand-dark);word-break:break-word}.product-card .product-host,.hero-actions .product-host,.feature-card .product-host{margin-bottom:1rem}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:auto}.card-actions a:not(.cta-button){color:var(--color-brand-dark)}.page{flex:1}.page-content{padding:50px 20px 80px}.page-content h1{font-size:2.2rem;color:var(--color-ink);margin:0 0 1rem}.page-content>.container>p{font-size:1.1rem;color:var(--color-body);margin:0 0 2rem}.site-footer{background-color:var(--color-brand);color:var(--color-white);padding:10px 20px;text-align:center;margin-top:auto}.site-footer p{margin:0 0 .5rem}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.footer-nav a{color:var(--color-white);text-decoration:none}.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}@media(min-width:768px){.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-grid--two{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.header{flex-wrap:wrap}.header-nav{order:3;width:100%;margin-left:0;padding-top:.5rem}.hero h1{font-size:2rem}}