:root{--ink: #18202a;--muted: #586576;--paper: #f4f7fb;--surface: #ffffff;--line: #d9e0ea;--blue: #315fce;--blue-deep: #1f4599;--teal: #13896f;--coral: #cc5847;--gold: #c98b18}body{background:var(--paper);color:var(--ink);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.site-header,.site-footer,.home>.page-heading{display:none}.page-content{padding:0}.page-content>.wrapper{max-width:none;padding:0}.hero{position:relative;min-height:82vh;display:flex;align-items:center;overflow:hidden;background-color:#f7fbff;background-image:url("./workflow-demo.png");background-position:calc(50% + 380px) center;background-repeat:no-repeat;background-size:min(1120px, 106vw) auto}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg, rgba(247,251,255,0.98) 0%, rgba(247,251,255,0.94) 42%, rgba(247,251,255,0.18) 76%, rgba(247,251,255,0) 100%),linear-gradient(180deg, rgba(247,251,255,0) 0%, rgba(247,251,255,0.82) 100%)}.hero-content{position:relative;z-index:1;width:calc(100% - 40px);max-width:740px;margin-left:24px;padding:84px 0 104px;color:var(--ink)}.eyebrow,.section-kicker{margin:0 0 10px;color:#117b66;font-size:0.76rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase}.hero h1{margin:0;color:var(--ink);font-size:clamp(3rem, 6.2vw, 6rem);font-weight:850;line-height:0.9;letter-spacing:0}.hero-copy{max-width:620px;margin:24px 0 0;color:#425466;font-size:clamp(1.1rem, 2vw, 1.42rem);line-height:1.45}.hero-copy code{color:#117b66;background:rgba(34,199,165,0.12)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid #cad8e4;border-radius:6px;color:var(--ink);font-weight:750;text-decoration:none;background:rgba(255,255,255,0.78)}.btn:hover{color:var(--ink);text-decoration:none;border-color:#93a9bb}.btn-primary{background:#173042;border-color:#173042;color:#fff}.btn-primary:hover{color:#fff;background:#24465e}.btn-ghost{background:rgba(255,255,255,0.72)}.hero-panel{position:absolute;left:24px;bottom:22px;z-index:1;display:flex;flex-wrap:wrap;gap:8px;color:var(--ink)}.hero-panel span{padding:6px 10px;border:1px solid #cad8e4;border-radius:6px;background:rgba(255,255,255,0.82);font-size:0.85rem}.section{width:calc(100% - 40px);max-width:1120px;margin:0 auto;padding:56px 0}.intro-band{display:grid;grid-template-columns:minmax(260px, 0.9fr) minmax(300px, 1.1fr);gap:40px;align-items:start;border-bottom:1px solid var(--line)}.section h2{margin:0;color:var(--ink);font-size:clamp(2rem, 4vw, 3.8rem);font-weight:850;line-height:1;letter-spacing:0}.intro-band>p,.quickstart-copy p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.65}.section-heading{max-width:760px;margin-bottom:24px}.demo-section{padding-top:64px;padding-bottom:30px}.demo-frame{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);box-shadow:0 20px 60px rgba(20,30,43,0.14)}.demo-frame img{display:block;width:100%;height:auto;background:#f7fbff}.demo-frame figcaption{padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:0.92rem}.screenshots{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px;padding-top:0}.screenshots figure{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);box-shadow:0 12px 36px rgba(20,30,43,0.1)}.screenshots img{display:block;width:100%;height:210px;object-fit:contain;background:#f7fbff}.screenshots figcaption{padding:10px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:0.88rem;font-weight:700}.workflow{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;padding-top:24px}.workflow-step,.feature-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:20px}.workflow-step:nth-child(1){border-top:4px solid var(--blue)}.workflow-step:nth-child(2){border-top:4px solid var(--teal)}.workflow-step:nth-child(3){border-top:4px solid var(--coral)}.workflow-step:nth-child(4){border-top:4px solid var(--gold)}.step-number{color:var(--gold);font-weight:850;font-size:0.82rem}.workflow h3,.feature-card h3{margin:10px 0 8px;color:var(--ink);font-size:1.08rem}.workflow p,.feature-card p{margin:0;color:var(--muted);line-height:1.58}.feature-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;padding-top:10px}.quickstart{display:grid;grid-template-columns:minmax(280px, 0.9fr) minmax(320px, 1.1fr);gap:28px;align-items:center;margin-bottom:34px;border-top:1px solid var(--line)}.command-block{border-radius:8px;overflow:hidden;border:1px solid #263241;background:#18202a}.command-block pre{margin:0;padding:22px;overflow-x:auto;color:#e9f0f8;background:transparent}.command-block code{background:transparent;color:inherit;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.docs-row{display:flex;flex-wrap:wrap;gap:10px;padding-top:0;padding-bottom:60px}.docs-row a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--blue-deep);font-weight:700;text-decoration:none}.docs-row a:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}code{border-radius:4px}@media (min-width: 1168px){.hero-content{margin-left:calc((100vw - 1120px) / 2)}.hero-panel{left:calc((100vw - 1120px) / 2)}}@media (max-width: 920px){.intro-band,.quickstart{grid-template-columns:1fr}.workflow,.feature-grid,.screenshots{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 640px){.hero{min-height:76vh;background-position:72% top;background-size:980px auto}.hero-content{width:calc(100% - 32px);max-width:640px;margin-left:16px;padding-top:72px}.hero-panel{left:16px;right:16px}.section{width:calc(100% - 32px);max-width:1120px;padding:42px 0}.workflow,.feature-grid,.screenshots{grid-template-columns:1fr}.screenshots img{height:auto}}