*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #0c0c12;--muted: #676773;--muted-2: #9b9ba6;--line: #e7e7f2;--bg: #fbfbfe;--surface: #ffffff;--indigo: #6366f1;--sky: #38bdf8;--grad: linear-gradient(100deg, var(--indigo), var(--sky));--success: #10b981;--radius: 12px;--maxw: 1180px;--pad-x: 4rem;--display: "Space Grotesk", "Inter", sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--body);-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);min-height:100vh;overflow-x:hidden}.page{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hp-field{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;opacity:0}.accent,.accent-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.accent-text{font-weight:600}.section-title{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.02em;line-height:1.15}.topbar{border-bottom:1px solid var(--line);background:var(--bg)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:1.1rem var(--pad-x);max-width:var(--maxw);margin:0 auto;width:100%}.brand{font-family:var(--display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.75rem}.logo{height:30px;width:auto;display:block}.brand-sep{width:1px;height:22px;background:var(--line)}.brand-accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.status{display:inline-flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--muted);font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #10b9811f}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;padding:4.5rem var(--pad-x) 5rem;gap:4rem;max-width:var(--maxw);margin:0 auto;width:100%}.hero-left{display:flex;flex-direction:column;gap:1.6rem;max-width:540px}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo)}.headline{font-family:var(--display);font-size:clamp(2.6rem,5.2vw,4.3rem);font-weight:600;letter-spacing:-.03em;line-height:1.04}.lede{font-size:1.03rem;line-height:1.65;color:var(--muted);max-width:470px}.capture{margin-top:.4rem;max-width:470px}.capture-row{display:flex;gap:.5rem;align-items:stretch;position:relative}.capture-input{flex:1;min-width:0;padding:.9rem 1rem;font-size:.95rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.capture-input:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #6366f124}.capture-input::placeholder{color:var(--muted-2)}.capture-btn{padding:.9rem 1.3rem;font-size:.9rem;font-weight:600;background:var(--ink);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;transition:background .15s ease,opacity .15s ease}.capture-btn:hover{background:var(--indigo)}.capture-btn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.capture-btn:disabled{opacity:.6;cursor:not-allowed}.capture-note{margin-top:.85rem;font-size:.78rem;color:var(--muted);line-height:1.5}.capture-message{margin-top:.75rem;padding:.65rem .85rem;border-radius:var(--radius);font-size:.85rem;display:none;line-height:1.4}.capture-message.success{display:block;background:#f2fbf7;color:#047857;border:1px solid #cdebd8}.capture-message.error{display:block;background:#fdf4f4;color:#b91c1c;border:1px solid #f5d4d4}.spinner{width:16px;height:16px;animation:spin 1s linear infinite}.spinner-circle{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:50;animation:spinCircle 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinCircle{0%,to{stroke-dashoffset:50}50%{stroke-dashoffset:0}}.hero-right{display:flex;align-items:center;justify-content:center}.loop{width:100%;max-width:820px}.loop-img{width:100%;height:auto;display:block;opacity:.96;mix-blend-mode:normal;filter:contrast(1.02) saturate(1.08)}.how{padding:3.5rem var(--pad-x);max-width:var(--maxw);margin:0 auto;width:100%;border-top:1px solid var(--line)}.how .section-title{margin-bottom:2rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.5rem}.card-step{font-family:var(--display);font-size:.95rem;font-weight:700;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--grad);margin-bottom:1rem}.card h3{font-family:var(--display);font-size:1.1rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.01em}.card p{font-size:.9rem;line-height:1.6;color:var(--muted)}.band{border-top:1px solid var(--line);background:var(--surface)}.band-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:center;padding:3.5rem var(--pad-x);max-width:var(--maxw);margin:0 auto;width:100%}.checks{list-style:none;margin-top:1.5rem;display:grid;gap:.7rem}.checks li{font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.65rem}.checks li:before{content:"✓";width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;background:var(--grad);flex-shrink:0}.agent{border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;background:var(--bg)}.agent blockquote{font-size:1rem;line-height:1.65;color:var(--ink);border-left:3px solid;border-image:var(--grad) 1;padding-left:1rem;margin-bottom:1rem}.agent figcaption{font-size:.85rem;color:var(--muted);line-height:1.5}.agent figcaption strong{color:var(--ink)}.uses{padding:3.5rem var(--pad-x);max-width:var(--maxw);margin:0 auto;width:100%}.uses .section-title{margin-bottom:2rem}.uses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.use{background:var(--surface);padding:1.4rem 1.3rem}.use h3{font-family:var(--display);font-size:.98rem;font-weight:600;margin-bottom:.35rem}.use p{font-size:.83rem;color:var(--muted);line-height:1.5}.closing{text-align:center;padding:3.5rem var(--pad-x) 4.5rem;max-width:760px;margin:0 auto}.closing-line{font-family:var(--display);font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:600;line-height:1.35;letter-spacing:-.01em}.closing-cta{display:inline-block;margin-top:1.5rem;padding:.85rem 1.6rem;font-size:.92rem;font-weight:600;color:#fff;background:var(--ink);border-radius:var(--radius);text-decoration:none;transition:background .15s ease}.closing-cta:hover{background:var(--indigo)}.closing-cta:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.bottombar{border-top:1px solid var(--line);background:var(--bg);font-size:.82rem;color:var(--muted)}.bottombar-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem var(--pad-x);max-width:var(--maxw);margin:0 auto;width:100%}.stats{display:flex;align-items:center;gap:1.25rem}.stat strong{color:var(--ink);font-weight:600}.dot-sep{width:2px;height:2px;border-radius:50%;background:#cfcfd6}.copy{font-size:.78rem;color:var(--muted-2)}.disclaimer{padding:.4rem var(--pad-x) 1.2rem;font-size:.68rem;line-height:1.5;color:var(--muted-2);text-align:center;max-width:var(--maxw);margin:0 auto}@media (max-width: 1024px){:root{--pad-x: 2.25rem}.hero{padding:3.25rem var(--pad-x);gap:2.5rem}}@media (max-width: 860px){:root{--pad-x: 1.5rem}.hero{grid-template-columns:1fr;padding:2.25rem var(--pad-x);gap:2.25rem}.hero-right{order:-1}.loop{max-width:560px}.status{display:none}.how-grid{grid-template-columns:1fr}.band-inner{grid-template-columns:1fr;gap:2rem}.uses-grid{grid-template-columns:1fr 1fr}.stats{flex-wrap:wrap;gap:.85rem}.dot-sep{display:none}.capture-row{flex-direction:column}.capture-btn{width:100%}}@media (max-width: 480px){:root{--pad-x: 1.1rem}.uses-grid{grid-template-columns:1fr}.bottombar-inner{flex-direction:column;gap:.55rem;align-items:flex-start}}