/* Public product page. Product visuals use synthetic data, never customer data. */
:root{--paper:#f6f7fb;--white:#fff;--ink:#111a2c;--ink-2:#2a3550;--muted:#5a667c;--line:#e2e6ef;--accent:#4f46e5;--accent-2:#7c74f0;--tint:#eeedfd;--teal:#0e9488;--teal-tint:#e3f5f2;--amber:#c27a0e;--amber-tint:#fdf3e2;--night:#0d1322;--night-2:#151d31;--night-line:#26304a;--night-muted:#a9b4ca;--radius:20px;--shadow:0 24px 60px #111a2c14;font-family:Manrope,"Manrope Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}::selection{background:#dcd9fc;color:#1e1a4a}
figure{margin:0}img{max-width:100%;display:block}p{line-height:1.75}h1,h2,h3,p{margin-top:0}ul,ol{margin:0;padding:0;list-style:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent-2);outline-offset:4px;border-radius:6px}
main{overflow-x:clip}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:14px 20px;border-radius:10px}.skip:focus{top:12px}
.ui-icon{width:18px;height:18px;flex-shrink:0}
h2 span,h1 span{color:var(--accent)}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:#f6f7fbe8;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header-inner{display:flex;align-items:center;gap:28px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;letter-spacing:-.7px}.brand>img{width:34px;height:34px;object-fit:contain}.brand>span>span{color:var(--accent)}
.brand small{display:block;font-size:9px;letter-spacing:.03em;color:var(--muted);font-weight:450;line-height:1.5}
.header-inner nav{display:flex;gap:26px;margin-inline:auto;font-size:13px;font-weight:500;color:var(--muted)}.header-inner nav a:hover{color:var(--ink)}
.header-actions{display:flex;gap:8px}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:600;line-height:1.3;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.button:hover{transform:translateY(-1px)}.button .ui-icon{width:16px;height:16px}
.button.small{min-height:40px;padding:8px 15px;font-size:13px;border-radius:10px}
.primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px #111a2c26}.primary:hover{background:#000}
.ghost{background:var(--white);border-color:var(--line);color:var(--ink)}.ghost:hover{border-color:#c9cfde}
.white{background:#fff;color:var(--ink)}.dark-outline{border-color:#ffffff40;color:#fff}.dark-outline:hover{border-color:#fff}

/* Shared type */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:650;letter-spacing:.16em;color:var(--accent);margin-bottom:18px}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #0e948822}
.section{padding-block:104px}.section+.section{padding-top:56px}.assistants.section{padding-top:88px}
.section-intro{max-width:720px;margin-bottom:56px}.section-intro h2,.assistants h2,.start-section h2,.faq-section h2,.dark-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-1.6px;font-weight:650;margin-bottom:18px}
.section-intro>p:last-child{font-size:17px;color:var(--muted);margin:0}
.check-list{display:grid;gap:10px;margin-top:22px}.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--ink-2)}.check-list .ui-icon{color:var(--teal);margin-top:1px}
.fine-note{display:flex;gap:10px;align-items:flex-start;margin:32px 0 0;font-size:13px;color:var(--muted)}.fine-note .ui-icon{margin-top:3px;color:var(--accent)}.fine-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.mock-caption{margin:12px 0 0;font-size:11px;letter-spacing:.04em;color:var(--muted);text-align:center}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:84px 96px}
.hero h1{font-size:clamp(40px,5.4vw,68px);line-height:1.04;letter-spacing:-2.6px;font-weight:700;margin-bottom:24px}.hero h1 span{display:block;background:linear-gradient(95deg,var(--accent),#5b6ee8 55%,var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;color:var(--muted);max-width:560px;margin-bottom:32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px}.hero-points li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}.hero-points .ui-icon{width:16px;height:16px;color:var(--teal)}
.hero-visual{position:relative}.hero-visual::before{content:"";position:absolute;inset:-40px -30px;background:radial-gradient(closest-side,#4f46e51f,transparent),radial-gradient(closest-side at 80% 80%,#0e948818,transparent);z-index:-1}
.mock-window{background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.mock-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px}
.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:#dfe3ec}
.mock-status{margin-left:auto;font-size:11px;font-weight:600;color:var(--teal);background:var(--teal-tint);padding:4px 10px;border-radius:99px}
.mock-body{padding:22px;display:grid;gap:16px;background:linear-gradient(#fbfbfe,#fff)}
.mock-user{justify-self:end;max-width:86%;margin:0;padding:12px 16px;background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px;font-size:13px;line-height:1.55}
.mock-answer{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}
.mock-answer-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.mock-answer-head b{display:block;font-size:14px}.mock-answer-head small{font-size:11px;color:var(--muted)}
.mock-avatar{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--teal));flex-shrink:0}
.mock-metrics,.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.mock-metrics div,.report-kpis div{background:var(--paper);border-radius:10px;padding:9px 11px}.mock-metrics small,.report-kpis small{display:block;font-size:10px;color:var(--muted);margin-bottom:2px}.mock-metrics b,.report-kpis b{font-size:15px;letter-spacing:-.3px}
.up{color:var(--teal)}.warn{color:var(--amber)}
.mock-chart,.report-line{width:100%;height:auto;display:block}
.grid line{stroke:#e9ecf3;stroke-width:1}.bar{fill:#c9c6f7}.bar.b1{fill:var(--accent)}.labels text{font-size:9px;fill:var(--muted);text-anchor:middle;font-family:inherit}
.mock-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:99px;font-size:11.5px;font-weight:550}.chip .ui-icon{width:14px;height:14px}
.chip.file{background:var(--tint);color:var(--accent)}.chip.schedule{background:var(--amber-tint);color:var(--amber)}

/* Proof strip */
.proof-strip{border-block:1px solid var(--line);background:var(--white)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:26px 24px;border-left:1px solid var(--line)}.proof-grid div:first-child{border-left:0;padding-left:0}
.proof-grid strong{display:block;font-size:18px;letter-spacing:-.4px;margin-bottom:4px}.proof-grid span{font-size:13px;color:var(--muted)}

/* Pillars */
.pillar{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding-block:44px}
.pillar+.pillar{border-top:1px solid var(--line)}
.pillar.reverse .pillar-copy{order:2}
.pillar h3{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.9px;font-weight:650;margin:16px 0 14px}
.pillar-copy>p{color:var(--muted);font-size:15.5px;margin:0}
.pillar-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;padding:6px 11px;border-radius:8px}
.pillar-tag.knowledge{background:var(--tint);color:var(--accent)}.pillar-tag.analysis{background:var(--teal-tint);color:var(--teal)}.pillar-tag.tracking{background:var(--amber-tint);color:var(--amber)}
.screen-button{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0f1320;box-shadow:var(--shadow)}
.screen-button img{width:100%;height:auto;transition:transform .5s}.screen-button:hover img{transform:scale(1.015)}
.screen-zoom{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:99px;background:#ffffffeb;color:var(--ink);font-size:12px;font-weight:600;box-shadow:0 6px 18px #0003}.screen-zoom .ui-icon{width:14px;height:14px}
.visual-card{background:linear-gradient(150deg,#eef0fb,#f3f8f7);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.report-sheet{background:#fff;border-radius:14px;padding:22px;box-shadow:0 14px 40px #111a2c12;max-width:460px;margin-inline:auto}
.report-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px}.report-head b{font-size:15px}.report-head small{font-size:11px;color:var(--muted)}
.report-line .line{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.report-line .area{fill:#0e948814;stroke:none}.report-line .dot{fill:var(--teal);stroke:#fff;stroke-width:2}
.report-sheet table{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}.report-sheet th{text-align:left;font-weight:600;color:var(--muted);font-size:10.5px;padding:7px 4px;border-bottom:1px solid var(--line)}.report-sheet td{padding:8px 4px;border-bottom:1px solid #f0f2f7}.report-sheet tr:last-child td{border-bottom:0}
.pill{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:99px}.pill.ok{background:var(--teal-tint);color:var(--teal)}.pill.mid{background:var(--amber-tint);color:var(--amber)}.pill.low{background:#fde8e8;color:#c0392b}
.schedule-list{display:grid;gap:10px;max-width:480px;margin-inline:auto}
.schedule-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 10px 28px #111a2c0f}
.schedule-item .when{font-size:11.5px;font-weight:600;color:var(--ink-2)}.schedule-item b{display:block;font-size:13.5px}.schedule-item small{font-size:11px;color:var(--muted)}
.state{font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:99px;white-space:nowrap}.state.done{background:var(--teal-tint);color:var(--teal)}.state.next{background:var(--tint);color:var(--accent)}.state.wait{background:var(--amber-tint);color:var(--amber)}

/* Assistants */
.assistants{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center;border-top:1px solid var(--line)}
.assistants-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}
.team-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}.team-tags span{padding:7px 13px;border:1px solid var(--line);background:#fff;border-radius:99px;font-size:12.5px;font-weight:500}
.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-list li{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}
.tool-list .ui-icon{color:var(--accent);margin-top:2px}.tool-list b{display:block;font-size:13.5px}.tool-list small{font-size:12px;color:var(--muted);line-height:1.5}
.assistants figcaption{margin-top:12px;font-size:11px;color:var(--muted);text-align:center;letter-spacing:.04em}

/* Dark roadmap */
.dark-section{background:var(--night);color:#fff;padding-block:100px;position:relative;overflow:hidden}
.dark-section::before{content:"";position:absolute;width:700px;height:700px;right:-200px;top:-300px;background:radial-gradient(closest-side,#4f46e540,transparent)}
.dark-section .wrap{position:relative}
.dark-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:end;margin-bottom:52px}.dark-heading>p{color:var(--night-muted);font-size:16px;margin:0}
.dark-section .eyebrow{color:#a9a3ff}.dark-section h2 span{color:#8fe3d8}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.roadmap-grid article{background:var(--night-2);border:1px solid var(--night-line);border-radius:18px;padding:26px}
.roadmap-grid h3{font-size:18px;letter-spacing:-.3px;margin:16px 0 10px}.roadmap-grid p{font-size:14px;color:var(--night-muted);margin:0}
.soon{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8fe3d8;background:#0e948826;padding:5px 10px;border-radius:99px}
.roadmap-note{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin:28px 0 0;font-size:13px;color:var(--night-muted)}.roadmap-note a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:600}.roadmap-note .ui-icon{width:14px;height:14px}

/* Trust */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.feature-symbol{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:var(--tint);color:var(--accent)}
.trust-grid h3{font-size:16px;letter-spacing:-.2px;margin:16px 0 8px}.trust-grid p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.65}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.price-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}
.price-card.featured{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 30px 60px #111a2c33}
.price-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.featured .price-label{color:#a9a3ff}
.price-card h3{font-size:20px;letter-spacing:-.4px;margin-bottom:12px}
.price{margin-bottom:12px}.price strong{font-size:34px;letter-spacing:-1.2px}.price span{font-size:13px;color:var(--muted);margin-left:6px}.featured .price span{color:var(--night-muted)}
.price-card>p:not(.price):not(.price-label){font-size:14px;color:var(--muted);margin-bottom:0}.featured>p:not(.price):not(.price-label){color:var(--night-muted)}
.featured .check-list li{color:#e6e9f2}.featured .check-list .ui-icon{color:#8fe3d8}
.price-card .button{margin-top:auto;width:100%}.price-card .check-list{margin-bottom:28px}
.featured .button.primary{background:#fff;color:var(--ink)}

/* Start */
.start-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding:56px;border-radius:28px;background:#fff;border:1px solid var(--line)}
.start-section ol{display:grid;gap:22px}.start-section li{display:grid;grid-template-columns:48px 1fr;column-gap:16px}
.start-section li>span{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--accent);font-weight:700;font-size:13px}
.start-section li h3{font-size:17px;margin:2px 0 4px}.start-section li p{margin:0;font-size:14px;color:var(--muted)}
.start-warning{grid-column:1/-1;display:flex;gap:10px;align-items:center;margin:0;padding:14px 16px;border-radius:12px;background:var(--amber-tint);color:#7a4c07;font-size:13px}.start-warning .ui-icon{color:var(--amber)}

/* FAQ */
.faq-section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;padding-block:20px 110px}
.faq-list{display:grid;gap:10px}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:15px;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font-size:20px;font-weight:400;color:var(--accent);transition:transform .2s}.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{margin:0 0 18px;font-size:14px;color:var(--muted)}

/* Closing */
.closing-section{background:linear-gradient(130deg,#1a1f4b,#0d1322 55%,#0b2a2b);color:#fff;padding-block:96px;text-align:center}
.closing-inner{max-width:760px}.closing-section .eyebrow{color:#a9a3ff}
.closing-section h2{font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:16px}.closing-section h2 span{color:#8fe3d8}
.closing-section>div>p{color:var(--night-muted);font-size:16px}
.closing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px 0 24px}
.closing-contact{font-size:13px}.closing-contact a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Footer */
.site-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:36px;font-size:13px;color:var(--muted)}
.footer-brand{font-weight:650;color:var(--ink)}.footer-brand span{font-weight:450;color:var(--muted)}.site-footer p{margin:6px 0 0}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}.site-footer nav a:hover{color:var(--ink)}

/* Screen dialog */
.screen-dialog{width:min(1200px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;border:0;border-radius:18px;background:#0f1320;color:#fff;overflow:auto}
.screen-dialog::backdrop{background:#0b0f1acc;backdrop-filter:blur(4px)}
.dialog-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#0f1320f2}.dialog-toolbar p{margin:0;font-size:13px}
.dialog-toolbar button{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #ffffff30;border-radius:10px;background:transparent}
.screen-dialog img{width:100%;height:auto}

/* Responsive */
@media(max-width:1080px){.header-inner nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;gap:56px;padding-top:64px}.hero-copy{max-width:680px}.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.section{padding-block:80px}.section+.section{padding-top:40px}.pillar,.assistants,.dark-heading,.faq-section,.start-section{grid-template-columns:1fr;gap:32px}.pillar.reverse .pillar-copy{order:0}.roadmap-grid,.pricing-grid{grid-template-columns:1fr}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid div:nth-child(3){border-left:0;padding-left:0}.proof-grid div:nth-child(n+3){border-top:1px solid var(--line)}.start-section{padding:36px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}body{font-size:14px}.header-inner{min-height:64px;gap:12px}.brand{font-size:18px}.brand small{display:none}.header-actions{gap:6px}.header-actions .button.small{min-height:38px;padding:7px 11px;font-size:12.5px}
.hero{padding-block:44px 64px}.hero h1{letter-spacing:-1.6px}.hero-lead{font-size:16px}.hero-actions .button{flex:1 1 100%}
.mock-body{padding:14px}.mock-answer{padding:14px}.mock-metrics,.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mock-metrics b,.report-kpis b{font-size:13px}
.proof-grid{grid-template-columns:1fr}.proof-grid div{border-left:0!important;padding:18px 0!important;border-top:1px solid var(--line)}.proof-grid div:first-child{border-top:0}
.visual-card{padding:18px}.report-sheet{padding:16px}.schedule-item{grid-template-columns:1fr auto;gap:6px 10px}.schedule-item .when{grid-column:1/-1}
.tool-list{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.start-section{padding:24px}.section-intro{margin-bottom:36px}
.closing-actions .button{flex:1 1 100%}.site-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.screen-button img,.faq-list summary::after{transition:none}}