.site-nav a.active:after{display:none}html[data-nav-active=underline-glow] .site-nav a.active:after{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:1px;height:2px;display:block;position:absolute;bottom:-6px;left:0;right:0}html[data-nav-active=underline-solid] .site-nav a.active:after{content:"";background:var(--header-nav-active,var(--primary));border-radius:0;height:2px;display:block;position:absolute;bottom:-5px;left:0;right:0}html[data-nav-active=underline-thick] .site-nav a.active:after{content:"";background:var(--primary);border-radius:2px;height:4px;display:block;position:absolute;bottom:-8px;left:-4px;right:-4px}html[data-nav-active=pill-soft] .site-nav a.active{background:var(--primary);border-radius:999px;margin:-4px -10px;padding:4px 10px}@supports (color:color-mix(in lab, red, red)){html[data-nav-active=pill-soft] .site-nav a.active{background:color-mix(in srgb,var(--primary)18%,transparent)}}html[data-nav-active=pill-solid] .site-nav a.active{background:var(--primary);border-radius:999px;margin:-4px -12px;padding:4px 12px;color:var(--header-cta-fg,#fff)!important}html[data-nav-active=dot-top] .site-nav a.active:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}html[data-nav-active=glow-text] .site-nav a.active{text-shadow:0 0 12px var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-nav-active=glow-text] .site-nav a.active{text-shadow:0 0 12px color-mix(in srgb,var(--primary)65%,transparent)}}html[data-nav-active=border-sides] .site-nav a.active{border-left:2px solid var(--primary);border-right:2px solid var(--primary);padding:0 8px}html[data-nav-active=chevron-bottom] .site-nav a.active:after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--primary);display:block;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}html[data-nav-active=double-underline] .site-nav a.active{box-shadow:inset 0 -2px 0 var(--primary),inset 0 -5px 0 var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-nav-active=double-underline] .site-nav a.active{box-shadow:inset 0 -2px 0 var(--primary),inset 0 -5px 0 color-mix(in srgb,var(--primary)35%,transparent)}}html[data-nav-active=double-underline] .site-nav a.active{padding-bottom:2px}.header-cta{border:2px solid transparent}html[data-cta-style=pill-gradient] .header-cta{background:var(--cta-bg);border-radius:var(--cta-radius-pill);box-shadow:var(--cta-shadow);color:var(--cta-fg)!important}html[data-cta-style=pill-solid] .header-cta{background:var(--primary);box-shadow:none;border-radius:20px;color:var(--header-cta-fg,#fff)!important}html[data-cta-style=pill-outline] .header-cta{border-color:var(--primary);box-shadow:none;background:0 0;border-radius:20px;color:var(--primary)!important}html[data-cta-style=rect-gradient] .header-cta{background:linear-gradient(135deg,var(--primary-glow)0%,var(--primary)100%);border-radius:8px;color:var(--header-cta-fg,#fff)!important}html[data-cta-style=rect-solid] .header-cta{background:var(--primary);box-shadow:none;border-radius:6px;color:var(--header-cta-fg,#fff)!important}html[data-cta-style=neon-ring] .header-cta{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-cta-style=neon-ring] .header-cta{background:color-mix(in srgb,var(--primary)12%,transparent)}}html[data-cta-style=neon-ring] .header-cta{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 18px var(--primary);border-radius:20px;color:var(--header-nav-active,var(--primary))!important}@supports (color:color-mix(in lab, red, red)){html[data-cta-style=neon-ring] .header-cta{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary)40%,transparent),0 0 18px color-mix(in srgb,var(--primary)45%,transparent)}}html[data-cta-style=inverted] .header-cta{background:var(--header-nav,#fff);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--primary)!important}html[data-cta-style=soft-elevated] .header-cta{background:linear-gradient(180deg,var(--primary)0%,var(--primary)100%)}@supports (color:color-mix(in lab, red, red)){html[data-cta-style=soft-elevated] .header-cta{background:linear-gradient(180deg,color-mix(in srgb,var(--primary)88%,white)0%,var(--primary)100%)}}html[data-cta-style=soft-elevated] .header-cta{box-shadow:0 6px 20px var(--primary);border-radius:14px;color:var(--header-cta-fg,#fff)!important}@supports (color:color-mix(in lab, red, red)){html[data-cta-style=soft-elevated] .header-cta{box-shadow:0 6px 20px color-mix(in srgb,var(--primary)40%,transparent)}}html[data-cta-style=soft-elevated] .header-cta{padding:7px 16px}html[data-cta-style=compact-bold] .header-cta{background:var(--primary);letter-spacing:.08em;box-shadow:none;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:800;color:var(--header-cta-fg,#fff)!important}html[data-cta-style=glass] .header-cta{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-cta-style=glass] .header-cta{background:color-mix(in srgb,var(--primary)22%,transparent)}}html[data-cta-style=glass] .header-cta{-webkit-backdrop-filter:blur(8px);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-cta-style=glass] .header-cta{border-color:color-mix(in srgb,var(--primary)55%,transparent)}}html[data-cta-style=glass] .header-cta{border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.15);color:var(--header-nav-active,var(--primary))!important}html[data-cta-style=pill-outline] .header-cta:hover,html[data-cta-style=neon-ring] .header-cta:hover,html[data-cta-style=glass] .header-cta:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html[data-cta-style=pill-outline] .header-cta:hover,html[data-cta-style=neon-ring] .header-cta:hover,html[data-cta-style=glass] .header-cta:hover{background:color-mix(in srgb,var(--primary)15%,transparent)}}html[data-cta-style=pill-outline] .header-cta:hover,html[data-cta-style=neon-ring] .header-cta:hover,html[data-cta-style=glass] .header-cta:hover{color:var(--primary)!important}:root{--primary:#e09500;--primary-dark:#b87800;--primary-glow:#f0b429;--primary-light:rgba(224,149,0,.12);--gold:#e09500;--gold-light:rgba(224,149,0,.08);--bg:#f4f6f9;--bg-alt:#fff;--bg-elevated:#fff;--surface:#fff;--surface-hover:#f0f2f6;--text:#1a1f2c;--text-soft:#4a5163;--text-muted:#7b8499;--border:#e3e7ef;--border-glow:rgba(224,149,0,.28);--card:#fff;--card-hover:#f8f9fc;--card-border:#e3e7ef;--success:#1faa5b;--success-bg:rgba(31,170,91,.1);--warning:#e67e22;--warning-bg:rgba(230,126,34,.1);--danger:#e74c3c;--font-heading:"Rajdhani","Noto Sans","Noto Sans Devanagari",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Noto Sans Devanagari",sans-serif;--header-nav-weight:600;--header-cta-fg:#fff;--header-cta-shadow:0 2px 12px rgba(224,149,0,.28);--cta-fg:#fff;--cta-bg:linear-gradient(135deg,var(--primary-glow)0%,var(--primary)100%);--cta-bg-hover:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);--cta-shadow:0 4px 18px var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--cta-shadow:0 4px 18px color-mix(in srgb,var(--primary)32%,transparent)}}:root{--cta-shadow-hover:0 8px 28px var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--cta-shadow-hover:0 8px 28px color-mix(in srgb,var(--primary)42%,transparent)}}:root{--cta-radius:12px;--cta-radius-pill:20px;--header-bg:rgba(255,255,255,.92);--header-border:#e3e7ef;--header-nav:#2a3142;--header-nav-hover:#e09500;--header-nav-active:#e09500;--header-menu-toggle:#2a3142}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-soft);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-underline-offset:2px;text-decoration:underline;transition:color .2s,text-shadow .2s}a:hover{color:var(--primary-dark);text-shadow:none}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text);letter-spacing:-.01em;text-transform:none;margin:0 0 .5em;font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;text-align:left;font-size:max(32px,min(5vw,48px));font-weight:700;line-height:1.15}h2{letter-spacing:-.015em;font-size:max(24px,min(3.2vw,30px));font-weight:700}h3{letter-spacing:-.01em;font-size:max(18px,min(2.2vw,20px));font-weight:650}h4{letter-spacing:0;font-size:17px;font-weight:600}p{margin:0 0 1em;font-size:16px;line-height:1.75}p strong{color:var(--primary);font-weight:600}ul,ol{margin:0 0 1em;padding-left:24px}li{margin-bottom:6px;font-size:16px;line-height:1.7}code{color:var(--primary);background:rgba(240,165,0,.1);border:1px solid rgba(240,165,0,.15);border-radius:4px;padding:2px 7px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.92em}.container{max-width:1120px;margin:0 auto;padding:0 max(20px,min(4vw,32px))}.skeleton-block{background:linear-gradient(90deg,#1a1a22 25%,#24242e 50%,#1a1a22 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.site-header{background:var(--header-bg,var(--bg-elevated))}@supports (color:color-mix(in lab, red, red)){.site-header{background:var(--header-bg,color-mix(in srgb,var(--bg-elevated)94%,transparent))}}.site-header{-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--header-border,var(--border));z-index:50;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 1px rgba(255,255,255,.8),0 8px 24px rgba(26,31,44,.04)}.site-header a{text-shadow:none;text-decoration:none}.site-header .container{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.logo{font-family:var(--font-heading);color:var(--text);letter-spacing:-.01em;text-transform:none;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary-glow)0%,var(--primary)100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:flex;box-shadow:0 2px 10px rgba(224,149,0,.28)}.official-badge{color:#1faa5b;letter-spacing:.04em;text-transform:uppercase;background:rgba(31,170,91,.1);border:1px solid rgba(31,170,91,.22);border-radius:4px;padding:3px 10px;font-size:10px;font-weight:700}.site-nav{gap:24px;font-size:15px;display:none}.site-nav a{color:var(--header-nav,var(--text));font-weight:var(--header-nav-weight,600);text-transform:none;letter-spacing:0;font-family:var(--font-body);text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--header-nav-hover,var(--primary));text-decoration:none}.site-nav a.active{color:var(--header-nav-active,var(--primary));position:relative}.site-nav a.active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}@media (min-width:768px){.site-nav{display:flex}}.breadcrumb{padding:10px var(--page-gutter);color:var(--text-muted);z-index:1;background:0 0;max-width:1120px;margin:0 auto;font-size:13px;line-height:1;position:absolute;top:91px}.breadcrumb a,.breadcrumb .separator,.breadcrumb .current{vertical-align:middle;font-size:13px;line-height:1;display:inline-block}.breadcrumb a{color:var(--text-soft);font-weight:500;text-decoration:none}.breadcrumb a:hover{color:var(--primary);text-decoration:none}.breadcrumb .separator{color:var(--text-muted);-webkit-user-select:none;user-select:none;margin:0 6px}.breadcrumb .current{color:var(--primary);font-weight:600}.hero{background:var(--bg);text-align:center;border-bottom:1px solid var(--border);padding:56px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);width:120px;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.hero h1{max-width:860px;margin:0 auto 16px}.hero .lede{max-width:640px;color:var(--text-soft);margin:0 auto 32px;font-size:17px;line-height:1.6}.cta-primary{background:var(--cta-bg);color:var(--cta-fg);border-radius:var(--cta-radius);box-shadow:var(--cta-shadow),inset 0 1px 0 rgba(255,255,255,.15);flex-direction:column;align-items:center;gap:4px;min-width:320px;padding:20px 44px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative}.cta-primary:hover{background:var(--cta-bg-hover);box-shadow:var(--cta-shadow-hover),inset 0 1px 0 rgba(255,255,255,.15);color:var(--cta-fg);text-decoration:none;transform:translateY(-2px)}.cta-primary:active{transform:translateY(0)}.cta-label{letter-spacing:.03em;font-size:18px;font-family:var(--font-heading);text-transform:uppercase}.cta-meta{opacity:.85;font-size:12px;font-weight:500}.trust-strip{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:22px 0 0;padding:0;font-size:13px;font-weight:500;list-style:none;display:flex}.trust-strip li:before{content:"✓";color:var(--success);margin-right:6px;font-weight:800}.section{border-bottom:1px solid var(--border);padding:72px 0}.section:last-of-type{border-bottom:0}.section.alt{background:var(--bg-alt)}.section h2{font-family:var(--font-heading);color:var(--text);text-align:left;letter-spacing:-.015em;text-transform:none;margin:0 0 28px;padding-bottom:14px;font-size:max(24px,min(3.2vw,30px));font-weight:700;line-height:1.25;position:relative}.section h2:after{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-glow));width:56px;height:3px;box-shadow:none;border-radius:3px;position:absolute;bottom:0;left:0;transform:none}.section h2 .muted-small{color:var(--text-muted);font-size:14px;font-weight:500}.section>.container>p,.section>.container>ul:not([class]),.section>.container>ol:not([class]){color:var(--text-soft);max-width:800px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.75}.section>.container>p:last-child{margin-bottom:0}.section>.container>h3{color:var(--primary);text-align:left;letter-spacing:.03em;border-left:3px solid var(--primary);max-width:800px;margin:32px auto 12px;padding-left:14px;font-size:20px;font-weight:600}.section>.container>h3:first-child{margin-top:0}.identity-strip{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:48px 0}.identity-wrapper{max-width:760px;margin:0 auto}.identity-wrapper h2{text-align:center;background:var(--surface);color:var(--text);border-bottom:2px solid var(--primary);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;border-radius:8px 8px 0 0;margin:0 0 16px;padding:14px 24px;font-size:max(20px,min(3vw,24px));font-weight:600;display:block}.identity-intro{text-align:center;color:var(--text-muted);max-width:580px;margin:0 auto 22px;font-size:14px;line-height:1.6}.identity-table-v2{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:76%;margin:24px auto;font-size:15px;overflow:hidden}.identity-table-v2 thead th{text-align:center;background:var(--bg-elevated);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid var(--primary);padding:12px 22px;font-size:13px;font-weight:600}.identity-table-v2 tbody td{text-align:center;border-bottom:1px solid var(--border);padding:13px 22px}.identity-table-v2 tbody tr:last-child td{border-bottom:0}.identity-table-v2 tbody tr:nth-child(2n){background:var(--bg-elevated)}.identity-table-v2 tbody td:first-child{color:var(--text-soft);width:42%;font-weight:600}.identity-table-v2 tbody td:last-child{color:var(--primary);font-weight:600}.identity-table-v2 code{color:var(--primary);background:rgba(240,165,0,.08);border:1px solid rgba(240,165,0,.12);border-radius:4px;padding:2px 8px;font-family:ui-monospace,Cascadia Code,monospace;font-size:14px}.badge-value{color:var(--success);background:rgba(46,204,113,.12);border-radius:5px;padding:3px 10px;font-family:ui-monospace,Cascadia Code,monospace;font-size:14px;font-weight:700;display:inline-block}.price-free{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;background:rgba(240,165,0,.1);border-radius:5px;padding:3px 12px;font-size:14px;font-weight:700;display:inline-block}.toc-section{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:40px 0}.toc-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:760px;margin:0 auto;padding:28px 32px}.toc-title{text-align:center;background:var(--bg-elevated);color:var(--text);border-bottom:2px solid var(--primary);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;border-radius:6px 6px 0 0;margin:0 0 22px;padding:12px 22px;font-size:18px;font-weight:600;display:block}.toc-list{counter-reset:toc;columns:2;column-gap:32px;margin:0;padding:0;list-style:none}@media (max-width:640px){.toc-list{columns:1}}.toc-list li{counter-increment:toc;break-inside:avoid;margin-bottom:8px;padding-left:32px;font-size:14px;line-height:1.5;position:relative}.toc-list li:before{content:counter(toc,decimal-leading-zero);color:var(--primary);text-align:center;background:rgba(240,165,0,.08);border-radius:4px;min-width:22px;padding:1px 6px;font-family:ui-monospace,Cascadia Code,monospace;font-size:13px;font-weight:700;position:absolute;top:1px;left:0}.toc-list a{color:var(--text-soft);font-weight:500;text-decoration:none}.toc-list a:hover{color:var(--primary);text-decoration:none}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:28px 0 0;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px 16px;transition:transform .2s,box-shadow .2s,border-color .2s}.kpi-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 0 20px rgba(240,165,0,.08)}.kpi-card .number{background:linear-gradient(180deg,var(--primary-glow),var(--primary));color:transparent;font-size:36px;font-weight:700;line-height:1;font-family:var(--font-heading);-webkit-background-clip:text;background-clip:text;margin-bottom:6px}.kpi-card .label{color:var(--text-muted);font-size:13px;font-weight:500}.features-grid{grid-template-columns:1fr;gap:16px;margin-top:28px;display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 0 24px rgba(240,165,0,.06)}.feature-card h3{color:var(--text);margin-bottom:10px;font-size:16px;font-weight:600}.feature-card p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.65}.app-details-table,.compat-table,.compare-table,.languages-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;margin-top:18px;font-size:14.5px;overflow:hidden}.app-details-table th,.app-details-table td,.compat-table th,.compat-table td,.compare-table th,.compare-table td,.languages-table th,.languages-table td{text-align:left;border-bottom:1px solid var(--border);padding:13px 18px}.app-details-table th,.compat-table th,.compare-table th,.languages-table th{background:var(--bg-elevated);color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;font-family:var(--font-heading)}.app-details-table tr:last-child td,.compat-table tr:last-child td,.compare-table tr:last-child td,.languages-table tr:last-child td{border-bottom:0}.app-details-table tr:hover,.compat-table tbody tr:hover,.compare-table tbody tr:hover,.languages-table tbody tr:hover{background:var(--bg-elevated)}.app-details-table td:first-child{color:var(--text-soft);background:var(--bg-elevated);width:35%;font-weight:600}.compare-table .yes{color:var(--success);font-weight:700}.compare-table .no{color:var(--danger);font-weight:700}.compare-table .warn{color:var(--warning);font-weight:700}.changelog{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:18px 0 0;padding:0;list-style:none;overflow:hidden}.changelog li{border-bottom:1px solid var(--border);padding:14px 18px 14px 44px;transition:background .15s;position:relative}.changelog li:hover{background:var(--bg-elevated)}.changelog li:last-child{border-bottom:0}.changelog li:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:22px;left:20px;box-shadow:0 0 8px rgba(240,165,0,.4)}.changelog strong{color:var(--primary);font-weight:700}.screenshots{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:24px;display:grid}.screenshot-card{background:var(--surface);border:1px solid var(--border);aspect-ratio:9/16;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;font-size:13px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.screenshot-card:hover{transform:scale(1.02);box-shadow:0 0 24px rgba(240,165,0,.08)}.screenshot-card .placeholder{text-align:center;padding:12px}.screenshot-card .placeholder strong{color:var(--primary);margin-bottom:4px;font-size:13px;display:block}.proscons{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}@media (min-width:640px){.proscons{grid-template-columns:1fr 1fr}}.pros,.cons{background:var(--surface);border:1px solid var(--border);border-top:3px solid;border-radius:12px;padding:24px 28px}.pros{border-top-color:var(--success)}.cons{border-top-color:var(--danger)}.pros h3{color:var(--success);margin-top:0;font-size:17px;font-weight:600}.cons h3{color:var(--danger);margin-top:0;font-size:17px;font-weight:600}.pros ul,.cons ul{margin:0;padding-left:0;list-style:none}.pros li,.cons li{color:var(--text-soft);padding:8px 0 8px 30px;font-size:14px;line-height:1.6;position:relative}.pros li:before,.cons li:before{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex;position:absolute;top:8px;left:0}.pros li:before{content:"✓";background:var(--success-bg);color:var(--success)}.cons li:before{content:"−";color:var(--danger);background:rgba(231,76,60,.1)}.safety-callout{border-left:3px solid var(--primary);background:rgba(240,165,0,.05);border-radius:0 8px 8px 0;margin:20px 0;padding:20px 24px}.safety-callout p{color:var(--text-soft);margin:0;font-size:14.5px;line-height:1.7}.safety-callout strong{color:var(--primary)}.reviews{grid-template-columns:1fr;gap:14px;margin-top:24px;display:grid}@media (min-width:768px){.reviews{grid-template-columns:1fr 1fr}}.review-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 22px;transition:transform .2s,box-shadow .2s}.review-card:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(240,165,0,.06)}.review-stars{color:var(--primary);letter-spacing:2px;margin-bottom:8px;font-size:15px}.review-body{color:var(--text-soft);margin:0 0 10px;font-size:14.5px;line-height:1.65}.review-author{color:var(--text-muted);font-size:13px;font-weight:600}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:var(--border-glow);box-shadow:0 0 18px rgba(240,165,0,.06)}.faq-item[open]{border-color:var(--border-glow);box-shadow:0 0 20px rgba(240,165,0,.1)}.faq-item summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;font-size:15px;font-weight:600;font-family:var(--font-heading);letter-spacing:.02em;align-items:flex-start;gap:10px;padding:18px 56px 18px 24px;list-style:none;transition:background .15s;display:flex;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:""}.faq-item summary:before{content:"?";width:22px;height:22px;color:var(--primary);background:rgba(240,165,0,.1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:13px;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.faq-item summary:after{content:"";border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:10px;height:10px;transition:transform .25s,border-color .2s;position:absolute;top:50%;right:22px;transform:translateY(-75%)rotate(45deg)}.faq-item[open] summary:after{border-color:var(--primary);transform:translateY(-25%)rotate(-135deg)}.faq-item[open] summary:before{background:var(--primary);color:#0a0a0d}.faq-item summary:hover{background:var(--bg-elevated)}.faq-item p{color:var(--text-soft);margin:0;padding:0 24px 20px 56px;font-size:14.5px;line-height:1.7;animation:.25s faq-slide-down}@keyframes faq-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.disclaimer{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;padding:20px 24px;font-size:13px;line-height:1.75}.disclaimer p:last-child{margin-bottom:0}.disclaimer a{color:var(--text-soft);text-decoration:underline}body:not(.html-restore) .site-footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:56px 0 32px}body:not(.html-restore) .footer-nav{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px;display:grid}body:not(.html-restore) .footer-nav .footer-column-title{text-transform:none;letter-spacing:0;color:var(--text);font-size:13px;font-weight:700;font-family:var(--font-heading);margin:0 0 14px}body:not(.html-restore) .footer-nav a{color:var(--text-soft);padding:5px 0;font-size:14px;text-decoration:none;transition:color .15s;display:block}body:not(.html-restore) .footer-nav a:hover{color:var(--primary);text-decoration:none}body:not(.html-restore) .footer-legal{border-top:1px solid var(--border);color:var(--text-muted);padding-top:22px;font-size:13px;line-height:1.6}body:not(.html-restore) .footer-legal p{margin:0 0 4px}body:not(.html-restore) .footer-legal .last-updated{color:var(--text-muted);font-size:12px}.muted-small{color:var(--text-muted);font-size:14px;font-weight:400}.hero-visual{border:1px solid var(--border);border-radius:16px;max-width:100%;margin:0 auto 36px;overflow:hidden;box-shadow:0 0 40px rgba(240,165,0,.06),0 4px 20px rgba(0,0,0,.4)}.hero-visual img{width:100%;height:auto;display:block}.section-visual{border:1px solid var(--border);border-radius:14px;max-width:100%;margin:0 0 28px;overflow:hidden;box-shadow:0 0 24px rgba(0,0,0,.2)}.section-visual img{width:100%;height:auto;display:block}.section-visual.contained{max-width:800px;margin:0 auto 28px}.split-visual{grid-template-columns:1fr;align-items:center;gap:28px;margin:28px 0;display:grid}@media (min-width:768px){.split-visual{grid-template-columns:1fr 1fr;gap:36px}.split-visual.reverse{direction:rtl}.split-visual.reverse>*{direction:ltr}}.split-visual img{border:1px solid var(--border);border-radius:12px;width:100%;height:auto;box-shadow:0 0 24px rgba(0,0,0,.2)}.split-visual .split-text{color:var(--text-soft);font-size:15px}.split-visual .split-text p{margin:0 0 12px}.use-case{border-bottom:1px solid var(--border);padding:16px 0}.use-case:first-child{padding-top:0}.use-case:last-child{border-bottom:0;padding-bottom:0}.use-case h3{color:var(--primary);align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:600;display:flex}.use-case h3:before{content:"";background:var(--primary);width:18px;height:2px;box-shadow:0 0 6px rgba(240,165,0,.4)}.use-case p{color:var(--text-soft);margin:0;font-size:14.5px;line-height:1.65}.app-shot{border:2px solid rgba(240,165,0,.3);border-radius:14px;max-width:280px;margin:0 auto;overflow:hidden;box-shadow:0 0 24px rgba(240,165,0,.1),0 4px 20px rgba(0,0,0,.4)}.app-shot img{width:100%;height:auto;display:block}.home-page .hero .lede:last-of-type{margin-bottom:36px}.article-body{background:var(--bg);padding:56px 0 64px}.article-body .prose{max-width:860px;font-size:16px;line-height:1.75}.article-body .prose h2{color:var(--text);border:none;border-bottom:1px solid var(--border);text-align:left;letter-spacing:-.015em;text-transform:none;background:0 0;border-radius:0;margin:48px 0 18px;padding:0 0 12px;font-size:max(22px,min(2.8vw,28px));font-weight:700;position:relative}.article-body .prose h2:after{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-glow));border-radius:3px;width:56px;height:3px;position:absolute;bottom:-1px;left:0}.article-body .prose h2 strong{color:inherit}.article-body .prose h2:first-child{margin-top:0}.article-body .prose h3{color:var(--text);border:none;border-left:3px solid var(--primary);margin:28px 0 10px;padding:0 0 0 14px;font-size:max(17px,min(2vw,19px));font-weight:650}@supports (color:color-mix(in lab, red, red)){.article-body .prose h3{border-left:3px solid color-mix(in srgb,var(--primary)75%,#fff)}}.article-body .prose h3{letter-spacing:-.01em;text-transform:none;line-height:1.35}.article-body .prose>p{color:var(--text-soft);margin-bottom:1.1em;font-size:16px;line-height:1.75}.article-body .prose>p>img,.article-body .prose>p>img[src]{border:1px solid var(--border);border-radius:14px;margin:28px auto;box-shadow:0 8px 28px rgba(26,31,44,.08)}.article-body .prose ul{margin:12px 0 20px;padding-left:0;list-style:none}.article-body .prose ul li{color:var(--text-soft);padding:8px 0 8px 28px;font-size:16px;line-height:1.7;position:relative}.article-body .prose ul li:before{content:"✓";width:20px;height:20px;color:var(--primary);background:rgba(224,149,0,.1);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;top:8px;left:0}.article-body .prose ol{counter-reset:ol-counter;margin:12px 0 20px;padding-left:0;list-style:none}.article-body .prose ol li{color:var(--text-soft);counter-increment:ol-counter;padding:8px 0 8px 36px;font-size:16px;line-height:1.7;position:relative}.article-body .prose ol li:before{content:counter(ol-counter);background:linear-gradient(135deg,var(--primary-glow),var(--primary));color:#0a0a0d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex;position:absolute;top:8px;left:0}.prose strong{color:var(--primary)}.article-body .prose strong{color:var(--primary);display:inline}.article-body .prose strong.lead{color:var(--primary);margin-top:28px;margin-bottom:4px;font-size:17px;display:block}.article-body .prose .app-info-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:16px 0 28px;padding:0;list-style:none;overflow:hidden}.article-body .prose .app-info-table li{border-bottom:1px solid var(--border);grid-template-columns:40% 1fr;padding:0;font-size:15px;line-height:1.5;display:grid}.article-body .prose .app-info-table li:last-child{border-bottom:0}.article-body .prose .app-info-table li:before{display:none}.article-body .prose .app-info-table li:nth-child(odd){background:var(--bg-elevated)}.article-body .prose .app-info-table li strong{color:var(--text-soft);border-right:1px solid var(--border);font-size:14px;font-weight:600;font-family:var(--font-body);padding:13px 18px}.article-body .prose .app-info-table li span{color:var(--text);padding:13px 18px;font-weight:500}@media (max-width:480px){.article-body .prose .app-info-table li{grid-template-columns:1fr}.article-body .prose .app-info-table li strong{border-right:0;border-bottom:1px solid var(--border);padding:10px 16px 6px}.article-body .prose .app-info-table li span{padding:6px 16px 10px}}.article-body .prose .home-faq{flex-direction:column;gap:10px;margin:24px 0 28px;display:flex}.article-body .prose .home-faq .faq-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;transition:border-color .2s,box-shadow .2s}.article-body .prose .home-faq .faq-card:hover{border-color:var(--border-glow);box-shadow:0 0 18px rgba(240,165,0,.06)}.article-body .prose .home-faq .faq-card h3{color:var(--text);border-left:0;margin:0 0 10px;padding-left:0;font-size:16px}.article-body .prose .home-faq .faq-card p{color:var(--text-soft);margin:0;font-size:14.5px;line-height:1.7}.article-body .prose .proscons{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 28px;display:grid}.article-body .prose .proscons .pros,.article-body .prose .proscons .cons{background:var(--surface);border:1px solid var(--border);border-top:3px solid;border-radius:12px;padding:22px 26px}.article-body .prose .proscons .pros{border-top-color:var(--success)}.article-body .prose .proscons .cons{border-top-color:var(--danger)}.article-body .prose .proscons h3{border-left:0;margin:0 0 14px;padding-left:0;font-size:17px}.article-body .prose .proscons .pros h3{color:var(--success)}.article-body .prose .proscons .cons h3{color:var(--danger)}.article-body .prose .proscons ul{margin:0;padding:0}.article-body .prose .proscons li{color:var(--text-soft);padding:8px 0 8px 30px;font-size:14px;line-height:1.6}.article-body .prose .proscons .pros li:before{content:"✓";background:var(--success-bg);color:var(--success)}.article-body .prose .proscons .cons li:before{content:"−";color:var(--danger);background:rgba(231,76,60,.1)}@media (max-width:640px){.article-body .prose .proscons{grid-template-columns:1fr}}.article-body .prose .home-steps{flex-direction:column;gap:12px;margin:24px 0 28px;display:flex}.article-body .prose .home-steps .step-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.article-body .prose .home-steps .step-card:hover{border-color:var(--border-glow);transform:translate(2px);box-shadow:0 0 20px rgba(240,165,0,.06)}.article-body .prose .home-steps .step-card>strong:first-child{color:#0a0a0d;background:linear-gradient(135deg,var(--primary-glow),var(--primary));letter-spacing:.02em;vertical-align:middle;border-radius:6px;margin-right:10px;padding:2px 12px;font-size:13px;font-weight:700;display:inline-block}.article-body .prose .home-steps .step-note{border-left:3px solid var(--primary);color:var(--primary);background:rgba(240,165,0,.05);border-radius:0 10px 10px 0;margin:0;padding:14px 20px;font-size:14px;line-height:1.65}.article-body .prose .home-steps .step-note em{font-style:normal;font-size:inherit;color:inherit;line-height:inherit;background:0 0;border-left:none;border-radius:0;margin:0;padding:0;display:inline}.article-body .prose .home-steps .step-note strong{color:var(--primary-glow)}.article-body .prose>p>em{border-left:3px solid var(--primary);color:var(--primary);background:rgba(240,165,0,.05);border-radius:0 8px 8px 0;margin:4px 0;padding:10px 16px;font-size:14px;font-style:normal;line-height:1.65;display:inline-block}.article-body .prose>p>strong>em,.article-body .prose>p>em>strong{color:var(--primary-glow)}.article-body .prose>p>strong:first-child{color:var(--primary)}.article-body .prose h2+p,.article-body .prose h2+h3{margin-top:20px}.article-body .prose>time{color:var(--text-muted);margin-bottom:1.5em;font-size:14px;display:block}.article-body .prose>p:first-child,.article-body .prose>p:first-child~p:not(h2~p){color:var(--text-soft);max-width:800px;font-size:16px}.article-body .prose>p:last-child>img,.article-body .prose>p:nth-last-child(2)>img{margin:16px auto 8px}.article-hero{background:linear-gradient(180deg,#fff 0%,var(--bg)100%);text-align:left;border-bottom:1px solid var(--border);padding:48px 0 40px;position:relative}.article-hero h1{text-align:left;text-transform:none;max-width:860px;margin:0 auto}@media (max-width:640px){.article-body .prose h2{margin:36px 0 14px;padding:0 0 10px;font-size:20px}.article-body .prose h2:after{width:40px}.article-body .prose h3{padding-left:12px;font-size:16px}.article-body{padding:36px 0 48px}}.prose{max-width:800px;color:var(--text-soft);margin:0 auto;font-size:16px;line-height:1.75}.prose h1,.prose h2,.prose h3{color:var(--text)}.prose h1{margin-top:0}.prose a{color:var(--primary);text-decoration:underline}.prose a:hover{color:var(--primary-glow)}.prose a.cta-primary,.prose a.btn-primary,.content-cta a.cta-primary,.content-cta a.btn-primary,.prose a.cta-primary:hover,.prose a.btn-primary:hover,.content-cta a.cta-primary:hover,.content-cta a.btn-primary:hover{text-decoration:none;color:var(--cta-fg)!important}.article-body .prose table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;margin:20px 0 28px;font-size:14.5px;overflow:hidden}.article-body .prose table th{background:var(--bg-elevated);color:var(--text);text-align:left;font-size:13px;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;padding:13px 18px}.article-body .prose table td{border-bottom:1px solid var(--border);color:var(--text-soft);padding:13px 18px;line-height:1.6}.article-body .prose table tr:last-child td{border-bottom:0}.article-body .prose table tr:nth-child(2n) td{background:var(--bg-elevated)}.article-body .prose table th p,.article-body .prose table td p{margin:0}.back-to-top{background:linear-gradient(135deg,var(--primary-glow),var(--primary));color:#fff;cursor:pointer;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 0 20px rgba(240,165,0,.3)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 0 30px rgba(240,165,0,.5)}.back-to-top svg{flex-shrink:0;width:24px;height:24px;display:block}@media (max-width:768px){.back-to-top{width:42px;height:42px;bottom:20px;right:20px}}.header-right{align-items:center;gap:16px;display:flex}.header-cta{white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--font-body);text-transform:none;letter-spacing:0;padding:6px 14px;text-decoration:none;transition:all .2s;display:inline-block}.header-cta:hover{box-shadow:0 4px 16px var(--primary);transform:translateY(-1px);color:var(--header-cta-fg,#fff)!important}@supports (color:color-mix(in lab, red, red)){.header-cta:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--primary)50%,transparent)}}.header-cta:hover{text-decoration:none}.menu-toggle{cursor:pointer;z-index:60;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.menu-toggle span{background-color:var(--header-menu-toggle,var(--text));transform-origin:0;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.menu-toggle.open span:first-child{transform:rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)}@media (max-width:767px){.menu-toggle{display:flex}.site-nav{background:var(--header-bg,var(--bg-elevated));flex-direction:column;position:absolute;top:64px;left:0;right:0;display:flex!important}@supports (color:color-mix(in lab, red, red)){.site-nav{background:var(--header-bg,color-mix(in srgb,var(--bg-elevated)98%,transparent))}}.site-nav{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--header-border,var(--border));opacity:0;visibility:hidden;z-index:40;gap:15px;padding:20px;transition:all .3s ease-in-out;transform:translateY(-150%)}.site-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.site-nav a.active:after{display:none}.site-nav a{border-bottom:1px solid var(--header-border,var(--border));padding:10px 0;font-size:16px}.header-cta{padding:5px 12px;font-size:12px}}.not-found-page{text-align:center;background:var(--bg);justify-content:center;align-items:center;min-height:60vh;padding:60px 20px;display:flex}.not-found-container{width:100%;max-width:560px}.not-found-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.not-found-dot{background:var(--danger);border-radius:50%;width:6px;height:6px}.not-found-code{letter-spacing:-.02em;background:linear-gradient(180deg,var(--text),#2a2a35);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:max(80px,min(15vw,132px));font-weight:700;line-height:1}.not-found-title{color:var(--text);text-align:center;margin:0 0 8px;font-size:max(20px,min(3vw,26px));font-weight:600}.not-found-desc{color:var(--text-muted);max-width:440px;margin:0 auto 24px;font-size:14px;line-height:1.6}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.not-found-btn-primary{background:var(--primary);color:#0a0a0d;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.not-found-btn-primary:hover{background:var(--primary-glow);transform:translateY(-1px);box-shadow:0 0 16px rgba(240,165,0,.3)}.not-found-btn-secondary{color:var(--text-soft);border:1px solid var(--border);background:0 0;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.not-found-btn-secondary:hover{color:var(--text);border-color:var(--text-muted)}.not-found-divider{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.not-found-divider span{background:var(--border);width:28px;height:1px}.not-found-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.not-found-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.not-found-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 0 18px rgba(240,165,0,.06)}.not-found-card-icon{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:8px;display:flex}.not-found-card strong{color:var(--primary);font-size:13px}.not-found-card span{color:var(--text-muted);font-size:11px;line-height:1.4}@media (max-width:640px){.not-found-cards{grid-template-columns:1fr}}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.blog-card:hover{border-color:var(--border-glow);transform:translateY(-3px);box-shadow:0 0 28px rgba(240,165,0,.08)}.blog-card h2{font-family:var(--font-heading);color:var(--text);letter-spacing:.02em;text-transform:none;margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.25}.blog-card a{color:inherit;text-decoration:none}.blog-card a:hover h2{color:var(--primary)}.blog-card time{color:var(--text-muted);margin-bottom:12px;font-size:13px;display:block}.blog-card p{color:var(--text-soft);margin:0;font-size:14.5px;line-height:1.65}.content-image{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:36px 0;transition:border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 30px rgba(26,31,44,.06)}.content-image:hover{border-color:var(--border-glow);box-shadow:0 14px 36px rgba(26,31,44,.1)}.content-image img{width:100%;height:auto;transition:transform .5s;display:block}.content-image:hover img{transform:scale(1.02)}.content-cta{justify-content:center;margin:8px 0 32px;display:flex}.content-cta .cta-primary{text-align:center}.content-list{text-align:left;max-width:740px;margin:24px auto 28px;padding:0;list-style:none}.content-list li{color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:15px 18px 15px 48px;font-size:16px;line-height:1.7;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.content-list li:hover{border-color:var(--border-glow);transform:translate(4px);box-shadow:0 0 18px rgba(240,165,0,.06)}.content-list li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:23px;left:18px;box-shadow:0 0 8px rgba(240,165,0,.5)}.content-list li strong{color:var(--primary);font-weight:600}.install-steps{counter-reset:step;max-width:800px;margin:28px auto;padding:0;list-style:none}.install-steps li{counter-increment:step;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-height:80px;margin-bottom:16px;padding:28px 28px 28px 88px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.install-steps li:hover{border-color:var(--border-glow);transform:translate(4px);box-shadow:0 0 28px rgba(240,165,0,.08)}.install-steps li:before{content:counter(step,decimal-leading-zero);background:linear-gradient(135deg,#ffb700,var(--primary),#c98a00);color:#0a0a0d;width:46px;height:46px;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 0 20px rgba(240,165,0,.3),inset 0 1px rgba(255,255,255,.15)}.install-steps li h3{font-family:var(--font-heading);text-align:left;color:var(--text);text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;font-size:18px;font-weight:600}.install-steps li p{color:var(--text-soft);max-width:none;margin:0 0 6px;font-size:15px;line-height:1.7}.install-steps li p:last-child{margin-bottom:0}.pros-cons-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:28px auto;display:grid}.pros-card,.cons-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;padding:32px;transition:transform .2s,box-shadow .2s,border-color .2s}.pros-card:hover,.cons-card:hover{transform:translateY(-2px);box-shadow:0 0 36px rgba(240,165,0,.06)}.pros-card{border-top:3px solid var(--success)}.cons-card{border-top:3px solid var(--danger)}.pros-card h3,.cons-card h3{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;text-align:left;margin:0 0 18px;font-size:21px;font-weight:600}.pros-card h3{color:var(--success)}.cons-card h3{color:var(--danger)}.pros-card ul,.cons-card ul{margin:0;padding:0;list-style:none}.pros-card li,.cons-card li{color:var(--text-soft);border-bottom:1px solid var(--border);margin-bottom:0;padding:0 0 14px 24px;font-size:16px;line-height:1.7;position:relative}.pros-card li:before{content:"▸";color:var(--success);font-weight:700;position:absolute;top:0;left:0}.cons-card li:before{content:"▸";color:var(--danger);font-weight:700;position:absolute;top:0;left:0}.pros-card li:last-child,.cons-card li:last-child{border-bottom:none;padding-bottom:0}@media (max-width:720px){.pros-cons-grid{grid-template-columns:1fr}}.compare-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;max-width:920px;margin:28px auto;overflow-x:auto;box-shadow:0 0 24px rgba(0,0,0,.2)}.compare-table-wrap .compare-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.65}.compare-table-wrap .compare-table thead{background:linear-gradient(135deg,#1a1a28,#14141e)}.compare-table-wrap .compare-table thead th{font-family:var(--font-heading);color:var(--primary);text-align:left;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid rgba(240,165,0,.25);border-right:1px solid rgba(240,165,0,.08);padding:16px 20px;font-size:15px;font-weight:600}.compare-table-wrap .compare-table thead th:last-child{border-right:none}.compare-table-wrap .compare-table tbody td{border-bottom:1px solid var(--border);color:var(--text-soft);vertical-align:top;padding:15px 20px}.compare-table-wrap .compare-table tbody tr:last-child td{border-bottom:none}.compare-table-wrap .compare-table tbody tr:hover{background:var(--bg-elevated)}.compare-table-wrap .compare-table tbody td:first-child{color:var(--text);white-space:nowrap;font-weight:600}.faq-list{max-width:800px;margin:0 auto}.faq-item-expanded{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);text-align:left;border-radius:0 12px 12px 0;margin-bottom:12px;padding:24px 28px;transition:transform .2s,box-shadow .2s,border-color .2s}.faq-item-expanded:hover{border-color:var(--border-glow);transform:translate(3px);box-shadow:0 0 20px rgba(240,165,0,.06)}.faq-item-expanded:last-child{margin-bottom:0}.faq-question-static{font-family:var(--font-heading);color:var(--primary);text-align:left;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.3}.faq-item-expanded p{color:var(--text-soft);max-width:none;margin:0;font-size:16px;line-height:1.7}@media (max-width:768px){.install-steps li{padding:20px 20px 20px 68px}.install-steps li:before{width:38px;height:38px;font-size:17px;left:16px}.content-list li{padding:12px 14px 12px 38px}.content-list li:before{top:21px;left:14px}}
@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/e9924293c1dc5ea7-s.510eee18.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/10bd139a632d728f-s.3ed74b99.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/a079e02bba5bf7ab-s.p.7367eab7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/65c1f6eb17b9caea-s.ee7a3fed.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/124b7a75a76bd55c-s.c3ae84a8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/d23f31b94ad01e54-s.p.4b0b0c7e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/63e49db46351d020-s.9f91ba4a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/35f9213b86bccda4-s.1ea730ea.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/3206eb66b875a5b3-s.p.e2b99870.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani Fallback;src:local(Arial);ascent-override:102.12%;descent-override:37.99%;line-gap-override:0.0%;size-adjust:91.07%}.rajdhani_c0523752-module__bGBuzW__className{font-family:Rajdhani,Rajdhani Fallback;font-style:normal}.rajdhani_c0523752-module__bGBuzW__variable{--font-heading:"Rajdhani","Rajdhani Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://static.hbayy.com/simple-blog-170/prod/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_d8d967d8-module__S23ura__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_d8d967d8-module__S23ura__variable{--font-body:"Inter","Inter Fallback"}
@media (max-width: 767px) {
/*
IMPORTANT: .site-header itself has z-index:50 in the theme's CSS,
which creates its own stacking context. Anything inside the header
(like .site-nav, even with z-index:10000) is compared against OTHER
elements using the header's z-index:50 as its "rank" — not 10000.
So the overlay below must stay UNDER 50, or it will visually sit on
top of the header/sidebar and swallow all clicks on the nav links.
*/
.site-nav {
position: fixed !important;
top: 0 !important;
left: auto !important;
right: -280px !important;
width: 260px !important;
height: 100vh !important;
transform: none !important;
flex-direction: column !important;
align-items: flex-start !important;
padding: 76px 0 20px !important;
gap: 0 !important;
background: #ffffff !important;
box-shadow: -8px 0 30px rgba(0, 0, 0, 0.25) !important;
transition: right 0.3s ease-in-out !important;
overflow-y: auto !important;
}
.site-nav.open {
right: 0 !important;
transform: none !important;
}
.site-nav a {
width: 100% !important;
box-sizing: border-box !important;
padding: 14px 28px !important;
font-size: 16px !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.site-nav a.active {
background: rgba(240, 165, 0, 0.08) !important;
}
.header-right {
position: relative !important;
}
.menu-toggle.open {
position: fixed !important;
top: 22px !important;
right: 20px !important;
z-index: 60 !important;
}
/* Dark overlay behind the sidebar — kept BELOW the header's z-index:50 */
.menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
z-index: 45;
}
.menu-overlay.open {
display: block !important;
}
}
.blog-grid-row {
display: flex;
flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px;
}
.blog-grid-col {
flex: 0 0 100%;
max-width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-bottom: 24px;
display: flex;
align-items: stretch;
}
/* Tablet: 2 posts per row */
@media (min-width: 768px) {
.blog-grid-col {
flex: 0 0 50%;
max-width: 50%;
}
}
/* Desktop: 3 posts per row */
@media (min-width: 992px) {
.blog-grid-col {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
:root {
--brand-color: #E09500;
}
/* Link Colors matching your color scheme */
.post-content a {
color: var(--brand-color);
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.post-content a:hover {
color: #b87a00;
text-decoration: underline;
}
/* Headings with Bottom Accent Line (like your images) */
.post-content h2,
.post-content h3,
.post-content h4 {
position: relative;
padding-bottom: 10px;
margin-top: 2rem;
margin-bottom: 1rem;
font-weight: 700;
color: #111111;
}
.post-content h2::after,
.post-content h3::after,
.post-content h4::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 60px;
height: 3px;
background-color: var(--brand-color);
border-radius: 2px;
}
/* Custom Checkmark Lists (Matching Image Style) */
.post-content ul {
list-style: none;
padding-left: 0;
margin-bottom: 1.5rem;
}
.post-content ul li {
position: relative;
padding-left: 30px;
margin-bottom: 12px;
line-height: 1.6;
}
.post-content ul li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
background-color: rgba(224, 149, 0, 0.15);
color: var(--brand-color);
font-weight: bold;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
/* Attractive and Responsive Tables */
.post-content table {
width: 100%;
margin-bottom: 1.5rem;
border-collapse: collapse;
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 8px;
overflow: hidden;
}
.post-content th,
.post-content td {
padding: 12px 16px;
vertical-align: left;
border-top: 1px solid #eaeaea;
color: #333333;
}
.post-content th {
text-align: left;
}
.post-content thead th {
background-color: #f8f9fa;
color: #111111;
font-weight: 700;
border-bottom: 2px solid #eaeaea;
border-top: none;
}
.post-content tbody tr:hover {
background-color: #fdfdfd;
}
.post-content figure.wp-block-table,
.post-content > table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
:root {
--brand-color: #E09500;
--brand-hover: #b87a00;
--text-dark: #111111;
--text-muted: #666666;
--border-color: #eaeaea;
}
/* General Link Colors */
.post-content a {
color: var(--brand-color);
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.post-content a:hover {
color: var(--brand-hover);
text-decoration: underline;
}
/* Headings with Bottom Accent Line */
.post-content h2,
.post-content h3,
.post-content h4 {
position: relative;
padding-bottom: 10px;
margin-top: 2.5rem;
margin-bottom: 1.2rem;
font-weight: 700;
color: var(--text-dark);
}
.post-content h2::after,
.post-content h3::after,
.post-content h4::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 60px;
height: 3px;
background-color: var(--brand-color);
border-radius: 2px;
}
/* Custom Checkmark Lists */
.post-content ul {
list-style: none;
padding-left: 0;
margin-bottom: 1.5rem;
}
.post-content ul li {
position: relative;
padding-left: 30px;
margin-bottom: 12px;
line-height: 1.6;
}
.post-content ul li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
background-color: rgba(224, 149, 0, 0.15);
color: var(--brand-color);
font-weight: bold;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
/* Tables Styling & Responsiveness */
.post-content table {
width: 100%;
margin-bottom: 1.5rem;
border-collapse: collapse;
background-color: #ffffff;
border: 1px solid var(--border-color);
border-radius: 8px;
overflow: hidden;
}
.post-content th,
.post-content td {
padding: 12px 16px;
vertical-align: middle;
border-top: 1px solid var(--border-color);
color: #333333;
}
.post-content thead th {
background-color: #f8f9fa;
color: var(--text-dark);
font-weight: 700;
border-bottom: 2px solid var(--border-color);
border-top: none;
}
.post-content tbody tr:hover {
background-color: #fdfdfd;
}
.post-content figure.wp-block-table,
.post-content > table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* Post Footer Box (Tags & Back Button) */
.custom-post-footer {
margin-top: 3.5rem !important;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
border-top: 1px solid var(--border-color);
background-color: #fafbfc;
border-radius: 12px;
}
.back-to-insights-btn {
background-color: var(--brand-color);
color: #ffffff !important;
border-radius: 50px;
padding: 10px 24px;
font-weight: 700;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}
.back-to-insights-btn:hover {
background-color: var(--brand-hover);
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(224, 149, 0, 0.2);
}
/* Related Posts Section Heading Accent */
.related-section-title {
position: relative;
padding-bottom: 10px;
margin-top: 3.5rem;
margin-bottom: 1.5rem;
font-weight: 700;
color: var(--text-dark);
}
.related-section-title::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 3px;
background-color: var(--brand-color);
border-radius: 2px;
}