:root{--teal:#1B7A6E;--teal-hover:#156158;--teal-subtle:rgba(27,122,110,.06);--teal-border:rgba(27,122,110,.15);--teal-10:rgba(27,122,110,.10);--gold:#D4A853;--gold-hover:#C49A48;--gold-light:rgba(212,168,83,.08);--ink:#0A1628;--body:#374151;--muted:#6B7280;--light:#9CA3AF;--warm-white:#FAFAF7;--sage-mist:#F3F5F4;--sage:#E4EBE7;--border:#E5E7EB;--border-light:#F1F3F2;--green:#059669;--red:#DC2626;--radius:2px;--radius-md:8px;--radius-lg:12px}.ad-page,.ad-page *,.ad-page *::before,.ad-page *::after{margin:0;padding:0;box-sizing:border-box}.ad-page{scroll-behavior:smooth}.ad-page{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--body);line-height:1.7;-webkit-font-smoothing:antialiased;font-feature-settings:'cv11','ss01'}.ad-page img{max-width:100%;display:block}.ad-page a{color:var(--teal);text-decoration:none;transition:color .15s ease}.ad-page a:hover{color:var(--teal-hover)}.site-header{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}.site-header-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:56px}.logo{font-size:18px;text-decoration:none;color:#fff;letter-spacing:-0.3px}.logo .light{font-weight:400}.logo .bold{font-weight:800}.logo .dot{color:var(--teal)}.header-nav{display:flex;align-items:center;gap:24px}.header-nav a{color:rgba(255,255,255,.65);font-size:14px;font-weight:500;transition:color .15s}.header-nav a:hover{color:#fff}.header-nav .btn-sm{background:var(--teal);color:#fff;padding:6px 16px;border-radius:var(--radius);font-weight:600;font-size:13px}.header-nav .btn-sm:hover{background:var(--teal-hover);color:#fff}.breadcrumbs{background:var(--sage-mist);border-bottom:1px solid var(--border);padding:12px 0;font-size:13px;color:var(--muted)}.breadcrumbs-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:6px}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--teal)}.breadcrumbs .sep{color:var(--light)}.page-hero{background:linear-gradient(135deg,var(--ink) 0%,#162540 100%);padding:56px 0 48px;color:#fff;border-bottom:3px solid var(--teal)}.page-hero-inner{max-width:1200px;margin:0 auto;padding:0 32px}.page-hero .badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--gold);margin-bottom:16px}.page-hero h1{font-size:36px;font-weight:800;letter-spacing:-0.5px;line-height:1.2;margin-bottom:12px}.page-hero .subtitle{font-size:17px;color:rgba(255,255,255,.7);max-width:640px;line-height:1.6}.page-layout{max-width:1200px;margin:0 auto;padding:40px 32px 80px;display:grid;grid-template-columns:240px 1fr;gap:48px}.sidebar{position:relative}.sidebar-inner{position:sticky;top:80px}.sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--light);margin-bottom:16px}.toc{list-style:none}.toc li{margin-bottom:2px}.toc a{display:block;padding:6px 12px;font-size:13px;font-weight:500;color:var(--muted);border-left:2px solid transparent;border-radius:0 var(--radius) var(--radius) 0;transition:all .15s}.toc a:hover{color:var(--teal);background:var(--teal-subtle)}.toc a.active{color:var(--teal);border-left-color:var(--teal);background:var(--teal-subtle);font-weight:600}.sidebar-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.sidebar-section h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--light);margin-bottom:12px}.related-links{list-style:none}.related-links li{margin-bottom:6px}.related-links a{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.related-links a:hover{color:var(--teal)}.related-links .arrow{font-size:11px;opacity:0;transition:opacity .15s}.related-links a:hover .arrow{opacity:1}.content{min-width:0}.content h2{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-0.3px;margin-top:48px;margin-bottom:16px;padding-top:24px;border-top:1px solid var(--border-light);scroll-margin-top:80px}.content h2:first-child{margin-top:0;padding-top:0;border-top:none}.content h3{font-size:18px;font-weight:700;color:var(--ink);margin-top:32px;margin-bottom:12px;scroll-margin-top:80px}.content p{margin-bottom:16px;font-size:15px;line-height:1.75}.content ul,.content ol{margin-bottom:16px;padding-left:24px}.content li{font-size:15px;line-height:1.75;margin-bottom:6px}.content strong{font-weight:600;color:var(--ink)}.screenshot{margin:24px 0 32px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--sage-mist)}.screenshot img{width:100%;display:block}.screenshot figcaption{padding:10px 16px;font-size:13px;color:var(--muted);background:#fff;border-top:1px solid var(--border)}.callout{padding:16px 20px;border-radius:var(--radius-md);margin:24px 0;font-size:14px;line-height:1.7;display:flex;gap:12px}.callout .icon{font-size:18px;flex-shrink:0;margin-top:1px}.callout-tip{background:rgba(27,122,110,.06);border:1px solid rgba(27,122,110,.15);color:#14594F}.callout-info{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.15);color:#1E40AF}.callout-warning{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.2);color:#92400E}.callout-pro{background:var(--gold-light);border:1px solid rgba(212,168,83,.2);color:#7C5C1F}.steps{counter-reset:step;list-style:none;padding:0;margin:24px 0}.steps li{counter-increment:step;position:relative;padding:0 0 24px 48px;font-size:15px;line-height:1.75}.steps li:last-child{padding-bottom:0}.steps li::before{content:counter(step);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.steps li::after{content:'';position:absolute;left:15px;top:38px;bottom:0;width:2px;background:var(--border)}.steps li:last-child::after{display:none}.steps li strong{color:var(--ink)}.feature-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.feature-table th{background:var(--ink);color:#fff;font-weight:600;padding:10px 16px;text-align:left;font-size:13px}.feature-table th:first-child{border-radius:var(--radius-md) 0 0 0}.feature-table th:last-child{border-radius:0 var(--radius-md) 0 0}.feature-table td{padding:10px 16px;border-bottom:1px solid var(--border)}.feature-table tr:nth-child(even) td{background:var(--warm-white)}.feature-table .check{color:var(--green);font-weight:700}.feature-table .cross{color:var(--light)}kbd{display:inline-block;padding:2px 7px;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:var(--ink);background:var(--sage-mist);border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 0 var(--border)}.cta-banner{background:linear-gradient(135deg,var(--ink) 0%,#162540 100%);border-radius:var(--radius-lg);padding:40px 48px;margin:48px 0 0;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px}.cta-banner h3{font-size:22px;font-weight:800;margin-bottom:8px;color:#fff}.cta-banner p{color:rgba(255,255,255,.7);font-size:15px;margin:0}.cta-banner .btn{display:inline-flex;align-items:center;gap:8px;background:var(--teal);color:#fff;padding:12px 28px;border-radius:var(--radius);font-weight:600;font-size:15px;white-space:nowrap;transition:background .15s;text-decoration:none}.cta-banner .btn:hover{background:var(--teal-hover);color:#fff}.site-footer{background:var(--ink);color:rgba(255,255,255,.5);padding:32px 0;font-size:13px;text-align:center}.site-footer a{color:rgba(255,255,255,.7)}.site-footer a:hover{color:#fff}.video-placeholder{margin:24px 0 32px;border:2px dashed var(--border);border-radius:var(--radius-md);padding:48px 24px;text-align:center;background:var(--sage-mist);color:var(--muted)}.video-placeholder .play-icon{width:56px;height:56px;border-radius:50%;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}.video-placeholder p{font-size:14px;margin:0}@media (max-width:900px){.page-layout{grid-template-columns:1fr;gap:0}.sidebar{display:none}.page-hero h1{font-size:28px}.cta-banner{flex-direction:column;text-align:center;padding:32px 24px}}@media (max-width:600px){.site-header-inner,.breadcrumbs-inner,.page-hero-inner,.page-layout{padding-left:16px;padding-right:16px}.page-hero{padding:40px 0 32px}.page-hero h1{font-size:24px}}.toc a{transition:all .15s ease}