:root{--navy: #0D122B;--purple: #8A95FF;--light-purple: #C9CCFF;--white: #FFFFFF;--card-bg: #141A36;--border: rgba(138, 149, 255, .18);--text-muted: #A0A8C8;--font: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font);background:var(--navy);color:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.btn-primary{display:inline-block;background:var(--purple);color:var(--navy);padding:.9rem 1.7rem;border-radius:10px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--light-purple);transform:translateY(-1px)}.btn-secondary{display:inline-block;background:transparent;color:var(--white);padding:.9rem 1.5rem;border-radius:10px;font-weight:500;font-size:.95rem;border:1px solid var(--border);cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--purple);color:var(--purple)}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 3rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0d122bf0;backdrop-filter:blur(14px);z-index:100}.logo{display:flex;align-items:center;gap:.8rem}.logo-mark{width:24px;height:28px;display:flex;flex-direction:column;justify-content:space-between}.logo-mark span{display:block;height:5.5px;background:var(--white);border-radius:3px;transform-origin:left center}.logo-mark span:nth-child(1){width:100%;transform:skew(-6deg)}.logo-mark span:nth-child(2){width:92%;transform:skew(-6deg)}.logo-mark span:nth-child(3){width:84%;transform:skew(-6deg)}.logo-text{font-size:1.3rem;font-weight:600;letter-spacing:-.02em}.nav-links{display:flex;gap:2.1rem;font-size:.9rem;font-weight:500;color:var(--text-muted)}.nav-links a:hover{color:var(--white)}.nav-cta{background:var(--purple);color:var(--navy);padding:.5rem 1.2rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:background .2s}.nav-cta:hover{background:var(--light-purple)}.hero{padding:5.5rem 3rem 4rem;text-align:left;max-width:1100px;margin:0 auto;position:relative}.hero:before{content:"";position:absolute;top:-60px;left:0;width:520px;height:380px;background:radial-gradient(ellipse at left,rgba(138,149,255,.12) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#8a95ff1f;border:1px solid var(--border);color:var(--light-purple);font-size:.8rem;font-weight:500;padding:.4rem .9rem;border-radius:100px;margin-bottom:1.75rem}.hero-badge .dot{width:7px;height:7px;background:#4ade80;border-radius:50%}.hero h1{font-size:3.5rem;font-weight:700;line-height:1.1;letter-spacing:-.035em;margin-bottom:1.35rem;max-width:640px}.hero h1 span{color:var(--purple)}.hero p{font-size:1.15rem;color:var(--text-muted);max-width:520px;margin:0 0 2.2rem;line-height:1.65}.hero-actions{display:flex;gap:1rem;justify-content:flex-start;align-items:center}.product-shot{max-width:1100px;margin:0 auto 4rem;padding:0 2rem}.product-frame{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px #00000080}.browser-bar{background:#121830;padding:.7rem 1.1rem;display:flex;gap:.45rem;align-items:center;border-bottom:1px solid var(--border)}.browser-dot{width:10px;height:10px;border-radius:50%;background:#3a4060}.browser-dot:nth-child(1){background:#ff5f57}.browser-dot:nth-child(2){background:#ffbd2e}.browser-dot:nth-child(3){background:#28c840}.browser-url{margin-left:1rem;font-size:.75rem;color:var(--text-muted);background:#0d122b99;padding:.25rem .8rem;border-radius:6px}.product-body{display:grid;grid-template-columns:220px 1fr;min-height:380px}.sidebar{background:#0f142e;border-right:1px solid var(--border);padding:1.4rem 1rem}.sidebar-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:1.8rem;padding:0 .4rem}.sidebar-logo .logo-mark{width:18px;height:20px}.sidebar-logo .logo-mark span{height:4px}.sidebar-logo span{font-size:.95rem;font-weight:600}.side-nav-item{display:flex;align-items:center;gap:.7rem;padding:.65rem .75rem;border-radius:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.side-nav-item.active{background:#8a95ff1f;color:var(--white)}.main-panel{padding:1.75rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-header h3{font-size:1.15rem;font-weight:600}.panel-header .tag{font-size:.75rem;background:#4ade801f;color:#4ade80;padding:.25rem .7rem;border-radius:20px;font-weight:600}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.status-card{background:#0d122b8c;border:1px solid var(--border);border-radius:10px;padding:1.1rem}.status-card .label{font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem}.status-card .value{font-size:1.4rem;font-weight:600}.status-card .value.purple{color:var(--purple)}.workflow-row{display:flex;align-items:center;gap:.8rem;background:#0d122b80;border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:.6rem;font-size:.9rem}.workflow-row .icon-box{width:32px;height:32px;border-radius:7px;background:#8a95ff24;display:flex;align-items:center;justify-content:center;font-size:.9rem}.workflow-row .status-pill{margin-left:auto;font-size:.72rem;font-weight:600;color:#4ade80;background:#4ade801f;padding:.2rem .55rem;border-radius:20px}.values-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(138,149,255,.04));padding:3.5rem 3rem}.values-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.value-item{text-align:left}.value-icon{width:44px;height:44px;margin:0 0 .9rem;border-radius:11px;background:#8a95ff1a;display:flex;align-items:center;justify-content:center;color:var(--purple);font-size:1.2rem}.value-item h4{font-size:.9rem;font-weight:600;margin-bottom:.35rem;letter-spacing:.01em}.value-item p{font-size:.78rem;color:var(--text-muted);line-height:1.45}.section{padding:5.5rem 3rem;max-width:1100px;margin:0 auto}.features-header{text-align:left;margin-bottom:3rem;max-width:640px}.features-header h2{font-size:2.3rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.75rem}.features-header p{color:var(--text-muted);font-size:1.1rem;max-width:520px;margin:0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.6rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#8a95ff66;transform:translateY(-3px)}.feature-icon{width:40px;height:40px;border-radius:9px;background:#8a95ff1f;display:flex;align-items:center;justify-content:center;margin-bottom:1.05rem;color:var(--purple);font-size:1.15rem}.feature-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.45rem}.feature-card p{font-size:.88rem;color:var(--text-muted);line-height:1.55}.richtext{padding:1rem 0 2rem;max-width:760px}.richtext h2{font-size:2.3rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1.1rem;line-height:1.15}.richtext p{color:var(--text-muted);font-size:1.05rem;margin-bottom:1rem;line-height:1.65;white-space:pre-line}.cta{text-align:left;padding:5.5rem 3rem;max-width:1100px;margin:0 auto;background:radial-gradient(ellipse at left,rgba(138,149,255,.09) 0%,transparent 65%)}.cta h2{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.9rem;max-width:520px}.cta p{color:var(--text-muted);font-size:1.15rem;max-width:460px;margin:0 0 2rem}.demo-section{padding:4rem 3rem 5.5rem;max-width:560px;margin:0 auto}.demo-section h2{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.demo-section>p{color:var(--text-muted);margin-bottom:1.75rem}.form-card{display:flex;flex-direction:column;gap:.9rem}.form-card input,.form-card textarea{width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;color:var(--white);font-family:var(--font);font-size:.95rem}.form-card input::placeholder,.form-card textarea::placeholder{color:var(--text-muted)}.form-card input:focus,.form-card textarea:focus{outline:none;border-color:var(--purple)}.form-card textarea{min-height:110px;resize:vertical}.form-card .hp-field{position:absolute;left:-9999px}.form-card .field-error{display:none;color:#f87171;font-size:.8rem;margin-top:-.5rem}.form-card .form-status{font-size:.9rem;margin-top:.25rem}.form-card .form-status.success{color:#4ade80}.form-card .form-status.error{color:#f87171}footer{border-top:1px solid var(--border);padding:3rem;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem}.footer-brand .logo{margin-bottom:1rem}.footer-brand p{font-size:.85rem;color:var(--text-muted);max-width:250px;line-height:1.55}.footer-col h5{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1rem;font-weight:600}.footer-col a{display:block;font-size:.9rem;color:var(--light-purple);margin-bottom:.5rem;opacity:.85}.footer-col a:hover{opacity:1;color:var(--white)}.footer-bottom{max-width:1100px;margin:0 auto;padding:1.4rem 3rem 2.2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.page-hero{padding:4.5rem 3rem 1rem;max-width:1100px;margin:0 auto}.page-hero .eyebrow{color:var(--light-purple);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.75rem}.page-hero h1{font-size:2.6rem;font-weight:700;letter-spacing:-.03em;max-width:720px;margin-bottom:1rem}.page-hero p{color:var(--text-muted);font-size:1.1rem;max-width:600px}@media(max-width:960px){.hero h1,.page-hero h1{font-size:2.6rem}.product-body{grid-template-columns:1fr}.sidebar{display:none}.values-inner{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.nav-links{display:none}}