.page-shell{width:min(100%,80rem);margin:0 auto;padding:0 .75rem 4rem}.hero-section{display:grid;gap:2rem;padding:2rem 0}.hero-content{display:flex;flex-direction:column;gap:1.25rem}.hero-pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);padding:.4rem .85rem;font-size:.7rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);box-shadow:var(--shadow-soft)}.hero-copy{display:flex;flex-direction:column;gap:.9rem}.hero-title{margin:0;max-width:40rem;color:var(--foreground);font-size:clamp(2.25rem,7vw,4.4rem);font-weight:900;line-height:.95;letter-spacing:-.05em}.hero-description{margin:0;max-width:34rem;color:var(--muted);font-size:.98rem;line-height:1.85}.hero-actions{display:flex;flex-direction:column;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;padding:.9rem 1.2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--foreground);color:#fff}.button-primary:hover{background:#000}.button-secondary{border:1px solid var(--border);background:#fff;color:var(--foreground);box-shadow:0 1px 2px rgba(15,23,42,.04)}.button-secondary:hover{background:#f8fafc}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem}.hero-tag{border:1px solid var(--border);border-radius:999px;background:#fff;padding:.4rem .75rem;color:var(--muted);font-size:.8rem;font-weight:600}.hero-visual-wrap{position:relative}.hero-visual-glow{position:absolute;inset:0;z-index:-1;border-radius:var(--radius-lg);background:radial-gradient(circle at center,rgba(14,165,233,.18),transparent 65%)}.hero-visual{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-strong)}.hero-image{width:100%;height:auto;object-fit:cover}@media (min-width:640px){.page-shell{padding:0 1.5rem 4rem}.hero-actions{flex-direction:row;flex-wrap:wrap}.button{width:auto}.hero-description{font-size:1.1rem}}@media (min-width:1024px){.hero-section{grid-template-columns:1.05fr .95fr;align-items:center;padding:3.5rem 0 4rem;gap:2.5rem}}