:root{--ink:#17161d;--muted:#686574;--line:#e9e6ef;--paper:#fbfaf8;--panel:#fff;--deep:#111216;--deep-2:#1a1b20;--violet:#7c6df2;--violet-soft:#eeeaff;--mint:#47d7a4;--rose:#ed8f83;--shadow:0 24px 90px #17161d1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(#fbfaf8 0%,#f5f3ef 46%,#fbfaf8 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.nav{z-index:10;justify-content:space-between;align-items:center;gap:28px;max-width:1180px;height:76px;margin:0 auto;padding:0 24px;display:flex;position:relative}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.brand span{background:var(--deep);color:#f4f0ff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.nav nav{color:#595665;align-items:center;gap:24px;font-size:14px;font-weight:600;display:flex}.nav nav a{transition:color .18s}.nav nav a:hover{color:var(--ink)}.button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--deep);color:#fff;box-shadow:0 14px 32px #1112162e}.button.primary:hover{background:#25232d}.button.secondary{border:1px solid var(--line);color:var(--ink);background:#ffffffbd}.button.secondary:hover{border-color:#d8d3e3;box-shadow:0 12px 28px #17161d14}.button.inverse{color:#fff;background:#ffffff14;border-color:#ffffff26}.nav-button{background:var(--deep);color:#fff;min-height:38px}.section-grid,.section,.trust-band,.final-cta,.pricing-hero,.pricing-tiers,.enterprise-contact{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.hero{grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);align-items:center;gap:40px;min-height:calc(100vh - 76px);padding-top:34px;padding-bottom:72px;display:grid}.hero-copy h1,.pricing-hero h1{letter-spacing:0;max-width:820px;margin:18px 0 22px;font-size:clamp(46px,5.1vw,64px);line-height:.96}.hero-copy p,.pricing-hero p{color:#595665;max-width:610px;margin:0;font-size:19px;line-height:1.6}.eyebrow,.micro-label{color:#686574;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.status-dot{background:var(--mint);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #47d7a424}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-proof{color:#777381;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:13px;font-weight:700;display:flex}.hero-proof span{align-items:center;gap:7px;display:inline-flex}.hero-proof span:before{content:"";background:#cfccd8;border-radius:999px;width:5px;height:5px}.dashboard-visual{color:#f4f0ff;background:linear-gradient(145deg,#121318,#1d1d25);border:1px solid #ffffff14;border-radius:18px;min-height:540px;position:relative;overflow:hidden;box-shadow:0 38px 120px #12111a57}.dashboard-visual:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 14%,#7c6df233,#0000 28%),radial-gradient(circle at 86% 18%,#47d7a424,#0000 25%);position:absolute;inset:0}.dashboard-topbar{z-index:1;border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:62px;padding:0 18px;display:grid;position:relative}.window-dots{gap:7px;display:flex}.window-dots span{background:#514f5e;border-radius:999px;width:9px;height:9px}.search-pill,.sync-pill{color:#aaa6b6;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.sync-pill{color:#b8f7db}.dashboard-body{z-index:1;grid-template-columns:170px 1fr;min-height:478px;display:grid;position:relative}.dashboard-sidebar{background:#0b0c1057;border-right:1px solid #ffffff12;flex-direction:column;gap:10px;padding:22px 16px;display:flex}.dashboard-sidebar strong{color:#ded9ff;margin-bottom:8px;font-size:22px}.dashboard-sidebar button{color:#17133a;background:#bbb4ff;border:0;border-radius:8px;height:38px;margin-bottom:14px;font-size:12px;font-weight:800}.dashboard-sidebar span{color:#8f8b9d;border-radius:7px;padding:10px;font-size:13px;font-weight:700}.dashboard-sidebar .active{color:#d8d0ff;background:#7c6df22e}.dashboard-main{min-width:0;padding:24px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card,.feature-card,.workflow-card,.state-panel,.integration-card,.tier-card,.faq-grid article{border-radius:12px}.metric-card{background:#ffffff0f;border:1px solid #ffffff12;padding:16px}.metric-card span,.metric-card em{color:#9b98a8;font-size:12px;font-style:normal;font-weight:700;display:block}.metric-card strong{margin:8px 0 4px;font-size:34px;display:block}.invoice-feed{margin-top:20px}.invoice-row{background:#ffffff0e;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-bottom:10px;padding:13px;display:grid}.invoice-row svg{color:#bbb4ff}.invoice-row strong{font-size:14px;display:block}.invoice-row span,.invoice-row em{color:#9b98a8;font-size:12px;font-style:normal;font-weight:700}.invoice-row em{color:#d8d0ff;background:#7c6df229;border-radius:999px;padding:6px 10px}.invoice-row b{font-size:14px}.floating-timeline{color:var(--ink);z-index:2;background:#ffffffeb;border:1px solid #e5e0ef;border-radius:14px;width:230px;padding:16px;position:absolute;bottom:22px;right:22px;box-shadow:0 24px 70px #00000038}.floating-timeline span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:800;display:block}.timeline-bars{grid-template-columns:1.2fr .7fr 1fr .48fr;gap:8px;margin-top:16px;display:grid}.timeline-bars i{background:linear-gradient(180deg, var(--violet), #bbb4ff);border-radius:999px;height:62px;display:block}.timeline-bars i:nth-child(2){height:44px;margin-top:18px}.timeline-bars i:nth-child(3){background:linear-gradient(180deg, var(--mint), #b8f7db);height:54px;margin-top:8px}.timeline-bars i:nth-child(4){height:32px;margin-top:30px}.trust-band{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:26px;padding-bottom:26px;display:grid}.trust-band strong{margin-top:8px;font-size:16px;display:block}.section{padding-top:108px;padding-bottom:108px}.section-heading{max-width:760px;margin-bottom:42px}.section-heading.narrow{max-width:680px}.section-heading h2,.savings-copy h2,.archive-copy h2,.pricing-preview h2,.final-cta h2,.enterprise-contact h2{letter-spacing:0;margin:12px 0 14px;font-size:clamp(32px,4vw,52px);line-height:1.02}.section-heading p,.savings-copy p,.archive-copy p,.pricing-preview p,.final-cta p,.enterprise-contact p{color:var(--muted);margin:0;font-size:17px;line-height:1.65}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.state-panel{background:var(--panel);border:1px solid var(--line);min-height:330px;box-shadow:var(--shadow);padding:22px}.panel-title{align-items:center;gap:10px;margin-bottom:18px;font-weight:800;display:flex}.chaos-row{color:#686574;transform:translateX(calc((var(--delay) / 90ms - 2) * 7px));background:#fbfaf8;border:1px solid #ece8f1;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:14px;font-size:14px;font-weight:700;display:flex}.chaos-row span{background:var(--rose);border-radius:999px;width:8px;height:8px}.period-stack{gap:12px;display:grid}.period-card{background:#f8f7fb;border:1px solid #e9e5f1;border-radius:12px;justify-content:space-between;align-items:center;padding:18px;display:flex}.period-card strong,.period-card span{display:block}.period-card span{color:var(--muted);margin-top:5px;font-size:13px;font-weight:700}.period-card em{color:var(--violet);font-style:normal;font-weight:800}.workflow-grid,.feature-grid,.integration-grid,.security-section,.tier-grid,.faq-grid{gap:16px;display:grid}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-card,.feature-card,.integration-card,.faq-grid article{border:1px solid var(--line);background:#ffffffb8;padding:24px}.workflow-card span{color:var(--violet);margin-bottom:36px;font-size:12px;font-weight:900;display:block}.workflow-card h3,.feature-card h3,.integration-card strong,.security-section h3,.faq-grid h3{letter-spacing:0;margin:0 0 10px;font-size:18px;line-height:1.2}.workflow-card p,.feature-card p,.security-section p,.faq-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{transition:transform .18s,box-shadow .18s,border-color .18s}.feature-card:hover{border-color:#d8d0ff;transform:translateY(-3px);box-shadow:0 18px 54px #17161d1a}.feature-card svg{color:var(--mint);margin-bottom:18px}.savings-section,.archive-section,.pricing-preview,.enterprise-contact{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.savings-list{background:var(--deep);color:#f4f0ff;border-radius:18px;padding:18px;box-shadow:0 30px 100px #1112163d}.savings-list div{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:18px 12px;font-weight:800;display:flex}.savings-list div:last-child{border-bottom:0}.savings-list svg{color:var(--mint)}.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-card{min-height:150px}.integration-card svg{color:var(--violet);margin-bottom:24px}.integration-card span{color:var(--muted);margin-top:8px;font-size:13px;font-weight:700;display:block}.archive-visual{background:var(--deep);color:#f4f0ff;border-radius:18px;padding:18px;box-shadow:0 30px 100px #1112163d}.archive-header,.archive-period-top{justify-content:space-between;align-items:center;display:flex}.archive-header{margin-bottom:14px}.archive-header strong{margin-left:10px;margin-right:auto}.archive-header button{color:#f4f0ff;background:#ffffff14;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:12px;font-weight:800;display:flex}.archive-period{background:#ffffff0e;border:1px solid #ffffff12;border-radius:12px;margin-top:10px;padding:16px}.archive-period strong,.archive-period span{display:block}.archive-period span{color:#9b98a8;margin-top:5px;font-size:12px;font-weight:700}.archive-period em{color:#b8f7db;font-style:normal;font-weight:800}.archive-lines{border-top:1px solid #ffffff14;gap:10px;margin-top:14px;padding-top:14px;display:grid}.archive-lines span{align-items:center;gap:8px;display:flex}.security-section{grid-template-columns:repeat(4,minmax(0,1fr))}.security-section article{border-top:1px solid var(--line);padding-top:20px}.security-section svg{color:var(--violet);margin-bottom:16px}.pricing-preview{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;margin-bottom:90px;padding-top:42px;padding-bottom:42px}.pricing-preview .button{justify-self:end}.final-cta{background:var(--deep);color:#fff;text-align:center;border-radius:24px 24px 0 0;max-width:1228px;padding-top:94px;padding-bottom:94px}.final-cta p{color:#bdb8ca;max-width:620px;margin-left:auto;margin-right:auto}.final-cta .hero-actions{justify-content:center}.pricing-shell{padding-bottom:80px}.pricing-hero{text-align:center;padding-top:84px;padding-bottom:52px}.pricing-hero p,.pricing-hero h1{margin-left:auto;margin-right:auto}.billing-toggle{background:#ece8f1;border:1px solid #e1dce8;border-radius:10px;gap:4px;width:max-content;margin:0 auto 28px;padding:4px;display:flex}.billing-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;height:36px;padding:0 18px;font-size:14px;font-weight:800}.billing-toggle .active{color:var(--ink);background:#fff;box-shadow:0 6px 18px #17161d1a}.tier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tier-card{border:1px solid var(--line);background:#ffffffc7;min-height:560px;padding:24px;position:relative}.tier-card.popular{background:#fff;border-color:#cfc7ff;box-shadow:0 24px 90px #7c6df229}.popular-label{background:var(--violet-soft);color:#5e4bd5;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;position:absolute;top:18px;right:18px}.tier-card h3{margin:0 0 12px;font-size:22px}.tier-card p{color:var(--muted);min-height:78px;margin:0;line-height:1.6}.tier-price{align-items:baseline;gap:6px;margin:24px 0;display:flex}.tier-price strong{letter-spacing:0;font-size:40px}.tier-price span{color:var(--muted);font-weight:800}.tier-card .button{width:100%}.tier-features{gap:13px;margin-top:26px;display:grid}.tier-features span{color:#4f4b59;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.tier-features svg{color:var(--mint);flex:none}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enterprise-contact{background:var(--deep);color:#fff;border-radius:20px;padding-top:44px;padding-bottom:44px}.enterprise-contact p{color:#bdb8ca;max-width:660px}.enterprise-contact .button{justify-self:end}@media (max-width:980px){.nav nav{display:none}.hero,.savings-section,.archive-section,.pricing-preview,.enterprise-contact{grid-template-columns:1fr}.hero{min-height:auto;padding-top:54px}.dashboard-visual{min-height:500px}.trust-band,.workflow-grid,.feature-grid,.integration-grid,.security-section,.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-preview .button,.enterprise-contact .button{justify-self:start}}@media (max-width:720px){.nav{height:68px;padding-left:18px;padding-right:18px}.nav-button{display:none}.section-grid,.section,.trust-band,.final-cta,.pricing-hero,.pricing-tiers,.enterprise-contact{padding-left:18px;padding-right:18px}.hero-copy h1,.pricing-hero h1{font-size:44px}.hero-copy p,.pricing-hero p{font-size:17px}.dashboard-topbar{grid-template-columns:auto 1fr}.sync-pill{display:none}.dashboard-body{grid-template-columns:1fr}.dashboard-sidebar{display:none}.dashboard-main{padding:16px}.metric-row,.comparison-grid,.trust-band,.workflow-grid,.feature-grid,.integration-grid,.security-section,.tier-grid,.faq-grid{grid-template-columns:1fr}.invoice-row{grid-template-columns:auto minmax(0,1fr) auto}.invoice-row em{display:none}.floating-timeline{width:auto;bottom:14px;left:14px;right:14px}.section{padding-top:78px;padding-bottom:78px}.pricing-preview,.enterprise-contact{border-radius:16px}.tier-card{min-height:auto}}