:root{--primary:var(--color-primary);--primary-dim:var(--color-primary-dim);--primary-container:var(--color-primary-container);--on-primary:var(--color-on-primary);--on-primary-container:var(--color-on-primary-container);--surface:var(--color-surface);--surface-container-lowest:var(--color-surface-lowest);--surface-container-low:var(--color-surface-low);--surface-container:var(--color-surface-mid);--surface-container-high:var(--color-surface-high);--on-surface:var(--color-on-surface);--on-surface-variant:var(--color-on-surface-variant);--outline:var(--color-outline);--outline-variant:var(--color-outline-variant);--outline-soft:var(--color-outline-soft);--status-valid:var(--color-status-valid);--status-valid-bg:var(--color-status-valid-bg);--status-expiring:var(--color-status-expiring);--status-expiring-bg:var(--color-status-expiring-bg);--status-expired:var(--color-status-expired);--status-expired-bg:var(--color-status-expired-bg);--status-pending:var(--color-status-pending);--status-pending-bg:var(--color-status-pending-bg);--t-fast:var(--duration-fast) var(--ease-safera);--t-normal:var(--duration-normal) var(--ease-safera)}.marketing .serif{font-family:var(--font-serif)}.marketing .italic-serif{font-family:var(--font-serif);font-style:italic}.marketing .mono{font-variant-numeric:tabular-nums}.marketing a{color:inherit;text-decoration:none}.marketing button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.marketing .container{max-width:1240px;margin:0 auto;padding:0 32px}.marketing .topbar{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--outline-soft);background:#f9f9f9d9;position:sticky;top:0}.marketing .nav{justify-content:space-between;align-items:center;height:68px;display:flex}.marketing .nav-brand{font-family:var(--font-serif);letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.marketing .brand-mark{background:var(--primary);width:30px;height:30px;color:var(--on-primary);border-radius:var(--radius);justify-content:center;align-items:center;font-size:14px;display:flex}.marketing .nav-links{align-items:center;gap:28px;display:flex}.marketing .nav-links a{color:var(--on-surface-variant);font-size:13px;font-weight:500}.marketing .nav-links a:hover{color:var(--on-surface)}.marketing .nav-actions{align-items:center;gap:10px;display:flex}.marketing .btn{border-radius:var(--radius);height:36px;transition:background var(--t-fast);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.marketing .btn .icon{stroke-width:1.75px;width:15px;height:15px}.marketing .btn-primary{background:var(--primary);color:var(--on-primary)}.marketing .btn-primary:hover{background:var(--primary-dim)}.marketing .btn-secondary{background:var(--surface-container-lowest);border:1px solid var(--outline-soft);color:var(--on-surface)}.marketing .btn-secondary:hover{background:var(--surface-container)}.marketing .btn-ghost{color:var(--on-surface-variant)}.marketing .btn-ghost:hover{color:var(--on-surface);background:var(--surface-container)}.marketing .btn-lg{height:44px;padding:0 20px;font-size:14px;font-weight:600}.marketing .hero{padding:80px 0 110px;position:relative}.marketing .hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.marketing .hero-eyebrow{background:var(--surface-container-lowest);border:1px solid var(--outline-soft);border-radius:var(--radius-pill);color:var(--on-surface-variant);align-items:center;gap:8px;margin-bottom:24px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.marketing .hero-eyebrow .dot{background:var(--status-valid);border-radius:50%;width:6px;height:6px}.marketing .hero-headline{font-family:var(--font-serif);letter-spacing:-.035em;color:var(--on-surface);margin-bottom:20px;font-size:64px;font-weight:500;line-height:1.04}.marketing .hero-headline em{color:var(--primary);font-style:italic}.marketing .hero-sub{color:var(--on-surface-variant);max-width:520px;margin-bottom:32px;font-size:18px;line-height:1.55}.marketing .hero-ctas{align-items:center;gap:10px;display:flex}.marketing .hero-meta{color:var(--on-surface-variant);gap:22px;margin-top:24px;font-size:12px;display:flex}.marketing .hero-meta span{align-items:center;gap:6px;display:inline-flex}.marketing .hero-meta .icon{width:13px;height:13px;color:var(--status-valid);stroke-width:2px}.marketing .preview{background:var(--surface-container-lowest);border:1px solid var(--outline-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-hero-preview);position:relative;overflow:hidden}.marketing .prev-topbar{border-bottom:1px solid var(--outline-soft);background:var(--surface-container-low);align-items:center;gap:10px;padding:12px 16px;display:flex}.marketing .prev-dots{gap:6px;display:flex}.marketing .prev-dots .dot{background:var(--outline-variant);opacity:.5;border-radius:50%;width:10px;height:10px}.marketing .prev-url{background:var(--surface);border:1px solid var(--outline-soft);border-radius:var(--radius);color:var(--on-surface-variant);text-align:center;flex:1;padding:4px 10px;font-size:11px}.marketing .prev-body{grid-template-columns:50px 1fr;min-height:360px;display:grid}.marketing .prev-sidebar{background:var(--surface-container-low);border-right:1px solid var(--outline-soft);flex-direction:column;align-items:center;gap:6px;padding:16px 0;display:flex}.marketing .prev-sidebar .ico{border-radius:var(--radius);width:26px;height:26px;color:var(--on-surface-variant);justify-content:center;align-items:center;display:flex}.marketing .prev-sidebar .ico .icon{stroke-width:1.5px;width:14px;height:14px}.marketing .prev-sidebar .ico.active{background:var(--surface-container-high);color:var(--on-surface)}.marketing .prev-main{padding:18px 22px}.marketing .prev-greet{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:14px;font-size:20px;font-weight:500}.marketing .prev-kpis{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.marketing .prev-kpi{background:var(--surface-container-low);border:1px solid var(--outline-soft);border-radius:var(--radius);padding:10px 12px;position:relative;overflow:hidden}.marketing .prev-kpi .stripe{width:2px;position:absolute;top:0;bottom:0;left:0}.marketing .prev-kpi.valid .stripe{background:var(--status-valid)}.marketing .prev-kpi.expiring .stripe{background:var(--status-expiring)}.marketing .prev-kpi.expired .stripe{background:var(--status-expired)}.marketing .prev-kpi.pending .stripe{background:var(--status-pending)}.marketing .prev-kpi-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:8px;font-weight:600}.marketing .prev-kpi-val{font-family:var(--font-serif);letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1}.marketing .prev-kpi.valid .prev-kpi-val{color:var(--status-valid)}.marketing .prev-kpi.expiring .prev-kpi-val{color:var(--status-expiring)}.marketing .prev-kpi.expired .prev-kpi-val{color:var(--status-expired)}.marketing .prev-kpi.pending .prev-kpi-val{color:var(--status-pending)}.marketing .prev-chart{background:var(--surface-container-low);border:1px solid var(--outline-soft);border-radius:var(--radius);align-items:flex-end;gap:3px;height:140px;padding:12px;display:flex}.marketing .prev-bar{flex-direction:column-reverse;flex:1;gap:2px;min-width:0;display:flex}.marketing .prev-bar-seg{border-radius:1px}.marketing .prev-bar-seg.a{background:#6b8fa8}.marketing .prev-bar-seg.b{background:#8b6a1f}.marketing .prev-bar-seg.c{background:#a07249}.marketing .logos{border-top:1px solid var(--outline-soft);border-bottom:1px solid var(--outline-soft);padding:48px 0}.marketing .logos-title{text-align:center;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-size:11px;font-weight:600}.marketing .logo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:52px;display:flex}.marketing .logo-placeholder{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--on-surface-variant);opacity:.75;transition:opacity var(--t-fast);font-size:19px;font-weight:500}.marketing .logo-placeholder:hover{opacity:1}.marketing .section{padding:96px 0}.marketing .section-head{text-align:left;max-width:720px;margin-bottom:44px}.marketing .section-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:12px;font-weight:600}.marketing .section-title{font-family:var(--font-serif);letter-spacing:-.025em;margin-bottom:16px;font-size:44px;font-weight:500;line-height:1.08}.marketing .section-sub{color:var(--on-surface-variant);max-width:620px;font-size:17px;line-height:1.55}.marketing .tabs-nav{border-bottom:1px solid var(--outline-soft);flex-wrap:wrap;gap:4px;margin-bottom:36px;display:flex}.marketing .tab{color:var(--on-surface-variant);transition:color var(--t-fast), border-color var(--t-fast);border-bottom:2px solid #0000;align-items:center;gap:10px;margin-bottom:-1px;padding:12px 18px;font-size:14px;font-weight:500;display:inline-flex}.marketing .tab:hover{color:var(--on-surface)}.marketing .tab.active{color:var(--on-surface);border-bottom-color:var(--primary);font-weight:600}.marketing .tab .icon{stroke-width:1.5px;width:16px;height:16px}.marketing .tab-panel{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:none}.marketing .tab-panel.active{display:grid}.marketing .tab-content h3{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:14px;font-size:28px;font-weight:500;line-height:1.2}.marketing .tab-content p{color:var(--on-surface-variant);margin-bottom:20px;line-height:1.65}.marketing .tab-bullets{margin:0;padding:0;list-style:none}.marketing .tab-bullets li{gap:10px;padding:8px 0;font-size:14px;display:flex}.marketing .tab-bullets li .icon{stroke-width:2px;width:16px;height:16px;color:var(--status-valid);flex-shrink:0;margin-top:3px}.marketing .tab-image{background:var(--surface-container-lowest);border:1px solid var(--outline-soft);border-radius:var(--radius-lg);min-height:320px;box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:24px;display:flex}.marketing .tab-image .ti-row{background:var(--surface-container-low);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 10px;display:flex}.marketing .tab-image .ti-avatar{background:var(--primary);width:24px;height:24px;color:var(--on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex}.marketing .tab-image .ti-body{flex:1;min-width:0}.marketing .tab-image .ti-title{font-size:12px;font-weight:600}.marketing .tab-image .ti-sub{color:var(--on-surface-variant);font-size:10px}.marketing .tab-image .ti-pill{border-radius:var(--radius-pill);padding:2px 7px;font-size:9px;font-weight:600}.marketing .ti-pill.valid{background:var(--status-valid-bg);color:var(--status-valid)}.marketing .ti-pill.expiring{background:var(--status-expiring-bg);color:var(--status-expiring)}.marketing .ti-pill.pending{background:var(--status-pending-bg);color:var(--status-pending)}.marketing .ti-pill.expired{background:var(--status-expired-bg);color:var(--status-expired)}.marketing .feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.marketing .feature{background:var(--surface-container-lowest);border:1px solid var(--outline-soft);border-radius:var(--radius-lg);transition:border-color var(--t-fast), transform var(--t-fast);padding:26px 24px}.marketing .feature:hover{border-color:var(--outline-variant);transform:translateY(-2px)}.marketing .feature-icon{background:var(--surface-container);border-radius:var(--radius);width:32px;height:32px;color:var(--on-surface-variant);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.marketing .feature-icon .icon{stroke-width:1.5px;width:16px;height:16px}.marketing .feature h4{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:8px;font-size:20px;font-weight:500}.marketing .feature p{color:var(--on-surface-variant);font-size:14px;line-height:1.55}.marketing .testimonial{background:var(--surface-container-low);border-top:1px solid var(--outline-soft);border-bottom:1px solid var(--outline-soft);padding:96px 0}.marketing .quote{text-align:left;max-width:860px;margin:0 auto}.marketing .quote-body{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--on-surface);margin-bottom:32px;font-size:36px;font-weight:400;line-height:1.28}.marketing .quote-body:before{content:"“";opacity:.4}.marketing .quote-body:after{content:"”";opacity:.4}.marketing .quote-attr{align-items:center;gap:14px;display:flex}.marketing .quote-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dim));width:48px;height:48px;color:var(--on-primary);font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex}.marketing .quote-who{font-size:14px}.marketing .quote-name{color:var(--on-surface);font-weight:600}.marketing .quote-role{color:var(--on-surface-variant);font-size:13px}.marketing .pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.marketing .price-card{background:var(--surface-container-lowest);border:1px solid var(--outline-soft);border-radius:var(--radius-lg);flex-direction:column;padding:28px 26px;display:flex}.marketing .price-card.featured{border-color:var(--primary)}.marketing .price-name{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:500}.marketing .price-desc{color:var(--on-surface-variant);font-size:12px;font-style:italic;font-family:var(--font-serif);margin-bottom:22px}.marketing .price-amount{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.marketing .price-amount .n{font-family:var(--font-serif);letter-spacing:-.025em;font-size:44px;font-weight:500;line-height:1}.marketing .price-amount .per{color:var(--on-surface-variant);font-size:12px}.marketing .price-seat{color:var(--on-surface-variant);margin-bottom:22px;font-size:12px}.marketing .price-cta{margin-bottom:22px}.marketing .price-ul{border-top:1px solid var(--outline-soft);margin:0;padding:18px 0 0;list-style:none}.marketing .price-ul li{gap:10px;padding:6px 0;font-size:13px;display:flex}.marketing .price-ul li .icon{stroke-width:2px;width:14px;height:14px;color:var(--status-valid);flex-shrink:0;margin-top:3px}.marketing .price-ul li.muted{color:var(--on-surface-variant)}.marketing .price-ul li.muted .icon{color:var(--outline-variant)}.marketing .final{text-align:center;padding:112px 0}.marketing .final h2{font-family:var(--font-serif);letter-spacing:-.025em;max-width:720px;margin-bottom:18px;margin-left:auto;margin-right:auto;font-size:52px;font-weight:500;line-height:1.1}.marketing .final p{color:var(--on-surface-variant);max-width:520px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:17px}.marketing .final-ctas{justify-content:center;gap:10px;display:flex}.marketing .footer{border-top:1px solid var(--outline-soft);background:var(--surface-container-low);padding:56px 0 40px}.marketing .footer-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:40px;margin-bottom:44px;display:grid}.marketing .footer-brand{font-family:var(--font-serif);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:12px;font-size:20px;font-weight:600;display:flex}.marketing .footer-brand .brand-mark{width:26px;height:26px;font-size:12px}.marketing .footer-tag{color:var(--on-surface-variant);max-width:260px;margin-bottom:18px;font-size:13px;line-height:1.5}.marketing .footer h5{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin-bottom:14px;font-size:11px;font-weight:600}.marketing .footer ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.marketing .footer ul a{color:var(--on-surface);font-size:13px}.marketing .footer ul a:hover{color:var(--primary)}.marketing .footer-legal{border-top:1px solid var(--outline-soft);color:var(--on-surface-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;font-size:12px;display:flex}@media (max-width:900px){.marketing .hero-grid,.marketing .tab-panel,.marketing .feature-grid,.marketing .pricing-grid,.marketing .footer-grid{grid-template-columns:1fr;gap:32px}.marketing .hero-headline{font-size:44px}.marketing .section-title{font-size:34px}.marketing .final h2{font-size:38px}}