:root{color-scheme:light;--bg: #eef5fd;--bg-deep: #dcecff;--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--surface-soft: rgba(244, 249, 255, .86);--ink: #18212b;--muted: #526173;--line: rgba(15, 74, 140, .14);--line-strong: rgba(15, 74, 140, .24);--brand: #0f6cbd;--brand-deep: #084c8d;--brand-soft: rgba(15, 108, 189, .12);--accent: #2b88d8;--accent-soft: rgba(43, 136, 216, .14);--success: #1c8b5f;--shadow-lg: 0 32px 90px rgba(15, 74, 140, .14);--shadow-md: 0 16px 42px rgba(15, 74, 140, .1);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at top left,rgba(15,108,189,.18),transparent 24%),radial-gradient(circle at 85% 18%,rgba(43,136,216,.16),transparent 26%),linear-gradient(180deg,#f9fcff 0%,var(--bg) 44%,#e4f0ff 100%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.page-shell{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:22px 0 36px}.beta-banner{margin-bottom:12px}.beta-banner-inner{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,#162230,#0c1622);color:#fff;box-shadow:0 18px 40px #0a121e3d}.beta-banner-pill{min-height:30px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1f;color:#d8e9ff;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.beta-banner-inner p{margin:0;font-weight:800;letter-spacing:-.01em}.site-header{position:sticky;top:0;z-index:20;padding-bottom:14px}.nav-bar,.hero-section,.section,.site-footer{border:1px solid rgba(255,255,255,.86);background:var(--surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:12px 20px;border-radius:20px;background:#ffffffd1;box-shadow:0 18px 44px #0f4a8c1a}.brand,.footer-brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand img,.footer-brand img{width:46px;height:46px;border-radius:14px;box-shadow:var(--shadow-md)}.brand span,.footer-brand div{display:grid;gap:4px}.brand strong,.footer-brand strong{font-size:1rem;letter-spacing:-.02em}.brand small,.footer-brand span{color:var(--muted);font-size:.84rem}.nav-links,.nav-actions,.hero-actions,.hero-chips,.final-cta-actions,.footer-links,.action-row{display:flex;flex-wrap:wrap;gap:12px}.nav-links{justify-content:center;flex-wrap:nowrap;min-width:0}.nav-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;color:var(--muted);font-weight:700;white-space:nowrap}.nav-links a:hover,.footer-links a:hover{color:var(--ink);background:#18212b0d}.nav-actions{justify-content:flex-end;flex-wrap:nowrap}.nav-mobile-only,.menu-toggle{display:none}.button{min-height:50px;padding:0 18px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-deep));box-shadow:0 18px 36px #8f3f1f38}.button-primary:visited,.button-primary:hover,.button-primary:focus{color:#fff}.button-secondary{border-color:#18212b1a;background:#fffc}.hero-section{margin-top:10px;border-radius:var(--radius-xl);padding:42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:28px;overflow:hidden}.eyebrow-row,.stats-grid,.testimonial-grid,.problem-grid,.workflow-grid,.feature-grid,.use-case-grid,.security-grid,.pricing-preview-grid,.live-pricing-grid,.recommendation-columns{display:grid;gap:18px}.eyebrow-row{grid-template-columns:auto 1fr;align-items:center}.eyebrow-pill,.mini-pill,.priority-badge,.step-badge{width:fit-content;min-height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;font-size:.75rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.eyebrow-pill,.step-badge{background:var(--brand-soft);color:var(--brand-deep)}.eyebrow-note{color:var(--muted);font-weight:700}.hero-copy h1,.section-heading h2,.final-cta-card h2{margin:18px 0 0;line-height:.96;letter-spacing:-.04em}.hero-copy h1{font-size:clamp(2.8rem,5vw,5rem);max-width:11ch}.section-heading h2,.final-cta-card h2{font-size:clamp(2rem,3vw,3.1rem)}.hero-text,.section-heading p,.problem-card p,.workflow-card p,.feature-card p,.testimonial-card p,.use-case-card p,.security-card p,.live-pricing-card p,.faq-item p,.recommendation-card li,.recommendation-card p,.final-cta-card p,.roi-results p{color:var(--muted);line-height:1.7}.hero-text{margin-top:18px;max-width:620px;font-size:1.12rem}.hero-actions{margin-top:24px}.hero-chips{margin-top:20px}.hero-chips span,.mini-pill{min-height:34px;padding:0 12px;border-radius:999px;background:#18212b0f;color:var(--muted);display:inline-flex;align-items:center;font-weight:700}.hero-visual{position:relative;min-height:470px;display:grid;align-content:center}.mock-email-card,.mock-ai-card,.mock-reply-card,.stat-card,.testimonial-card,.problem-card,.workflow-card,.feature-card,.roi-shell,.use-case-card,.security-card,.pricing-preview-card,.live-pricing-card,.faq-item,.final-cta-card,.recommendation-card{border:1px solid rgba(24,33,43,.08);border-radius:var(--radius-lg);background:#ffffffc2;box-shadow:var(--shadow-md)}.mock-email-card{padding:18px;width:min(100%,520px);position:relative;z-index:2}.mock-window-top{display:flex;gap:8px}.mock-window-top span{width:10px;height:10px;border-radius:50%;background:#18212b29}.mock-email-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:18px}.label{margin:0 0 8px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.priority-badge{background:#13795b24;color:var(--success);flex:0 0 auto;white-space:nowrap}.email-lines,.reply-box{display:grid;gap:10px;margin-top:18px}.line{height:13px;border-radius:999px;background:#18212b14}.line-wide{width:92%}.line-short{width:65%}.mock-ai-card{position:absolute;top:36px;right:0;width:min(300px,82%);padding:20px;background:linear-gradient(180deg,#0f6cbd24,#ffffffeb);z-index:3}.mock-ai-card h3{margin:0;font-size:1.15rem;line-height:1.35}.mock-ai-card ul,.pricing-preview-card ul,.live-pricing-card ul,.recommendation-card ul,.recommendation-card ol{margin:16px 0 0;padding-left:18px}.mock-ai-card li,.pricing-preview-card li,.live-pricing-card li,.recommendation-card li{margin-top:8px;line-height:1.55}.mock-reply-card{position:absolute;left:42px;bottom:20px;width:min(340px,92%);padding:20px;z-index:4}.action-row button,.menu-toggle{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.action-row button{min-height:42px;padding:0 14px;border-radius:999px}.section{margin-top:18px;border-radius:var(--radius-xl);padding:32px}.section-heading{max-width:860px}.split-heading{max-width:none;display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.85fr);gap:18px;align-items:end}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.stat-card,.testimonial-card,.problem-card,.workflow-card,.feature-card,.use-case-card,.security-card,.pricing-preview-card,.live-pricing-card,.recommendation-card{padding:22px}.stat-card strong{display:block;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em}.stat-card span,.stat-card small,.testimonial-card span,.use-case-card span,.plan-name{display:block}.stat-card span,.plan-name{margin-top:6px;font-weight:800}.stat-card small,.testimonial-card span,.use-case-card span{margin-top:8px;color:var(--muted)}.testimonial-grid,.problem-grid,.security-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.problem-card,.workflow-card,.use-case-card,.security-card{position:relative}.problem-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--brand)}.problem-card h3,.workflow-card h3,.feature-card h3,.use-case-card h3,.security-card h3,.pricing-preview-card h3,.faq-item summary,.recommendation-card span,.live-pricing-card strong{margin-top:14px}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.workflow-card{background:linear-gradient(180deg,#0f6cbd14,#ffffffe6)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.feature-screenshot{min-height:220px;border-radius:20px;border:1px dashed rgba(24,33,43,.18);background:linear-gradient(135deg,#0f6cbd1a,#2b88d81f),#ffffffb3;display:grid;place-items:center;color:var(--muted);text-align:center;padding:18px;font-weight:700}.roi-shell{margin-top:24px;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:18px}.roi-controls{display:grid;gap:18px}.roi-controls label{display:grid;gap:10px;font-weight:700}.roi-controls input[type=range]{width:100%;accent-color:var(--brand)}.roi-results{display:grid;gap:14px;align-content:start}.roi-results article{padding:18px;border-radius:20px;background:linear-gradient(180deg,#0f6cbd14,#ffffffe6)}.roi-results span{display:block;color:var(--muted)}.roi-results strong{display:block;margin-top:10px;font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.05em}.use-case-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:24px}.use-case-card span{font-weight:900;color:var(--brand-deep);text-transform:uppercase;font-size:.76rem;letter-spacing:.05em}.live-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.live-pricing-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-pill{background:#c69b2c29;color:#9a6a00;border:1px solid rgba(198,155,44,.24)}.pricing-status{margin-top:24px;color:var(--muted);font-weight:700}.live-pricing-card{display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,#fffffff5,#f4f9ffe0)}.live-pricing-card:nth-child(2n){background:linear-gradient(180deg,#f0f7fff5,#e8f2ffe6)}.live-pricing-card.popular-plan{border:2px solid rgba(15,108,189,.4);background:linear-gradient(180deg,#0f6cbd1f,#fffffff5);box-shadow:0 18px 46px #0f6cbd29}.pricing-cta{width:100%;margin-top:auto}.live-pricing-card:nth-child(odd) .pricing-cta{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;border-color:transparent}.live-pricing-card:nth-child(2n) .pricing-cta{background:linear-gradient(135deg,#2b88d8,#0f6cbd);color:#fff;border-color:transparent}.live-pricing-card.popular-plan .pricing-cta{background:linear-gradient(135deg,#0a5ea8,#084c8d);color:#fff}.faq-grid{display:grid;gap:14px;margin-top:24px}.faq-item{padding:0 22px;background:linear-gradient(180deg,#fffffff0,#f4f9ffe0);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:800;color:var(--brand-deep)}.faq-item:nth-child(2n){background:linear-gradient(180deg,#eff6fff5,#e3efffe6)}.faq-item summary:after{content:"+";float:right;color:var(--brand);font-size:1.2rem;line-height:1}.faq-item[open] summary:after{content:"-"}.faq-item[open] summary{color:var(--brand)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:0 0 20px;padding-top:16px;border-top:1px solid rgba(15,108,189,.12)}.final-cta-card{padding:26px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#0f6cbd1f,#2b88d81f)}.site-footer{margin-top:18px;border-radius:28px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.footer-links{justify-content:flex-end}@media (max-width: 1120px){.hero-section,.split-heading,.roi-shell,.final-cta-card,.site-footer{grid-template-columns:1fr}.testimonial-grid,.security-grid,.workflow-grid,.live-pricing-grid,.stats-grid,.problem-grid,.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.page-shell{width:min(100% - 18px,1240px)}.nav-bar{grid-template-columns:auto auto;gap:14px}.menu-toggle{width:48px;height:48px;padding:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-direction:column}.menu-toggle span{width:18px;height:2px;background:currentColor}.nav-links{display:none;grid-column:1 / -1;flex-direction:column;align-items:stretch;flex-wrap:wrap;padding-top:6px}.nav-links.open{display:flex}.nav-actions{display:none}.nav-mobile-only{display:inline-flex}.hero-visual{min-height:560px}.mock-ai-card{top:120px}.feature-grid{grid-template-columns:1fr}}@media (max-width: 640px){.beta-banner-inner{flex-direction:column;text-align:center}.hero-section,.section,.site-footer{padding:20px}.eyebrow-row,.stats-grid,.testimonial-grid,.problem-grid,.workflow-grid,.feature-grid,.use-case-grid,.security-grid,.live-pricing-grid{grid-template-columns:1fr}.hero-copy h1{font-size:2.7rem}.button,.hero-actions a,.final-cta-actions a{width:100%}.hero-actions,.final-cta-actions,.footer-links,.action-row{flex-direction:column;align-items:stretch}.mock-email-header{flex-direction:column}.mock-ai-card,.mock-reply-card{position:static;width:100%;margin-top:16px}.hero-visual{min-height:auto}}