:root {
  --ink: #101828; --muted: #667085; --line: #e4e7ec; --surface: #fff; --soft: #f8f9fc;
  --violet: #635bff; --violet-dark: #4c43dc; --violet-soft: #f0efff; --navy: #0d1530;
  --green: #039855; --green-soft: #ecfdf3; --blue: #1570ef; --amber: #dc6803; --rose: #e31b54;
  font-family: Inter, system-ui, sans-serif; color: var(--ink); background: var(--surface);
}
* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--surface); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.section-shell, .nav-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(228,231,236,.9); background: rgba(255,255,255,.88); backdrop-filter: blur(18px); }
.announcement-bar { padding: 9px 20px; color: #fff; background: var(--violet); text-align: center; font-size: .74rem; font-weight: 750; }
.nav-shell { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#7f77ff,#4c43dc); box-shadow: 0 8px 20px rgba(99,91,255,.23); font-size: 20px; }
.brand strong, .brand small { display: block; }
.brand strong { font-family: Manrope,sans-serif; font-size: .94rem; line-height: 1.1; }
.brand small { margin-top: 3px; color: var(--muted); font-size: .69rem; font-weight: 600; letter-spacing: .03em; }
.site-nav { display: flex; align-items: center; gap: 5px; }
.site-nav a { padding: 9px 11px; color: #475467; border-radius: 9px; text-decoration: none; font-size: .82rem; font-weight: 650; }
.site-nav a:hover { color: var(--violet); background: var(--violet-soft); }
.site-nav .nav-login { margin-left: 8px; border: 1px solid var(--line); color: var(--ink); }
.site-nav .nav-cta { margin-left: 3px; padding-inline: 16px; color: #fff; background: var(--violet); }
.site-nav .nav-cta:hover { color: #fff; background: var(--violet-dark); }
.menu-toggle { display: none; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #fff; font: 700 .8rem Inter; }
.hero { min-height: 660px; padding-block: 82px 74px; display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: clamp(38px,5vw,68px); align-items: center; }
.hero-copy,.product-stage,.feature-card,.price-card { min-width: 0; }
.eyebrow, .section-kicker { color: var(--violet); font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 8px; }
.eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 5px #ecfdf3; }
h1, h2, h3 { font-family: Manrope,Inter,sans-serif; }
.hero h1 { max-width: 650px; margin: 18px 0 20px; font-size: clamp(2.75rem,4.65vw,4.25rem); line-height: 1.025; letter-spacing: -.055em; text-wrap: balance; overflow-wrap: anywhere; }
.hero-copy > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 1.07rem; line-height: 1.75; }
.hero-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
.button { min-height: 48px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 11px; text-decoration: none; font-size: .86rem; font-weight: 750; transition: transform .16s ease,box-shadow .16s ease,background .16s ease; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #fff; background: var(--violet); box-shadow: 0 10px 25px rgba(99,91,255,.22); }
.button.primary:hover { background: var(--violet-dark); }
.button.secondary { border-color: var(--line); background: #fff; }
.button.white { color: var(--navy); background: #fff; }
.button.full { width: 100%; }
.trust-row { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 18px; color: #475467; font-size: .76rem; font-weight: 650; }
.product-stage { position: relative; }
.stage-glow { position: absolute; inset: -18%; pointer-events:none;background: radial-gradient(circle,rgba(99,91,255,.18),rgba(99,91,255,0) 64%); filter: blur(8px); }
.app-window { position: relative; overflow: hidden; border: 1px solid #dfe2f3; border-radius: 22px; background: #fff; box-shadow: 0 30px 80px rgba(41,36,111,.18),0 2px 6px rgba(16,24,40,.05); transform: rotate(.45deg); }
.window-top { height: 47px; padding: 0 15px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--line); background: #fafaff; }
.window-top > span { width: 8px; height: 8px; border-radius: 50%; background: #d0d5dd; }
.window-top > span:first-child { background: #f97066; }.window-top > span:nth-child(2) { background: #fdb022; }.window-top > span:nth-child(3) { background: #32d583; }
.window-top b { margin-left: 10px; color: #667085; font-size: .68rem; }
.window-body { padding: 18px; display: grid; grid-template-columns: 1fr .75fr; gap: 14px; background: #f7f8fc; }
.queue-card,.preview-card { padding: 15px; border: 1px solid #eaecf0; border-radius: 13px; background: #fff; }
.queue-head { display: flex; justify-content: space-between; gap: 10px; font-size: .64rem; }.queue-head span { color: #667085; }
.queue-progress { height: 5px; margin: 11px 0 14px; border-radius: 99px; background: #f0efff; }.queue-progress i { display: block; width: 34%; height: 100%; border-radius: inherit; background: var(--violet); }
.queue-item { min-height: 52px; padding: 8px 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 9px; align-items: center; border-top: 1px solid #f2f4f7; }
.file-icon { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 8px; color: #475467; background: #f2f4f7; font-size: .54rem; font-weight: 800; }
.queue-item b,.queue-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.queue-item b { font-size: .61rem; }.queue-item small { margin-top: 3px; color: #98a2b3; font-size: .54rem; }.queue-item em { color: #98a2b3; font-size: .57rem; font-style: normal; font-weight: 800; }
.queue-item.done em,.queue-item.done small { color: var(--green); }.queue-item.active { margin-inline: -7px; padding-inline: 7px; border-radius: 8px; background: var(--violet-soft); }.queue-item.active em,.queue-item.active small { color: var(--violet); }
.preview-grid { position: relative; min-height: 185px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; border-radius: 9px; background: linear-gradient(135deg,#1d2939,#344054); }
.preview-grid:before,.preview-grid:after { content:""; position:absolute; inset:0 50% 0 0; background: radial-gradient(circle at 50% 55%,#475467,#101828 70%); }.preview-grid:after { inset:0 0 0 50%; background: radial-gradient(circle at 50% 55%,#7f77ff,#312e81 70%); }
.preview-grid > span { position: relative; z-index: 2; margin: 8px; align-self: start; color: #fff; font-size: .55rem; font-weight: 700; }.preview-grid > span:nth-child(2) { text-align: right; }.spark { position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; color: var(--violet); background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.2); }
.preview-meta { margin-top: 11px; }.preview-meta span,.preview-meta b { display: block; }.preview-meta span { color:#667085;font-size:.55rem; }.preview-meta b { margin-top:3px;color:var(--green);font-size:.58rem; }
.proof-strip { border-block: 1px solid var(--line); background: var(--soft); }.proof-grid { min-height: 110px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }.proof-grid div { padding-left: 25px; border-left: 1px solid var(--line); }.proof-grid div:first-child { padding-left: 0; border-left: 0; }.proof-grid strong,.proof-grid span { display:block; }.proof-grid strong { font: 750 .88rem Manrope; }.proof-grid span { margin-top:5px;color:var(--muted);font-size:.74rem; }
.content-section { padding-block: 110px; }.section-heading { max-width: 690px; margin-bottom: 45px; }.section-heading h2 { margin: 12px 0 13px; font-size: clamp(2rem,4vw,3.2rem); line-height: 1.08; letter-spacing: -.045em; }.section-heading p { margin:0;color:var(--muted);font-size:.96rem;line-height:1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.feature-card { min-height: 285px; padding: 27px; display:flex;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:#fff; }.feature-large { grid-row: span 2; min-height: 586px; background: linear-gradient(155deg,#fbfaff,#f0efff); }.feature-icon { width:46px;height:46px;display:grid;place-items:center;margin-bottom:24px;border-radius:13px;font:800 1.2rem Manrope; }.feature-icon.violet { color:#fff;background:var(--violet); }.feature-icon.blue { color:var(--blue);background:#eff8ff; }.feature-icon.green { color:var(--green);background:var(--green-soft); }.feature-icon.amber { color:var(--amber);background:#fffaeb; }.feature-icon.rose { color:var(--rose);background:#fff1f3; }.feature-card h3 { margin:0 0 10px;font-size:1.12rem; }.feature-card p { margin:0;color:var(--muted);font-size:.84rem;line-height:1.7; }.feature-card > a { margin-top:auto;padding-top:22px;color:var(--violet);text-decoration:none;font-size:.78rem;font-weight:750; }.mini-queue { margin-top:38px;padding:16px;border:1px solid #d9d6fe;border-radius:13px;background:rgba(255,255,255,.75); }.mini-queue span { display:block;padding:10px 0;border-bottom:1px solid #eeeefe;color:#98a2b3;font-size:.72rem;font-weight:650; }.mini-queue span:last-child{border:0}.mini-queue .complete{color:var(--green)}.mini-queue .working{color:var(--violet)}
.workflow-section { padding-block:105px;color:#fff;background:var(--navy); }.section-heading.light h2{color:#fff}.workflow-section .section-kicker{color:#a9a4ff}.steps { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }.steps article { padding:25px;display:flex;gap:18px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.04); }.steps article>span { color:#a9a4ff;font:800 .78rem Manrope; }.steps h3 { margin:0 0 9px;font-size:1rem; }.steps p { margin:0;color:#98a2b3;font-size:.78rem;line-height:1.65; }
.pricing-section .section-heading { text-align:center;margin-inline:auto; }.payment-status{max-width:780px;margin:-25px auto 28px;padding:12px 16px;border:1px solid #d9e2f2;border-radius:12px;background:#f8fafc;color:#475467;text-align:center;font-size:.76rem;line-height:1.5}.payment-status[data-tone="ready"],.payment-status[data-tone="success"]{border-color:#abe8cb;background:#effcf6;color:#087a4d}.payment-status[data-tone="pending"]{border-color:#f4d38b;background:#fff9e9;color:#8a5a00}.payment-status[data-tone="error"]{border-color:#f2b8b5;background:#fff3f2;color:#b42318}.pricing-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch; }.price-card { position:relative;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff; }.price-card.featured { border:2px solid var(--violet);box-shadow:0 22px 55px rgba(99,91,255,.12); }.price-card.trial-card { background:linear-gradient(155deg,#fff,#f8f9fc); }.popular { position:absolute;top:0;right:25px;padding:6px 10px;border-radius:0 0 8px 8px;color:#fff;background:var(--violet);font-size:.6rem;font-weight:800;letter-spacing:.1em; }.plan-name { color:#475467;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em; }.price { margin:20px 0 16px;display:flex;align-items:flex-end;gap:5px; }.price sup { align-self:flex-start;margin-top:10px;font-size:1rem;font-weight:800; }.price strong { font:800 3.2rem/1 Manrope;letter-spacing:-.05em; }.price span { padding-bottom:5px;color:var(--muted);font-size:.72rem; }.price-card>p { min-height:66px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.6; }.price-card ul { min-height:155px;margin:23px 0;padding:19px 0 0;border-top:1px solid var(--line);list-style:none; }.price-card li { position:relative;margin:11px 0;padding-left:22px;color:#475467;font-size:.77rem; }.price-card li:before { content:"✓";position:absolute;left:0;color:var(--green);font-weight:800; }.payment-note { max-width:760px;margin:25px auto 0;color:var(--muted);text-align:center;font-size:.72rem;line-height:1.6; }
.audience-section { padding-block:85px;background:var(--soft); }.audience-grid { display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center; }.audience-grid h2 { margin:12px 0 0;font-size:2.3rem;line-height:1.12;letter-spacing:-.04em; }.audience-list { display:grid;grid-template-columns:1fr 1fr;gap:10px; }.audience-list span { padding:15px 17px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:.78rem;font-weight:700; }
.faq-section .section-heading { margin-inline:auto;text-align:center; }.faq-list { max-width:820px;margin:auto;border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { padding:23px 4px;cursor:pointer;font:750 .92rem Manrope;list-style:none; }.faq-list summary:after { content:"+";float:right;color:var(--violet);font-size:1.25rem; }.faq-list details[open] summary:after { content:"−"; }.faq-list p { margin:-7px 0 23px;padding-right:50px;color:var(--muted);font-size:.8rem;line-height:1.7; }
.final-cta { padding-block:65px;color:#fff;background:linear-gradient(120deg,#4c43dc,#725cff); }.final-cta-inner { display:flex;align-items:center;justify-content:space-between;gap:30px; }.final-cta .section-kicker{color:#d9d6fe}.final-cta h2{max-width:680px;margin:10px 0 0;font-size:2.35rem;line-height:1.12;letter-spacing:-.04em; }
.site-footer { padding-top:68px;color:#98a2b3;background:#0b1224; }.footer-grid { display:grid;grid-template-columns:1.8fr 1fr 1fr 1.25fr;gap:45px;padding-bottom:55px; }.site-footer .brand strong { color:#fff; }.site-footer .brand small { color:#98a2b3; }.footer-brand p { max-width:320px;margin:18px 0 0;font-size:.75rem;line-height:1.7; }.footer-grid>div:not(.footer-brand) { display:flex;flex-direction:column;gap:12px; }.footer-grid>div>strong { margin-bottom:5px;color:#fff;font-size:.74rem; }.footer-grid a,.footer-grid span { color:#98a2b3;text-decoration:none;font-size:.7rem;line-height:1.5; }.footer-grid a:hover { color:#fff; }.footer-bottom { min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.68rem; }
@media(max-width:1080px){.hero{gap:38px}.hero h1{font-size:clamp(2.7rem,5.5vw,3.75rem)}}
@media(max-width:960px){.site-nav{position:absolute;top:72px;left:20px;right:20px;padding:12px;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 20px 40px rgba(16,24,40,.12)}.site-nav[data-open="true"]{display:flex}.site-nav .nav-login,.site-nav .nav-cta{margin-left:0}.menu-toggle{display:block}.hero{grid-template-columns:minmax(0,1fr);padding-block:66px;gap:52px}.product-stage{max-width:760px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:auto;min-height:350px;grid-column:span 2}.mini-queue{display:none}.pricing-grid{grid-template-columns:1fr}.price-card{max-width:620px;width:100%;margin:auto}.price-card>p,.price-card ul{min-height:0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:680px){.section-shell,.nav-shell{width:min(calc(100% - 28px),1180px)}.brand small{display:none}.hero{min-height:auto;padding-block:48px 56px;gap:40px}.hero h1{font-size:clamp(2.3rem,11vw,2.75rem);line-height:1.05}.hero-copy>p{font-size:.98rem;line-height:1.65}.app-window{transform:none}.window-body{grid-template-columns:minmax(0,1fr);padding:12px}.preview-card{display:none}.proof-grid{grid-template-columns:1fr 1fr;padding-block:20px}.proof-grid div{padding:14px;border:0}.content-section{padding-block:72px}.section-heading{margin-bottom:32px}.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-large{grid-column:auto}.steps{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr;gap:35px}.audience-list{grid-template-columns:1fr}.final-cta-inner{align-items:flex-start;flex-direction:column}.final-cta h2{font-size:1.9rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{padding-block:18px;align-items:flex-start;flex-direction:column}.trust-row{gap:10px}.trust-row span{width:100%}}
@media(max-width:440px){.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.proof-grid{grid-template-columns:1fr}.proof-grid div{padding:11px 0;border-bottom:1px solid var(--line)}.proof-grid div:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div,.footer-brand{grid-column:auto}.price-card{padding:23px}.section-heading h2{font-size:1.85rem}}
.payment-status[data-tone="error"]{position:sticky;top:88px;z-index:12;box-shadow:0 12px 30px rgba(180,35,24,.12)}