.marketing-shell{background:var(--paper);min-height:100vh}.marketing-header{min-height:72px;padding:0 var(--space-2xl);border-bottom:1px solid var(--line);background:var(--marketing-header-bg);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.marketing-nav{color:var(--text-muted);align-items:center;gap:22px;font-weight:800;display:flex}.marketing-nav a:not(.btn):hover{color:var(--text)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:40px;width:min(100% - 64px,1180px);min-height:calc(100vh - 160px);margin:0 auto;padding:56px 0 40px;display:grid}.hero-copy{gap:22px;display:grid}.eyebrow{color:var(--blueprint);font-size:var(--font-sm);text-transform:uppercase;margin:0;font-weight:900}.eyebrow .eyebrow-reading{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero h1{max-width:760px;color:var(--text);font-size:var(--font-display);margin:0;line-height:1.08}.hero p{max-width:720px;color:var(--text-muted);font-size:var(--font-xl);margin:0}.hero-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);min-height:420px;box-shadow:var(--shadow-hero);grid-template-columns:82px minmax(0,1fr);display:grid;overflow:hidden}.preview-sidebar{padding:var(--space-xl) var(--space-lg);border-right:1px solid var(--line);background:var(--preview-sidebar-bg);flex-direction:column;align-items:center;gap:14px;display:flex}.preview-dot{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel);width:44px;height:44px;color:var(--text-muted);justify-content:center;align-items:center;font-weight:900;display:inline-flex}.preview-dot.active{border-color:var(--blueprint);background:var(--blueprint);color:var(--on-blueprint)}.preview-main{align-content:start;gap:22px;padding:28px;display:grid}.preview-bar,.preview-grid span,.preview-table span{border-radius:var(--radius-md);background:var(--surface-muted)}.preview-bar{width:68%;height:46px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preview-grid span{height:108px}.preview-grid span:first-child{background:var(--blueprint-tint)}.preview-grid span:nth-child(2){background:var(--accent-tint)}.preview-table{grid-auto-rows:42px;gap:10px;display:grid}.marketing-section{border-top:1px solid var(--line);width:min(100% - 64px,1180px);margin:0 auto;padding:52px 0}.section-heading{gap:var(--space-sm);margin-bottom:22px;display:grid}.section-heading h2,.security-section h2{font-size:var(--font-4xl);margin:0;line-height:1.3}.feature-grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card{gap:var(--space-sm);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);min-height:150px;box-shadow:var(--shadow-sm);padding:22px;display:grid}.feature-card strong{font-size:var(--font-xl)}.feature-card p{color:var(--text-muted);margin:0}.security-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;display:grid}.flow-list{gap:10px;display:grid}.flow-list div{align-items:center;gap:var(--space-md);min-height:58px;padding:var(--space-md) 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);font-weight:800;display:flex}.flow-list span{border-radius:var(--radius-md);background:var(--accent-tint);width:30px;height:30px;color:var(--accent-text);font-size:var(--font-sm);flex:none;justify-content:center;align-items:center;display:inline-flex}@media (max-width:760px){.marketing-header,.marketing-nav,.hero-actions{flex-direction:column;align-items:flex-start}.marketing-header{padding:var(--space-lg) 20px;gap:14px;position:static}.hero,.security-section,.feature-grid{grid-template-columns:1fr}.hero,.marketing-section{width:min(100% - 28px,1180px)}.hero{min-height:auto;padding-top:34px}.hero h1{font-size:var(--font-display-compact)}.hero-panel{grid-template-columns:64px minmax(0,1fr);min-height:320px}.preview-sidebar{padding:18px 10px}.preview-grid{grid-template-columns:1fr}}
