/* Isolated design study; never loaded by the production theme. */
:root {
 --bg-main:#f3f3f1; --bg-card:#fff; --bg-card-hover:#faf9f6; --bg-surface:#eeede9;
 --text-primary:#252525; --text-secondary:#646461; --text-muted:#888882;
 --primary:#dc603b; --primary-hover:#c34c2a; --border-subtle:#e7e6e2; --border-glow:#e8c2b5;
 --grad-primary:linear-gradient(120deg,#e46640,#c74c29); --grad-accent:linear-gradient(120deg,#e46640,#c74c29);
 --shadow-card:0 4px 18px #26262604; --radius-xl:24px; --radius-lg:20px;
}
html {background:#f3f3f1;scroll-padding-top:112px}
body {background:#f3f3f1;background-image:none;color:var(--text-secondary)}
.preview-note {text-align:center;font-size:10px;letter-spacing:.11em;color:#8b756b;padding:7px 16px;background:#f6e9e2}
.site-header {position:sticky;top:0;background:#f3f3f1eF!important;box-shadow:none!important;border:0!important;backdrop-filter:blur(18px);padding:16px 0!important}
.container {max-width:1440px;padding-left:32px;padding-right:32px}
.site-header .header-container {max-width:1400px;width:calc(100% - 48px);padding:12px 18px!important;background:#fff;border:1px solid #e9e8e4;border-radius:22px;gap:18px;min-height:72px}
.site-logo img {width:38px;height:38px;border-radius:12px}
.logo-brand {font-size:17px;color:#262626}
.logo-sub {font-size:8px;letter-spacing:.16em;color:#97948c}
.nav-menu {gap:1px}
.nav-link {font-size:11px;padding:10px 11px;border-radius:24px;color:#73736d;white-space:nowrap}
.nav-link.active {background:#292929;color:white}
.nav-link.active::after {display:none}
.header-actions {gap:7px}
.header-actions .btn {font-size:11px;padding:10px 14px}
.btn {box-shadow:none!important;font-weight:600;border-radius:30px;letter-spacing:0;text-transform:none}
.btn-primary {background:#df633e!important;color:#fff!important;border-color:#df633e!important}
.btn-secondary {background:#fff!important;color:#31312e!important;border-color:#e5e4de!important}
.btn:hover {transform:translateY(-2px)}
.btn:focus-visible,button:focus-visible,a:focus-visible {outline:3px solid #dc603b;outline-offset:4px}
.hero-slider-section {padding:32px 0 0;background:transparent;background-image:none;overflow:hidden}
.hero-grid-canvas {display:none}
.hero-split-grid {grid-template-columns:1.02fr 1fr;gap:28px;align-items:stretch;margin-bottom:22px}
.hero-split-content {grid-column:1;grid-row:1;padding:24px 12px 12px 0;align-self:center}
.hero-split-left-col {grid-column:2;grid-row:1;background:#fff;border:1px solid #e8e7e2;border-radius:24px;padding:18px;align-self:center;box-shadow:0 8px 25px #29292903}
.hero-content-slide-title {font-size:clamp(30px,3.05vw,43px);line-height:1.28;letter-spacing:-.045em;font-weight:700;margin-bottom:16px}
.hero-content-slide-desc {font-size:13px;line-height:1.85;max-width:580px;margin-bottom:20px}
.hero-content-features-list {gap:9px;margin-bottom:24px}
.hero-content-feature-item {font-size:11px;line-height:1.65;font-weight:500}
.hero-content-feature-item span.icon-check {width:19px;height:19px;background:#f8e7de;color:#b95937;font-size:10px}
.hero-content-actions {gap:10px}
.hero-content-actions .btn {font-size:12px;padding:13px 20px}
.badge-pill {font-size:9px;font-weight:600;letter-spacing:.055em;box-shadow:none;background:#f8e7de!important;color:#bb5939!important;border-color:transparent!important}
.badge-dot {background:#dc603b}
.hero-tab-pill-btn {font-size:10px;background:#f5f5f2;border:0;padding:9px 12px;color:#7d7d75;font-weight:500}
.hero-tab-pill-btn.active {background:#282828;color:white;box-shadow:none}
.hero-tabs-selector {gap:6px;margin-bottom:14px}
.hero-slider-window {border-radius:14px;border:1px solid #e9e9e3;box-shadow:none}
.hero-slider-window-bar {padding:10px;background:#fbfbf9}
.hero-slider-window-bar span {font-size:9px!important}
.hero-slider-viewport {aspect-ratio:1.72;height:auto!important;min-height:0}
.hero-slide-img-item img {width:100%;height:100%;object-fit:contain}
.hero-slider-nav-btn {width:30px;height:30px;background:#fffffff2;color:#333;border:1px solid #e3e1db}
.hero-slider-dots-bar {padding:10px;background:#fff}
.hero-slider-dot.active {background:#df633e;box-shadow:none}
.dashboard-stats {padding:0!important;margin:0!important;border:0;background:transparent;box-shadow:none}
.dashboard-stats > .container {padding:0}
.dashboard-stats > .container > div {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;text-align:left!important}
.dashboard-stats > .container > div > div {background:#fff;border:1px solid #e8e7e2;border-radius:22px;padding:22px 24px;position:relative;overflow:hidden}
.dashboard-stats > .container > div > div::after {content:'↗';position:absolute;right:20px;top:20px;font-size:17px;color:#bbb9af}
.dashboard-stats > .container > div > div > div {font-size:32px!important;font-weight:600!important;letter-spacing:-.05em;color:#2c2c29!important}
.dashboard-stats p {font-size:11px!important;font-weight:400!important;margin-top:3px!important;padding-right:20px}
.dashboard-stats > .container > div > div:last-child {background:#e56a45;border-color:#e56a45}
.dashboard-stats > .container > div > div:last-child > div,.dashboard-stats > .container > div > div:last-child p,.dashboard-stats > .container > div > div:last-child::after {color:#fff!important}
.section-features {padding:42px 0;background:transparent}
.section-header {text-align:left;max-width:none;margin:0 0 24px}
.section-title {font-size:27px;letter-spacing:-.035em;font-weight:600;margin-top:10px;margin-bottom:10px;color:#282825!important}
.section-desc {margin:0;max-width:760px;font-size:12px;color:#77776f}
.dashboard-bento {display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}
.card-glass {background:#fff!important;border:1px solid #e5e4df!important;box-shadow:0 4px 18px #26262603!important;backdrop-filter:none;padding:24px;border-radius:24px}
.dashboard-bento > .card-glass {display:flex;flex-direction:column;position:relative;overflow:hidden}
.dashboard-bento > .card-glass:first-child {grid-row:span 2;background:#e96d46!important;border:0!important;padding:28px}
.dashboard-bento > .card-glass:first-child .feature-title {font-size:25px;margin-top:24px;max-width:230px;color:#fff!important}
.dashboard-bento > .card-glass:first-child .feature-desc,.dashboard-bento > .card-glass:first-child .feature-list-item,.dashboard-bento > .card-glass:first-child .feature-check {color:#fff!important}
.dashboard-bento > .card-glass:first-child > div[style*='max-height'] {max-height:none!important;margin-top:22px!important;transform:rotate(-3deg);box-shadow:0 14px 35px #6a2f2526;border:7px solid #ffffff2b!important;border-radius:16px!important}
.dashboard-bento > .card-glass:first-child img {height:240px!important;object-position:left top!important}
.dashboard-bento .feature-icon-box {width:40px;height:40px;border-radius:13px;font-size:19px;margin-bottom:14px;background:#f7eee7!important;color:#bd6340!important;box-shadow:none}
.dashboard-bento > .card-glass:first-child .feature-icon-box {background:#ffffff30!important}
.feature-title {font-size:16px;font-weight:600;letter-spacing:-.025em;margin-bottom:10px;line-height:1.5}
.feature-desc {font-size:11px;line-height:1.8;color:#797970;margin-bottom:12px}
.feature-list {gap:8px}
.feature-list-item {font-size:10px;line-height:1.75;color:#66665f}
.feature-check {color:#bc694b}
.dashboard-bento > .card-glass > div[style*='max-height'] {max-height:110px!important;border-color:#e9e7e1!important;border-radius:12px!important}
.dashboard-bento img {height:110px!important;object-position:top left!important}
.dashboard-bento .btn {font-size:10px;margin-top:auto}
.dashboard-bento > .card-glass:first-child .btn {background:#fff!important;border-color:#fff!important;color:#b65335!important}
.dashboard-showcase {max-width:1376px;margin:8px auto 40px}
.hero-overlapping-container {margin:0!important}
.hero-overlapping-container .card-glass {box-shadow:none!important;padding:28px!important}
.hero-overlapping-container .card-glass > div[style*='display:grid'] > div {background:#faf9f5!important;border:1px solid #e8e5db!important}
.hero-overlapping-container h3,.hero-overlapping-container h4 {color:#252522!important}
.hero-overlapping-container img {border-radius:18px}
main > section:not(.hero-slider-section):not(.section-features):not(.dashboard-showcase) {padding:35px 0!important;margin-bottom:18px!important;background:transparent!important;border-color:#e6e4de}
.section-light {background:transparent!important;color:var(--text-secondary);box-shadow:none}
.grid-2,.grid-3,.grid-4 {gap:18px}
.pricing-card {background:#fff!important;border-color:#e7e5df!important;box-shadow:none!important;border-radius:24px}
.pricing-card.popular,.pricing-card.featured {border:2px solid #dd603c!important;background:#fff9f5!important}
.pricing-tier-name,.pricing-price {color:#262622!important}
.workflow-title {font-size:16px}
.site-footer {background:#242523!important;color:#bcbdb6;border-radius:32px 32px 0 0;border:0;margin-top:40px}
.site-footer h3,.site-footer h4,.site-footer .logo-brand {color:#fff!important}
.mobile-drawer {background:#f5f4ef!important}
.mobile-nav-card {background:#fff!important;border-color:#e5e3da!important}
.mobile-nav-heading {color:#242424}
.mobile-nav-sub {color:#77766f}
@media(min-width:1101px) and (max-width:1300px) {.nav-link{padding:8px 7px;font-size:10px}.site-logo-text{display:none}.header-actions .header-login-btn{display:none}}
@media(max-width:1100px) {.nav-wrapper{display:none}.menu-toggle{display:flex}.hero-content-slide-title{font-size:32px}.hero-split-grid{gap:20px}.container{padding-left:24px;padding-right:24px}}
@media(max-width:800px) {
 .preview-note{font-size:8px;letter-spacing:.02em}.site-header{padding:10px 0!important}.site-header .header-container{width:calc(100% - 28px);border-radius:18px;min-height:62px;padding:10px 14px!important}
 .container{padding-left:18px;padding-right:18px}.hero-slider-section{padding-top:12px}.hero-split-grid{grid-template-columns:1fr;gap:20px}.hero-split-content{grid-column:1;grid-row:1;padding:8px 0}.hero-split-left-col{grid-column:1;grid-row:2;padding:12px;border-radius:20px}
 .hero-content-slide-title{font-size:34px}.hero-content-slide-desc{font-size:13px}.hero-content-feature-item{font-size:11px}.hero-content-actions .btn{font-size:11px;padding:12px 17px}.hero-tabs-selector{flex-wrap:wrap}
 .dashboard-stats > .container > div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dashboard-stats > .container > div > div{padding:18px;border-radius:18px}.dashboard-stats p{font-size:10px!important}.dashboard-stats > .container > div > div > div{font-size:28px!important}
 .section-features{padding-top:30px}.section-title{font-size:24px}.dashboard-bento{grid-template-columns:1fr 1fr;gap:12px}.dashboard-bento > .card-glass:first-child{grid-column:span 2;grid-row:auto}.dashboard-bento > .card-glass:first-child img{height:200px!important}.card-glass{padding:20px}.dashboard-showcase{margin-left:18px;margin-right:18px}.hero-overlapping-container .card-glass{padding:18px!important}
}
@media(max-width:480px) {.dashboard-bento{grid-template-columns:1fr}.dashboard-bento > .card-glass:first-child{grid-column:1}.hero-content-slide-title{font-size:30px}.dashboard-bento > .card-glass:first-child .feature-title{max-width:none}.hero-content-actions{align-items:stretch}.hero-content-actions .btn{flex:1;white-space:normal;text-align:center}.hero-tab-pill-btn{font-size:9px;padding:8px}.site-logo-text{display:block}.header-actions .header-login-btn{display:none}.header-actions .btn{font-size:10px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep controls legible on the light surface. */
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {background:#34342f!important}
.menu-toggle {border-color:#e4e1d8!important;background:#f5f4ef!important}
/* Left icon navigation and accessible light-theme typography. */
:root {--text-primary:#242522;--text-secondary:#51534c;--text-muted:#66685f;--grad-primary:linear-gradient(120deg,#bf4c2a,#a53c20);--grad-accent:linear-gradient(120deg,#bf4c2a,#a53c20)}
body {color:#51534c}
main p,.feature-desc,.section-desc {color:#51534c}
.hero-content-slide-desc {color:#51534c}
.feature-desc {font-size:13px;line-height:1.8}
.feature-list-item {font-size:12px;color:#4f514a}
.section-desc {font-size:13px;color:#55574f}
.hero-content-feature-item {font-size:12px;color:#42443e}
.nav-link {color:#55574f}
.logo-sub {color:#6c6e66}
.badge-pill {color:#914324!important;background:#f7e5da!important}
.dashboard-stats p {color:#55574f!important;font-size:12px!important}
.dashboard-bento .btn {font-size:12px}
.hero-tab-pill-btn {color:#55574f}
.hero-tab-pill-btn.active {color:#fff}
.dashboard-sidebar {display:none}
.preview-note {color:#695046}
@media(min-width:1001px) {
 .dashboard-sidebar {position:fixed;display:flex;flex-direction:column;align-items:center;left:16px;top:48px;bottom:20px;width:72px;border:1px solid #e3e2dc;border-radius:24px;background:#fff;z-index:110;padding:17px 10px;box-shadow:0 6px 22px #24252104}
 .rail-brand {display:block;padding-bottom:22px;margin-bottom:15px;border-bottom:1px solid #eeede8}
 .rail-brand img {width:34px;height:34px;border-radius:11px}
 .rail-links {display:flex;flex-direction:column;gap:13px;width:100%;align-items:center}
 .rail-link {width:46px;height:46px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:15px;color:#60635a;transition:background .18s,color .18s}
 .rail-link svg {width:21px;height:21px;flex:none}
 .rail-link:hover,.rail-link:focus-visible {background:#fae9df;color:#a34225}
 .rail-link.is-active {background:#2e302b;color:#fff}
 .rail-link.is-active::before {content:'';position:absolute;left:-13px;width:3px;height:18px;background:#df633e;border-radius:5px}
 .rail-label {position:absolute;left:58px;top:50%;transform:translateY(-50%) translateX(-4px);font-size:12px;font-weight:500;padding:10px 14px;background:#2c2e29;color:#fff;border-radius:10px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:0 5px 15px #0001}
 .rail-link:hover .rail-label,.rail-link:focus-visible .rail-label {opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
 .rail-support {margin-top:auto;background:#f4f4ef}
 body > main {margin-left:100px}
 .site-header .header-container {width:calc(100% - 132px);margin-left:112px;margin-right:20px;max-width:none}
 .site-footer {margin-left:100px}
 .dashboard-showcase {margin-left:32px;margin-right:32px}
 .site-header .nav-link {padding:9px 8px;font-size:10px}
 .header-actions .header-login-btn {display:none}
}
@media(min-width:1001px) and (max-height:780px) {.dashboard-sidebar{padding-top:12px;top:40px;bottom:12px}.rail-brand{padding-bottom:12px;margin-bottom:10px}.rail-links{gap:6px}.rail-link{width:40px;height:40px}}
@media(max-width:1000px) {.dashboard-sidebar{display:none}}
.motion-replay {border:0;background:#f4f4ef;cursor:pointer;margin-top:10px;font:inherit}
.dashboard-bento > .card-glass {scroll-margin-top:125px}
.hero-content-slide-item {transition:opacity .2s ease,visibility .2s ease!important;transform:none!important}
.hero-content-slide-item.active {transform:none!important}
@media(prefers-reduced-motion:reduce) {.hero-content-slide-item{transition:none!important}}
/* Complete the contrast conversion for legacy widgets, pricing and badges. */
@media(min-width:1001px){.dashboard-sidebar{z-index:1100}}
.btn-primary {background:#be4e2d!important;border-color:#be4e2d!important}
.dashboard-stats > .container > div > div:last-child {background:#bc4d2d;border-color:#bc4d2d}
.dashboard-bento > .card-glass:first-child {background:#bc4d2d!important}
.dashboard-bento > .card-glass:first-child .feature-icon-box {color:#fff!important}
.hero-content-feature-item span.icon-check {color:#93401f}
.feature-check {color:#a34b2b}
main .section-desc {color:#51534c!important}
.interactive-widget {background:#fff!important;border:1px solid #e3e2db!important;box-shadow:none!important;border-radius:24px}
.widget-input {background:#fafaf7!important;border-color:#d5d5cb!important;color:#30332c!important}
.widget-input::placeholder {color:#66685e!important;opacity:1}
.widget-header,.widget-api-status {color:#52564c!important}
.workflow-step-badge {background:#f5e6db;color:#8b4327}
.workflow-time-pill {color:#555a50}
.pricing-points-tag,.pricing-card.featured .pricing-points-tag {background:#f3ebe1;color:#824123;border-color:#d8c6b5}
.pricing-feature-item,.pricing-feature-item * {color:#45483f!important}
.pricing-feature-item .pricing-feature-icon {color:#176946!important}
.pricing-guarantee-bar {background:#eaece3;border-color:#dcdfd0}
.pricing-guarantee-item,.pricing-guarantee-item strong {color:#3f4c3c}
.pricing-badge-popular {background:#994021;color:#fff}
.sidebar-widget {background:#fff!important;border-color:#e0e1d7!important}
.sidebar-widget-title,.sidebar-widget-header,.sidebar-widget strong {color:#2f332a!important}
.sidebar-tool-link {background:#f5f5ee!important;color:#414a38!important;border-color:#e3e5d9!important}
.sidebar-tool-link span {color:#414a38!important}
.post-card-badge {background:#fff!important;color:#3c513c!important}
.post-card-meta,.post-card-excerpt,.post-card-footer {color:#535a4c!important}
.faq-toggle-icon {color:#4b5542}
.faq-item.active .faq-toggle-icon {background:#526348;color:#fff}
@media(max-width:800px) {
 .site-header .site-logo-text {display:flex!important;flex-direction:column;min-width:0}
 .site-header .site-logo-text .logo-brand {font-size:15px!important}
 .site-header .site-logo-text .logo-sub {font-size:7px!important}
 .site-header .site-logo {gap:8px;min-width:0;flex-shrink:1}
 .site-header .site-logo img {width:30px;height:30px;flex-shrink:0}
 .site-header .header-container {gap:8px}
 .header-actions {gap:7px;flex-shrink:0}
 .menu-toggle {width:36px;height:36px}
 .layout-with-sidebar {grid-template-columns:minmax(0,1fr)!important}
 .main-content-column,.sidebar-column,.grid-2,.grid-3,.card-glass {min-width:0}
 .main-content-column > .grid-2 {grid-template-columns:minmax(0,1fr)!important}
 .interactive-widget {padding:20px!important}
 .widget-input-group {flex-wrap:wrap}
 .widget-input {min-width:0;width:100%}
}
/* No off-canvas shadow is allowed to darken the right edge when closed. */
.mobile-drawer {box-shadow:none!important;background:#f5f4ef!important;border-color:#e2e3d8!important}
.mobile-drawer:not(.open) {visibility:hidden}
.drawer-overlay {background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mobile-drawer-header,.mobile-drawer-footer {background:#fff!important;color:#40463b;border-color:#e1e4d8!important}
.mobile-drawer-header .site-logo-text {display:flex!important;flex-direction:column}
.mobile-drawer-close {background:#f0f2e9;color:#4c5841;border-color:#dce2d1}
.mobile-nav-card.active .mobile-nav-heading,.mobile-nav-card.active .mobile-nav-arrow {color:#844428}
.mobile-nav-badge {color:#545a49!important;background:#eef0e7!important}
.mobile-drawer-footer p {color:#58624d!important}
@media(max-width:800px) {
 .main-content-column,.main-content-column > .grid-2,.layout-with-sidebar {width:100%;max-width:100%;min-width:0}
 .main-content-column article {min-width:0;max-width:100%}
 .main-content-column article > div {min-width:0;overflow-wrap:anywhere}
 .post-card-footer {flex-wrap:wrap;gap:10px}
}
@media(max-width:800px) {main .btn {white-space:normal;max-width:100%;text-align:center;overflow-wrap:anywhere}}
@media(min-width:520px) and (max-width:1000px) {
 .dashboard-sidebar {position:fixed;display:flex;flex-direction:column;align-items:center;left:10px;top:48px;bottom:16px;width:56px;background:#fff;border:1px solid #e3e2dc;border-radius:20px;z-index:1100;padding:13px 5px}
 .rail-brand {display:block;padding-bottom:15px;margin-bottom:12px;border-bottom:1px solid #eeede8}
 .rail-brand img {width:28px;height:28px;border-radius:9px}
 .rail-links {display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}
 .rail-link {display:flex;width:38px;height:38px;position:relative;align-items:center;justify-content:center;border-radius:12px;color:#565e4d}
 .rail-link svg {width:20px;height:20px;flex:none}
 .rail-link.is-active {background:#2e302b;color:#fff}
 .rail-label {position:absolute;left:46px;top:50%;transform:translateY(-50%);white-space:nowrap;color:#fff;background:#2c2e29;padding:9px 12px;border-radius:9px;font-size:11px;opacity:0;visibility:hidden;pointer-events:none}
 .rail-link:hover .rail-label,.rail-link:focus-visible .rail-label {opacity:1;visibility:visible}
 .rail-support {margin-top:auto;background:#f4f4ef}
 body > main,.site-footer {margin-left:70px}
 .site-header .header-container {margin-left:80px;margin-right:14px;width:calc(100% - 94px);max-width:none}
 .site-header .site-logo-text .logo-brand {font-size:14px!important}
 .site-header .site-logo-text .logo-sub {font-size:7px!important}
 .header-actions .header-login-btn {display:none}
 .header-actions .btn {font-size:10px;padding:8px 10px}
}
/* Hover/focus use the same contrast-safe palette as the resting state. */
:root {--primary:#9d4227;--primary-hover:#84331d}
.nav-link:hover,.nav-link:focus-visible {color:#84331d;background:#f5e8df}
.nav-link.active:hover,.nav-link.active:focus-visible {color:#fff;background:#292929}
.btn-primary:hover,.btn-primary:focus-visible,.mobile-btn-primary,.mobile-btn-primary:hover {background:#a84225!important;border-color:#a84225!important;color:#fff!important}
.btn-secondary:hover,.btn-secondary:focus-visible {background:#f3e7df!important;border-color:#b89680!important;color:#6d301c!important}
.hero-tab-pill-btn:hover {background:#eee6df;color:#72351f}
.hero-tab-pill-btn.active:hover {background:#292929;color:#fff}
.dashboard-bento > .card-glass:first-child .btn:hover {background:#fff3e8!important;color:#7b321b!important;border-color:#fff3e8!important}
.mobile-nav-card:hover,.mobile-nav-card:focus-visible {background:#f5e9de!important;border-color:#c5a78f!important}
.mobile-nav-card:hover .mobile-nav-heading,.mobile-nav-card:focus-visible .mobile-nav-heading {color:#73381f!important}
.mobile-nav-card:hover .mobile-nav-sub {color:#4c5144!important}
.mobile-drawer-close:hover {color:#7c301f;background:#f4e1d9;border-color:#d9b5a5}
.mobile-btn-secondary,.mobile-btn-secondary:hover,.mobile-btn-secondary:focus-visible {background:#fff!important;border-color:#cfd7c5!important;color:#37452d!important}
.sidebar-tool-item,.sidebar-tool-item:hover,.sidebar-post-item:hover {background:#f5f6ef!important;color:#37462b!important;border-color:#d5dfc8!important}
.sidebar-tool-item:hover .sidebar-tool-info,.sidebar-tool-item:hover .sidebar-tool-name {color:#37462b!important}
.sidebar-post-item:hover .sidebar-post-title {color:#7c3b21!important}
.faq-question:hover,.faq-question:focus-visible {background:#f3eee6!important;color:#3f4b34!important}
.faq-question:hover .faq-question-title {color:#3f4b34!important}
.post-card-title a:hover,.post-card-title a:focus-visible {color:#863d23!important}
.site-footer {--primary:#f6b293}
.site-footer .footer-links a:hover {color:#ffd5be!important}
@media(max-width:800px) {
 html,body {max-width:100%;overflow-x:clip}
 body > main {width:100%;margin-left:0!important}
 main > section.container {padding:32px 18px!important}
 .pricing-grid {width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);gap:26px}
 .pricing-card,.pricing-card.featured,.pricing-card.featured:hover {width:100%;min-width:0;transform:none!important;padding:28px 22px}
 .pricing-badge-popular {max-width:calc(100% - 24px);white-space:normal;text-align:center;font-size:10px;line-height:1.5;padding:6px 12px}
 .pricing-price-wrap {flex-wrap:wrap;gap:10px}
 .hero-content-actions {width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .hero-content-actions .btn {width:100%;font-size:12px;min-height:46px}
 .hero-content-slide-title {font-size:clamp(27px,7.4vw,34px);overflow-wrap:break-word}
 .hero-content-slide-desc {font-size:13px;line-height:1.8}
 .badge-pill {white-space:normal;max-width:100%;line-height:1.7}
 .hero-slider-window-bar {flex-wrap:wrap;gap:8px}
 .hero-slider-window-dots {min-width:0;max-width:100%;flex-wrap:wrap}
 .hero-slider-window-dots span {overflow-wrap:anywhere}
 .hero-tabs-selector {display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 .hero-tab-pill-btn {width:100%;text-align:left;justify-content:flex-start;font-size:11px}
 .dashboard-stats > .container > div > div {padding:17px 15px}
 .dashboard-stats p {padding-right:0;font-size:12px!important;line-height:1.7}
 .dashboard-stats > .container > div > div::after {right:12px;top:14px;font-size:14px}
 .dashboard-showcase .hero-overlapping-container .card-glass > div:first-child {flex-wrap:wrap;gap:12px}
 .dashboard-showcase .hero-overlapping-container .card-glass > div[style*='display:grid'] {grid-template-columns:minmax(0,1fr)!important}
 .workflow-grid,.grid-2,.grid-3,.grid-4 {grid-template-columns:minmax(0,1fr);min-width:0}
 .footer-top {grid-template-columns:minmax(0,1fr);gap:24px}
 .footer-bottom {flex-wrap:wrap;gap:16px}
 .site-footer .container {max-width:100%}
 .interactive-widget .widget-input-group {display:flex;flex-direction:column;align-items:stretch}
 .widget-input-group .btn {width:100%}
}
@media(min-width:520px) and (max-width:800px) {body > main {width:calc(100% - 70px);margin-left:70px!important}.dashboard-stats > .container > div{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.mobile-nav-heading {font-size:15px!important;white-space:normal!important;text-overflow:clip!important;line-height:1.45}
.mobile-nav-sub {font-size:12px!important;white-space:normal!important;line-height:1.5}
.mobile-nav-card {padding:12px!important;min-height:68px;transform:none!important}
.mobile-drawer-version {color:#59634f!important}
.site-header .nav-link {font-size:14px!important;line-height:1.4;padding:11px 10px!important}
.site-header .header-actions .btn {font-size:13px!important;min-height:42px}
.rail-label {font-size:14px!important;line-height:1.5}
@media(min-width:1181px){.nav-wrapper{display:flex!important}.menu-toggle{display:none!important}.nav-menu{gap:0!important}}
@media(max-width:1180px){.nav-wrapper{display:none!important}.menu-toggle{display:flex!important}}
@media(max-width:480px){.site-header .header-actions .btn{font-size:11px!important;min-height:38px;padding:9px 11px}}
/* Shared typography and surfaces for every public template. */
body {font-size:15px}
.site-header .nav-link {font-size:14px!important;font-weight:600}
.site-header .site-logo-text {display:flex;flex-direction:column}
.site-header .site-logo-text .logo-brand {font-size:17px}
.site-header .site-logo-text .logo-sub {font-size:9px;color:#68705e}
.dashboard-sidebar .rail-label {font-size:14px!important;font-weight:500}
main {min-width:0;padding-top:24px!important}
.home main {padding-top:0!important}
main p {line-height:1.85}
.feature-desc,.section-desc {font-size:14px!important;line-height:1.85}
.feature-list-item {font-size:13px;line-height:1.85}
.feature-title {font-size:19px}
main > section > .container,main > .container {min-width:0}
.card-light,.step-card,.pkg-card,.pillar-card,.policy-section,.policy-toc,.pricing-calc-box,.table-wrap,.custom-topup-section,.pkg-capacity-box {background:#fff!important;border-color:#e2e4d9!important;border-radius:22px;box-shadow:none!important}
.app-screenshot-frame,.app-screenshot-header {background:#fff!important;border-color:#e4e5db!important;box-shadow:none!important}
.app-screenshot-frame {border-radius:24px;overflow:hidden}
.app-screenshot-header {background:#f8f8f4!important;flex-wrap:wrap;gap:12px}
.app-screenshot-url,.app-screenshot-badge {color:#515e43!important;font-size:12px}
.app-screenshot-badge {background:#edf0e4!important}
.pillar-title,.policy-section-title,.pkg-title,.calc-title,.sidebar-tool-name,.sidebar-post-title {color:#293222!important}
.policy-meta-bar,.policy-meta-item,.pkg-duration,.pkg-capacity-note,.pkg-quotas-list,.pkg-free-list,.pkg-free-header,.pkg-quota-item {color:#4d5942!important}
.policy-meta-bar,.policy-notice,.policy-info-box,.pkg-points-fund,.pkg-capacity-box {background:#f2f4e9!important;border-color:#dae1cd!important;box-shadow:none!important}
.policy-toc a,.policy-toc a:hover,.policy-toc a:focus-visible {color:#69351f!important}
.policy-section p,.policy-section li,.pillar-desc {color:#454f3b!important;font-size:15px;line-height:1.85}
.policy-section h3,.policy-section h4 {color:#2d3824!important}
.single-post-title {color:#292e24!important}
.single-post-meta {background:#e9eddf!important;color:#4c5940!important}
.single-post-body {background:#fff;border:1px solid #e2e6d8;border-radius:24px;padding:28px!important;min-width:0}
.entry-content {font-size:16px;line-height:1.9;color:#36412d}
.entry-content h2,.entry-content h3,.entry-content h4 {color:#283320}
.entry-content a {color:#8b3d20;text-decoration:underline;text-underline-offset:3px}
.entry-content a:hover {color:#5e2916}
.entry-content blockquote {background:#f5f1e8;border-color:#bc7950;color:#494738}
.entry-content pre,.entry-content code {background:#f1f3e9;color:#344229;overflow-wrap:anywhere}
.entry-content pre {overflow:auto;padding:18px;border-radius:14px}
.entry-content table {display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.entry-content img {max-width:100%;height:auto;border-radius:14px}
.inpost-cta-banner {background:#f6ede1!important;border:1px solid #ddc6ac;box-shadow:none!important}
.inpost-cta-title {color:#3b3829!important}
.inpost-cta-desc {color:#55533f!important}
.inpost-cta-btn,.inpost-cta-btn:hover {background:#a84225!important;color:#fff!important}
.site-footer {--text-primary:#f3f4ec;--text-secondary:#d2d7c5;--text-muted:#bbc5a9;--primary:#ffd0ad}
.site-footer p,.site-footer .footer-desc,.site-footer .footer-bottom {color:#c8d0bb!important}
.site-footer .text-gradient {background:none;-webkit-text-fill-color:#ffd0ad;color:#ffd0ad}
.site-footer .footer-links a {color:#dbe1ce}
.sidebar-tool-badge {font-size:11px}
:where(a,button,input,select,textarea):focus-visible {outline:3px solid #9c472b;outline-offset:4px}
:where(button,input,select,textarea) {font:inherit}
@media(min-width:1181px) and (max-width:1380px){.site-header .site-logo-text{display:none!important}.site-header .nav-link{padding:11px 8px!important}}
@media(max-height:850px) and (min-width:520px){.rail-links{gap:5px!important}.rail-link{height:38px!important}.rail-brand{padding-bottom:12px!important;margin-bottom:10px!important}}
@media(max-width:800px){
 main {padding-top:16px!important}
 main h1,.policy-hero h1,.pricing-hero h1 {font-size:clamp(27px,7.5vw,36px)!important;line-height:1.3!important}
 main h2,.section-title {font-size:24px!important;line-height:1.45!important}
 .feature-title,.policy-section h3 {font-size:19px!important}
 .card-light,.step-card,.pkg-card,.pillar-card,.policy-section,.pricing-calc-box {padding:22px 18px!important}
 .pricing-page-wrap > .container,.policy-page > .container {padding-left:18px;padding-right:18px}
 .packages-grid-top,.packages-grid-bottom,.policy-pillars-grid,.policy-content-grid {grid-template-columns:minmax(0,1fr)!important;max-width:100%;gap:20px!important}
 .pkg-card,.pkg-card:hover {transform:none!important;min-width:0;max-width:100%}
 .pkg-price-row,.calc-input-group,.calc-action-row,.geo-direct-answer-header {flex-wrap:wrap;gap:12px}
 .calc-input-wrap {width:100%;min-width:0}
 .calc-result-badge {width:100%;min-width:0;white-space:normal}
 .calc-input-wrap input {min-width:0;width:100%}
 .pkg-title {font-size:21px!important}
 .pkg-price-val {font-size:34px!important}
 .single-post-body {padding:20px!important;max-width:100%}
 .single-post-meta {flex-wrap:wrap;gap:10px;font-size:12px}
 .entry-content {font-size:15px;line-height:1.85;overflow-wrap:anywhere}
 .policy-meta-bar {border-radius:18px;padding:15px;gap:12px;font-size:12px}
 .policy-toc {position:static!important;padding:20px;max-width:100%;min-width:0}
 .policy-meta-item {flex-wrap:wrap}
 .app-screenshot-dots {flex-wrap:wrap;min-width:0}
 .app-screenshot-url {white-space:normal;overflow-wrap:anywhere}
 .app-screenshot-header {padding:12px}
 .single-post-footer,.post-card-footer {flex-wrap:wrap;gap:14px}
 .dashboard-showcase {max-width:calc(100% - 36px)}
 .hero-content-feature-item {align-items:flex-start}
 .hero-content-feature-item .icon-check {margin-top:2px}
 .mobile-drawer {max-width:100%;width:min(100%,390px)}
}
@view-transition {navigation:auto}
@media(prefers-reduced-motion:no-preference){
 .dashboard-sidebar{view-transition-name:site-sidebar}
 .site-header{view-transition-name:site-header}
 ::view-transition-old(root){animation:route-out .16s ease both}
 ::view-transition-new(root){animation:route-in .55s cubic-bezier(.16,1,.3,1) both}
 @keyframes route-out{to{opacity:0;transform:translateY(-8px)}}
 @keyframes route-in{from{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:none}}
}
.calc-pill-btn {color:#4c5740!important;background:#fff!important;border-color:#cfd9c2!important}
.calc-pill-btn:hover,.calc-pill-btn:focus-visible {color:#6e331f!important;background:#f5e7dc!important;border-color:#b98c71!important}
.calc-pill-btn.active,.calc-pill-btn.active:hover {background:#984126!important;border-color:#984126!important;color:#fff!important}
.inpost-cta-trust {color:#4f5b40!important}
.dashboard-bento > .card-glass:first-child .feature-icon-box {background:#8d371f!important;color:#fff!important}
/* The rounded menu is the only header surface; its outer spacing is transparent. */
.site-header {background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.site-header::before,.site-header::after {display:none!important}
/* Soft mesh gradient shared by closing calls to action. */
.cta-banner {position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 7% 15%,#f8d8c3 0%,transparent 55%),radial-gradient(ellipse at 90% 10%,#e3dcf5 0%,transparent 52%),radial-gradient(ellipse at 85% 95%,#dcebe6 0%,transparent 55%),linear-gradient(125deg,#fff9f1,#f2eff8 55%,#edf6ef)!important;border:1px solid #e4dcd0!important;border-radius:30px;box-shadow:none!important;padding:56px 38px!important}
.cta-banner h2,.cta-banner h3 {color:#303027!important;letter-spacing:-.03em}
.cta-banner p {color:#515546!important}
.cta-banner::before,.cta-banner::after {display:none!important}
@media(max-width:800px){.cta-banner{padding:32px 20px!important;border-radius:22px}.cta-banner h2,.cta-banner h3{font-size:26px!important;line-height:1.4}.cta-banner p{font-size:14px!important}.cta-banner .btn{width:100%;min-height:46px}}
/* Platform guides: readable service copy, comparison and accessible questions. */
.autopost-direct-answer {background:#eeeede;border:1px solid #dce0c5;border-radius:22px;padding:26px 28px;margin:28px 0}
.autopost-answer-label {display:block;font-size:14px;font-weight:700;color:#3f4e2b;margin-bottom:9px}
.autopost-direct-answer p {font-size:16px;color:#37432c;margin:0;line-height:1.85;max-width:1060px}
.platform-jump-links {display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px}
.platform-jump-links a {display:inline-flex;gap:28px;align-items:center;background:#fff;color:#6e381f;border:1px solid #ddd9c9;border-radius:24px;padding:12px 20px;font-size:14px;font-weight:600}
.platform-jump-links a:hover {background:#f6e7db;color:#66301b;border-color:#bc997a}
.platform-guide-card {background:#fff;border:1px solid #e0e3d5;border-radius:26px;padding:34px;margin:22px 0;scroll-margin-top:140px}
.platform-guide-heading {display:flex;align-items:center;gap:12px;margin-bottom:16px}
.platform-number {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:#f4e5d8;color:#8b4224;font-size:15px;font-weight:600}
.platform-label {font-size:12px;letter-spacing:.09em;color:#697255;font-weight:600}
.platform-guide-card h2,.platform-comparison h2 {font-size:27px;line-height:1.45;letter-spacing:-.025em;color:#2d3525;margin-bottom:16px}
.platform-guide-card p,.platform-guide-card li,.platform-comparison p {font-size:15px;color:#4b5540;line-height:1.9}
.platform-guide-card > p {max-width:1100px}
.platform-guide-columns {display:grid;grid-template-columns:1.15fr 1fr;gap:32px;margin:26px 0}
.platform-guide-card h3 {font-size:18px;font-weight:600;line-height:1.5;color:#354329;margin:0 0 12px}
.platform-guide-columns p+p {margin-top:14px}
.platform-checklist {padding:24px;background:#f7f7f0;border:1px solid #e5e8d8;border-radius:18px;align-self:start}
.platform-checklist ul,.platform-checklist ol {padding-left:20px;margin:0;display:grid;gap:10px}
.platform-guide-note {border-top:1px solid #e6e8df;padding-top:20px;margin-top:24px!important}
.platform-guide-note a {color:#873d21;text-decoration:underline;text-underline-offset:3px}
.platform-guide-note a:hover {color:#5b2916}
.platform-comparison {margin-top:36px;background:#fff;padding:30px;border:1px solid #dfe3d4;border-radius:24px}
.platform-table-scroll {max-width:100%;overflow-x:auto;border:1px solid #dce2cf;border-radius:15px;margin:20px 0}
.platform-comparison table {width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.platform-comparison th,.platform-comparison td {padding:16px;line-height:1.8;border-bottom:1px solid #e1e6d6;vertical-align:top;color:#47543b}
.platform-comparison thead {background:#edf1e3}
.platform-comparison th {color:#354528;font-weight:600}
.platform-comparison tbody tr:last-child > * {border-bottom:0}
.autopost-faq-item {background:#fff;border:1px solid #e0e4d4;border-radius:18px;padding:20px 24px;margin:12px 0}
.autopost-faq-item summary {cursor:pointer;font-size:16px;font-weight:600;line-height:1.7;color:#35442a}
.autopost-faq-item summary:hover {color:#8b4126}
.autopost-faq-item p {color:#4a563d;font-size:15px;line-height:1.9;margin:16px 0 0}
.workflow-platform-note {font-size:14px;color:#526044;margin-top:14px;line-height:1.8;max-width:900px}
@media(max-width:800px){.platform-guide-columns{grid-template-columns:minmax(0,1fr);gap:18px}.platform-guide-card,.platform-comparison{padding:23px 18px;border-radius:20px}.platform-guide-card h2,.platform-comparison h2{font-size:23px!important}.platform-guide-card p,.platform-guide-card li{font-size:14px}.platform-checklist{padding:18px}.autopost-direct-answer{padding:22px 18px}.autopost-direct-answer p{font-size:15px}.platform-comparison table{min-width:580px}.autopost-faq-item{padding:18px}.platform-jump-links{gap:8px}.platform-jump-links a{font-size:12px;padding:11px 14px;gap:14px}.platform-guide-card{scroll-margin-top:100px}}
@media(min-width:801px){main > section.container{padding-left:32px!important;padding-right:32px!important}}
.mobile-section-title {color:#4e5943!important}
.mobile-nav-icon.icon-blue {color:#325c78!important;background:#e5edf0!important}
.mobile-drawer-support,.mobile-support-box {background:#edf1e3!important;border-color:#d4dfc5!important}
.mobile-support-title {color:#344829!important}
.mobile-support-sub {color:#4f6140!important}
.mobile-support-link {background:#fff!important;color:#3f5730!important;border-color:#c8d8b8!important}
.mobile-support-card {background:#edf1e3!important;border-color:#cddbbd!important}
.home-topup-summary {display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 28px;margin:24px 0 38px;background:#fff;border:1px solid #dfe3d4;border-radius:22px}
.home-topup-summary h3 {font-size:20px;line-height:1.5;color:#303b26;margin-bottom:10px}
.home-topup-summary p {font-size:14px;line-height:1.85;max-width:760px;color:#4b5640;margin:0}
.home-topup-summary .btn {flex-shrink:0;font-size:13px}
.home-pricing-section .content-packages-section {margin-top:24px}
.home-pricing-section .packages-section-header h2 {font-size:26px;color:#2d3625;line-height:1.5}
.home-pricing-section .packages-section-header p {color:#515d44;font-size:14px;line-height:1.85}
@media(max-width:800px){.home-topup-summary{align-items:stretch;flex-direction:column;padding:22px 18px;gap:18px}.home-topup-summary .btn{width:100%}.home-pricing-section .packages-section-header h2{font-size:23px}.home-pricing-section .packages-grid-top,.home-pricing-section .packages-grid-bottom{grid-template-columns:minmax(0,1fr)}}
/* Desktop uses the fixed icon rail; only mobile keeps the top header sticky. */
@media (min-width:801px) {
 .site-header {position:relative!important;top:auto!important}
}
@media (max-width:800px) {
 .site-header {position:sticky!important;top:0!important}
}
/* Service guides and the three-tool directory. */
.service-content-guide {margin-top:32px;margin-bottom:48px}
.service-content-guide .autopost-direct-answer h2 {font-size:24px;color:#35422a;line-height:1.5;margin-bottom:12px}
.guide-toc {display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px;align-items:center}
.guide-toc > span {font-size:13px;font-weight:600;color:#505b42;margin-right:6px}
.guide-toc a {font-size:13px;line-height:1.6;color:#71391f;background:#fff;border:1px solid #dfe0d2;padding:9px 13px;border-radius:20px}
.guide-toc a:hover,.guide-toc a:focus-visible {color:#592817;background:#f5e9dd;border-color:#be9b7b}
.service-guide-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.service-guide-grid .platform-guide-card {margin:0;padding:28px;scroll-margin-top:28px}
.service-guide-grid h2 {font-size:23px;line-height:1.5}
.service-guide-grid p+p {margin-top:14px}
.service-guide-grid ul,.service-process ol {padding-left:23px;display:grid;gap:10px;margin-top:16px}
.service-process li {font-size:15px;line-height:1.85;color:#4b5540}
.related-link-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 32px}
.related-link-grid a {display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;background:#fff;color:#35462a;border:1px solid #dce2cf;border-radius:16px;font-size:14px;font-weight:600}
.related-link-grid a:hover,.related-link-grid a:focus-visible {color:#793a20;background:#f7eddf;border-color:#bf9977}
.guide-sources {display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#58634a;margin-top:20px}
.guide-sources a,.platform-guide-card p a {color:#803f23;text-decoration:underline;text-underline-offset:3px}
.tool-hero {text-align:center;padding-top:34px!important;padding-bottom:34px!important}
.tool-hero h1 {font-size:clamp(32px,3.7vw,52px);line-height:1.3;max-width:1000px;margin:18px auto;color:#293323;letter-spacing:-.035em}
.tool-intro {font-size:17px;line-height:1.85;max-width:880px;margin:0 auto 28px;color:#4e5b40}
.tool-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.tool-access-note {font-size:13px!important;color:#5d6850!important;margin-top:18px!important}
.tool-hero .single-post-breadcrumb {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:13px;margin-bottom:24px}
.free-tools-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.free-tool-card {display:flex;flex-direction:column;gap:16px;min-width:0;padding:26px!important}
.free-tool-card h3 {font-size:22px;line-height:1.5;color:#303f26}
.free-tool-card h3 a {color:inherit}
.free-tool-card h3 a:hover {color:#803e22}
.free-tool-card p {font-size:14px;color:#4c5940;line-height:1.85}
.free-tool-card > .btn {margin-top:auto;font-size:13px}
.free-tool-card .badge-pill {align-self:flex-start}
.tools-choice-table {width:100%;border-collapse:collapse;font-size:14px;line-height:1.8;color:#405033}
.tools-choice-table th,.tools-choice-table td {text-align:left;vertical-align:top;border-bottom:1px solid #e0e4d4;padding:16px}
.tools-choice-table th {background:#eff2e6;color:#334627}
.tools-choice-table a {color:#783c21;text-decoration:underline}
.supplementary-tools {margin-top:32px;margin-bottom:36px}
/* Native details supports pointer, touch and keyboard dropdown interaction. */
.tools-dropdown {position:relative;color:#4e5942;min-width:0}
.tools-dropdown summary {cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px;border-radius:24px;font-size:14px;font-weight:600;line-height:1.4;padding:11px 10px;color:#4d5743}
.tools-dropdown summary::-webkit-details-marker {display:none}
.tools-dropdown summary::marker {content:''}
.tools-dropdown summary:hover,.tools-dropdown summary:focus-visible {color:#803c22;background:#f5e8df}
.tools-dropdown.is-current > summary,.tools-dropdown[open] > summary {background:#2d3029;color:#fff}
.dropdown-chevron {font-size:15px;line-height:1;transition:transform .2s}
.tools-dropdown[open] .dropdown-chevron {transform:rotate(180deg)}
.tools-dropdown-panel {position:absolute;top:calc(100% + 8px);left:0;width:270px;padding:9px;background:#fff;border:1px solid #dfe2d3;box-shadow:0 8px 24px #26311812;border-radius:18px;z-index:1150}
.tools-dropdown-panel::before {content:'';position:absolute;top:-12px;left:0;width:100%;height:12px}
.tools-dropdown-panel a {display:block;padding:12px 14px;border-radius:11px;font-size:14px;line-height:1.5;color:#39492e}
.tools-dropdown-panel a:hover,.tools-dropdown-panel a:focus-visible {color:#763b21;background:#f5e9df}
.tools-dropdown-panel a[aria-current="page"] {color:#fff;background:#34472b}
.tools-dropdown-panel .tools-hub-link {font-size:12px;color:#606d51;border-bottom:1px solid #e6e9df;border-radius:9px 9px 0 0;margin-bottom:5px}
.tools-dropdown-rail {width:46px;height:46px}
.tools-dropdown-rail summary {width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:15px;color:#606953}
.tools-dropdown-rail svg {width:21px;height:21px;flex-shrink:0}
.tools-dropdown-rail .tools-dropdown-panel {top:-8px;left:calc(100% + 16px)}
.tools-dropdown-rail .tools-dropdown-panel::before {top:0;left:-20px;width:20px;height:100%}
.tools-dropdown-mobile summary {padding:17px 15px;background:#fff;border:1px solid #e1e5d7;justify-content:space-between;border-radius:15px;font-size:15px;min-height:64px}
.tools-dropdown-mobile .tools-dropdown-panel {position:static;width:100%;margin-top:8px;box-shadow:none}
@media(min-width:1181px) and (max-width:1380px){.tools-dropdown-desktop summary{font-size:14px;padding:11px 8px}}
@media(min-width:520px) and (max-width:1000px){.tools-dropdown-rail,.tools-dropdown-rail summary{width:38px;height:38px;border-radius:12px}}
@media(max-height:850px) and (min-width:520px){.tools-dropdown-rail,.tools-dropdown-rail summary{height:38px}}
@media(max-width:800px){
 .service-guide-grid,.free-tools-grid,.related-link-grid {grid-template-columns:minmax(0,1fr);gap:14px}
 .service-guide-grid .platform-guide-card {padding:22px 18px;scroll-margin-top:108px}
 .service-content-guide .autopost-direct-answer h2 {font-size:23px}
 .tool-hero {padding-top:18px!important;padding-bottom:22px!important}
 .tool-intro {font-size:14px;line-height:1.85}
 .tool-actions {display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .tool-actions .btn {width:100%;min-height:46px}
 .tool-hero .single-post-breadcrumb {font-size:12px;line-height:1.6;gap:8px}
 .guide-toc {display:grid;grid-template-columns:minmax(0,1fr)}
 .guide-toc a {padding:11px 14px;border-radius:12px}
 .service-guide-grid h2 {font-size:22px!important}
 .tools-choice-table {min-width:560px}
 .free-tool-card {padding:22px 18px!important}
 .tools-dropdown-mobile .tools-dropdown-panel {border-color:#d5dec7}
}
.tools-dropdown-rail:not([open]) {flex-shrink:0}
.tools-dropdown-panel a {overflow-wrap:break-word}
/* Tool chooser: clear labels, supporting descriptions and calm surface colors. */
.tools-dropdown .dropdown-chevron {width:14px;height:14px;flex:none;margin-left:3px}
.tools-dropdown-panel {width:334px;max-width:calc(100vw - 32px);padding:10px;background:#fff;border:1px solid #e8e5df;border-radius:22px;box-shadow:0 16px 42px -16px #29251f30;z-index:1150}
.tools-dropdown-desktop .tools-dropdown-panel {left:auto;right:-12px;top:calc(100% + 14px)}
.tool-menu-heading {padding:12px 14px 10px;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.02em;color:#77736a}
.tool-menu-list {display:grid;gap:4px}
.tools-dropdown-panel .tool-menu-item {display:flex;align-items:center;gap:13px;padding:13px 12px;border:0;border-radius:14px;background:transparent;text-decoration:none;transition:background .16s ease}
.tool-menu-icon {display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:13px}
.tool-menu-icon svg {width:21px;height:21px}
.tool-menu-icon-peach {background:#fbe9de;color:#a34c2b}
.tool-menu-icon-sage {background:#ebf1e6;color:#48623c}
.tool-menu-icon-lilac {background:#efebf8;color:#69538f}
.tool-menu-copy {display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.tool-menu-name {display:block;color:#292b25;font-size:14px;line-height:1.5;font-weight:600;white-space:normal}
.tool-menu-description {display:block;color:#63665b;font-size:12px;line-height:1.55;font-weight:400;white-space:normal}
.tool-menu-arrow {width:16px;height:16px;flex:none;color:#8c8f80;opacity:0;transform:translateX(-3px);transition:opacity .16s,transform .16s}
.tools-dropdown-panel .tool-menu-item:hover,.tools-dropdown-panel .tool-menu-item:focus-visible {background:#f7f5ef;color:#30382a}
.tool-menu-item:hover .tool-menu-name,.tool-menu-item:focus-visible .tool-menu-name {color:#783c25}
.tool-menu-item:hover .tool-menu-arrow,.tool-menu-item:focus-visible .tool-menu-arrow {opacity:1;transform:translateX(0);color:#985334}
.tools-dropdown-panel .tool-menu-item[aria-current="page"] {background:#f8eade;color:#783a22}
.tool-menu-item[aria-current="page"] .tool-menu-name {color:#783a22}
.tool-menu-item[aria-current="page"] .tool-menu-description {color:#655442}
.tool-menu-item[aria-current="page"] .tool-menu-arrow {opacity:1;color:#985334;transform:none}
.tools-dropdown-panel .tools-hub-link {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 4px 2px;padding:13px 10px 9px;border-top:1px solid #edeae3;border-bottom:0;border-radius:0;font-size:12px;font-weight:600;color:#88452b;background:transparent}
.tools-dropdown-panel .tools-hub-link:hover,.tools-dropdown-panel .tools-hub-link:focus-visible {color:#5e2d19;background:#faf5ee;border-radius:10px}
.tools-dropdown-rail .tools-dropdown-panel {top:50%;left:calc(100% + 14px);right:auto;transform:translateY(-50%)}
.tools-dropdown-rail .tools-dropdown-panel::before {left:-18px;width:18px}
.tools-dropdown-mobile .tools-dropdown-panel {position:static;width:100%;max-width:none;margin-top:8px;transform:none;border:1px solid #e1e5d7;box-shadow:none;border-radius:18px;padding:8px}
.tools-dropdown-mobile .tool-menu-heading {padding:9px 11px 7px}
.tools-dropdown-mobile .tool-menu-item {padding:12px 10px;gap:11px}
.tools-dropdown-mobile .tool-menu-arrow {opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
 .tools-dropdown[open] .tools-dropdown-panel {animation:tool-menu-enter .18s ease-out}
 .tools-dropdown-rail[open] .tools-dropdown-panel {animation:tool-menu-rail-enter .18s ease-out}
 @keyframes tool-menu-enter {from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
 @keyframes tool-menu-rail-enter {from{opacity:0;translate:-5px 0}to{opacity:1;translate:0 0}}
}
.home-brand-heading {font-size:clamp(32px,3.2vw,44px);line-height:1.25;font-weight:700;letter-spacing:-.04em;color:#272b24;margin-bottom:20px}
.home .hero-content-slide-title {font-size:clamp(24px,2.5vw,34px);line-height:1.4;font-weight:600;letter-spacing:-.03em}
@media(max-width:800px){.home-brand-heading{font-size:32px!important;margin-bottom:18px}.home .hero-content-slide-title{font-size:25px!important}}