:root{--color-bg: #f6f3ee;--color-surface: #ffffff;--color-ink: #141210;--color-text: #1f1c18;--color-muted: #5f5a54;--color-accent: #9a7228;--color-accent-light: #c9a45a;--color-accent-dark: #6d5218;--color-border: #e5dfd6;--color-hero-dark: #1a1714;--color-bg-rgb: 246, 243, 238;--color-accent-rgb: 154, 114, 40;--color-accent-light-rgb: 201, 164, 90;--color-on-accent: #ffffff;--color-on-hero: #faf6f0;--theme-picker-height: 0px;--font-serif: "Cormorant Garamond", "Georgia", serif;--font-sans: "Source Sans 3", system-ui, sans-serif;--max-width: 76rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-sm: 0 1px 2px rgb(20 18 16 / .06);--shadow-md: 0 8px 24px rgb(20 18 16 / .08);--shadow-lg: 0 20px 48px rgb(20 18 16 / .12);--shadow-glow: 0 4px 20px rgb(var(--color-accent-rgb) / .25)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;max-width:100%}body{margin:0;overflow-x:clip;max-width:100%;font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-accent-dark)}a:hover{color:var(--color-accent)}h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.15;letter-spacing:-.01em}h1{font-size:clamp(2.25rem,5.5vw,3.75rem)}h2{font-size:clamp(1.75rem,3.5vw,2.75rem)}.container{width:min(100% - 2.5rem,var(--max-width));margin-inline:auto}@media(max-width:47.99rem){.container{width:min(100% - 1.25rem,var(--max-width))}}.site-header{position:sticky;top:var(--theme-picker-height);z-index:100;overflow:visible;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:.85rem 0}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.site-logo{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;text-decoration:none;color:var(--color-text);letter-spacing:.01em}.site-logo__short{display:none}.site-nav-wrap{position:relative;display:flex;align-items:center}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;flex-shrink:0}.nav-toggle:hover{border-color:var(--color-accent)}.nav-toggle__bars{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px}.nav-toggle__bar{display:block;height:2px;width:100%;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav{display:flex;align-items:center}.site-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-md)}.site-nav__list a{text-decoration:none;font-size:.95rem;letter-spacing:.02em;color:var(--color-muted);transition:color .15s ease}.site-nav__list a:hover,.site-nav__list a[aria-current=page]{color:var(--color-text)}.site-nav__cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;color:var(--color-on-accent);background:var(--color-accent);border-radius:var(--radius-sm);transition:background .15s ease}.site-nav__list a.site-nav__cta{color:#fff;color:var(--color-on-accent)}.site-nav__cta:hover,.site-nav__list a.site-nav__cta:hover{color:#fff;color:var(--color-on-accent);background:var(--color-accent-dark)}@media(min-width:48rem){.site-nav--dropdown{position:static;display:flex!important;flex-direction:row;align-items:center;gap:var(--space-md);padding:0;background:transparent;border:none;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto}.site-nav--dropdown .site-nav__list{flex-direction:row;align-items:center;gap:var(--space-md)}.site-nav--dropdown .site-nav__cta-item{border:none;margin:0;padding:0}.site-nav--dropdown .site-nav__cta{margin:0}}@media(max-width:47.99rem){.nav-toggle{display:inline-flex}.site-nav--dropdown{position:absolute;top:calc(100% + .35rem);right:0;z-index:110;min-width:11.5rem;max-width:calc(100vw - 2rem);flex-direction:column;align-items:stretch;padding:.35rem 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s}.site-nav--dropdown.site-nav--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.site-nav--dropdown .site-nav__list{flex-direction:column;align-items:stretch;gap:0}.site-nav--dropdown .site-nav__list a{display:block;padding:.65rem 1rem;min-height:44px;font-size:1rem;font-weight:500;color:var(--color-text);white-space:nowrap}.site-nav--dropdown .site-nav__list a:hover,.site-nav--dropdown .site-nav__list a[aria-current=page]{background:rgb(var(--color-accent-rgb) / .08)}.site-nav--dropdown .site-nav__cta-item{display:none}}.site-footer{margin-top:0;padding:var(--space-xl) 0 var(--space-lg);background:var(--color-hero-dark);border-top:none;color:#ffffffb8;font-size:.9rem}.site-footer a{color:var(--color-on-hero)}.site-footer a:hover{color:#fff}.site-footer .container{text-align:center}.site-footer p{margin:.35rem 0}.page-landing .site-header{border-bottom-color:transparent;background:rgb(var(--color-bg-rgb) / .92)}.page-landing .site-nav .btn--nav{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.25rem;font-size:.9rem}@media(min-width:48rem){.page-landing .site-nav .btn--nav{margin-inline-start:var(--space-xs)}}.page-landing{overflow-x:clip;width:100%}.page-landing main{overflow-x:clip;width:100%;max-width:100%}@media(max-width:47.99rem){.page-landing .site-header{padding:.65rem 0}.page-landing .site-header .container{flex-wrap:nowrap;gap:.5rem}.page-landing .site-logo{font-size:clamp(.8rem,3.4vw,1.05rem);line-height:1.15;flex:1;min-width:0}}@media(min-width:48rem){.page-landing main{padding-bottom:0}}.hero{padding:var(--space-xl) 0 var(--space-lg);text-align:center}.hero__eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;color:var(--color-muted);margin-bottom:var(--space-sm)}.hero__lead{font-size:1.2rem;color:var(--color-muted);max-width:40rem;margin:var(--space-md) auto 0}.section{padding:var(--space-lg) 0}.section--alt{background:var(--color-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.85rem 1.75rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-on-accent);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;letter-spacing:.04em;font-size:.95rem;border:none;cursor:pointer;box-shadow:var(--shadow-glow);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover,.btn:focus-visible{color:var(--color-on-accent);filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 28px rgb(var(--color-accent-rgb) / .35)}.btn:active{transform:translateY(0)}.btn--lg{padding:1rem 2rem;font-size:1rem;border-radius:var(--radius-md)}.btn--outline{background:transparent;color:var(--color-accent-dark);border:1.5px solid var(--color-accent);box-shadow:none}.btn--outline:hover{background:rgb(var(--color-accent-rgb) / .08);color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.prose{max-width:42rem}.prose p+p{margin-top:var(--space-sm)}.grid-2{display:grid;gap:var(--space-lg)}@media(min-width:48rem){.grid-2{grid-template-columns:1fr 1fr}}.blog-list{list-style:none;padding:0;margin:0}.blog-list li{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.blog-list a{font-family:var(--font-serif);font-size:1.35rem;text-decoration:none;color:var(--color-text)}.blog-list .meta{display:block;font-size:.85rem;color:var(--color-muted);margin-top:.25rem}.blog-index{padding-top:0}.blog-index__empty{text-align:center;color:var(--color-muted);margin:0}.prose h2{font-size:clamp(1.35rem,3vw,1.75rem);margin:var(--space-lg) 0 var(--space-sm)}.prose a{color:var(--color-accent-dark);font-weight:600}.prose .howto-steps{list-style:none;padding:0;margin:var(--space-md) 0;counter-reset:howto-step}.prose .howto-steps li{position:relative;padding:var(--space-sm) 0 var(--space-sm) 2.75rem;border-bottom:1px solid var(--color-border);counter-increment:howto-step}.prose .howto-steps li:before{content:counter(howto-step);position:absolute;left:0;top:var(--space-sm);width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.prose .howto-steps li strong{display:block;font-family:var(--font-serif);font-size:1.1rem;margin-bottom:.25rem}.prose .howto-steps li p{margin:0;color:var(--color-text)}.prose .article-list{list-style:none;padding:0;margin:var(--space-md) 0;counter-reset:article-list}.prose .article-list li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);counter-increment:article-list}.prose .article-list li.is-highlight{background:rgb(var(--color-accent-rgb) / .06);border-radius:var(--radius-sm);padding:var(--space-sm);margin:var(--space-xs) 0}.prose .article-list li strong{font-family:var(--font-serif);font-size:1.1rem}.prose .article-list li p{margin:.35rem 0 0}.prose .article-comparison{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:.95rem}.prose .article-comparison th,.prose .article-comparison td{padding:.65rem .75rem;border:1px solid var(--color-border);text-align:left}.prose .article-comparison thead th{background:var(--color-surface);font-weight:600}.prose .article-comparison tr.is-highlight{background:rgb(var(--color-accent-rgb) / .08)}.prose .article-faq{margin:var(--space-md) 0}.prose .article-faq__item{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.prose .article-faq__item dt{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;margin:0}.prose .article-faq__item dd{margin:.35rem 0 0;color:var(--color-text)}.prose .article-related{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.prose .article-related h2{font-size:1rem;margin:0 0 var(--space-xs)}.prose .article-related ul{list-style:none;padding:0;margin:0}.prose .article-related li+li{margin-top:.35rem}.prose .article-cta{margin:var(--space-lg) 0;padding:var(--space-md);text-align:center;background:rgb(var(--color-accent-rgb) / .08);border-radius:var(--radius-md);border:1px solid rgb(var(--color-accent-rgb) / .2)}.prose .article-cta .btn{display:inline-block;text-decoration:none}.prose .article-byline{font-size:.9rem;color:var(--color-muted);font-style:italic;margin-top:var(--space-md)}@media(max-width:40rem){.prose .article-comparison{display:block;overflow-x:auto}}[data-theme=classic-gold]{--color-bg: #f6f3ee;--color-surface: #ffffff;--color-ink: #141210;--color-text: #1f1c18;--color-muted: #5f5a54;--color-accent: #9a7228;--color-accent-light: #c9a45a;--color-accent-dark: #6d5218;--color-border: #e5dfd6;--color-hero-dark: #1a1714;--color-bg-rgb: 246, 243, 238;--color-accent-rgb: 154, 114, 40;--color-accent-light-rgb: 201, 164, 90;--color-on-accent: #ffffff;--color-on-hero: #faf6f0;--shadow-glow: 0 4px 20px rgb(var(--color-accent-rgb) / .25)}[data-theme=slate-rose]{--color-bg: #f7f4f8;--color-surface: #ffffff;--color-ink: #1f1824;--color-text: #221c28;--color-muted: #6b6270;--color-accent: #9b5f72;--color-accent-light: #c4899a;--color-accent-dark: #734858;--color-border: #e8e2ea;--color-hero-dark: #1f1824;--color-bg-rgb: 247, 244, 248;--color-accent-rgb: 155, 95, 114;--color-accent-light-rgb: 196, 137, 154;--color-on-accent: #ffffff;--color-on-hero: #f8f2f5;--shadow-glow: 0 4px 20px rgb(var(--color-accent-rgb) / .22)}[data-theme=ocean]{--color-bg: #f4f8fa;--color-surface: #ffffff;--color-ink: #0f2830;--color-text: #152a33;--color-muted: #5a6d75;--color-accent: #1e5c6e;--color-accent-light: #3d8fa3;--color-accent-dark: #143d4a;--color-border: #dce8ec;--color-hero-dark: #0f2830;--color-bg-rgb: 244, 248, 250;--color-accent-rgb: 30, 92, 110;--color-accent-light-rgb: 61, 143, 163;--color-on-accent: #ffffff;--color-on-hero: #e8f4f8;--shadow-glow: 0 4px 20px rgb(var(--color-accent-rgb) / .2)}[data-theme=ink-cream]{--color-bg: #faf9f6;--color-surface: #ffffff;--color-ink: #121110;--color-text: #1c1916;--color-muted: #5c5852;--color-accent: #b8956b;--color-accent-light: #d4b896;--color-accent-dark: #8a7049;--color-border: #ebe6de;--color-hero-dark: #121110;--color-bg-rgb: 250, 249, 246;--color-accent-rgb: 184, 149, 107;--color-accent-light-rgb: 212, 184, 150;--color-on-accent: #ffffff;--color-on-hero: #f5efe6;--shadow-glow: 0 4px 20px rgb(var(--color-accent-rgb) / .22)}[data-theme=construction-bold]{--color-bg: #f5f5f5;--color-surface: #ffffff;--color-ink: #1a2332;--color-text: #1a2332;--color-muted: #5c6570;--color-accent: #e67e22;--color-accent-light: #f39c12;--color-accent-dark: #c45c00;--color-border: #dde1e6;--color-hero-dark: #1a2332;--color-bg-rgb: 245, 245, 245;--color-accent-rgb: 230, 126, 34;--color-accent-light-rgb: 243, 156, 18;--color-on-accent: #ffffff;--color-on-hero: #f5f5f5;--shadow-glow: 0 4px 20px rgb(var(--color-accent-rgb) / .25)}[data-theme=tech-agency-dark]{--color-bg: #0b0f19;--color-surface: #121826;--color-ink: #f4f6fb;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-accent: #22d3ee;--color-accent-light: #67e8f9;--color-accent-dark: #0891b2;--color-border: #1e293b;--color-hero-dark: #0b0f19;--color-bg-rgb: 11, 15, 25;--color-accent-rgb: 34, 211, 238;--color-on-accent: #0b0f19;--color-on-hero: #f4f6fb;--font-serif: "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, sans-serif;--shadow-glow: 0 0 40px rgb(var(--color-accent-rgb) / .15);--saas-gradient: linear-gradient(135deg, #22d3ee 0%, #3b82f6 45%, #a855f7 100%)}[data-theme=tech-agency-dark] body{background:var(--color-bg);color:var(--color-text)}[data-theme=tech-agency-dark] h1,[data-theme=tech-agency-dark] h2,[data-theme=tech-agency-dark] h3{font-family:var(--font-sans);font-weight:600;color:var(--color-ink)}[data-theme=tech-agency-dark] a{color:var(--color-accent-light)}[data-theme=tech-agency-dark] .site-header{position:sticky;top:0;z-index:100;background:rgb(var(--color-bg-rgb) / .92);border-bottom:1px solid rgb(255 255 255 / .08);backdrop-filter:blur(16px);padding:0}[data-theme=tech-agency-dark] .site-header--saas .site-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;min-height:4rem;width:min(100% - 2rem,90rem)}[data-theme=tech-agency-dark] .site-logo{display:inline-flex;align-items:center;gap:.625rem;color:var(--color-ink);font-family:var(--font-sans);font-size:1.125rem;font-weight:700;text-decoration:none;white-space:nowrap}[data-theme=tech-agency-dark] .site-logo__mark{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:.375rem;background:var(--saas-gradient)}[data-theme=tech-agency-dark] .site-nav--saas{display:flex;justify-content:center;align-items:center;gap:clamp(1rem,2vw,1.75rem);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}[data-theme=tech-agency-dark] .site-nav--saas::-webkit-scrollbar{display:none}[data-theme=tech-agency-dark] .site-nav a{color:var(--color-muted);font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}[data-theme=tech-agency-dark] .site-nav a:hover,[data-theme=tech-agency-dark] .site-nav a[aria-current=page]{color:var(--color-ink)}[data-theme=tech-agency-dark] .site-header__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1rem;background:#f4f6fb;color:#0b0f19;font-size:.875rem;font-weight:600;text-decoration:none;border-radius:.375rem;white-space:nowrap;transition:background .15s}[data-theme=tech-agency-dark] .site-header__cta:hover{background:#fff;color:#0b0f19}@media(max-width:64rem){[data-theme=tech-agency-dark] .site-header--saas .site-header__inner{grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding-block:.75rem;gap:.75rem 1rem}[data-theme=tech-agency-dark] .site-header--saas .site-nav--saas{grid-column:1 / -1;justify-content:flex-start}[data-theme=tech-agency-dark] .site-header__actions{justify-self:end}}[data-theme=tech-agency-dark] .site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-muted)}[data-theme=tech-agency-dark] .saas-gradient-text{background:var(--saas-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.theme-picker{position:sticky;top:0;z-index:110;background:var(--color-ink);color:#fff;border-bottom:1px solid rgb(255 255 255 / .12);box-shadow:var(--shadow-md)}.theme-picker__inner{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:.5rem 0;min-height:3rem}.theme-picker__label{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6;flex-shrink:0}.theme-picker__swatches{display:flex;flex-wrap:wrap;gap:.35rem;flex:1}.theme-picker__swatch{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem .25rem .25rem;border:2px solid transparent;border-radius:999px;background:#ffffff14;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.theme-picker__swatch:hover{background:#ffffff24}.theme-picker__swatch--active{border-color:#fff;background:#ffffff2e}.theme-picker__chip{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid rgb(255 255 255 / .35);flex-shrink:0}.theme-picker__name{white-space:nowrap}.theme-picker__reset{flex-shrink:0;padding:.35rem .65rem;font-size:.75rem;font-weight:600;color:#ffffffd9;background:transparent;border:1px solid rgb(255 255 255 / .35);border-radius:var(--radius-sm);cursor:pointer}.theme-picker__reset:hover{background:#ffffff1a;color:#fff}.page-has-theme-picker{--theme-picker-height: 3.25rem}@media(max-width:47.99rem){.page-has-theme-picker{--theme-picker-height: 2.75rem}.theme-picker__inner{padding:.4rem 0;min-height:2.75rem;gap:.35rem}.theme-picker__name{display:none}.theme-picker__swatch{padding:.2rem;min-width:44px;min-height:44px;justify-content:center}.theme-picker__chip{width:1.75rem;height:1.75rem}.theme-picker__reset{min-height:44px;padding:.35rem .5rem}}