:root{--background:#fff7ed;--foreground:#111827;--muted:#5f6b7a;--card:#ffffffc7;--border:#11182714;--orange:#ff4f00;--orange-soft:#ff4f001f;--shadow:0 24px 70px #0f172a24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--foreground);background:radial-gradient(circle at 10% 10%,#ff4f0029,#0000 28%),radial-gradient(circle at 90% 10%,#ffb84d29,#0000 28%),linear-gradient(135deg,#fffaf4 0%,#f6f1ea 48%,#fff 100%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:56px 0 72px}.hero{grid-template-columns:1fr .9fr;align-items:stretch;gap:28px;display:grid}.hero-content,.hero-panel,.product-card,.section-heading{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 55px #0f172a12}.hero-content{border-radius:34px;padding:44px;position:relative;overflow:hidden}.hero-content:after{content:"";background:var(--orange-soft);filter:blur(8px);border-radius:999px;width:280px;height:280px;position:absolute;bottom:-120px;right:-100px}.eyebrow{color:var(--orange);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:900}h1,h2,h3,p{z-index:1;position:relative}h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(46px,6vw,78px);line-height:.94}.hero-text{max-width:680px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.7}.hero-actions{z-index:1;flex-wrap:wrap;gap:14px;margin-top:32px;display:flex;position:relative}.button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--orange);box-shadow:0 14px 34px #ff4f0047}.button.secondary{color:var(--foreground);border:1px solid var(--border);background:#fff}.hero-panel{box-shadow:var(--shadow);border-radius:34px;padding:18px}.panel-top{gap:8px;padding:8px 8px 18px;display:flex}.panel-top span{background:#1118272e;border-radius:999px;width:12px;height:12px}.panel-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:24px;min-height:132px;padding:20px;box-shadow:0 14px 36px #0f172a0f}.metric-card strong{letter-spacing:-.05em;margin-bottom:10px;font-size:34px;display:block}.metric-card span{color:var(--muted);font-weight:700}.flow-card{background:#111827;border-radius:24px;flex-wrap:wrap;gap:10px;margin-top:14px;padding:20px;display:flex}.flow-card span{color:#fff;background:#ffffff1f;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:800}.products-section{margin-top:28px}.section-heading{border-radius:34px;margin-bottom:18px;padding:34px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4vw,54px);line-height:1}.products-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.product-card{border-radius:28px;flex-direction:column;justify-content:space-between;min-height:300px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.product-card:hover{border-color:#ff4f0047;transform:translateY(-4px);box-shadow:0 24px 60px #0f172a1f}.product-label{color:var(--orange);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:900}.product-card h3{letter-spacing:-.04em;margin:0 0 12px;font-size:25px}.product-card p{color:var(--muted);margin:0;line-height:1.6}.product-link{color:var(--orange);margin-top:26px;font-weight:900}.demo-shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 56px;display:block}.demo-main{gap:24px;width:100%;display:grid}.demo-header,.system-positioning-card{border:1px solid var(--border);color:#fff;background:#111827f5;border-radius:34px;padding:42px;display:block;overflow:hidden;box-shadow:0 24px 70px #0f172a2e}.demo-header h1{letter-spacing:-.065em;max-width:860px;margin:0;font-size:clamp(52px,8vw,96px);line-height:.92}.demo-header p:not(.eyebrow),.system-positioning-card p:not(.eyebrow){color:#ffffffb8;max-width:760px;margin:22px 0 0;font-size:18px;line-height:1.65}.system-positioning-card h2{letter-spacing:-.055em;max-width:860px;margin:0;font-size:clamp(34px,4vw,58px);line-height:.98}.system-flow-preview{flex-wrap:wrap;gap:12px;max-width:900px;margin-top:30px;display:flex}.system-flow-preview span{color:#fff;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex}.demo-section-label{padding:10px 4px 2px}.demo-section-label h2{letter-spacing:-.05em;max-width:860px;margin:0;font-size:clamp(30px,4vw,48px);line-height:.98}.demo-section-label p:not(.eyebrow){max-width:820px;color:var(--muted);margin:14px 0 0;font-size:16px;line-height:1.65}.dashboard-label{border-top:0;margin-top:0;padding-top:0}.workflow-trigger-section{border:1px solid var(--border);background:#ffffffc7;border-radius:34px;gap:20px;padding:30px;display:grid;box-shadow:0 18px 55px #0f172a12}.workflow-trigger-header h2{letter-spacing:-.05em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1}.workflow-trigger-copy{max-width:760px;color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.65}.workflow-board{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.workflow-column{border:1px solid var(--border);background:#ffffffdb;border-radius:26px;padding:18px;box-shadow:0 12px 34px #0f172a0d}.workflow-column.active-column{border-color:#ff4f0047;box-shadow:0 18px 44px #ff4f0014}.workflow-column-top{margin-bottom:16px}.workflow-column-top strong{letter-spacing:-.02em;margin-bottom:4px;font-size:18px;display:block}.workflow-column-top span{color:var(--muted);font-size:14px;line-height:1.5}.workflow-column-body{min-height:210px}.workflow-card{color:#fff;background:#111827;border-radius:22px;padding:18px;box-shadow:0 18px 42px #0f172a2e}.workflow-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.workflow-card-badge,.workflow-card-status{border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.workflow-card-badge{color:#fff;background:#ffffff1f}.workflow-card-status{color:#111827;background:#fff}.workflow-card strong{margin-bottom:8px;font-size:18px;display:block}.workflow-card p{color:#ffffffb8;margin:0;line-height:1.55}.workflow-card-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.workflow-move-button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:42px;padding:0 16px;font-weight:900;box-shadow:0 12px 28px #ff4f0047}.workflow-move-button.secondary{color:#fff;box-shadow:none;background:#ffffff1f}.workflow-drop-area{background:#11182708;border:1px dashed #11182724;border-radius:22px;place-items:center;min-height:210px;display:grid}.workflow-drop-area span{color:var(--muted);font-weight:700}.workflow-engine{color:#fff;background:#111827;border-radius:28px;grid-template-columns:220px 1fr;align-items:center;gap:24px;padding:24px;display:grid;overflow:hidden}.gear-stage{min-height:150px;position:relative}.gear{color:#ffffffe6;transform-origin:50%;place-items:center;line-height:1;display:grid;position:absolute}.gear.large{font-size:78px;top:16px;left:18px}.gear.medium{font-size:54px;top:58px;left:88px}.gear.small{font-size:42px;top:10px;left:118px}.workflow-engine.active .gear.large{animation:1.4s linear infinite spinClockwise}.workflow-engine.active .gear.medium{animation:1.2s linear infinite spinCounter}.workflow-engine.active .gear.small{animation:1s linear infinite spinClockwise}.workflow-engine-copy h3{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,38px);line-height:1}.workflow-engine-copy p:not(.eyebrow){color:#ffffffb8;max-width:760px;margin:16px 0 0;line-height:1.65}.workflow-output-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.workflow-output-card{border:1px solid var(--border);opacity:.92;background:#fff;border-radius:24px;padding:22px;transform:translateY(10px);box-shadow:0 14px 38px #0f172a0d}.workflow-output-grid.active .workflow-output-card{animation:.5s forwards revealCard}.workflow-output-grid.active .workflow-output-card:nth-child(2){animation-delay:80ms}.workflow-output-grid.active .workflow-output-card:nth-child(3){animation-delay:.16s}.workflow-output-grid.active .workflow-output-card:nth-child(4){animation-delay:.24s}.workflow-output-badge{background:var(--orange-soft);min-height:28px;color:var(--orange);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:14px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.workflow-output-card h4{letter-spacing:-.03em;margin:0 0 10px;font-size:20px}.workflow-output-card p{color:var(--muted);margin:0;line-height:1.6}.dashboard-preview-block{background:linear-gradient(#e2effff5 0%,#d7e8ffeb 100%);border:1px solid #3b82f624;border-radius:36px;padding:30px;box-shadow:0 18px 55px #3b82f61f}.dashboard-preview-block .metrics-grid,.dashboard-preview-block .dashboard-grid{margin-top:22px}.metrics-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:18px;display:grid}.metric-card.large{min-height:180px}.metric-card.alert{background:#ffffffe6;border-color:#ff4f0047}.dashboard-preview-block .metric-card,.dashboard-preview-block .dashboard-card{background:#ffffffe0;border-color:#11182714}.dashboard-preview-block .metric-card.alert{border-color:#ff4f0038}.dashboard-grid{grid-template-columns:1.4fr .9fr;gap:18px;display:grid}.dashboard-card{border:1px solid var(--border);background:#fffc;border-radius:30px;padding:24px;box-shadow:0 16px 44px #0f172a0f}.dashboard-card.wide,.dashboard-card.reports{grid-column:span 2}.card-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.card-heading.compact{margin-bottom:18px}.card-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(24px,3vw,34px);line-height:1}.card-heading button{min-height:40px;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:0 16px;font-weight:900}.client-list{gap:12px;display:grid}.client-row{border:1px solid var(--border);background:#fff;border-radius:22px;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:18px;padding:16px;display:grid}.client-main{align-items:center;gap:14px;display:flex}.client-avatar{background:var(--orange-soft);width:44px;height:44px;color:var(--orange);border-radius:16px;place-items:center;font-weight:900;display:grid}.client-main strong,.note-card strong,.timeline-item strong{margin-bottom:4px;display:block}.client-main span,.progress-label span,.timeline-item p,.timeline-item small,.note-card p{color:var(--muted)}.progress-label{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.progress-track{background:#11182714;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--orange);height:100%}.status-pill{white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.status-pill.success{color:#166534;background:#dcfce7}.status-pill.attention{color:#92400e;background:#fef3c7}.status-pill.risk{color:#991b1b;background:#fee2e2}.steps-list,.notes-list,.timeline-list{gap:12px;display:grid}.steps-list label{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:14px;font-weight:700;display:flex}.steps-list input{accent-color:var(--orange)}.timeline-item{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:16px 1fr;gap:12px;padding:14px;display:grid}.timeline-dot{background:var(--orange);border-radius:999px;width:12px;height:12px;margin-top:5px}.timeline-dot.win{background:#22c55e}.timeline-dot.progress{background:#6366f1}.timeline-dot.attention{background:#f59e0b}.timeline-item p{margin:0 0 4px}.note-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:16px}.note-card p{margin:0;line-height:1.55}.bar-chart{background:#111827;border-radius:24px;align-items:end;gap:16px;height:260px;padding:24px;display:flex}.bar-chart div{background:linear-gradient(#ff7a1a,#ff4f00);border-radius:18px 18px 8px 8px;flex:1;justify-content:center;align-items:end;min-height:42px;display:flex}.bar-chart span{color:#ffffffbd;font-size:12px;font-weight:800;transform:translateY(28px)}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes revealCard{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.hero,.workflow-board,.workflow-engine,.metrics-grid,.dashboard-grid{grid-template-columns:1fr}.products-grid,.workflow-output-grid{grid-template-columns:1fr 1fr}.dashboard-card.wide,.dashboard-card.reports{grid-column:auto}.client-row{grid-template-columns:1fr}}@media (max-width:680px){.site-shell,.demo-shell{width:min(100% - 24px,1180px);padding:28px 0 48px}.hero-content,.demo-header,.system-positioning-card,.workflow-trigger-section,.dashboard-preview-block{border-radius:28px;padding:24px}h1,.demo-header h1{font-size:clamp(42px,13vw,62px)}.panel-grid,.products-grid,.workflow-output-grid{grid-template-columns:1fr}.product-card{min-height:auto}.workflow-card-actions{flex-direction:column}.bar-chart{gap:8px;padding:16px}.dashboard-preview-block .metrics-grid,.dashboard-preview-block .dashboard-grid{margin-top:18px}}