*,:before,:after{box-sizing:border-box}:root{--bg:#faf9f7;--surface:#fff;--text:#1a1a1a;--muted:#6b6b6b;--accent:#4f46e5;--border:#e8e6e1}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:system-ui,sans-serif}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{max-width:960px;margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--border);padding:1.5rem 0}.brand{letter-spacing:-.01em;font-weight:600}.hero{text-align:center;padding:3rem 0 4rem}.hero-panel{background:radial-gradient(ellipse 70% 55% at 50% -5%, #4f46e524, transparent), var(--surface);border:1px solid var(--border);border-radius:28px;padding:4rem 2rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #1a1a1a0d}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;margin:0 0 2rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.hero-identity{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:.5rem;display:flex}.hero-logo{border:3px solid var(--surface);border-radius:18px;box-shadow:0 6px 18px #1a1a1a1f}.hero h1{letter-spacing:-.03em;margin:0;font-size:4rem;font-weight:700}.hero h1 .dot{color:var(--accent)}.tagline{color:var(--muted);margin:.75rem 0 2.25rem;font-size:1.35rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3.5rem;display:flex}.cta{background:var(--accent);color:#fff;border-radius:999px;padding:.85rem 2rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.cta:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 8px 20px #4f46e54d}.cta-ghost{color:var(--accent);background:0 0;border:1px solid #c7d2fe}.cta-ghost:hover{box-shadow:none;background:#eef2ff}.grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.features-grid{text-align:left;gap:1rem}.card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.card-icon{background:var(--tint,#f3f4f6);border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:1rem;font-size:1.35rem;display:grid}.card h3{margin:0 0 .5rem;font-size:1.05rem}.card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.products{border-top:1px solid var(--border);padding:1rem 0 5rem}.products-header{text-align:center;margin:3.5rem 0 2.5rem}.products-header .eyebrow{margin-bottom:1rem}.products h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.75rem}.products-sub{max-width:32rem;color:var(--muted);margin:0 auto;line-height:1.5}.products-grid{grid-template-columns:repeat(6,1fr);gap:1.5rem;display:grid}.products-grid .product{grid-column:span 2}.products-grid .product-wide{grid-column:span 3}.product{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:16px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.product:before{content:"";border-radius:inherit;background:radial-gradient(ellipse 80% 60% at 50% -10%, var(--tint,transparent), transparent);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.product:hover{border-color:var(--tint-strong,var(--accent));transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.product:hover:before{opacity:1}.product>*{position:relative}.product-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.product-icon{background:var(--tint,#f3f4f6);border-radius:12px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.product-icon img{object-fit:contain;border-radius:8px;width:32px;height:32px}.product-icon-emoji{font-size:1.5rem}.product-tag{background:var(--tint,#f3f4f6);color:var(--tint-strong,var(--text));text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.product-stat{background:var(--tint,#f3f4f6);color:var(--tint-strong,var(--text));border-radius:999px;align-self:flex-start;margin-top:.75rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.product h3{color:var(--text);margin:0 0 .5rem;font-size:1.05rem}.product p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.product-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;display:flex}.product-domain{color:var(--muted);font-size:.8rem;font-weight:500;transition:color .15s}.product:hover .product-domain{color:var(--tint-strong,var(--accent))}.product-arrow{color:var(--tint-strong,var(--accent));opacity:0;font-size:1.1rem;transition:opacity .15s,transform .15s;transform:translate(-4px)}.product:hover .product-arrow{opacity:1;transform:translate(0)}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:2rem 0;font-size:.875rem}.products{scroll-margin-top:2rem}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}.products-grid .product,.products-grid .product-wide{grid-column:span 3}}@media (width<=640px){.hero-panel{padding:3rem 1.25rem 1.25rem}.hero-identity{flex-direction:column;gap:1rem}.hero h1{font-size:2.75rem}.tagline{font-size:1.15rem}.grid{grid-template-columns:1fr}.products-grid .product,.products-grid .product-wide{grid-column:1/-1}}