:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-hover:#4f8efc;--primary-pressed:#1d4ed8;--accent-purple:#7c3aed;--accent-emerald:#059669;--accent-orange:#d97706;--accent-red:#dc2626;--accent-teal:#0f766e;--accent-indigo:#4f46e5;--accent-cyan:#0891b2;--text-primary:#0f172a;--text-heading:#1e293b;--text-body:#334155;--text-secondary:#475569;--text-muted:#64748b;--bg-page:#f3f5f9;--bg-surface:#f8fafc;--bg-white:#ffffff;--bg-info:#e0f2fe;--border-default:#cbd5e1;--border-muted:#94a3b8;--success:#16a34a;--warning:#d97706;--error:#dc2626;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.04)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-body);background:#0f172a;line-height:1.6;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,23,42,.12),rgba(15,23,42,.28)),url("../../screenshots/medium/email_tools_panel_main.webp") center top/cover no-repeat;transform:translateZ(0)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #facc15;outline-offset:3px}code{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;font-size:.94em}img{max-width:100%;height:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:2000;transform:translateY(-150%);padding:10px 14px;background:#fff;border:2px solid var(--primary);border-radius:var(--radius-md);color:var(--text-primary);font-weight:800;box-shadow:var(--shadow-md)}.skip-link:focus{transform:translateY(0)}.container{max-width:1180px;margin:0 auto;padding:0 24px}section{padding:84px 0}header[id],section[id]{scroll-margin-top:88px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(203,213,225,.8);transition:box-shadow .3s,background .3s}.nav.scrolled{background:rgba(255,255,255,.96);box-shadow:var(--shadow-md)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:var(--text-primary);min-width:max-content}.nav-brand img{width:30px;height:30px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-sm)}.nav-links{display:flex;align-items:center;gap:10px;padding:4px;background:rgba(241,245,249,.8);border:1px solid rgba(203,213,225,.8);border-radius:var(--radius-md)}.nav-links a{padding:6px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.86rem;font-weight:600}.nav-links a:hover{background:var(--bg-white);color:var(--primary-dark)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 20px;background:var(--primary);color:#fff!important;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);transition:background .2s,transform .15s;min-width:max-content}.nav-cta:hover{background:var(--primary-dark);color:#fff!important;transform:translateY(-1px)}.hero{padding:140px 0 100px;background:linear-gradient(135deg,rgba(15,23,42,.86) 0,rgba(30,41,59,.68) 50%,rgba(15,23,42,.84) 100%);border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.15) 0,transparent 70%);pointer-events:none}.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.1) 0,transparent 70%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(59,130,246,.16);border:1px solid rgba(147,197,253,.28);border-radius:999px;color:#93c5fd;font-size:.8rem;font-weight:600;letter-spacing:0;margin-bottom:24px}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.42}}.hero h1{font-size:3.25rem;font-weight:800;line-height:1.1;color:#fff;margin-bottom:20px}.hero h1 .gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.15rem;color:#94a3b8;line-height:1.7;margin-bottom:36px;max-width:520px;overflow-wrap:anywhere}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{width:100%;max-width:480px;border-radius:var(--radius-lg);box-shadow:0 25px 50px rgba(0,0,0,.4)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-weight:600;font-size:.95rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(59,130,246,.35)}.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.btn-outline{background:#374151;color:#cbd5e1;border:1.5px solid rgba(203,213,225,.18);box-shadow:0 4px 14px rgba(15,23,42,.25)}.btn-outline:hover{color:#fff;border-color:rgba(203,213,225,.34);background:#4b5563;transform:translateY(-2px);box-shadow:0 6px 20px rgba(15,23,42,.34)}.section-header{text-align:center;margin-bottom:48px}.section-kicker{display:inline-flex;margin-bottom:12px;padding:4px 10px;border-radius:var(--radius-pill);background:#e0f2fe;color:#075985;font-size:.78rem;font-weight:800;letter-spacing:0}.section-header h2{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:14px}.section-header p{font-size:1.05rem;color:var(--text-body);max-width:680px;margin:0 auto;overflow-wrap:anywhere}.section-actions{margin-top:26px;text-align:center}.text-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:rgba(255,255,255,.94);color:var(--primary-dark);font-weight:800;text-decoration:underline;text-underline-offset:4px}.text-link:hover{color:var(--text-primary);border-color:var(--primary)}.page-hero{padding:118px 0 56px;background:linear-gradient(135deg,rgba(15,23,42,.9) 0,rgba(30,41,59,.72) 100%);border-bottom:1px solid rgba(255,255,255,.08)}.page-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;color:#cbd5e1;font-size:.88rem;font-weight:700}.page-hero .breadcrumb a{color:#bfdbfe;text-decoration:underline;text-underline-offset:3px}.page-hero h1{max-width:880px;color:#fff;font-size:3rem;line-height:1.1;margin-bottom:18px}.page-hero p{max-width:820px;color:#cbd5e1;font-size:1.12rem;line-height:1.7}.detail-section{background:rgba(248,250,252,.94);border-bottom:1px solid rgba(203,213,225,.7)}.detail-layout{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(260px,0.45fr);gap:28px;align-items:start}.detail-copy{display:grid;gap:26px;min-width:0}.detail-copy h2{color:var(--text-primary);font-size:1.6rem;line-height:1.22;margin-bottom:10px}.detail-copy li,.detail-copy p{color:var(--text-secondary);font-size:.98rem;line-height:1.68}.detail-copy ul{display:grid;gap:8px;padding-left:20px}.detail-panel{display:grid;gap:14px;min-width:0;padding:18px;background:rgba(255,255,255,.96);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.detail-panel h2{color:var(--text-primary);font-size:1.12rem}.keyword-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.keyword-list li{min-height:28px;padding:4px 10px;border-radius:var(--radius-pill);background:#e0f2fe;color:#075985;font-size:.78rem;font-weight:800}.overview-section{background:rgba(248,250,252,.92);border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(203,213,225,.7)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{min-width:0;padding:20px;background:rgba(255,255,255,.96);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.feature-card h3{color:var(--text-heading);font-size:1.05rem;line-height:1.28;margin-bottom:10px}.feature-card p{color:var(--text-secondary);font-size:.93rem;line-height:1.62;overflow-wrap:anywhere}.workflow-section{background:rgba(226,232,240,.9);border-bottom:1px solid rgba(203,213,225,.75)}.workflow-layout{display:grid;grid-template-columns:minmax(240px,0.78fr) minmax(0,1fr);gap:34px;align-items:start}.workflow-copy h2{color:var(--text-primary);font-size:2rem;line-height:1.18;margin-bottom:14px}.workflow-copy p{color:var(--text-body);font-size:1.02rem;line-height:1.68}.workflow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workflow-list div{min-width:0;padding:18px;background:rgba(255,255,255,.95);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.workflow-list h3{color:var(--text-heading);font-size:1rem;margin-bottom:8px}.workflow-list p{color:var(--text-secondary);font-size:.92rem;line-height:1.58}.workspace-section{background:rgba(248,250,252,.82);border-top:1px solid rgba(255,255,255,.48);border-bottom:1px solid rgba(255,255,255,.48)}.workspace-section:focus-within,.workspace-section:hover{background:rgba(248,250,252,.9)}.workspace-explorer{--workspace-0:var(--primary);--workspace-1:var(--success);--workspace-2:var(--accent-purple);--workspace-3:var(--accent-orange);--workspace-4:var(--accent-teal);--workspace-5:var(--accent-red);--workspace-6:var(--accent-indigo);--workspace-7:var(--accent-cyan);--workspace-accent:var(--workspace-0);overflow:hidden;background:rgba(255,255,255,.94);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:0}.workspace-tabs{display:flex;gap:8px;overflow-x:auto;max-width:100%;min-width:0;padding:12px;background:rgba(248,250,252,.82);border-bottom:1px solid var(--border-default);scrollbar-width:thin}.workspace-shot,.workspace-tabs button{font:inherit;cursor:pointer}.workspace-tabs button{flex:0 0 auto;min-height:38px;padding:8px 14px;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.84rem;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}.workspace-tabs button:hover{border-color:var(--workspace-accent);color:var(--text-primary);transform:translateY(-1px)}.workspace-tabs button.active{background:var(--workspace-accent);border-color:var(--workspace-accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--workspace-accent) 24%,transparent)}.workspace-view{display:grid;grid-template-columns:minmax(240px,0.52fr) minmax(0,1fr);gap:24px;padding:26px;align-items:start;min-width:0}.workspace-copy{min-width:0;padding-left:18px;border-left:4px solid var(--workspace-accent)}.workspace-eyebrow{display:inline-block;color:var(--workspace-accent);font-size:.78rem;font-weight:800;margin-bottom:8px}.workspace-copy h3{color:var(--text-heading);font-size:1.45rem;line-height:1.22;margin-bottom:10px}.workspace-copy p{color:var(--text-secondary);font-size:.96rem;line-height:1.68;overflow-wrap:anywhere}.workspace-details{display:grid;gap:8px;margin:16px 0 0;padding-left:18px;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.workspace-details li::marker{color:var(--workspace-accent)}.workspace-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.workspace-tags span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--workspace-accent) 11%,#fff);border:1px solid color-mix(in srgb,var(--workspace-accent) 22%,var(--border-default));color:color-mix(in srgb,var(--workspace-accent) 72%,var(--text-heading));font-size:.75rem;font-weight:700}.workspace-media{overflow:hidden;margin:0;background:#e2e8f0;border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),var(--shadow-sm);min-width:0}.workspace-media a{display:block;aspect-ratio:16/10}.workspace-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}.workspace-media figcaption{padding:10px 12px;background:rgba(255,255,255,.9);border-top:1px solid var(--border-default);color:var(--text-muted);font-size:.78rem;font-weight:700}.workspace-shots{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;min-width:0}.workspace-shot{overflow:hidden;min-width:0;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}.workspace-shot:hover{border-color:var(--workspace-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.workspace-shot[aria-pressed=true]{border-color:var(--workspace-accent);box-shadow:inset 0 0 0 2px var(--workspace-accent)}.workspace-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top;background:#e2e8f0}.workspace-shot span{display:block;min-height:40px;padding:8px 10px;font-size:.78rem;font-weight:800;line-height:1.25}.noscript-note{padding:18px 26px 26px;color:var(--text-secondary)}.cta-section{background:linear-gradient(90deg,rgba(15,23,42,.86),rgba(15,23,42,.62));text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.cta-section h2{font-size:2.35rem;font-weight:800;color:#fff;margin-bottom:16px;position:relative}.cta-section p{font-size:1.08rem;color:#cbd5e1;margin-bottom:34px;position:relative}.cta-section .btn{position:relative}.cta-btn{font-size:1.05rem;padding:16px 34px}.download-trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 12px;max-width:760px;margin:18px auto 0;color:#dbeafe;font-size:.88rem;font-weight:650}.faq-section{background:rgba(248,250,252,.92);border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(203,213,225,.7)}.faq-list{display:grid;gap:12px;max-width:900px;margin:0 auto}.faq-list details{min-width:0;background:rgba(255,255,255,.96);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.faq-list summary{cursor:pointer;padding:18px 20px;color:var(--text-heading);font-weight:800;line-height:1.32}.faq-list p{padding:0 20px 20px;color:var(--text-secondary);font-size:.95rem;line-height:1.66;overflow-wrap:anywhere}.faq-list code{color:var(--text-primary);background:#e2e8f0;border-radius:var(--radius-sm);padding:1px 5px}.download-trust a,.download-trust span{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;background:rgba(15,23,42,.42);border:1px solid rgba(147,197,253,.28);border-radius:var(--radius-md)}.download-trust a{color:#bfdbfe;text-decoration:underline;text-underline-offset:3px}.download-trust a:hover{color:#fff}.footer{background:rgba(15,23,42,.86);padding:42px 0 30px;border-top:1px solid rgba(255,255,255,.08)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-brand{color:#94a3b8;font-size:.85rem}.footer-links{display:flex;gap:22px;list-style:none;flex-wrap:wrap}.footer-links a{color:#94a3b8;font-size:.85rem;font-weight:600;transition:color .2s}.footer-links a:hover{color:#e2e8f0}.fade-in{opacity:1;transform:none}.fade-in.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}}@media (max-width:900px){body::before{background:linear-gradient(180deg,#1e293b,#0f172a)}.hero-inner{grid-template-columns:1fr;text-align:center}.hero-sub{margin:0 auto 36px}.hero-actions{justify-content:center}.hero-image{display:none}.hero h1{font-size:2.5rem}.page-hero h1{font-size:2.35rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout,.workflow-layout{grid-template-columns:1fr}.workspace-view{grid-template-columns:1fr}}@media (max-width:720px){.nav-links{display:none}.container{padding:0 18px}section{padding:62px 0}.section-header h2{font-size:1.8rem}.feature-grid,.workflow-list{grid-template-columns:1fr}.workspace-shots{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.footer-inner{align-items:flex-start}}@media (max-width:520px){.container{width:100%;max-width:100vw}.nav-inner{gap:12px}.nav-brand{font-size:1rem}.nav-cta{width:40px;min-width:40px;padding:8px}.nav-cta span{display:none}.workspace-view{padding:18px}.workspace-media a{aspect-ratio:4/3}.cta-section h2{font-size:1.75rem}.footer-links{gap:14px}}@media (max-width:600px){section{padding:56px 0}.hero{padding:120px 0 64px}.hero h1{font-size:2rem}.page-hero{padding:108px 0 44px}.page-hero h1{font-size:2rem}.section-header h2{font-size:1.75rem}.cta-section h2{font-size:1.75rem}}@media (max-width:520px){.hero h1{max-width:330px;margin-left:auto;margin-right:auto;font-size:1.75rem}.hero h1 .gradient{display:block}.hero-sub{font-size:1rem}.section-header h2{max-width:330px;margin-left:auto;margin-right:auto;font-size:1.45rem}.section-header p{max-width:330px}.workspace-copy h3{font-size:1.15rem}}