#hero{padding-left:2rem!important;padding-right:2rem!important}@media (min-width: 768px){#hero{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width: 1024px){#hero{padding-left:3rem!important;padding-right:3rem!important}}.hero-section{max-width:none!important;margin-left:0!important;margin-right:0!important}.hero-grid.svelte-7jb6n8.svelte-7jb6n8{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.hero-grid.svelte-7jb6n8.svelte-7jb6n8{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}}.hero-content.svelte-7jb6n8.svelte-7jb6n8{text-align:left}.hero-title-container.svelte-7jb6n8.svelte-7jb6n8{margin-bottom:1.5rem}.hero-title-container.svelte-7jb6n8 .heading-display{font-size:clamp(2.5rem,6vw,3.75rem);letter-spacing:-.01em;line-height:1.15;font-weight:500}@media (min-width: 768px){.hero-title-container.svelte-7jb6n8 .heading-display{font-size:clamp(2.75rem,5vw,4rem);letter-spacing:0}}.highlight-forever.svelte-7jb6n8.svelte-7jb6n8{text-decoration:underline;text-decoration-color:#2dbaa680;text-decoration-thickness:2px;text-underline-offset:6px}.hero-cta.svelte-7jb6n8.svelte-7jb6n8{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:500;color:#fff;background:#1a1a1a;text-decoration:none;padding:14px 28px;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease}.hero-cta.svelte-7jb6n8.svelte-7jb6n8:hover{background:#333}.hero-cta.svelte-7jb6n8 svg.svelte-7jb6n8{transition:transform .2s ease}.hero-cta.svelte-7jb6n8:hover svg.svelte-7jb6n8{transform:translate(4px)}.hero-mockup.svelte-7jb6n8.svelte-7jb6n8{display:block;margin-top:2rem}@media (min-width: 1024px){.hero-mockup.svelte-7jb6n8.svelte-7jb6n8{margin-top:0}}.use-case-links.svelte-7jb6n8.svelte-7jb6n8{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:1.5rem;flex-wrap:wrap}@media (min-width: 768px){.use-case-links.svelte-7jb6n8.svelte-7jb6n8{justify-content:flex-start;margin-top:2rem}}.use-case-link.svelte-7jb6n8.svelte-7jb6n8{position:relative;font-size:13px;color:#9ca3af;background:none;border:none;cursor:pointer;font-family:inherit;padding:2px 0 6px;transition:color .2s ease}.use-case-link.svelte-7jb6n8.svelte-7jb6n8:hover{color:#6b7280}.use-case-link.active.svelte-7jb6n8.svelte-7jb6n8{color:var(--color-text-primary);font-weight:500}.progress-bar.svelte-7jb6n8.svelte-7jb6n8{position:absolute;bottom:0;left:0;height:2px;background:var(--color-teal-highlight);animation:svelte-7jb6n8-progressFill linear forwards;width:0%}@keyframes svelte-7jb6n8-progressFill{0%{width:0%}to{width:100%}}.use-case-link.static-active.svelte-7jb6n8.svelte-7jb6n8:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-teal-highlight)}.link-separator.svelte-7jb6n8.svelte-7jb6n8{color:#d1d5db;font-size:13px}.mockup-container.svelte-7jb6n8.svelte-7jb6n8{position:relative;perspective:1000px;transform-style:preserve-3d;padding-left:1rem;height:680px}@media (min-width: 768px){.mockup-container.svelte-7jb6n8.svelte-7jb6n8{height:480px;padding-left:0}}@media (min-width: 1024px){.mockup-container.svelte-7jb6n8.svelte-7jb6n8{height:520px}}.mockup-window.svelte-7jb6n8.svelte-7jb6n8{background:white;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.mockup-activity.svelte-7jb6n8.svelte-7jb6n8,.mockup-requirements.svelte-7jb6n8.svelte-7jb6n8{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:320px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.mockup-activity.mockup-back.svelte-7jb6n8.svelte-7jb6n8,.mockup-requirements.mockup-back.svelte-7jb6n8.svelte-7jb6n8{display:none}@media (min-width: 768px){.mockup-activity.svelte-7jb6n8.svelte-7jb6n8,.mockup-requirements.svelte-7jb6n8.svelte-7jb6n8{top:20px;left:0;transform:none;max-width:380px}.mockup-activity.mockup-back.svelte-7jb6n8.svelte-7jb6n8,.mockup-requirements.mockup-back.svelte-7jb6n8.svelte-7jb6n8{display:block}.mockup-front.svelte-7jb6n8.svelte-7jb6n8{transform:translate(0) translateY(0) scale(1)}}@media (min-width: 1024px){.mockup-activity.svelte-7jb6n8.svelte-7jb6n8,.mockup-requirements.svelte-7jb6n8.svelte-7jb6n8{top:0;max-width:440px}}.mockup-back.svelte-7jb6n8.svelte-7jb6n8{transform:translate(100px) translateY(-70px) scale(.85);opacity:.9;cursor:pointer;box-shadow:0 4px 16px #0000000f,0 1px 4px #00000008;z-index:1}@media (min-width: 768px){.mockup-back.svelte-7jb6n8.svelte-7jb6n8{transform:translate(180px) translateY(-90px) scale(.82)}}@media (min-width: 1024px){.mockup-back.svelte-7jb6n8.svelte-7jb6n8{transform:translate(220px) translateY(-110px) scale(.78)}}.mockup-back.svelte-7jb6n8.svelte-7jb6n8:hover{opacity:.9}.mockup-front.svelte-7jb6n8.svelte-7jb6n8{transform:translate(-50%);opacity:1;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014;z-index:2}@media (min-width: 768px){.mockup-front.svelte-7jb6n8.svelte-7jb6n8{transform:translate(0) translateY(0) scale(1)}}.mockup-header.svelte-7jb6n8.svelte-7jb6n8{display:flex;gap:6px;padding:12px 16px;background:#F9FAFB;border-bottom:1px solid #E5E7EB}.dot.svelte-7jb6n8.svelte-7jb6n8{width:8px;height:8px;border-radius:50%;background:#E5E7EB}.mockup-body.svelte-7jb6n8.svelte-7jb6n8{padding:20px}.spec-tabs.svelte-7jb6n8.svelte-7jb6n8{display:flex;gap:4px;margin-bottom:16px}.spec-tab.svelte-7jb6n8.svelte-7jb6n8{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;color:#6b7280;border-radius:20px;cursor:pointer;border:none;background:transparent;font-family:inherit;transition:all .2s ease}.spec-tab.svelte-7jb6n8.svelte-7jb6n8:hover{background:#F3F4F6}.spec-tab.active.svelte-7jb6n8.svelte-7jb6n8{background:#F0FDF4;color:var(--color-teal-highlight)}.spec-tab.active.svelte-7jb6n8.svelte-7jb6n8:hover{background:#F0FDF4}.spec-tab.svelte-7jb6n8 svg.svelte-7jb6n8{width:14px;height:14px}.spec-title.svelte-7jb6n8.svelte-7jb6n8{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;line-height:1.3}.spec-meta.svelte-7jb6n8.svelte-7jb6n8{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;margin-bottom:20px;flex-wrap:wrap}.version.svelte-7jb6n8.svelte-7jb6n8{background:#F3F4F6;padding:2px 8px;border-radius:4px;font-weight:500}.meta-sep.svelte-7jb6n8.svelte-7jb6n8{color:#d1d5db}.status-badge.svelte-7jb6n8.svelte-7jb6n8{background:#DBEAFE;color:#1d4ed8;padding:2px 10px;border-radius:12px;font-weight:500;margin-left:4px}.requirements-section.svelte-7jb6n8.svelte-7jb6n8{margin-bottom:16px}.req-category.svelte-7jb6n8.svelte-7jb6n8{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;margin-top:16px;margin-bottom:8px}.req-category.svelte-7jb6n8.svelte-7jb6n8:first-child{margin-top:0}.mockup-req.svelte-7jb6n8.svelte-7jb6n8{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:6px;font-size:13px;color:var(--color-text-primary);margin-bottom:4px;line-height:1.4}.mockup-req.highlighted.svelte-7jb6n8.svelte-7jb6n8{background:var(--color-teal-highlight);color:#fff;position:relative}.mockup-req.highlighted.svelte-7jb6n8 .req-id.svelte-7jb6n8{color:#ffffffb3}.req-content.svelte-7jb6n8.svelte-7jb6n8{display:flex;flex-direction:column;gap:4px;flex:1}.auto-updated.svelte-7jb6n8.svelte-7jb6n8{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:400;opacity:.75;color:#ffffffd9}.auto-updated.svelte-7jb6n8 svg.svelte-7jb6n8{flex-shrink:0}.edit-icon.svelte-7jb6n8.svelte-7jb6n8{margin-left:auto;opacity:.8;flex-shrink:0;display:flex;align-items:center}.req-id.svelte-7jb6n8.svelte-7jb6n8{font-size:11px;font-weight:500;color:#9ca3af;min-width:32px;flex-shrink:0}.integrations-row.svelte-7jb6n8.svelte-7jb6n8{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #E5E7EB}.integration-badge.svelte-7jb6n8.svelte-7jb6n8{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:20px;font-size:12px;color:#374151}.int-icon-placeholder.svelte-7jb6n8.svelte-7jb6n8{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#E5E7EB 0%,#D1D5DB 100%)}.activity-body.svelte-7jb6n8.svelte-7jb6n8{padding:16px;min-height:320px}.activity-header.svelte-7jb6n8.svelte-7jb6n8{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-title.svelte-7jb6n8.svelte-7jb6n8{font-size:15px;font-weight:600;color:var(--color-text-primary)}.activity-badge.svelte-7jb6n8.svelte-7jb6n8{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.activity-badge.running.svelte-7jb6n8.svelte-7jb6n8{background:#F0FDF4;color:var(--color-teal-highlight)}.pulse-dot.svelte-7jb6n8.svelte-7jb6n8{width:6px;height:6px;border-radius:50%;background:var(--color-teal-highlight);animation:svelte-7jb6n8-pulse 1.5s infinite}.timeline.svelte-7jb6n8.svelte-7jb6n8{position:relative;padding:8px 0}.timeline-line.svelte-7jb6n8.svelte-7jb6n8{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#E5E7EB;transform:translate(-50%)}.timeline-item.svelte-7jb6n8.svelte-7jb6n8{position:relative;display:flex;align-items:center;margin-bottom:12px}.timeline-item.svelte-7jb6n8.svelte-7jb6n8:last-child{margin-bottom:0}.timeline-item.right.svelte-7jb6n8.svelte-7jb6n8{justify-content:flex-end;padding-right:calc(50% + 12px)}.timeline-item.left.svelte-7jb6n8.svelte-7jb6n8{justify-content:flex-start;padding-left:calc(50% + 12px)}.timeline-dot.svelte-7jb6n8.svelte-7jb6n8{position:absolute;left:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%);z-index:1}.timeline-dot.completed.svelte-7jb6n8.svelte-7jb6n8{background:var(--color-teal-highlight)}.timeline-dot.active.svelte-7jb6n8.svelte-7jb6n8{background:#F59E0B;box-shadow:0 0 0 3px #f59e0b33;animation:svelte-7jb6n8-pulse 1.5s infinite}.timeline-dot.pending.svelte-7jb6n8.svelte-7jb6n8{background:#E5E7EB;border:2px solid #D1D5DB}.timeline-card.svelte-7jb6n8.svelte-7jb6n8{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:8px;padding:8px 10px;max-width:120px;min-height:44px}.timeline-card.active.svelte-7jb6n8.svelte-7jb6n8{background:#FFFBEB;border-color:#fcd34d}.timeline-card.pending.svelte-7jb6n8.svelte-7jb6n8{opacity:.6}.timeline-date.svelte-7jb6n8.svelte-7jb6n8{display:block;font-size:10px;color:#9ca3af;margin-bottom:2px}.timeline-text.svelte-7jb6n8.svelte-7jb6n8{display:block;font-size:11px;color:var(--color-text-primary);line-height:1.3}.timeline-card.pending.svelte-7jb6n8 .timeline-text.svelte-7jb6n8{color:#9ca3af}@keyframes svelte-7jb6n8-pulse{0%,to{opacity:1}50%{opacity:.5}}