:root{--color-primary:#6f795f;--color-primary-hover:#556243;--color-accent:#d9f294;--color-text:#28372b;--color-text-muted:#65715f;--color-border:#dbe5d4;--color-bg-subtle:#f2f7eb;--color-white:#fff;--color-dark:#28372b;--color-pastel-blue:#edf3e2;--color-pastel-purple:#e9f2d9;--color-pastel-pink:#f4f8ee;--color-pastel-yellow:#e8f4cf;--font-sans:"Avenir Next","Segoe UI",ui-sans-serif,system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;--font-heading:"Avenir Next",var(--font-sans);--max-width:1200px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius:.75rem;--radius-lg:1rem;--glass-bg:rgba(255,255,255,.72);--glass-border:rgba(255,255,255,.7);--glass-shadow:0 1px 2px rgba(15,23,42,.06),0 18px 40px -24px rgba(111,121,95,.35);--glass-blur:16px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:#fcfcfc;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:#fff;min-height:100vh;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.logo-text,.hero-title,.pricing-title,.feature-page-title,.feature-title{font-family:var(--font-heading)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-hero,.feature-page{animation:.8s ease-out fadeInUp}.features-grid a{animation:.6s ease-out backwards fadeInUp}.features-grid a:first-child{animation-delay:.1s}.features-grid a:nth-child(2){animation-delay:.2s}.features-grid a:nth-child(3){animation-delay:.3s}.features-grid a:nth-child(4){animation-delay:.4s}.features-grid a:nth-child(5){animation-delay:.5s}.features-grid a:nth-child(6){animation-delay:.6s}.features-grid a:nth-child(7){animation-delay:.7s}.features-grid a:nth-child(8){animation-delay:.8s}.features-grid a:nth-child(9){animation-delay:.9s}.features-grid a:nth-child(10){animation-delay:1s}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.not-found{min-height:100vh;padding:var(--spacing-2xl)var(--spacing-lg);place-items:center;display:grid}.not-found-card{border-radius:var(--radius-lg);width:min(720px,100%);padding:clamp(1.25rem,3vw,2.25rem);position:relative;overflow:hidden}.not-found-card:before{content:"";pointer-events:none;background:radial-gradient(600px at 20% 10%,#6f795f1f,#0000 60%),radial-gradient(500px at 80% 30%,#d9f2941a,#0000 55%),radial-gradient(600px at 60% 90%,#edf3e28c,#0000 55%);position:absolute;inset:-2px}.not-found-card>*{position:relative}.not-found-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-lg);background:#ffffffa6;border:1px solid #fffc;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.not-found-badge-dot{background:var(--color-primary);border-radius:var(--radius-lg);width:8px;height:8px;box-shadow:0 0 0 4px #6f795f14}.not-found-title{margin:var(--spacing-md)0 var(--spacing-sm);font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem)}.not-found-subtitle{margin:0 0 var(--spacing-xl);color:var(--color-text-muted);font-size:1.125rem;line-height:1.65}.not-found-actions{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.not-found-hint{color:var(--color-text-muted);font-size:.95rem}.not-found-hint a{color:var(--color-primary);font-weight:600;text-decoration:none}.not-found-hint a:hover{text-decoration:underline}.not-found-hint-label{color:var(--color-text);font-weight:700}.header{z-index:100;max-width:var(--max-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);margin:0 auto;padding:0 1rem;position:sticky;top:0}.nav{padding:var(--spacing-xs)0;justify-content:space-between;align-items:center;gap:clamp(1.25rem,4vw,var(--spacing-xl));display:flex}.nav-left{align-items:center;gap:var(--spacing-lg);display:flex}.language-switcher{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);background:#ffffff80;border:1px solid #ffffff80;justify-content:center;align-items:center;gap:.35rem;min-width:0;min-height:36px;padding:.25rem .5rem .25rem .625rem;display:flex;box-shadow:0 2px 8px #0000000a}.language-switcher-icon{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.language-select{-webkit-appearance:none;appearance:none;color:var(--color-text);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right .1rem center/1rem no-repeat;border:none;max-width:8.5rem;padding:.25rem 1.5rem .25rem 0;font-family:inherit;font-size:.875rem;font-weight:500}.language-select:focus{outline:none}.language-switcher:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.language-switcher button,.language-switcher a{color:var(--color-text);font-family:inherit;font-size:.875rem;font-weight:500}.logo{align-items:center;gap:var(--spacing-xs);color:var(--color-text);font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.logo:hover{color:var(--color-primary)}.logo-icon{flex-shrink:0}.logo-text{white-space:nowrap}.logo-img{width:auto;max-width:min(9.5rem,42vw);height:2rem;display:block;opacity:1;transition:opacity .2s ease}.footer .logo-img{filter:brightness(0)invert();height:1.75rem}.logo:hover .logo-img,.logo:active .logo-img{opacity:.8}.nav-links{align-items:center;gap:var(--spacing-lg);flex:1;justify-content:flex-start;min-width:0;display:flex;position:relative}.nav-links>a:nth-of-type(2){margin-left:auto}.nav-link{color:var(--color-text-muted);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-primary)}.nav-toggle{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius);cursor:pointer;color:var(--color-text);background:#ffffff80;border:1px solid #ffffff80;flex-direction:column;justify-content:center;gap:5px;padding:.5rem;display:none}.nav-toggle-bar{background:currentColor;border-radius:1px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle[aria-expanded=true] .nav-toggle-bar:first-child{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)}.mobile-nav{z-index:200;pointer-events:none;visibility:hidden;opacity:0;transition:visibility .25s,opacity .25s;position:fixed;inset:0}.mobile-nav.is-open{pointer-events:auto;visibility:visible;opacity:1}.mobile-nav-backdrop{background:#0006;position:absolute;inset:0}.mobile-nav-panel{width:min(280px,85vw);padding:var(--spacing-xl)var(--spacing-lg);gap:var(--spacing-sm);background:#fffffff2;border-left:1px solid #ffffff80;flex-direction:column;transition:transform .25s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000001a}.mobile-nav.is-open .mobile-nav-panel{transform:translate(0)}.mobile-nav-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:.5rem;font-size:1.5rem;line-height:1}.mobile-nav-close:hover{color:var(--color-text)}.mobile-nav-link{padding:var(--spacing-md);color:var(--color-text);border-radius:var(--radius);font-size:1.125rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.mobile-nav-link:hover{color:var(--color-primary);background:#6f795f14}.mobile-nav-cta{margin-top:var(--spacing-md);background:var(--color-primary);color:var(--color-white);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-xs);animation:none;display:inline-flex;box-shadow:0 1px 2px #6f795f40}.mobile-nav-cta:hover{background:var(--color-primary-hover);color:var(--color-white);animation:none}.btn{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius);cursor:pointer;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius);box-shadow:none;border:none}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6f795f4d}.btn-secondary{-webkit-backdrop-filter:blur(8px);color:var(--color-text);background:#fffc;border:2px solid #fff9}.btn-secondary:hover{color:var(--color-text);background:#fffffff2;border-color:#fffc}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.hero{max-width:var(--max-width);padding:calc(var(--spacing-2xl)*1.5)var(--spacing-lg)var(--spacing-2xl);text-align:center;align-items:center;gap:var(--spacing-xl);isolation:isolate;flex-direction:column;margin:0 auto;display:flex;position:relative}.hero-badge{align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-lg);background:var(--color-pastel-blue);color:var(--color-primary);border-radius:var(--radius-lg);border:none;padding:.375rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-icon{flex-shrink:0}.hero-title{margin:0 0 var(--spacing-md);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-title .highlight{color:var(--color-primary);display:inline-block}.hero-subtitle{max-width:720px;margin:0 auto var(--spacing-xl);color:var(--color-text-muted);font-size:1.15rem;line-height:1.75}.hero-ctas{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.hero-image{margin-top:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);aspect-ratio:900/503;background:#fff;width:100%;max-width:900px;margin-left:auto;margin-right:auto;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.hero-image img,.hero-image picture{width:100%;height:auto;margin:0 auto;display:block}.hero-image picture{aspect-ratio:900/503}.hero-image img{aspect-ratio:900/503;width:100%;max-width:900px;height:auto;margin:0 auto;display:block}.features{max-width:var(--max-width);margin:0 auto var(--spacing-2xl);padding:var(--spacing-2xl)var(--spacing-lg)}.features-showcase{align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--color-pastel-purple);box-shadow:none;border:none;display:flex}.features-showcase-img{border-radius:var(--radius);aspect-ratio:320/179;flex-shrink:0;width:200px;height:auto}.features-showcase-content{flex:1}.features-intro{color:var(--color-text-muted);margin:0;font-size:1.125rem;line-height:1.6}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.features-grid{grid-template-columns:repeat(12,1fr)}.feature-card{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;grid-column:span 12;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 6px -1px #0000000d}@media (width>=768px){.feature-card{grid-column:span 4}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(6),.feature-card:nth-child(7){grid-column:span 6}}}.feature-card{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 6px -1px #0000000d}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a}a.feature-card-link{color:inherit;text-decoration:none;display:block}a.feature-card-link:hover .feature-title{color:var(--color-primary)}a.feature-card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feature-page{max-width:720px;padding:var(--spacing-2xl)var(--spacing-lg);margin:0 auto}.feature-page-back{margin-bottom:var(--spacing-lg);color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.feature-page-back:hover{color:var(--color-primary)}.feature-page-hero{margin-bottom:var(--spacing-xl)}.feature-page-title{margin:0 0 var(--spacing-sm);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.feature-page-lead{color:var(--color-text-muted);margin:0;font-size:1.125rem;line-height:1.65}.feature-page-body{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--glass-shadow)}.feature-page-body h2{margin:var(--spacing-lg)0 var(--spacing-sm);font-size:1.125rem;font-weight:600}.feature-page-body h2:first-child{margin-top:0}.feature-page-body p{margin:0 0 var(--spacing-md);color:var(--color-text);font-size:1rem;line-height:1.7}.feature-page-body ul{margin:0 0 var(--spacing-md);color:var(--color-text);padding-left:1.25rem;line-height:1.7}.feature-page-body li{margin-bottom:var(--spacing-xs)}.feature-page-body code{border-radius:var(--radius);background:#6f795f14;padding:.15em .45em;font-family:ui-monospace,monospace;font-size:.9em}.feature-page-cta{margin-top:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap;display:flex}.feature-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(8px);color:var(--color-primary);border-radius:var(--radius);background:var(--color-pastel-blue);border:1px solid #ffffff80;justify-content:center;align-items:center;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:var(--color-primary);color:#fff;transform:scale(1.1)rotate(5deg)}.feature-title{margin:0 0 var(--spacing-xs);font-size:1.125rem;font-weight:600}.feature-desc{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.6}.how-header{text-align:center;margin-bottom:var(--spacing-xl)}.how-it-works h2{margin:0 0 var(--spacing-sm);font-size:clamp(2rem,5vw,3rem);font-weight:700;font-family:var(--font-heading)}.how-subtitle{color:var(--color-text-muted);margin:0;font-size:1.125rem}.how-container{gap:var(--spacing-xl);grid-template-columns:1fr;align-items:center;display:grid}.how-container .steps-list{order:1}.how-container .how-image{order:2}@media (width>=992px){.how-container{text-align:left;gap:var(--spacing-2xl);grid-template-columns:1.2fr 1fr}.how-container .how-image{order:1}.how-container .steps-list{order:2}}.how-image{position:relative}.how-image:before{content:"";z-index:-1;pointer-events:none;background:var(--color-pastel-blue);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;height:100%;position:absolute;top:1.5rem;left:-1.5rem;transform:none}.how-image img{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;width:100%;height:auto;transition:transform .3s;display:block;box-shadow:0 10px 25px -5px #0000000d}.steps-list{counter-reset:step;margin:0;padding:0;list-style:none;position:relative}@media (width>=992px){.steps-list:before{content:"";background:var(--color-border);z-index:0;width:2px;top:24px;bottom:24px;left:calc(var(--spacing-md) + 17px);position:absolute}}.step{padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-lg)4.5rem;margin-bottom:var(--spacing-md);text-align:left;border-radius:var(--radius-lg);border:1px solid var(--color-border);counter-increment:step;z-index:1;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s ease-out backwards fadeInUp;position:relative;box-shadow:0 4px 6px -1px #0000000d}.step:first-child{animation-delay:.2s}.step:nth-child(2){animation-delay:.4s}.step:nth-child(3){animation-delay:.6s}.step:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 32px -8px #6f795f1f}.step:before{content:counter(step);left:var(--spacing-md);top:var(--spacing-lg);background:var(--color-primary);width:36px;height:36px;color:var(--color-white);box-shadow:none;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute}.step strong{color:var(--color-text);font-size:1.125rem;font-family:var(--font-heading);margin-bottom:.35rem;display:block}.footer .logo{color:var(--color-text-muted);font-size:.9375rem}.footer .logo:hover{color:var(--color-primary)}.pricing-hero{max-width:var(--max-width);padding:var(--spacing-2xl)var(--spacing-lg);text-align:center;margin:0 auto}.pricing-title{margin:0 0 var(--spacing-sm);letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.pricing-subtitle{color:var(--color-text-muted);margin:0;font-size:1.125rem}.pricing-cards{max-width:var(--max-width);padding:1.75rem var(--spacing-lg)var(--spacing-2xl);margin:0 auto;overflow:visible}.pricing-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;padding-top:.25rem;display:grid;overflow:visible}.pricing-card{padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000000d}.pricing-card:first-child{animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}.pricing-card:hover{border-color:#6f795f47;transform:translateY(-4px);box-shadow:0 20px 40px #26382a1a}.pricing-card-popular{background:var(--color-dark);z-index:1;border:none;transform:none;box-shadow:0 20px 40px #26382a59}.pricing-card-popular:hover{transform:translateY(-4px);box-shadow:0 24px 50px #26382a66}.pricing-card-popular .pricing-plan-name,.pricing-card-popular .pricing-price,.pricing-card-popular .pricing-features li{color:var(--color-white)!important}.pricing-card-popular .pricing-features li:before{background:var(--color-white)!important}.pricing-card-popular .pricing-badge{background:var(--color-white);color:var(--color-primary);box-shadow:0 4px 12px #00000026}.pricing-card-popular .btn-primary{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius);box-shadow:none;border:none}.pricing-card-popular .btn-primary:hover{background:var(--color-primary-hover);color:var(--color-white);transform:translateY(-2px);box-shadow:0 10px 15px -3px #6f795f59}.pricing-badge{background:var(--color-primary);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:var(--radius-lg);z-index:2;padding:.35rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-.75rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #6f795f59}.pricing-plan-name{margin:0 0 var(--spacing-xs);font-size:1.25rem;font-weight:600}.pricing-plan-desc{margin:0 0 var(--spacing-md);color:var(--color-text-muted);font-size:.9375rem}.pricing-price{margin:0 0 var(--spacing-xs);letter-spacing:-.02em;font-size:2rem;font-weight:700}.pricing-period{color:var(--color-text-muted);font-size:1rem;font-weight:500}.pricing-addl{margin:0 0 var(--spacing-md);color:var(--color-text-muted);font-size:.875rem}.pricing-features{margin:0 0 var(--spacing-lg);flex:1;padding:0;list-style:none}.pricing-features li{margin-bottom:var(--spacing-sm);color:var(--color-text);padding-left:1.5rem;font-size:.9375rem;position:relative}.pricing-features li:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.4em;left:0}.pricing-cta{justify-content:center;width:100%}.faq{max-width:640px;padding:var(--spacing-2xl)var(--spacing-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);margin:0 auto;animation:.8s ease-out .4s backwards fadeInUp}.faq-title{margin:0 0 var(--spacing-xl);text-align:center;font-size:1.5rem;font-weight:700}.faq-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.faq-item{border:1px solid var(--glass-border);border-radius:var(--radius);background:#ffffffd9;transition:all .2s;overflow:hidden;box-shadow:0 4px 12px #00000008}.faq-item:hover{border-color:#6f795f2e;box-shadow:0 6px 16px #26382a0f}.faq-question{padding:var(--spacing-md)var(--spacing-lg);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-md);font-size:1rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") 50% no-repeat;flex-shrink:0;width:20px;height:20px;transition:transform .2s}details[open] .faq-question:after{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg)var(--spacing-md);padding-left:var(--spacing-lg);color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.6}@media (width<=768px){:root{--glass-blur:12px}.nav-toggle{display:flex}.nav-links{display:none}}@media (width<=640px){.nav{padding:var(--spacing-sm)var(--spacing-md)}.nav-left{gap:var(--spacing-sm)}.language-switcher{min-height:32px;padding:.2rem .4rem .2rem .5rem}.language-select{max-width:7rem;font-size:.8125rem}.logo-text{font-size:1rem}.hero{max-width:var(--max-width);padding:calc(var(--spacing-2xl)*1.5)var(--spacing-lg)var(--spacing-2xl);text-align:center;align-items:center;gap:var(--spacing-xl);isolation:isolate;flex-direction:column;margin:0 auto;display:flex;position:relative}.hero-title{margin:0 0 var(--spacing-md);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-title .highlight{color:var(--color-primary);display:inline-block}.hero-subtitle{max-width:720px;margin:0 auto var(--spacing-xl);color:var(--color-text-muted);font-size:1.15rem;line-height:1.75}.hero-ctas{flex-direction:column}.hero-ctas .btn{justify-content:center;width:100%}.pricing-grid{grid-template-columns:1fr}.pricing-card-popular{background:var(--color-dark);border:none}.features-showcase{align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--color-pastel-purple);box-shadow:none;border:none;display:flex}.features-showcase-img{width:160px}.pricing-title{font-size:clamp(1.5rem,5vw,2rem)}.feature-page{padding:var(--spacing-xl)var(--spacing-md)}.feature-page-body{padding:var(--spacing-lg)}.feature-page-cta{flex-direction:column}.feature-page-cta .btn{justify-content:center;width:100%}}.how-it-works{max-width:var(--max-width);margin:var(--spacing-2xl)auto;padding:var(--spacing-2xl)var(--spacing-lg);z-index:1;position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.pricing-hero,.feature-page,.features-grid a{animation:none}}:root{--header-float-gap:.75rem}body:before{content:"";height:calc(var(--header-float-gap) + 2rem);pointer-events:none;z-index:90;background:linear-gradient(#fafafa 0%,#fafafa00 100%);position:fixed;top:0;left:0;right:0}.header{top:var(--header-float-gap);z-index:140;margin:0 auto;position:sticky}.header.is-stuck{border-color:var(--color-border);background:#fff;box-shadow:0 4px 6px -1px #0000000d}.how-it-works .step{padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-lg)4.5rem;margin-bottom:var(--spacing-md);text-align:left;border-radius:var(--radius-lg);border:1px solid var(--color-border);counter-increment:step;z-index:1;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s ease-out backwards fadeInUp;position:relative;box-shadow:0 4px 6px -1px #0000000d}@media (width<=768px){.nav-toggle{min-width:44px;min-height:44px}.mobile-nav-link{align-items:center;min-height:44px;display:flex}.nav-link{align-items:center;min-height:44px;padding:.25rem 0;display:inline-flex}}.header{overflow:visible}.nav-item-mega{position:static}.nav-link-mega{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem 0;font-family:inherit;font-size:.9375rem;font-weight:500;text-decoration:none;display:none}@media (width>768px){.nav-link-mega{display:inline-flex}}.nav-links .nav-link,.nav-links .nav-link-mega,.nav-links .btn{font-size:.9375rem;line-height:1.2}.nav-link-mega:hover,.nav-link-mega:focus-visible{color:var(--color-primary)}.nav-link-mega:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.nav-link-chevron{opacity:.75;border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-top:-.15rem;transition:transform .2s;transform:rotate(45deg)}.nav-link-mega[aria-expanded=true] .nav-link-chevron{margin-top:.1rem;transform:rotate(-135deg)}.mega-panel[hidden]{display:none!important}.mega-panel-inner{pointer-events:auto;width:min(920px,100%);max-width:100%;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);isolation:isolate;background:#fff;margin-left:auto;display:block;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.mega-tile{color:inherit;background:0 0;border:1px solid #0000;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem 1rem;text-decoration:none;transition:background .2s;display:flex}.mega-tile:hover{box-shadow:none;background:#00000008;border-color:#0000}.mega-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mega-tile-icon{width:40px;height:40px;color:var(--color-primary);border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.mega-tile-icon--violet{background:var(--color-pastel-blue)}.mega-tile-icon--rose{background:var(--color-pastel-pink)}.mega-tile-icon--sky{background:var(--color-pastel-blue)}.mega-tile-icon--mint{background:var(--color-pastel-pink)}.mega-tile-title{font-size:.95rem;font-weight:600;font-family:var(--font-heading);color:#28372b}.mega-tile-desc{color:#65715f;font-size:.85rem;line-height:1.4}.mega-footer-cta{margin-top:var(--spacing-md)}.mobile-nav-heading{margin:var(--spacing-md)0 var(--spacing-xs);padding:0 var(--spacing-md);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:700}.mobile-nav-sublink{font-size:1rem;padding-left:var(--spacing-xl)!important}.features-hub-list{margin:0 0 var(--spacing-md);color:var(--color-text);padding-left:1.25rem;line-height:1.75}.features-hub-list li{margin-bottom:var(--spacing-sm)}.features-hub-list a{color:var(--color-primary);font-weight:600;text-decoration:none}.features-hub-list a:hover{text-decoration:underline}.features-intro .features-hub-link{color:var(--color-primary);margin-left:.25rem;font-weight:600;text-decoration:none}.features-intro .features-hub-link:hover{text-decoration:underline}.mega-panel-inner--integrations{width:min(1080px,100%)}.mega-grid--integrations{gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=768px){.mega-grid--integrations{grid-template-columns:repeat(4,minmax(0,1fr))}}.mega-tile--logo{text-align:center;justify-content:center;align-items:center;min-height:132px}.mega-tile-logo{font-size:1.05rem;font-weight:700;font-family:var(--font-heading);color:#3f4d41}.mega-logo-mark{border-radius:var(--radius);min-width:2rem;height:2rem;color:var(--color-primary);letter-spacing:.02em;background:#f2f7eb;justify-content:center;align-items:center;padding:0 .45rem;font-size:.85rem;font-weight:800;display:inline-flex}.mega-logo-wordpress,.mega-logo-shopify,.mega-logo-wix,.mega-logo-bigcommerce,.mega-logo-webflow,.mega-logo-squarespace,.mega-logo-drupal,.mega-logo-custom{color:#26382a;background:#f2f7eb}.mega-integration-card{padding:var(--spacing-lg);border-radius:var(--radius);background:var(--color-dark);color:#fff;gap:var(--spacing-xs);flex-direction:column;grid-column:1/-1;display:flex}.mega-integration-card p{color:#f2f7eb;margin:0}.mega-integration-card a{color:#fff;font-weight:600;text-decoration:none}.mega-integration-card a:hover{text-decoration:underline}.integrations-page{max-width:var(--max-width);padding:var(--spacing-2xl)var(--spacing-lg);margin:0 auto}.integrations-hero{max-width:780px;margin:0 auto var(--spacing-2xl);text-align:center}.integrations-hero h1{margin:0 0 var(--spacing-sm);font-size:clamp(2rem,5vw,3rem);line-height:1.15}.integrations-hero p{color:var(--color-text-muted);margin:0;font-size:1.06rem}.integration-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.integration-card{padding:calc(var(--spacing-lg)*1.2);color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.integration-card:hover{border-color:#6f795f38;transform:translateY(-6px);box-shadow:0 20px 40px -8px #6f795f1f}.integration-card-title{font-family:var(--font-heading);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:flex}.integration-logo{border-radius:var(--radius);min-width:1.6rem;height:1.6rem;color:var(--color-primary);background:#f2f7eb;justify-content:center;align-items:center;padding:0 .3rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.integration-card-desc{color:var(--color-text-muted);font-size:.93rem;line-height:1.55}.integration-card-meta{color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600}.integration-page{max-width:780px;padding:var(--spacing-2xl)var(--spacing-lg);margin:0 auto}.integration-page .feature-page-body h3{margin:var(--spacing-md)0 var(--spacing-xs);font-size:1rem}.features-hub-refresh{padding:clamp(1.15rem,2.4vw,1.7rem)}.features-sequence{gap:var(--spacing-md);margin:var(--spacing-lg)0;counter-reset:featureStep;flex-direction:column;display:flex;position:relative}.features-sequence:before{content:"";pointer-events:none;background:linear-gradient(#6f795f40,#d9f29440);width:2px;position:absolute;top:.75rem;bottom:.75rem;left:1.43rem}.feature-seq-item{gap:var(--spacing-lg);padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + .5rem);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(#fffffff2,#ffffffd9);grid-template-columns:auto 1fr;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;box-shadow:0 8px 24px -4px #0000000d}.feature-seq-item:after{counter-increment:featureStep;content:counter(featureStep,decimal-leading-zero);letter-spacing:.1em;color:var(--color-primary);border-radius:var(--radius);background:#6f795f14;border:1px solid #6f795f24;padding:.25rem .75rem;font-size:.85rem;font-weight:800;position:absolute;top:1.25rem;right:1.25rem}.feature-seq-item:nth-child(2n){background:linear-gradient(#fff,#fdfdff)}.feature-seq-item:hover{border-color:#6f795f38;transform:translateY(-4px);box-shadow:0 24px 48px -12px #6f795f1f}.feature-seq-item .feature-icon{z-index:1;margin-top:.1rem;position:relative}.feature-seq-item .feature-icon:after{content:"";border-radius:inherit;z-index:-1;background:#ffffffa6;border:1px solid #ffffffd9;position:absolute;inset:-6px}.feature-seq-copy h3{max-width:90%;margin:0 0 .5rem;font-size:1.35rem;font-weight:700;line-height:1.3}.feature-seq-copy h3 a{color:var(--color-text);text-decoration:none}.feature-seq-copy h3 a:hover{color:var(--color-primary)}.feature-seq-copy p{color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.6}@media (width<=640px){.features-sequence:before{left:1.28rem}.feature-seq-item{gap:var(--spacing-lg);padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + .5rem);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(#fffffff2,#ffffffd9);grid-template-columns:auto 1fr;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;box-shadow:0 8px 24px -4px #0000000d}.feature-seq-item .feature-icon{margin-bottom:.1rem}.feature-seq-copy h3{max-width:90%;margin:0 0 .5rem;font-size:1.35rem;font-weight:700;line-height:1.3}.feature-seq-item:after{counter-increment:featureStep;content:counter(featureStep,decimal-leading-zero);letter-spacing:.1em;color:var(--color-primary);border-radius:var(--radius);background:#6f795f14;border:1px solid #6f795f24;padding:.25rem .75rem;font-size:.85rem;font-weight:800;position:absolute;top:1.25rem;right:1.25rem}}.feature-page,.integration-page{max-width:var(--max-width)}.feature-page .feature-page-body,.feature-page .faq{max-width:100%}.feature-page-body+.faq,.feature-page .faq{margin-top:var(--spacing-xl)}.footer{max-width:var(--max-width);margin:var(--spacing-2xl)auto 0;padding:var(--spacing-xl)var(--spacing-lg)var(--spacing-lg);gap:var(--spacing-xl);z-index:1;color:#fff;background:0 0;border:none;border-radius:0;flex-direction:column;display:flex;position:relative}.footer-top{gap:var(--spacing-xl);flex-wrap:wrap;justify-content:space-between;display:flex}.footer-brand{flex:300px;max-width:400px}.footer-brand .logo{margin-bottom:var(--spacing-sm);display:inline-flex}.footer-desc{color:#c7d4bb;margin:0;font-size:.95rem;line-height:1.5}.footer-links{gap:var(--spacing-xl);flex-wrap:wrap;flex:2 500px;display:flex}.footer-col{flex-direction:column;flex:140px;gap:.75rem;display:flex}.footer-heading{color:#fff;margin:0 0 .25rem;font-size:1rem;font-weight:600}.footer-col a{color:#c7d4bb;font-size:.95rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);border-top:1px solid #d9f29424;flex-wrap:wrap;display:flex}.footer-bottom .copyright{color:#c7d4bb;margin:0;font-size:.9rem}.footer-cookie-settings{color:#e1ead8;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #c7d4bb66;padding:.4rem .85rem;font-size:.875rem;transition:background .15s,border-color .15s,color .15s}.footer-cookie-settings:hover{color:#f4f8ee;background:#ffffff0f;border-color:#d9f2948c}.footer-cookie-settings:focus-visible{outline-offset:2px;outline:2px solid #d9f294}@media (width<=768px){.footer-top{flex-direction:column}.footer-links{gap:var(--spacing-lg)}.footer-col{flex:100%}.footer-bottom{padding-top:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);border-top:1px solid #d9f29424;flex-wrap:wrap;display:flex}}.contact-page{max-width:640px;padding:var(--spacing-xl)var(--spacing-lg);text-align:center;margin:0 auto}.contact-form-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-xl);margin-top:var(--spacing-lg);text-align:left}.contact-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-text);font-size:.95rem;font-weight:600}.form-group input,.form-group textarea{width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffffd9;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6f795f1f}.submit-btn{margin-top:var(--spacing-sm);justify-content:center;width:100%}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 15% 10%,#edf3e252 0%,#edf3e200 40vw),radial-gradient(circle at 85% 20%,#e9f2d947 0%,#e9f2d900 40vw),radial-gradient(circle at 50% 80%,#e8f4cf42 0%,#e8f4cf00 40vw),radial-gradient(circle at 10% 90%,#f4f8ee3d 0%,#f4f8ee00 40vw);width:100vw;height:130%;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.integration-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.integration-card:hover:before{opacity:1}.integration-card-meta{color:var(--color-primary);border-radius:var(--radius);letter-spacing:.05em;text-transform:uppercase;background:#6f795f14;align-self:flex-start;margin-bottom:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.integration-card-title{margin-top:.25rem;font-size:1.25rem}.integration-hero h1{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800}:root{--sticky-header-height:92px;--header-float-gap:0;--nav-shell-radius:.85rem;--nav-row-pad-y:.9375rem;--nav-row-pad-x:1.25rem}body{padding-top:var(--sticky-header-height)}.header{width:100%;max-width:none;padding:calc(.625rem + env(safe-area-inset-top,0px))var(--spacing-md)0;box-sizing:border-box;z-index:5000;box-shadow:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;margin:0;position:fixed;top:0;left:0;right:0;overflow:visible;transform:none}body:before{content:none;display:none}header.header.is-stuck{box-shadow:none;background:0 0;border:none}.nav-shell{z-index:1;width:min(var(--max-width),calc(100% - .25rem));border-radius:var(--nav-shell-radius);backdrop-filter:blur(16px)saturate(1.4);background:#ffffffb8;border:1px solid #ffffff9e;max-width:100%;margin-left:auto;margin-right:auto;transition:background .25s,box-shadow .25s,border-color .25s,border-radius .2s;position:relative;box-shadow:0 18px 50px #6f795f14,0 6px 18px #6f795f0f,inset 0 1px #ffffffbf}.nav-shell:before{content:"";border-radius:inherit;pointer-events:none;opacity:.9;background:radial-gradient(700px 180px at 20% 0,#ffffff9e,#0000 58%),radial-gradient(600px 160px at 85% 15%,#fff6,#0000 58%);position:absolute;inset:-1px}.header.is-stuck .nav-shell{backdrop-filter:blur(20px)saturate(1.45);background:#ffffffd1;border-color:#ffffffb3;box-shadow:0 22px 60px #26382a1a,0 10px 24px #6f795f0f,inset 0 1px #ffffffc7}.nav-shell.nav-shell--mega-open{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 12px 40px #26382a1a,0 4px 12px #26382a0d,inset 0 1px #ffffffa6}.nav{padding:var(--nav-row-pad-y)var(--nav-row-pad-x);box-sizing:border-box;align-items:center;gap:clamp(.75rem,2vw,1.25rem);width:100%}@media (width<=1024px){.nav-left{flex:1;order:1;min-width:0}.nav-links{flex:none;order:2;justify-content:flex-end;gap:0;min-width:0;display:flex}.nav-links>:not(a.btn-primary):not(.nav-cta){display:none}.nav-links>a.btn-primary,.nav-links>a.nav-cta{white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;align-items:center;min-height:40px;padding:.45rem .85rem;font-size:.875rem;line-height:1.2;display:inline-flex}.nav-toggle{z-index:2;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;order:3;justify-content:center;align-items:center;min-width:48px;min-height:48px;margin:0;padding:.625rem;display:flex;position:relative}.mobile-nav{z-index:1000010}.logo{min-width:0}.logo-text{text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,16rem);overflow:hidden}.language-switcher{display:none}.mobile-nav-link,.mobile-nav-sublink,.mobile-nav-cta{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:48px}.mobile-nav-close{touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:.75rem;display:flex}}.how-it-works:before{content:"";background:var(--color-pastel-blue);z-index:-1;width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.footer:before{content:"";z-index:-1;background:radial-gradient(90% 70% at 50% 35%,#455346 0%,#28372b 42%,#1f2e23 78%,#18241b 100%);width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.footer .logo{color:#fff}.feature-card:nth-child(n) .feature-icon{background:var(--color-pastel-blue);color:var(--color-primary);border:none}.feature-card:nth-child(2n) .feature-icon{background:var(--color-pastel-purple);color:var(--color-accent);border:none}.feature-card:nth-child(3n) .feature-icon{background:var(--color-pastel-pink);color:var(--color-primary);border:none}.feature-card:nth-child(4n) .feature-icon{background:var(--color-pastel-yellow);color:var(--color-accent);border:none}.features .feature-card .feature-icon{border:1px solid var(--color-border)!important;color:var(--color-primary)!important;background:#fff!important}.features .feature-card:hover .feature-icon{transform:scale(1.06)rotate(3deg);background:var(--color-primary)!important;color:#fff!important}.features .feature-card:nth-child(odd) .feature-icon{color:var(--color-primary)!important}.features .feature-card:nth-child(2n) .feature-icon{color:var(--color-accent)!important}.features .feature-card:hover .feature-icon,.pricing-card-popular .pricing-plan-name,.pricing-card-popular .pricing-price,.pricing-card-popular .pricing-features li{color:#fff!important}.pricing-card-popular .pricing-plan-desc,.pricing-card-popular .pricing-period,.pricing-card-popular .pricing-addl{color:#a2ae99!important}.pricing-card-popular .btn-primary{background:var(--color-primary);color:#fff}.pricing-card-popular .btn-primary:hover{background:var(--color-primary-hover);color:#fff;box-shadow:0 8px 20px #6f795f59}.pricing-card-popular .pricing-badge{color:var(--color-primary);background:#fff}.pricing-cards,.pricing-grid,.pricing-card{overflow:visible}.pricing-card-popular{background:var(--color-dark);border:none;transform:none}.faq{max-width:var(--max-width);width:min(var(--max-width),calc(100% - (var(--spacing-lg)*2)))}.faq .faq-list{max-width:100%}@media (width<=640px){.faq{width:calc(100% - (var(--spacing-md)*2))}}body{isolation:isolate;background-color:#0000;position:relative}body:after{content:"";pointer-events:none;z-index:-1;will-change:auto;background-image:radial-gradient(circle at 15% 8%,#6f795f1a 0%,#6f795f00 42vw),radial-gradient(circle at 85% 18%,#d9f29414 0%,#d9f29400 42vw),radial-gradient(circle at 52% 78%,#edf3e28c 0%,#edf3e200 48vw);background-attachment:scroll;position:fixed;inset:0}.mega-panel{z-index:20;box-sizing:border-box;pointer-events:none;width:100%;max-width:none;position:absolute;top:100%;left:0;right:0}.mega-panel-inner,.mega-panel-inner--integrations{pointer-events:auto;box-sizing:border-box;width:100%;max-width:none;padding:var(--spacing-lg)var(--nav-row-pad-x);-webkit-overflow-scrolling:touch;border-radius:0 0 calc(var(--nav-shell-radius) - 1px)calc(var(--nav-shell-radius) - 1px);backdrop-filter:none;isolation:isolate;background:#fffffff7;border:1px solid #ffffff9e;border-top-color:#6f795f14;max-height:min(70vh,520px);margin-left:0;margin-right:0;position:relative;overflow-y:auto;box-shadow:0 28px 80px #6f795f1f,0 10px 28px #26382a12,inset 0 1px #ffffffd9}.mega-panel-inner>*,.mega-panel-inner--integrations>*{z-index:1;max-width:var(--max-width);margin-left:auto;margin-right:auto;position:relative}.mega-panel-inner:before,.mega-panel-inner--integrations:before{content:"";border-radius:inherit;pointer-events:none;opacity:.9;z-index:0;background:radial-gradient(760px 200px at 20% 0,#ffffff9e,#0000 58%),radial-gradient(640px 180px at 85% 18%,#fff6,#0000 58%);position:absolute;inset:-1px}.mega-panel-inner:after,.mega-panel-inner--integrations:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(900px 280px at 18% 0,#edf3e21f,#0000 55%),radial-gradient(700px 240px at 82% 20%,#e9f2d91a,#0000 50%),radial-gradient(600px 200px at 50% 100%,#e8f4cf14,#0000 45%);position:absolute;inset:0}.mega-panel-inner>.mega-grid,.mega-panel-inner--integrations>.mega-grid,.mega-footer-cta{z-index:1;position:relative}@media (width>=769px){.nav .logo{font-size:1.1875rem;font-weight:600}.nav .logo-icon{width:26px;height:26px}.nav .language-switcher{min-height:40px;padding:.3rem .55rem .3rem .65rem}.nav .language-select{font-size:.9375rem}.nav-links .nav-link,.nav-links .nav-link-mega{letter-spacing:.01em;font-size:1rem;font-weight:500;line-height:1.35}.nav-link-mega{border-radius:var(--radius);gap:0;padding:.5rem .85rem;transition:background .15s,color .15s}.nav-link-mega:hover{color:var(--color-text);background:#26382a0d}.nav-link-mega[aria-expanded=true]{color:var(--color-primary);background:#6f795f14}.nav-links>a.nav-link{border-radius:var(--radius);color:var(--color-text);padding:.45rem .7rem;transition:background .15s,color .15s}.nav-links>a.nav-link:hover{color:var(--color-primary);background:#26382a0d}.nav-links .nav-cta.btn{border-radius:var(--radius);padding:.5rem 1.15rem;font-size:.9375rem;font-weight:600}.nav-links .nav-cta.btn,.nav-links>a.btn-primary{background:var(--color-primary);color:#fff;animation:none;box-shadow:0 1px 2px #6f795f40}.nav-links .nav-cta.btn:hover,.nav-links>a.btn-primary:hover{background:var(--color-primary-hover);color:#fff;animation:none;box-shadow:0 10px 18px -4px #6f795f73}.nav-link-mega:focus-visible{border-radius:var(--radius)}}@media (width<=768px){.header{padding-left:0;padding-right:0;padding-top:env(safe-area-inset-top,0px)}.nav-shell{border-left:none;border-right:none;border-radius:0;width:100%;max-width:none;box-shadow:0 1px #6f795f0f}.nav-shell.nav-shell--mega-open{border-bottom-right-radius:0;border-bottom-left-radius:0}}.features{z-index:1;position:relative}.features:before{content:"";z-index:-1;background:#fff;width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.how-it-works{margin:0 auto}.how-it-works:before{background:var(--color-pastel-blue);opacity:.6}.features{padding-bottom:var(--spacing-2xl);margin:0 auto}.footer{margin-top:0}.how-header .how-subtitle{max-width:800px;color:var(--color-text-muted);margin-left:auto;margin-right:auto;font-size:1.15rem;line-height:1.75}.how-steps-lead{margin:var(--spacing-xl)0 0;color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;font-size:1rem;font-weight:700}.how-image-caption{margin:var(--spacing-md)0 0;color:var(--color-text-muted);text-align:left;font-size:1.05rem;line-height:1.6}.how-image-caption a{color:var(--color-primary);font-weight:600;text-decoration:none}.how-image-caption a:hover{text-decoration:underline}.how-image:hover img{transform:translateY(-4px)}.how-it-works .step:first-child:before{background:var(--color-primary)}.how-it-works .step:nth-child(2):before{background:var(--color-accent)}.how-it-works .step:nth-child(3):before{background:#556243}.use-cases{max-width:var(--max-width);margin:0 auto var(--spacing-2xl);padding:var(--spacing-xl)var(--spacing-lg)}.use-cases-grid{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.use-cases-grid{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}}.use-cases-col{gap:var(--spacing-lg);flex-direction:column;display:flex}.use-cases-heading{background:var(--color-bg-subtle);font-family:var(--font-heading);color:var(--color-dark);margin-bottom:var(--spacing-xs);border-radius:var(--radius);align-self:flex-start;padding:.5rem 1rem;font-size:1.125rem;font-weight:700;display:inline-block}.use-case-item{gap:var(--spacing-md);align-items:flex-start;display:flex}.use-case-icon{border-radius:var(--radius);width:64px;height:64px;color:var(--color-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.use-case-icon--blue{background:var(--color-pastel-blue);color:var(--color-primary)}.use-case-icon--gray{background:var(--color-bg-subtle);color:var(--color-text)}.use-case-icon--purple{background:var(--color-pastel-purple);color:var(--color-primary)}.use-case-icon--pink{background:var(--color-pastel-pink);color:var(--color-accent)}.use-case-icon--orange{background:var(--color-pastel-yellow);color:var(--color-accent)}.use-case-icon--mint{background:var(--color-pastel-pink);color:var(--color-accent)}.use-case-content h3{color:var(--color-dark);margin:0 0 .35rem;font-size:1.125rem;font-weight:700}.use-case-content p{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.6}@media (width<=768px){.features .features-showcase{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-direction:column}.features .features-showcase-img{width:min(200px,78vw);max-width:260px}.features .features-showcase-content{flex:0 auto;width:100%;max-width:22rem;margin-inline:auto}.features .features-intro{text-align:center;padding-inline:var(--spacing-xs);font-size:1.0625rem;line-height:1.55}.features .features-intro .features-hub-link{margin-top:.75rem;margin-left:0;display:block}.hero{padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top,0px));padding-bottom:var(--spacing-xl);padding-left:max(var(--spacing-md),env(safe-area-inset-left,0px));padding-right:max(var(--spacing-md),env(safe-area-inset-right,0px));gap:var(--spacing-lg)}.hero-content{width:100%;min-width:0}.hero-badge{margin-bottom:var(--spacing-md);text-align:center;flex-wrap:wrap;justify-content:center;row-gap:.2rem;max-width:100%;padding:.4rem .85rem;font-size:.8125rem;line-height:1.35}.hero-badge .badge-icon{flex-shrink:0}.hero-title{letter-spacing:-.035em;margin-bottom:var(--spacing-sm);font-size:clamp(1.75rem,6.5vw + .5rem,2.65rem);line-height:1.12}.hero-title .highlight{display:inline}.hero-subtitle{margin-bottom:var(--spacing-lg);max-width:36rem;font-size:1rem;line-height:1.65}.hero-ctas{width:100%;max-width:22rem;margin-inline:auto}.hero-image{margin-top:var(--spacing-lg);border-radius:var(--radius);width:100%;max-width:100%;box-shadow:0 16px 40px -12px #0003}.hero-image img{border-radius:inherit}}.mega-grid{margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5rem;display:grid}#wt-cc-root{z-index:999990;position:relative}body.wt-cc-wall-active{touch-action:none;overflow:hidden}body.wt-cc-modal-open{overflow:hidden}.wt-cc-animate-in{animation:.28s ease-out both wtCcFadeIn}@keyframes wtCcFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wt-cc-banner{left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:999991;border-radius:var(--radius-lg);color:#f2f7eb;background:linear-gradient(145deg,#26382a 0%,#3f4d41 100%);max-width:min(960px,100%);margin:0 auto;position:fixed;box-shadow:0 24px 48px -12px #26382a73,0 0 0 1px #ffffff0f}.wt-cc-banner__inner{justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);flex-wrap:wrap;display:flex}.wt-cc-banner__title{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.wt-cc-banner__desc{color:#a2ae99;max-width:52ch;margin:0;font-size:.9rem;line-height:1.55}.wt-cc-banner__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}@media (max-width:639px){.wt-cc-banner__inner{padding:var(--spacing-md)}.wt-cc-banner__actions{flex-wrap:nowrap;width:100%;gap:.375rem}.wt-cc-banner__actions .wt-cc-btn{flex:1 1 0;min-width:0;padding:.5rem .35rem;font-size:.72rem;line-height:1.2;text-align:center}}.wt-cc-btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,transform .12s}.wt-cc-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.wt-cc-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.wt-cc-btn--primary:hover{background:var(--color-primary-hover)}.wt-cc-btn--secondary{color:#f2f7eb;background:#ffffff14;border-color:#a2ae9959}.wt-cc-btn--secondary:hover{background:#ffffff1f}.wt-cc-btn--ghost{color:#d7e0d0;background:0 0;border-color:#a2ae9959}.wt-cc-btn--ghost:hover{background:#ffffff0f}.wt-cc-wall{z-index:999992;padding:max(1rem,env(safe-area-inset-top))max(1rem,env(safe-area-inset-right))max(1rem,env(safe-area-inset-bottom))max(1rem,env(safe-area-inset-left));backdrop-filter:blur(10px);background:#26382ab8;place-items:center;display:grid;position:fixed;inset:0}.wt-cc-wall__panel{width:min(440px,100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);color:var(--color-text);background:#fff;box-shadow:0 25px 50px -12px #00000040}.wt-cc-wall__title{margin:0 0 var(--spacing-sm);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.wt-cc-wall__desc{margin:0 0 var(--spacing-lg);color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.wt-cc-wall__actions{flex-direction:column;gap:.5rem;display:flex}@media (width>=480px){.wt-cc-wall__actions{flex-flow:wrap;justify-content:flex-end}}.wt-cc-modal{z-index:999993;place-items:end center;padding:0;display:grid;position:fixed;inset:0}.wt-cc-modal[hidden]{display:none!important}.wt-cc-modal__backdrop{background:#26382a73;position:absolute;inset:0}.wt-cc-modal__sheet{width:min(480px,100%);max-height:min(90vh,640px);margin:max(1rem,env(safe-area-inset-bottom));border-radius:var(--radius-lg)var(--radius-lg)0 0;color:var(--color-text);background:#fff;position:relative;overflow:auto;box-shadow:0 -8px 40px #00000026}@media (width>=640px){.wt-cc-modal{padding:var(--spacing-lg);place-items:center}.wt-cc-modal__sheet{border-radius:var(--radius-lg);margin:0}}.wt-cc-modal__head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-lg)0;z-index:1;background:#fff;display:flex;position:sticky;top:0}.wt-cc-modal__title{margin:0;font-size:1.15rem;font-weight:700}.wt-cc-modal__close{border-radius:var(--radius);color:#65715f;cursor:pointer;background:#f2f7eb;border:none;flex-shrink:0;width:2.25rem;height:2.25rem;font-size:1.25rem;line-height:1}.wt-cc-modal__close:hover{color:#26382a;background:#dbe5d4}.wt-cc-modal__body{padding:var(--spacing-md)var(--spacing-lg)}.wt-cc-modal__foot{padding:var(--spacing-md)var(--spacing-lg)var(--spacing-lg);justify-content:flex-end;display:flex}.wt-cc-pref-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm)0;border-bottom:1px solid var(--color-border);display:flex}.wt-cc-pref-row:last-of-type{border-bottom:none}.wt-cc-pref-row__text strong{font-size:.95rem;display:block}.wt-cc-pref-row__text small{color:var(--color-text-muted);margin-top:.2rem;font-size:.82rem;line-height:1.45;display:block}.wt-cc-toggle{width:2.75rem;height:1.5rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.wt-cc-toggle:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.wt-cc-animate-in{animation:none}}.how-it-works,.use-cases,.features,main>section:not(.hero):not(.pricing-cards):not(.pricing-hero){content-visibility:auto;contain-intrinsic-size:1px 800px}@media (width<=768px){.nav-shell,.header.is-stuck .nav-shell{backdrop-filter:blur(12px)saturate(1.3)}}@media (prefers-reduced-motion:reduce){.step,.pricing-card,.faq,.features-grid a,.nav-links .nav-cta.btn,.nav-links>a.btn-primary,.mobile-nav-cta{animation:none!important}}.product-page{max-width:min(920px,var(--max-width))}.product-page .feature-page-hero{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.product-eyebrow{margin:0 0 var(--spacing-sm);border-radius:var(--radius-lg);background:var(--color-pastel-blue);color:var(--color-primary);letter-spacing:.01em;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.product-page .feature-page-title{letter-spacing:-.03em;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.15}.product-page .feature-page-lead{max-width:42rem;margin-top:var(--spacing-sm);font-size:1.2rem;line-height:1.7}.product-hero-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.product-switch{margin:0 0 var(--spacing-xl);border-radius:var(--radius-lg);background:#f2f7eb;flex-wrap:wrap;gap:.5rem;width:fit-content;max-width:100%;padding:.35rem;display:flex}.product-switch a{color:var(--color-text-muted);border-radius:var(--radius-lg);white-space:nowrap;padding:.55rem .95rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.product-switch a:hover{color:var(--color-text);background:#ffffffa6}.product-switch a.is-active{color:var(--color-text);background:#fff;box-shadow:0 1px 3px #6f795f14}.product-pillars{gap:var(--spacing-md);margin:0 0 var(--spacing-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-pillar{padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}.product-pillar:hover{border-color:#26382a40;transform:translateY(-2px);box-shadow:0 10px 24px -12px #6f795f2e}.product-pillar-icon{border-radius:var(--radius);width:2.5rem;height:2.5rem;margin-bottom:var(--spacing-sm);color:var(--color-primary);background:var(--color-pastel-blue);justify-content:center;align-items:center;display:flex}.product-pillar-icon--rose{color:var(--color-accent);background:var(--color-pastel-pink)}.product-pillar-icon--mint{color:var(--color-primary);background:#dbe5d4}.product-pillar-icon--amber{color:var(--color-accent);background:var(--color-pastel-yellow)}.product-pillar h3,.product-pillar-title{font-family:var(--font-heading);letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.05rem;font-weight:650}.product-pillar p{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.55}.product-page .feature-page-body{padding:clamp(1.25rem,3vw,2rem)}.product-page .feature-page-body h2{letter-spacing:-.02em;margin-top:var(--spacing-xl);font-size:1.35rem}.product-page .feature-page-body h3{margin:var(--spacing-md)0 var(--spacing-xs);font-size:1.05rem;font-weight:650;font-family:var(--font-heading)}.product-steps{margin:var(--spacing-md)0 var(--spacing-lg);counter-reset:productStep;gap:var(--spacing-sm);flex-direction:column;padding:0;list-style:none;display:flex}.product-steps li{counter-increment:productStep;padding:var(--spacing-md)var(--spacing-md)var(--spacing-md)3.75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;margin:0;position:relative}.product-steps li:before{content:counter(productStep);left:var(--spacing-md);top:var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8125rem;font-weight:700;display:flex;position:absolute}.product-steps strong{font-family:var(--font-heading);margin-bottom:.25rem;font-size:1.02rem;display:block}.product-steps span{color:var(--color-text-muted);font-size:.95rem;line-height:1.55}.product-related{gap:var(--spacing-sm);margin:var(--spacing-md)0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-related a{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;background:#fff;text-decoration:none;transition:border-color .2s,color .2s;display:block}.product-related a:hover{border-color:var(--color-primary);color:var(--color-primary)}.product-related strong{margin-bottom:.2rem;font-size:.95rem;display:block}.product-related span{color:var(--color-text-muted);font-size:.875rem;line-height:1.45;display:block}.product-related a:hover span{color:var(--color-text-muted)}.content-related{margin:var(--spacing-xl)0 0}.content-related-heading{margin:0 0 var(--spacing-md);font-size:1.125rem;font-weight:600}.product-page .feature-page-cta{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:linear-gradient(#f8faf5 0% 100%);border:1px solid #dbe5d4;justify-content:flex-start;align-items:center}.product-cta-copy{flex:1;min-width:12rem;margin:0}.product-cta-copy strong{font-family:var(--font-heading);margin-bottom:.25rem;font-size:1.15rem;display:block}.product-cta-copy span{color:var(--color-text-muted);font-size:.95rem}@media (width<=700px){.product-pillars,.product-related{grid-template-columns:1fr}.product-switch{border-radius:var(--radius-lg)}.product-page .feature-page-cta{flex-direction:column;align-items:stretch}}.breadcrumbs{margin:0 0 var(--spacing-lg);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs [aria-current=page]{color:var(--color-text)}.home-faq{max-width:var(--max-width);margin:0 auto var(--spacing-2xl)}.home-faq-lead{max-width:40rem;margin:-.5rem auto var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-size:1.05rem;line-height:1.65}.home-section-title{margin:0 0 var(--spacing-xl);text-align:center;font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.home-value{max-width:var(--max-width);margin:0 auto var(--spacing-2xl);padding:var(--spacing-2xl)var(--spacing-lg)}.home-value-header{max-width:46rem;margin:0 auto var(--spacing-xl);text-align:center}.home-value-header h2{margin:0 0 var(--spacing-sm);font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.home-value-lead{color:var(--color-text-muted);margin:0;font-size:1.1rem;line-height:1.7}.home-value-pillars{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}@media (width>=960px){.home-value-pillars{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-value .product-pillar{color:inherit;text-decoration:none;display:block}.home-value .product-pillar:hover{border-color:#6f795f59}.home-value .product-pillar h3,.product-pillar-title{color:var(--color-text)}.use-cases .home-section-title{margin-bottom:var(--spacing-lg)}.features .home-section-title{margin:0 auto var(--spacing-lg);max-width:40rem;padding:0 var(--spacing-lg)}.mega-panel-inner--integrations{background:#fff;max-height:none;overflow:visible}.mega-panel-inner--integrations:before,.mega-panel-inner--integrations:after{display:none}.mega-integrations{gap:var(--spacing-lg);width:100%;max-width:var(--max-width);grid-template-columns:minmax(0,1fr) minmax(12rem,15rem);align-items:stretch;margin:0 auto;display:grid}.mega-integrations-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .75rem;font-size:.75rem;font-weight:700}.mega-grid--integrations{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.4rem!important}.mega-tile--logo{border-radius:var(--radius);text-align:left!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:.7rem!important;min-height:0!important;padding:.65rem .75rem!important}.mega-tile--logo:hover{background:#f8faf5;border-color:#0000}.mega-tile--logo .mega-tile-icon{background:#f8faf5;border:1px solid #dbe5d4;border-radius:.55rem;flex-shrink:0;width:2.25rem;height:2.25rem;margin:0;overflow:hidden}.mega-tile--logo .mega-tile-icon svg,.mega-tile--logo .mega-tile-icon img{object-fit:contain;width:1.15rem;height:1.15rem;display:block}.mega-tile-logo-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.mega-tile-meta{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:600;line-height:1.2;display:block}.mega-tile-logo{line-height:1.25;font-family:var(--font-heading);color:#28372b;font-size:.95rem!important;font-weight:650!important}.mega-int-icon--wordpress{background:#f2f7eb;border-color:#dbe5d4}.mega-int-icon--shopify{background:#f8faf5;border-color:#dbe5d4}.mega-int-icon--webflow{background:#f2f7eb;border-color:#dbe5d4}.mega-int-icon--wix,.mega-int-icon--wix-studio{background:#f2f7eb;border-color:#e5e7eb}.mega-int-icon--squarespace{background:#f4f4f5;border-color:#e4e4e7}.mega-int-icon--bigcommerce{background:#f8faf5;border-color:#dbe5d4}.mega-int-icon--woocommerce{background:#f2f7eb;border-color:#dbe5d4}.mega-int-icon--framer{background:#f8faf5;border-color:#dbe5d4}.mega-int-icon--hubspot{background:#f2f7eb;border-color:#dbe5d4}.mega-int-icon--drupal{background:#f8faf5;border-color:#dbe5d4}.mega-int-icon--jimdo{background:#f2f7eb;border-color:#dbe5d4}.mega-int-icon--javascript{background:#f8faf5;border-color:#dbe5d4}.integration-card-logo{border:1px solid var(--color-border);background:#f8faf5;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:.15rem;display:flex}.integration-card-logo img{object-fit:contain;width:1.45rem;height:1.45rem;display:block}.integration-detail-logo{border:1px solid var(--color-border);background:#f8faf5;border-radius:.85rem;flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin:0 0 1rem;display:flex;overflow:hidden}.integration-detail-logo img{object-fit:contain;width:1.75rem;height:1.75rem;display:block}.integration-logo{display:none}.mega-integrations-aside{padding:var(--spacing-md);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-pastel-blue)0%,#f8faf5 100%);border:1px solid #dbe5d4;flex-direction:column;justify-content:center;gap:.5rem;display:flex}.mega-integrations-aside-icon{border-radius:var(--radius);width:2.5rem;height:2.5rem;color:var(--color-primary);background:#dbe5d4;justify-content:center;align-items:center;margin-bottom:.15rem;display:flex}.mega-integrations-aside-title{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.mega-integrations-aside-copy{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.45}.mega-integrations-aside-link{color:var(--color-primary);margin-top:.35rem;font-size:.9rem;font-weight:650;text-decoration:none}.mega-integrations-aside-link:hover{text-decoration:underline}.mega-integrations-aside-secondary{color:var(--color-text-muted);font-size:.8125rem;font-weight:550;text-decoration:none}.mega-integrations-aside-secondary:hover{color:var(--color-primary)}@media (width<=900px){.mega-integrations{grid-template-columns:1fr}.mega-grid--integrations{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=560px){.mega-grid--integrations{grid-template-columns:1fr!important}}.feature-detail.feature-page{max-width:min(920px,var(--max-width));padding-top:var(--spacing-xl)}.feature-detail .feature-page-hero{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.feature-detail .feature-page-title{letter-spacing:-.03em;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.15}.feature-detail .feature-page-lead{max-width:42rem;margin-top:var(--spacing-sm);font-size:1.2rem;line-height:1.7}.feature-detail .feature-page-body{margin-top:var(--spacing-lg);padding:clamp(1.25rem,3vw,2rem)}.feature-detail .feature-page-body h2{letter-spacing:-.02em;margin-top:var(--spacing-xl);font-size:1.35rem}.feature-detail .feature-page-body h3{margin:var(--spacing-md)0 var(--spacing-xs);font-size:1.05rem;font-weight:650;font-family:var(--font-heading)}.feature-detail .feature-page-cta{margin-top:var(--spacing-xl);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-pastel-blue)0%,#fff 100%);gap:var(--spacing-sm);border:1px solid #dbe5d4;flex-wrap:wrap;align-items:center;display:flex}.feature-media{margin:0 0 var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;overflow:hidden;box-shadow:0 10px 30px -12px #26382a1f}.feature-media img{width:100%;height:auto;display:block}.feature-nav{margin:0 0 var(--spacing-xl);flex-wrap:wrap;gap:.5rem;display:flex}.feature-nav a{color:var(--color-text-muted);border-radius:var(--radius);border:1px solid var(--color-border);white-space:nowrap;background:#fff;padding:.45rem .8rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.feature-nav a:hover{color:var(--color-primary);background:var(--color-pastel-blue);border-color:#6f795f59}.feature-nav a.is-active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.feature-usecases{gap:var(--spacing-sm);margin:var(--spacing-md)0 0;grid-template-columns:1fr;display:grid}@media (width>=700px){.feature-usecases{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature-usecase{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}.feature-usecase strong{font-family:var(--font-heading);margin-bottom:.3rem;font-size:1rem;display:block}.feature-usecase p{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.55}.feature-checklist{margin:var(--spacing-md)0 0;gap:.65rem;padding:0;list-style:none;display:grid}.feature-checklist li{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:#fff;margin:0;padding:.75rem .75rem .75rem 2.5rem;line-height:1.5;position:relative}.feature-checklist li:before{content:"";background:var(--color-accent);border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:1rem;left:.85rem;box-shadow:0 0 0 4px #d9f29426}.page-404{background:radial-gradient(900px 520px at 10% 0,#6f795f24,#0000 55%),radial-gradient(780px 480px at 95% 15%,#d9f2941f,#0000 55%),#f7f8fc}.page-404 .nf{isolation:isolate;min-height:calc(100vh - 5.5rem);padding:clamp(2rem,6vw,4rem)var(--spacing-lg);place-items:center;display:grid;position:relative;overflow:hidden}.page-404 .nf-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-404 .nf-orb{filter:blur(50px);border-radius:50%;animation:12s ease-in-out infinite alternate nfOrb;position:absolute}.page-404 .nf-orb--a{background:#6f795f38;width:min(55vw,380px);height:min(55vw,380px);top:-8%;left:-10%}.page-404 .nf-orb--b{background:#d9f29433;width:min(50vw,340px);height:min(50vw,340px);animation-delay:-5s;bottom:8%;right:-12%}.page-404 .nf-ring{border:1px solid #6f795f1f;border-radius:50%;width:min(72vw,520px);height:min(72vw,520px);animation:8s ease-in-out infinite nfRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.page-404 .nf-panel{z-index:1;text-align:center;width:min(560px,100%);animation:.7s ease-out both fadeInUp;position:relative}.page-404 .nf-code{font-family:var(--font-heading);letter-spacing:-.07em;color:var(--color-text);margin:0 0 .75rem;font-size:clamp(5rem,18vw,8.5rem);font-weight:700;line-height:.9}.page-404 .nf-digit{animation:3.6s ease-in-out infinite nfFloat;display:inline-block}.page-404 .nf-digit:first-child{animation-delay:0s}.page-404 .nf-digit:nth-child(2){animation-delay:.2s}.page-404 .nf-digit:nth-child(3){animation-delay:.4s}.page-404 .nf-digit--pulse{color:var(--color-primary);animation:3.6s ease-in-out .2s infinite nfFloat,2.4s ease-in-out infinite nfPulseDigit}.page-404 .nf-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-text);margin:0 0 1rem;font-size:clamp(1.85rem,4.5vw,2.6rem);font-weight:700;line-height:1.15}.page-404 .nf-translate{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .65rem;min-height:2rem;margin:0 auto .85rem;display:flex}.page-404 .nf-translate-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.75rem;font-weight:600}.page-404 .nf-translate-phrase{font-family:var(--font-heading);color:var(--color-text);font-size:clamp(1.05rem,2.4vw,1.25rem);font-weight:600;transition:opacity .28s,transform .28s}.page-404 .nf-translate-phrase.is-out{opacity:0;transform:translateY(-6px)}.page-404 .nf-translate-locale{border-radius:var(--radius);min-width:2.1rem;color:var(--color-primary);letter-spacing:.06em;background:#6f795f1a;justify-content:center;align-items:center;padding:.15rem .4rem;font-size:.68rem;font-weight:700;display:inline-flex}.page-404 .nf-progress{background:#6f795f1a;border-radius:999px;width:min(220px,55%);height:3px;margin:0 auto 1.35rem;overflow:hidden}.page-404 .nf-progress-bar{border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));width:40%;height:100%;animation:2.6s ease-in-out infinite nfScan;display:block}.page-404 .nf-copy{max-width:28rem;color:var(--color-text-muted);margin:0 auto 1.75rem;font-size:1.05rem;line-height:1.65}.page-404 .nf-actions{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-bottom:1.25rem;display:flex}.page-404 .nf-actions .btn-secondary{border:1px solid var(--color-border);color:var(--color-text);background:#fff}.page-404 .nf-actions .btn-secondary:hover{color:var(--color-primary);border-color:#6f795f59}.page-404 .nf-links{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;display:flex}.page-404 .nf-links a{color:var(--color-text-muted);border-bottom:1px solid #0000;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.page-404 .nf-links a:hover{color:var(--color-primary);border-bottom-color:#6f795f59}@keyframes nfOrb{0%{transform:translate(0)scale(1)}to{transform:translate(16px,-20px)scale(1.08)}}@keyframes nfRing{0%,to{opacity:.35;transform:translate(-50%,-54%)scale(1)}50%{opacity:.7;transform:translate(-50%,-54%)scale(1.04)}}@keyframes nfFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes nfPulseDigit{0%,to{color:var(--color-primary)}50%{color:var(--color-accent)}}@keyframes nfScan{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (width<=640px){.page-404 .nf-actions{flex-direction:column;align-items:stretch}.page-404 .nf-actions .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.page-404 .nf-orb,.page-404 .nf-ring,.page-404 .nf-digit,.page-404 .nf-digit--pulse,.page-404 .nf-progress-bar,.page-404 .nf-panel,.page-404 .nf-translate-phrase{transition:none!important;animation:none!important}.page-404 .nf-digit--pulse{color:var(--color-primary)}}.mobile-nav{z-index:1000010!important}body.mobile-nav-open .wt-cc-banner,body.mobile-nav-open #wt-cc-root{visibility:hidden;pointer-events:none}.mobile-nav-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));max-height:100dvh;overflow:hidden auto}.mobile-nav-close{z-index:1;margin-bottom:var(--spacing-xs);border-radius:var(--radius);background:#ffffffeb;align-self:flex-end;position:sticky;top:0}.mobile-nav.is-open .mobile-nav-backdrop{cursor:pointer}@media (width<=480px){.mobile-nav-panel{border-left:none;width:min(100vw,100%);max-width:100%}}@media (width<=1024px){.nav-toggle{order:3;display:flex!important}.nav-left{order:1}.nav-links{flex:none;order:2;justify-content:flex-end;gap:0;display:flex!important}.nav-links>:not(a.btn-primary):not(.nav-cta){display:none!important}.nav-links>a.btn-primary,.nav-links>a.nav-cta{display:inline-flex!important}.mega-panel{display:none!important}.nav-shell.nav-shell--mega-open{border-bottom-left-radius:var(--nav-shell-radius,var(--radius-lg));border-bottom-right-radius:var(--nav-shell-radius,var(--radius-lg))}}.content-meta{color:var(--color-text-muted);margin:.75rem 0 0;font-size:.95rem}.content-tags{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.content-tags li{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);padding:.2rem .55rem;font-size:.8rem}.content-hero-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;margin:0 0 var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.content-prose{line-height:1.7}.content-prose>:first-child{margin-top:0}.content-prose h2,.content-prose h3{margin-top:var(--spacing-lg);font-family:var(--font-heading)}.content-prose a{color:var(--color-primary);font-weight:600;text-decoration:none}.content-prose a:hover{text-decoration:underline}.content-sources{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.content-sources ul{margin:0;padding-left:1.25rem}.blog-list,.docs-list{gap:var(--spacing-md);margin:0;padding:0;list-style:none;display:grid}.blog-list li,.docs-list li{padding:var(--spacing-md)0;border-bottom:1px solid var(--color-border)}.blog-list a,.docs-list a{color:var(--color-text);font-family:var(--font-heading);font-size:1.125rem;font-weight:700;text-decoration:none}.blog-list a:hover,.docs-list a:hover{color:var(--color-primary)}
/* Feature detail + hub enrichment */
.feature-detail-crumbs{margin-bottom:var(--spacing-md)}
.feature-pillars-block{margin:0 0 var(--spacing-xl)}
.feature-pillars-block .product-pillars{margin-bottom:0}
.features-hub-intro{margin:0 0 var(--spacing-lg);max-width:42rem}
.features-hub-intro h2{margin:0 0 var(--spacing-sm);font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700}
.features-hub-intro p{margin:0;color:var(--color-text-muted);font-size:1.05rem;line-height:1.65}
.feature-detail .feature-section+.feature-section{margin-top:var(--spacing-lg)}
.feature-detail .feature-page-body h2:first-child,.feature-detail .feature-section:first-child h2{margin-top:0}
.feature-detail .faq{max-width:100%;margin-top:var(--spacing-xl);animation:none}
.feature-detail .faq .home-faq-lead{max-width:40rem;margin:-.25rem 0 var(--spacing-lg);text-align:left}
.feature-detail .content-related-heading{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.25rem;font-weight:650}
.feature-detail .product-related{margin-top:var(--spacing-sm)}
.features-hub-page .feature-page-body .product-related{margin-top:var(--spacing-md)}
.feature-detail .product-pillar{animation:.55s ease-out both fadeInUp}
.feature-detail .product-pillar:nth-child(2){animation-delay:.06s}
.feature-detail .product-pillar:nth-child(3){animation-delay:.12s}
.feature-detail .product-pillar:nth-child(4){animation-delay:.18s}
.feature-detail .product-steps li{transition:border-color .2s,transform .2s,box-shadow .2s}
.feature-detail .product-steps li:hover{border-color:#6f795f38;transform:translateY(-2px);box-shadow:0 10px 24px -12px #6f795f2e}
@media (width<=700px){
.feature-detail .product-hero-actions{flex-direction:column;align-items:stretch}
.feature-detail .product-hero-actions .btn{justify-content:center;width:100%}
}
@media (prefers-reduced-motion:reduce){
.feature-detail .product-pillar{animation:none}
.feature-detail .product-steps li:hover{transform:none}
}
/* Editorial Component System */
.ed-blocks{margin:var(--spacing-lg)0;gap:var(--spacing-lg);display:grid}
.ed-block{margin:0}
.ed-block-title{margin:0 0 var(--spacing-md);font-family:var(--font-heading);font-size:1.15rem;font-weight:650;letter-spacing:-.01em}
.ed-block-caption{margin:var(--spacing-sm)0 0;color:var(--color-text-muted);font-size:.9375rem}
.ed-heading-assoc{margin-top:var(--spacing-lg)}
.ed-heading-assoc-label{margin:0 0 var(--spacing-sm);color:var(--color-text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.ed-comparison-grid{margin:0;padding:0;list-style:none;gap:var(--spacing-md);grid-template-columns:1fr;display:grid}
@media (width>=700px){.ed-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ed-comparison-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-comparison-badge{margin:0 0 .35rem;color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ed-comparison-card-title{margin:0 0 .35rem;font-family:var(--font-heading);font-size:1.05rem}
.ed-comparison-card-summary{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.55}
.ed-comparison-points{margin:var(--spacing-sm)0 0;padding-left:1.15rem;color:var(--color-text);font-size:.9375rem}
.ed-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.ed-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.ed-table th,.ed-table td{padding:.75rem .85rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}
.ed-table thead th{background:var(--color-bg-subtle);font-weight:700}
.ed-table tbody th{font-weight:650;width:28%}
.ed-decision-list,.ed-process-steps,.ed-timeline-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-sm)}
.ed-decision-node,.ed-process-step,.ed-timeline-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-decision-prompt,.ed-process-step-title,.ed-timeline-title{font-family:var(--font-heading);font-weight:650}
.ed-decision-options{margin:var(--spacing-sm)0 0;padding-left:1.15rem}
.ed-decision-outcome,.ed-decision-next{color:var(--color-text-muted)}
.ed-process-steps{counter-reset:edProcess}
.ed-process-step{padding-left:3.25rem;position:relative}
.ed-process-step:before{counter-increment:edProcess;content:counter(edProcess);position:absolute;left:var(--spacing-md);top:var(--spacing-md);width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700}
.ed-timeline-list{position:relative}
.ed-timeline-list:before{content:"";position:absolute;left:.85rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(var(--color-primary),var(--color-accent))}
.ed-timeline-item{padding-left:2.5rem;position:relative}
.ed-timeline-item:before{content:"";position:absolute;left:.55rem;top:1.15rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px #6f795f14}
.ed-timeline-label{margin:0 0 .25rem;color:var(--color-primary);font-size:.8125rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ed-arch-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-sm)}
.ed-arch-node{margin-left:calc(var(--ed-depth,0)*1.25rem)}
.ed-arch-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-arch-card p{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.9375rem}
.ed-url-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-sm)}
.ed-url-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-url-pattern{margin:0 0 .35rem}
.ed-url-pattern code,.ed-url-example code{font-family:ui-monospace,monospace;font-size:.9em;background:#6f795f14;padding:.15em .45em;border-radius:var(--radius)}
.ed-url-label{color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-right:.35rem}
.ed-url-when,.ed-url-example,.ed-url-notes{margin:.35rem 0 0;font-size:.95rem}
.ed-callout{padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-subtle)}
.ed-callout-label{margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary)}
.ed-callout-body{margin:0;line-height:1.6}
.ed-callout-cite{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.875rem}
.ed-callout--warning{background:#fff7ed;border-color:#fdba74}
.ed-callout--warning .ed-callout-label{color:#c2410c}
.ed-callout--best-practice{background:var(--color-pastel-pink);border-color:#cbd9b9}
.ed-callout--tip{background:var(--color-pastel-blue);border-color:#cbd9b9}
.ed-callout--quote{background:#fff;border-left:4px solid var(--color-primary)}
.ed-checklist-list{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}
.ed-checklist-item{display:flex;align-items:flex-start;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}
.ed-checklist-label{display:flex;gap:.75rem;align-items:flex-start;width:100%;margin:0;padding:.75rem;cursor:pointer}
.ed-checklist-item.is-done{opacity:.85}
.ed-definition-list{margin:0}
.ed-definition-list dt{margin-top:var(--spacing-sm);font-family:var(--font-heading);font-weight:650}
.ed-definition-list dd{margin:.25rem 0 0;color:var(--color-text-muted)}
.ed-takeaways{padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-pastel-blue);border:1px solid #dbe5d4}
.ed-takeaways-list{margin:0;padding-left:1.2rem}
.ed-faq-list{display:grid;gap:var(--spacing-sm)}
.ed-faq-item{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;overflow:hidden}
.ed-faq-question{padding:var(--spacing-md);cursor:pointer;font-weight:600;list-style:none}
.ed-faq-question::-webkit-details-marker{display:none}
.ed-faq-answer{margin:0;padding:0 var(--spacing-md) var(--spacing-md);color:var(--color-text-muted);line-height:1.6}
.ed-metrics-grid{margin:0;padding:0;list-style:none;gap:var(--spacing-md);display:grid;grid-template-columns:1fr}
@media (width>=640px){.ed-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ed-metric-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;text-align:center}
.ed-metric-value{margin:0;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-primary)}
.ed-metric-label{margin:.25rem 0 0;font-weight:650}
.ed-metric-note{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.875rem}
.content-prose table{width:100%;border-collapse:collapse;margin:var(--spacing-md)0;font-size:.9375rem}
.content-prose th,.content-prose td{padding:.65rem .75rem;border:1px solid var(--color-border);text-align:left;vertical-align:top}
.content-prose thead th{background:var(--color-bg-subtle)}
@media (prefers-reduced-motion:reduce){.ed-block,.ed-comparison-card,.ed-process-step{transition:none}}

/* Article presentation — shared Markdown prose */
.content-article .content-article-body {
  max-width: min(52rem, 100%);
  margin-inline: auto;
}
.content-prose {
  color: var(--color-text);
  font-size: 1.0625rem;
  line-height: 1.75;
  letter-spacing: -0.005em;
}
.content-prose > *:first-child {
  margin-top: 0;
}
.content-prose > *:last-child {
  margin-bottom: 0;
}
.content-prose p {
  margin: 0 0 1.15rem;
}
.content-prose h1,
.content-prose h2,
.content-prose h3,
.content-prose h4 {
  font-family: var(--font-heading);
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-height: 1.25;
  scroll-margin-top: 6rem;
}
.content-prose h1 {
  margin: 2.5rem 0 1rem;
  font-size: clamp(1.5rem, 3vw, 1.85rem);
  font-weight: 700;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--color-border);
}
.content-prose h2 {
  margin: 2.25rem 0 0.85rem;
  font-size: 1.35rem;
  font-weight: 700;
}
.content-prose h3 {
  margin: 1.75rem 0 0.65rem;
  font-size: 1.125rem;
  font-weight: 650;
}
.content-prose h4 {
  margin: 1.35rem 0 0.5rem;
  font-size: 1.05rem;
  font-weight: 650;
}
.content-prose h1 + p,
.content-prose h2 + p,
.content-prose h3 + p,
.content-prose h4 + p {
  margin-top: 0;
}
.content-prose ul,
.content-prose ol {
  margin: 0 0 1.25rem;
  padding-left: 1.35rem;
}
.content-prose li {
  margin: 0.4rem 0;
  padding-left: 0.15rem;
  line-height: 1.65;
}
.content-prose li > ul,
.content-prose li > ol {
  margin: 0.35rem 0 0.5rem;
}
.content-prose strong {
  font-weight: 700;
  color: var(--color-text);
}
.content-prose a {
  color: var(--color-primary);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #6f795f59;
  text-underline-offset: 0.15em;
}
.content-prose a:hover {
  text-decoration-color: var(--color-primary);
}
.content-prose a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: 2px;
}
.content-prose code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9em;
  font-weight: 550;
  color: #4d5a3c;
  background: #edf3e2;
  border: 1px solid #cbd9b9;
  border-radius: 0.3rem;
  padding: 0.12em 0.4em;
  white-space: break-spaces;
}
.content-prose pre {
  margin: 0 0 1.25rem;
  padding: 1rem 1.1rem;
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #f8faf5;
}
.content-prose pre code {
  border: none;
  background: transparent;
  padding: 0;
  color: var(--color-text);
  font-size: 0.875rem;
}
.content-prose blockquote {
  margin: 1.25rem 0;
  padding: 0.85rem 1rem 0.85rem 1.1rem;
  border-left: 4px solid var(--color-primary);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--color-pastel-blue);
  color: var(--color-text);
}
.content-prose blockquote p {
  margin: 0;
}
.content-prose hr {
  margin: 2rem 0;
  border: none;
  border-top: 1px solid var(--color-border);
}
.content-sources {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}
.content-sources ul {
  margin: 0;
  padding-left: 1.25rem;
}
.docs-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-md);
}
.docs-list li {
  padding: var(--spacing-md) 0;
  border-bottom: 1px solid var(--color-border);
}
.docs-list a {
  color: var(--color-text);
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  text-decoration: none;
}
.docs-list a:hover {
  color: var(--color-primary);
}

/* Blog index */
.blog-page {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: clamp(2.5rem, 5vw, 4rem) var(--spacing-lg) var(--spacing-2xl);
  animation: 0.8s ease-out fadeInUp;
}
.blog-hero {
  margin: 0 0 clamp(2rem, 4vw, 2.75rem);
}
.blog-hero .product-eyebrow {
  margin: 0 0 0.65rem;
}
.blog-hero-title {
  margin: 0 0 var(--spacing-sm);
  font-family: var(--font-heading);
  font-size: clamp(2.35rem, 5vw, 3.35rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  color: var(--color-text);
  max-width: none;
}
.blog-hero-lead {
  margin: 0 0 var(--spacing-md);
  color: var(--color-text-muted);
  font-size: 1.15rem;
  line-height: 1.7;
  max-width: 48rem;
}
.blog-rss {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--color-primary);
  font-size: 0.9rem;
  font-weight: 650;
  text-decoration: none;
}
.blog-rss:hover {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.blog-empty {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 1.05rem;
  line-height: 1.65;
}
.blog-feed {
  display: grid;
  gap: var(--spacing-lg);
}
.blog-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--spacing-md);
  grid-template-columns: 1fr;
}
@media (width >= 800px) {
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.blog-card {
  display: grid;
  color: inherit;
  text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  box-shadow:
    0 1px 2px rgba(40, 55, 43, 0.04),
    0 14px 36px -22px rgba(111, 121, 95, 0.28);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s, border-color 0.25s;
  position: relative;
}
.blog-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  opacity: 0;
  transition: opacity 0.25s;
  z-index: 1;
}
.blog-card:hover {
  border-color: rgba(111, 121, 95, 0.28);
  transform: translateY(-4px);
  box-shadow: 0 22px 44px -16px rgba(111, 121, 95, 0.2);
}
.blog-card:hover::before {
  opacity: 1;
}
.blog-card:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.blog-card--featured {
  grid-template-columns: 1fr;
}
@media (width >= 860px) {
  .blog-card--featured {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    align-items: stretch;
    min-height: 22rem;
  }
  .blog-card--featured .blog-card-media {
    aspect-ratio: auto;
    min-width: 0;
    height: 100%;
  }
}
.blog-card-media {
  background: linear-gradient(145deg, var(--color-pastel-blue) 0%, #f8faf5 55%, var(--color-pastel-pink) 100%);
  aspect-ratio: 16 / 9;
  min-height: 0;
  overflow: hidden;
}
.blog-card--featured .blog-card-media {
  min-width: 0;
}
.blog-card-media--compact {
  aspect-ratio: 16 / 9;
}
.blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.blog-card-fallback {
  position: relative;
  min-height: inherit;
  height: 100%;
  overflow: hidden;
  background:
    radial-gradient(520px 240px at 18% 22%, rgba(111, 121, 95, 0.18), transparent 62%),
    radial-gradient(440px 220px at 86% 72%, rgba(217, 242, 148, 0.16), transparent 58%),
    linear-gradient(155deg, #edf3e2 0%, #f8faf5 48%, #e8f4cf 100%);
}
.blog-card-fallback::before,
.blog-card-fallback::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}
.blog-card-fallback::before {
  width: 58%;
  height: 58%;
  left: -8%;
  top: 18%;
  background: rgba(111, 121, 95, 0.1);
  filter: blur(2px);
  transform: rotate(-18deg);
}
.blog-card-fallback::after {
  width: 46%;
  height: 46%;
  right: -6%;
  bottom: 10%;
  background: rgba(217, 242, 148, 0.12);
  filter: blur(1px);
  transform: rotate(22deg);
}
.blog-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: var(--spacing-lg);
  min-width: 0;
}
.blog-card--featured .blog-card-body {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: clamp(1.4rem, 3.2vw, 2.25rem);
  justify-content: center;
  gap: 0.75rem;
}
.blog-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.75rem;
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
}
.blog-card-category {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: var(--radius);
  background: rgba(111, 121, 95, 0.08);
  color: var(--color-primary);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 700;
}
.blog-card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: var(--color-text);
  text-decoration: none;
}
.blog-card--featured .blog-card-title {
  font-size: clamp(1.5rem, 2.8vw, 2rem);
}
.blog-card:hover .blog-card-title {
  color: var(--color-primary);
}
.blog-card-desc {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.98rem;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-card--featured .blog-card-desc {
  -webkit-line-clamp: 4;
  font-size: 1.05rem;
  line-height: 1.7;
}
.blog-card-byline {
  margin: 0.5rem 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem 1rem;
  color: var(--color-text-muted);
  font-size: 0.875rem;
}
.blog-card-authors {
  min-width: 0;
}
.blog-card-cta {
  color: var(--color-primary);
  font-weight: 650;
  white-space: nowrap;
}
@media (width <= 640px) {
  .blog-page {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  .blog-card-body {
    padding: var(--spacing-md);
  }
}
@media (prefers-reduced-motion: reduce) {
  .blog-page,
  .blog-card {
    animation: none;
    transition: none;
  }
  .blog-card:hover {
    transform: none;
  }
}

/* Editorial Component System */
.ed-blocks{margin:var(--spacing-lg)0;gap:var(--spacing-lg);display:grid}
.ed-block{margin:0}
.ed-block-title{margin:0 0 var(--spacing-md);font-family:var(--font-heading);font-size:1.15rem;font-weight:650;letter-spacing:-.01em}
.ed-block-caption{margin:var(--spacing-sm)0 0;color:var(--color-text-muted);font-size:.9375rem}
.ed-heading-assoc{margin-top:var(--spacing-lg)}
.ed-heading-assoc-label{margin:0 0 var(--spacing-sm);color:var(--color-text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.ed-comparison-grid{margin:0;padding:0;list-style:none;gap:var(--spacing-md);grid-template-columns:1fr;display:grid}
@media (width>=700px){.ed-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ed-comparison-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-comparison-badge{margin:0 0 .35rem;color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ed-comparison-card-title{margin:0 0 .35rem;font-family:var(--font-heading);font-size:1.05rem}
.ed-comparison-card-summary{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.55}
.ed-comparison-points{margin:var(--spacing-sm)0 0;padding-left:1.15rem;color:var(--color-text);font-size:.9375rem}
.ed-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.ed-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.ed-table th,.ed-table td{padding:.75rem .85rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}
.ed-table thead th{background:var(--color-bg-subtle);font-weight:700}
.ed-table tbody th{font-weight:650;width:28%}
.ed-decision-list,.ed-process-steps,.ed-timeline-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-sm)}
.ed-decision-node,.ed-process-step,.ed-timeline-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-decision-prompt,.ed-process-step-title,.ed-timeline-title{font-family:var(--font-heading);font-weight:650}
.ed-decision-options{margin:var(--spacing-sm)0 0;padding-left:1.15rem}
.ed-decision-outcome,.ed-decision-next{color:var(--color-text-muted)}
.ed-process-steps{counter-reset:edProcess}
.ed-process-step{padding-left:3.25rem;position:relative}
.ed-process-step:before{counter-increment:edProcess;content:counter(edProcess);position:absolute;left:var(--spacing-md);top:var(--spacing-md);width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700}
.ed-timeline-list{position:relative}
.ed-timeline-list:before{content:"";position:absolute;left:.85rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(var(--color-primary),var(--color-accent))}
.ed-timeline-item{padding-left:2.5rem;position:relative}
.ed-timeline-item:before{content:"";position:absolute;left:.55rem;top:1.15rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px #6f795f14}
.ed-timeline-label{margin:0 0 .25rem;color:var(--color-primary);font-size:.8125rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ed-arch-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-sm)}
.ed-arch-node{margin-left:calc(var(--ed-depth,0)*1.25rem)}
.ed-arch-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-arch-card p{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.9375rem}
.ed-url-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-sm)}
.ed-url-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff}
.ed-url-pattern{margin:0 0 .35rem}
.ed-url-pattern code,.ed-url-example code{font-family:ui-monospace,monospace;font-size:.9em;background:#6f795f14;padding:.15em .45em;border-radius:var(--radius)}
.ed-url-label{color:var(--color-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-right:.35rem}
.ed-url-when,.ed-url-example,.ed-url-notes{margin:.35rem 0 0;font-size:.95rem}
.ed-callout{padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-subtle)}
.ed-callout-label{margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary)}
.ed-callout-body{margin:0;line-height:1.6}
.ed-callout-cite{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.875rem}
.ed-callout--warning{background:#fff7ed;border-color:#fdba74}
.ed-callout--warning .ed-callout-label{color:#c2410c}
.ed-callout--best-practice{background:var(--color-pastel-pink);border-color:#cbd9b9}
.ed-callout--tip{background:var(--color-pastel-blue);border-color:#cbd9b9}
.ed-callout--quote{background:#fff;border-left:4px solid var(--color-primary)}
.ed-checklist-list{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}
.ed-checklist-item{display:flex;align-items:flex-start;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}
.ed-checklist-label{display:flex;gap:.75rem;align-items:flex-start;width:100%;margin:0;padding:.75rem;cursor:pointer}
.ed-checklist-item.is-done{opacity:.85}
.ed-definition-list{margin:0}
.ed-definition-list dt{margin-top:var(--spacing-sm);font-family:var(--font-heading);font-weight:650}
.ed-definition-list dd{margin:.25rem 0 0;color:var(--color-text-muted)}
.ed-takeaways{padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-pastel-blue);border:1px solid #dbe5d4}
.ed-takeaways-list{margin:0;padding-left:1.2rem}
.ed-faq-list{display:grid;gap:var(--spacing-sm)}
.ed-faq-item{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;overflow:hidden}
.ed-faq-question{padding:var(--spacing-md);cursor:pointer;font-weight:600;list-style:none}
.ed-faq-question::-webkit-details-marker{display:none}
.ed-faq-answer{margin:0;padding:0 var(--spacing-md) var(--spacing-md);color:var(--color-text-muted);line-height:1.6}
.ed-metrics-grid{margin:0;padding:0;list-style:none;gap:var(--spacing-md);display:grid;grid-template-columns:1fr}
@media (width>=640px){.ed-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ed-metric-card{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;text-align:center}
.ed-metric-value{margin:0;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-primary)}
.ed-metric-label{margin:.25rem 0 0;font-weight:650}
.ed-metric-note{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.875rem}
@media (prefers-reduced-motion:reduce){.ed-block,.ed-comparison-card,.ed-process-step{transition:none}}

/* Article tables — readable editorial presentation */
.article-table-wrapper {
  margin: 1.75rem 0 2rem;
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border: 1px solid #dbe5d4;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(40, 55, 43, 0.04), 0 14px 32px -20px rgba(111, 121, 95, 0.22);
  scrollbar-width: thin;
  scrollbar-color: #afc184 transparent;
}
.article-table-wrapper:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}
.content-prose .article-table,
.article-table {
  width: 100%;
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  table-layout: fixed;
  font-size: 0.97rem;
  line-height: 1.55;
  color: var(--color-text);
}
.article-table--compact {
  min-width: 0;
}
.article-table--matrix {
  min-width: 36rem;
}
.article-table caption.article-table-caption:not(.visually-hidden) {
  caption-side: top;
  text-align: left;
  padding: 0.95rem 1.1rem 0.4rem;
  font-family: var(--font-heading);
  font-weight: 650;
  font-size: 1rem;
}
.content-prose .article-table thead th,
.article-table thead th {
  background: linear-gradient(180deg, #edf3e2 0%, #e9f2d9 100%);
  color: var(--color-text);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.01em;
  border: none;
  border-bottom: 1px solid #cbd9b9;
  padding: 0.95rem 1.05rem;
  text-align: left;
  vertical-align: bottom;
  white-space: normal;
}
.article-table thead th:first-child {
  border-top-left-radius: 13px;
}
.article-table thead th:last-child {
  border-top-right-radius: 13px;
}
.content-prose .article-table tbody th,
.content-prose .article-table tbody td,
.article-table tbody th,
.article-table tbody td {
  padding: 1rem 1.05rem;
  border: none;
  border-bottom: 1px solid #dbe5d4;
  text-align: left;
  vertical-align: top;
  background: #ffffff;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.article-table tbody tr:last-child th,
.article-table tbody tr:last-child td {
  border-bottom: none;
}
.article-table tbody tr:nth-child(even) th,
.article-table tbody tr:nth-child(even) td {
  background: #f8faf5;
}
.article-table tbody tr:hover > th,
.article-table tbody tr:hover > td {
  background: #edf3e2;
}
.article-table--row-labels thead th:first-child,
.article-table--row-labels tbody > tr > th {
  font-family: var(--font-heading);
  font-weight: 650;
  color: var(--color-text);
  background: #edf3e2;
  width: 28%;
  min-width: 8.5rem;
  max-width: none;
  position: sticky;
  left: 0;
  z-index: 2;
  box-shadow: 1px 0 0 #dbe5d4;
}
.article-table--row-labels thead th:first-child {
  z-index: 3;
  background: #e9f2d9;
}
.article-table--row-labels tbody > tr:nth-child(even) > th {
  background: #edf3e2;
}
.article-table--row-labels tbody > tr:hover > th {
  background: #e7f0dc;
}

/* Comparison / decision matrices */
.article-table--matrix thead th:nth-child(2) {
  background: linear-gradient(180deg, #e9f2d9 0%, #edf3e2 100%);
}
.article-table--matrix thead th:nth-child(3) {
  background: linear-gradient(180deg, #e9f2d9 0%, #f4f8ee 100%);
}
.article-table--matrix thead th:nth-child(n + 4) {
  background: linear-gradient(180deg, #e8f4cf 0%, #f4f8ee 100%);
}
.article-table--matrix tbody td {
  min-width: 0;
  padding: 1rem 1.05rem;
}
.article-table--matrix tbody td:nth-child(2) {
  background: #f4f8ee;
}
.article-table--matrix tbody td:nth-child(3) {
  background: #f4f8ee;
}
.article-table--matrix tbody td:nth-child(n + 4) {
  background: #f8faf5;
}
.article-table--matrix tbody tr:nth-child(even) td:nth-child(2) {
  background: #edf3e2;
}
.article-table--matrix tbody tr:nth-child(even) td:nth-child(3) {
  background: #e8f4cf;
}
.article-table--matrix tbody tr:nth-child(even) td:nth-child(n + 4) {
  background: #edf3e2;
}
.article-table--matrix tbody tr:hover > td:nth-child(2) {
  background: #e9f2d9;
}
.article-table--matrix tbody tr:hover > td:nth-child(3) {
  background: #e7f4cf;
}
.article-table--matrix tbody tr:hover > td:nth-child(n + 4) {
  background: #e9f2d9;
}
.article-table--matrix tbody td:nth-child(2) code {
  display: inline-block;
  margin: 0.1rem 0;
  padding: 0.28em 0.55em;
  font-size: 0.86em;
  border-radius: 0.45rem;
}

.content-prose .article-table code,
.article-table code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.86em;
  font-weight: 550;
  color: #556243;
  background: #edf3e2;
  border: 1px solid #cbd9b9;
  border-radius: 0.4rem;
  padding: 0.14em 0.42em;
  white-space: break-spaces;
}
.content-prose > table {
  display: block;
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 1.35rem 0 1.75rem;
  font-size: 0.98rem;
}

html.dark .article-table-wrapper,
[data-theme="dark"] .article-table-wrapper {
  border-color: #455346;
  background: #26382a;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 18px 40px -20px rgba(111, 121, 95, 0.4);
}
html.dark .article-table,
html.dark .article-table thead th,
html.dark .article-table--row-labels tbody th,
[data-theme="dark"] .article-table,
[data-theme="dark"] .article-table thead th,
[data-theme="dark"] .article-table--row-labels tbody th {
  color: #e8f4cf;
}
html.dark .content-prose .article-table thead th,
html.dark .article-table thead th,
[data-theme="dark"] .content-prose .article-table thead th,
[data-theme="dark"] .article-table thead th {
  background: #3f4d41;
  border-bottom-color: #455346;
}
html.dark .content-prose .article-table tbody th,
html.dark .content-prose .article-table tbody td,
html.dark .article-table tbody th,
html.dark .article-table tbody td,
[data-theme="dark"] .content-prose .article-table tbody th,
[data-theme="dark"] .content-prose .article-table tbody td,
[data-theme="dark"] .article-table tbody th,
[data-theme="dark"] .article-table tbody td {
  background: #26382a;
  border-bottom-color: #455346;
}
html.dark .article-table tbody tr:nth-child(even) th,
html.dark .article-table tbody tr:nth-child(even) td,
[data-theme="dark"] .article-table tbody tr:nth-child(even) th,
[data-theme="dark"] .article-table tbody tr:nth-child(even) td {
  background: #344237;
}
html.dark .article-table--row-labels thead th:first-child,
html.dark .article-table--row-labels tbody > tr > th,
[data-theme="dark"] .article-table--row-labels thead th:first-child,
[data-theme="dark"] .article-table--row-labels tbody > tr > th {
  background: #354638;
  box-shadow: 1px 0 0 #455346;
}
html.dark .article-table--matrix tbody td:nth-child(2),
[data-theme="dark"] .article-table--matrix tbody td:nth-child(2) {
  background: #354638;
}
html.dark .article-table--matrix tbody td:nth-child(3),
[data-theme="dark"] .article-table--matrix tbody td:nth-child(3) {
  background: #172a28;
}
html.dark .article-table code,
[data-theme="dark"] .article-table code {
  color: #cbd9b9;
  background: #354638;
  border-color: #455346;
}


.article-decision-block,
.article-checklist-block,
.article-definition-pair {
  margin: 1.25rem 0 1.75rem;
}
.article-aside-title {
  margin: 0 0 0.85rem;
  font-family: var(--font-heading);
  font-size: 1.15rem;
  font-weight: 650;
}
.article-decision-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: articleDecision;
  display: grid;
  gap: 0.65rem;
}
.article-decision-steps > li {
  counter-increment: articleDecision;
  position: relative;
  margin: 0;
  padding: 0.95rem 1rem 0.95rem 3.35rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: 0 4px 12px -8px #26382a22;
  line-height: 1.6;
}
.article-decision-steps > li::before {
  content: counter(articleDecision);
  position: absolute;
  left: 0.9rem;
  top: 0.95rem;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  background: var(--color-primary);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article-decision-steps > li strong {
  font-family: var(--font-heading);
}

.article-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}
.article-checklist-item {
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: #fff;
  line-height: 1.55;
}
.article-checklist-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  padding: 0.8rem 0.9rem;
  cursor: pointer;
}
.article-checklist-input,
.ed-checklist-input {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0.15rem 0 0;
  border: 2px solid #a2ae99;
  border-radius: 0.25rem;
  background: #fff;
  cursor: pointer;
}
.article-checklist-input:checked,
.ed-checklist-input:checked,
.article-checklist-item.is-checked .article-checklist-input,
.ed-checklist-item.is-done .ed-checklist-input {
  border-color: var(--color-accent);
  background-color: var(--color-accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.5'%3E%3Cpath d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");
  background-size: 0.75rem 0.75rem;
  background-repeat: no-repeat;
  background-position: center;
}
.article-checklist-input:focus-visible,
.ed-checklist-input:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.article-checklist-text,
.ed-checklist-text {
  flex: 1;
  min-width: 0;
}
.article-checklist-item.is-checked .article-checklist-text,
.ed-checklist-item.is-done .ed-checklist-text {
  color: var(--color-text-muted);
}
.ed-checklist-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
@media print {
  .article-checklist-item,
  .article-decision-steps > li,
  .article-table-wrapper {
    box-shadow: none;
    break-inside: avoid;
  }
}

.article-definition-list {
  margin: 0;
  display: grid;
  gap: 0.65rem;
}
.article-definition-row {
  display: grid;
  gap: 0.35rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #fff;
}
@media (width >= 700px) {
  .article-definition-row {
    grid-template-columns: minmax(10rem, 34%) 1fr;
    gap: 1rem;
    align-items: start;
  }
}
.article-definition-row dt {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
}
.article-definition-row dd {
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.55;
}

@media (width <= 640px) {
  .content-prose {
    font-size: 1.03rem;
  }
  .article-table-wrapper {
    margin: 1.5rem 0 1.8rem;
    border-radius: 12px;
  }
  .article-table {
    font-size: 0.94rem;
  }
  .content-prose .article-table thead th,
  .content-prose .article-table tbody th,
  .content-prose .article-table tbody td,
  .article-table thead th,
  .article-table tbody th,
  .article-table tbody td {
    padding: 0.9rem 0.85rem;
  }
  .article-table--matrix {
    min-width: 32rem;
  }
  .article-table--row-labels thead th:first-child,
  .article-table--row-labels tbody > tr > th {
    min-width: 8rem;
    width: 34%;
  }
}


/* ===== Mobile navigation v9 (opaque drawer, accordion, tap-safe) ===== */
#mobile-nav.mobile-nav {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: block !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none !important;
  transition: opacity .2s ease, visibility 0s linear .2s;
}
#mobile-nav.mobile-nav.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto !important;
  transition: opacity .2s ease;
}
#mobile-nav .mobile-nav-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(40, 55, 43, .55) !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
#mobile-nav .mobile-nav-panel {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: min(22.5rem, 100%) !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: calc(.85rem + env(safe-area-inset-top, 0px)) 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff !important;
  border: none !important;
  border-left: 1px solid #dbe5d4 !important;
  border-radius: 0 !important;
  box-shadow: -18px 0 48px rgba(40, 55, 43, .22) !important;
  transform: translate3d(100%, 0, 0) !important;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1);
  pointer-events: auto !important;
  touch-action: pan-y;
}
#mobile-nav.mobile-nav.is-open .mobile-nav-panel {
  transform: translate3d(0, 0, 0) !important;
}
#mobile-nav .mobile-nav-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem;
  flex-shrink: 0;
  position: sticky;
  top: calc(-.85rem - env(safe-area-inset-top, 0px));
  z-index: 2;
  margin: 0 0 .35rem;
  padding: 0 0 .85rem;
  background: #fff;
  border-bottom: 1px solid #dbe5d4;
}
#mobile-nav .mobile-nav-brand {
  display: inline-flex !important;
  align-items: center;
  min-height: 2.75rem;
  text-decoration: none !important;
}
#mobile-nav .mobile-nav-brand img {
  display: block;
  width: 6.75rem;
  height: auto;
}
#mobile-nav .mobile-nav-close {
  position: static !important;
  z-index: 1;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: auto !important;
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dbe5d4 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #28372b !important;
  font-size: 1.75rem !important;
  line-height: 1 !important;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
#mobile-nav .mobile-nav-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto;
  min-height: 0;
  margin: .35rem 0 0;
  overflow: visible !important;
}
#mobile-nav .mobile-nav-accordion {
  border-bottom: 1px solid #dbe5d4;
}
#mobile-nav .mobile-nav-accordion-trigger,
#mobile-nav a.mobile-nav-item--top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 3.15rem !important;
  margin: 0 !important;
  padding: .85rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #28372b !important;
  font: inherit;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
#mobile-nav a.mobile-nav-item--top {
  border-bottom: 1px solid #dbe5d4;
}
#mobile-nav .mobile-nav-chevron {
  width: .55rem;
  height: .55rem;
  margin-right: .2rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform .16s ease;
  flex-shrink: 0;
}
#mobile-nav .mobile-nav-accordion-trigger[aria-expanded="true"] {
  color: #6f795f !important;
}
#mobile-nav .mobile-nav-accordion-trigger[aria-expanded="true"] .mobile-nav-chevron {
  transform: rotate(45deg);
}
#mobile-nav .mobile-nav-accordion-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: .15rem;
  padding: 0 0 .75rem;
}
#mobile-nav .mobile-nav-accordion-panel[hidden] {
  display: none !important;
}
#mobile-nav a.mobile-nav-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  padding: .65rem .85rem !important;
  border: 0 !important;
  border-radius: .5rem !important;
  background: transparent !important;
  color: #65715f !important;
  font-size: .98rem !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
#mobile-nav a.mobile-nav-item:active,
#mobile-nav a.mobile-nav-item:hover {
  background: #f2f7eb !important;
  color: #6f795f !important;
}
#mobile-nav .mobile-nav-footer {
  flex: 0 0 auto;
  position: static;
  z-index: auto;
  margin-top: 1rem;
  padding: 1rem 0 0;
  background: transparent;
  border-top: 1px solid #dbe5d4;
}
#mobile-nav a.mobile-nav-cta,
#mobile-nav a.mobile-nav-cta.btn,
#mobile-nav a.mobile-nav-cta.btn-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  width: 100% !important;
  min-height: 3.25rem !important;
  margin: 0 !important;
  padding: .9rem 1.1rem !important;
  border: none !important;
  border-radius: .55rem !important;
  background: #6f795f !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(111, 121, 95, .28) !important;
  animation: none !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
#mobile-nav a.mobile-nav-cta:hover,
#mobile-nav a.mobile-nav-cta:active,
#mobile-nav a.mobile-nav-cta.btn:hover,
#mobile-nav a.mobile-nav-cta.btn-primary:hover {
  background: #556243 !important;
  color: #fff !important;
  text-decoration: none !important;
}
#mobile-nav .mobile-nav-close:focus-visible,
#mobile-nav .mobile-nav-accordion-trigger:focus-visible,
#mobile-nav a.mobile-nav-item:focus-visible,
#mobile-nav a.mobile-nav-cta:focus-visible {
  outline: 3px solid rgba(111, 121, 95, .45);
  outline-offset: 2px;
}

/* Keep sticky header from stealing taps while the drawer is open */
body.mobile-nav-open {
  overflow: hidden !important;
}
body.mobile-nav-open .header {
  pointer-events: none !important;
  visibility: hidden !important;
}
body.mobile-nav-open .wt-cc-banner,
body.mobile-nav-open #wt-cc-root {
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #mobile-nav.mobile-nav,
  #mobile-nav .mobile-nav-panel,
  #mobile-nav .mobile-nav-chevron {
    transition: none !important;
  }
}

/* Footer social icons (brand column) */
.footer-social{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:var(--spacing-md)}.footer-social-link{width:2.25rem;height:2.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#f4f8ee;background:rgba(255,255,255,.08);border:1px solid rgba(217,242,148,.22);text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.footer-social-link:hover{background:rgba(255,255,255,.14);border-color:rgba(217,242,148,.5);color:#fff}.footer-social-link:focus-visible{outline:2px solid #d9f294;outline-offset:2px}.footer-social-link svg{width:1rem;height:1rem;fill:currentColor;display:block}

.mega-panel-inner{max-height:min(78vh,640px)}
.mega-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem 1.75rem;margin-bottom:var(--spacing-lg);max-width:var(--max-width);margin-left:auto;margin-right:auto}
.mega-group-heading{margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}
.mega-group-list{display:flex;flex-direction:column;gap:.15rem}
.mega-groups .mega-tile{flex-direction:row;align-items:flex-start;gap:.7rem;padding:.55rem .65rem}
.mega-groups .mega-tile-icon{width:2rem;height:2rem;margin:0;flex-shrink:0}
.mega-tile-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.mega-tile-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.mega-tile-icon--amber{background:var(--color-pastel-yellow)}
.mega-tile-icon--slate{background:var(--color-bg-subtle)}
.nav-soon-badge{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:999px;background:var(--color-pastel-blue);color:var(--color-primary);font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.product-coming-soon-note{margin:0 0 var(--spacing-xl);padding:1rem 1.15rem;border:1px solid rgba(15,118,110,.2);border-radius:var(--radius-lg);background:var(--color-pastel-yellow);color:var(--color-text);font-size:.95rem;line-height:1.55}
.mobile-nav-group{margin:.35rem 0 .2rem}
.mobile-nav-group-label{margin:.55rem .75rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}
.mobile-nav-item .nav-soon-badge{margin-left:.4rem}
@media (max-width:960px){.mega-groups{grid-template-columns:1fr}}

/* Simplified product menu */
.mega-panel-inner--product{max-height:none;overflow:visible}
.mega-products{display:grid;grid-template-columns:minmax(0,1fr) minmax(13.5rem,16.5rem);gap:1.5rem 2rem;align-items:stretch;width:100%;max-width:var(--max-width);margin:0 auto}
.mega-products-list{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.mega-product,.mega-product:hover,.mega-product:focus-visible{color:var(--color-text);text-decoration:none !important}
.mega-product{display:flex;align-items:flex-start;gap:1rem;padding:.9rem 1rem;border:1px solid transparent;border-radius:1rem;background:transparent;box-shadow:none;transition:background .18s ease,border-color .18s ease}
.mega-product:hover{background:#fff;border-color:rgba(111,121,95,.12);box-shadow:0 8px 24px -16px rgba(111,121,95,.45)}
.mega-product:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.mega-product-icon{display:flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;margin:0;flex:0 0 2.65rem;border-radius:.75rem;color:var(--color-primary)}
.mega-product-copy,.mega-product-heading,.mega-product-title,.mega-product-tagline,.mega-product-desc{display:block;text-decoration:none !important}
.mega-product-copy{min-width:0}
.mega-product-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;margin:0 0 .2rem}
.mega-product-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--color-text)}
.mega-product-tagline{margin:0 0 .35rem;font-size:.88rem;font-weight:600;line-height:1.35;color:var(--color-text)}
.mega-product-desc{font-size:.86rem;line-height:1.5;color:var(--color-text-muted)}
.mega-products-aside{display:flex;flex-direction:column;justify-content:center;gap:.45rem;padding:1.25rem 1.2rem;border:1px solid #dbe5d4;border-radius:1rem;background:linear-gradient(180deg,var(--color-pastel-blue) 0%,#f8faf5 100%)}
.mega-products-aside-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}
.mega-products-aside-link{color:var(--color-primary);font-family:var(--font-heading);font-size:1.05rem;font-weight:700;line-height:1.3;text-decoration:none !important}
.mega-products-aside-link:hover{color:var(--color-primary-hover)}
.mega-products-aside-copy{margin:0;color:var(--color-text-muted);font-size:.84rem;line-height:1.45}
.mobile-product-item,.mobile-product-item:hover{color:var(--color-text);text-decoration:none !important}
.mobile-product-item{display:flex;flex-direction:column;gap:.18rem;margin:.35rem .25rem;padding:.85rem .8rem;border:1px solid var(--color-border);border-radius:.85rem;background:#fff}
.mobile-product-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.mobile-product-title{display:block;font-size:1rem;font-weight:700}
.mobile-product-tagline{display:block;font-size:.82rem;font-weight:600}
.mobile-product-description{display:block;color:var(--color-text-muted);font-size:.78rem;line-height:1.42}
.mobile-nav-all-features{margin-top:.4rem;color:var(--color-primary);font-weight:700;text-decoration:none !important}
@media (max-width:900px){.mega-products{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mega-product{transition:none}}

/* Visual polish — depth, glass, ambient light (no copy changes) */
:root{
  --surface-shadow:0 1px 2px rgba(40,55,43,.05),0 18px 44px -22px rgba(111,121,95,.38);
  --surface-shadow-hover:0 10px 28px -12px rgba(111,121,95,.4),0 4px 10px rgba(40,55,43,.06);
}
.glass,.faq,.step,.product-pillar,.feature-card,.pricing-card{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--surface-shadow);
  border-radius:var(--radius-lg);
}
.step,.product-pillar,.feature-card,.pricing-card,.faq{
  padding:calc(var(--spacing-lg) + .15rem);
}
.step{padding-left:4.65rem}
.step:hover,.product-pillar:hover,.feature-card:hover,.pricing-card:hover{
  transform:translateY(-5px);
  border-color:rgba(111,121,95,.16);
  box-shadow:var(--surface-shadow-hover);
}
.hero{
  padding-top:1.75rem;
  padding-bottom:2.25rem;
  gap:1.35rem;
}
.hero-badge{margin-bottom:0}
.hero-title{margin-bottom:0;max-width:20.5em;margin-inline:auto;font-size:clamp(2.35rem,3.6vw + .55rem,3.4rem);line-height:1.12}
.hero-title .highlight{display:block}
.hero-subtitle{margin-bottom:0;line-height:1.6}
.hero-ctas--stacked{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:none;
  gap:.45rem;
}
.hero-ctas--stacked .btn{
  width:auto;
  max-width:100%;
  margin-inline:auto;
  justify-content:center;
}
.hero-cta-note{
  margin:0;
  color:var(--color-text-muted);
  font-size:.875rem;
  font-weight:500;
  line-height:1.4;
  text-align:center;
}
.hero-image{
  margin-top:0;
  width:100%;
  max-width:900px;
  aspect-ratio:auto;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(111,121,95,.18);
  background:#fff;
  border-radius:1.15rem;
  box-shadow:0 24px 48px -20px rgba(111,121,95,.38),0 6px 14px rgba(40,55,43,.05);
}
.hero-image picture,.hero-image img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
}
.hero-image picture{aspect-ratio:auto}
.hero-image img{
  aspect-ratio:900/503;
  object-fit:contain;
  border-radius:inherit;
}
@media (max-width:768px){
  .hero{
    padding-top:.35rem;
    padding-bottom:1rem;
    gap:.35rem;
  }
  .hero-title{order:1;margin-bottom:0;font-size:1.45rem;line-height:1.16;letter-spacing:-.03em;max-width:16em;padding-inline:.15rem}
  .hero-image{
    --hero-img-h:min(calc(100svh - 14.75rem),calc(100dvh - 14.75rem),calc(100vh - 15.75rem));
    order:2;
    flex-shrink:0;
    margin-top:0;
    margin-inline:auto;
    width:min(86vw,calc(var(--hero-img-h) * 390 / 650));
    max-width:86vw;
    height:auto;
    max-height:var(--hero-img-h);
    aspect-ratio:390/650;
    overflow:hidden;
    padding:0;
  }
  .hero-ctas{order:3}
  .hero-ctas--stacked{gap:.3rem}
  .hero-cta-note{font-size:.8125rem}
  .hero-badge{order:4;margin:0;font-size:.75rem;padding:.3rem .7rem}
  .hero-subtitle{order:5;margin-bottom:0}
  .hero-image picture,.hero-image img{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:390/650;
    object-fit:contain;
    object-position:center;
  }
}
.hero:before{
  background-image:
    radial-gradient(circle at 15% 10%,rgba(237,243,226,.72) 0%,rgba(237,243,226,0) 42vw),
    radial-gradient(circle at 85% 20%,rgba(217,242,148,.28) 0%,rgba(217,242,148,0) 42vw),
    radial-gradient(circle at 50% 80%,rgba(111,121,95,.08) 0%,rgba(111,121,95,0) 44vw),
    radial-gradient(circle at 10% 90%,rgba(232,244,207,.44) 0%,rgba(232,244,207,0) 40vw);
}
body:after{
  background-image:
    radial-gradient(circle at 15% 8%,rgba(111,121,95,.14) 0%,rgba(111,121,95,0) 44vw),
    radial-gradient(circle at 85% 18%,rgba(217,242,148,.1) 0%,rgba(217,242,148,0) 44vw),
    radial-gradient(circle at 52% 78%,rgba(237,243,226,.72) 0%,rgba(237,243,226,0) 50vw);
}
.how-it-works:before{
  background:linear-gradient(180deg,rgba(237,243,226,.95) 0%,rgba(237,243,226,.72) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.features{
  position:relative;
}
.features:before{
  content:"";
  position:absolute;
  inset:0 0 0 50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.78) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.features .feature-card .feature-icon{
  background:var(--color-pastel-blue)!important;
  border:1px solid rgba(111,121,95,.12)!important;
  color:var(--color-primary)!important;
  border-radius:.85rem;
}
.features .feature-card:nth-child(3n) .feature-icon{background:var(--color-pastel-purple)!important}
.features .feature-card:nth-child(3n+2) .feature-icon{background:#e8f4cf!important}
.features .feature-card:hover .feature-icon{
  background:var(--color-primary)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.use-case-icon{
  border-radius:.9rem;
  box-shadow:0 8px 20px -14px rgba(111,121,95,.45);
}
.faq{
  max-width:var(--max-width);
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:var(--spacing-2xl) var(--spacing-lg);
}
.feature-page .faq,
.product-page .faq,
.feature-detail .faq,
.integration-page .faq{
  max-width:100%;
}
.faq-item{
  border-radius:.85rem;
  background:rgba(255,255,255,.55);
  box-shadow:0 1px 2px rgba(40,55,43,.04);
}
.product-page .product-pillar,.product-page .feature-card{
  background:rgba(255,255,255,.78);
}
@media (prefers-reduced-motion:reduce){
  .step:hover,.product-pillar:hover,.feature-card:hover,.pricing-card:hover{transform:none}
}
.home-value,.use-cases,.features,.faq.home-faq{
  content-visibility:auto;
  contain-intrinsic-size:auto 720px;
}
.features-hub-group{margin:var(--spacing-lg) 0 0}
.features-hub-group-heading{margin:0 0 var(--spacing-sm);font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}
.features-hub-group .product-related{margin-top:0}
.features-hub-group .product-related strong{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}

/* Logo: full opacity at rest; soft lift + drop shadow on hover. */
.header a.logo,
.footer a.logo {
  color: var(--color-text);
  opacity: 1;
}
.header a.logo:hover,
.footer a.logo:hover {
  color: var(--color-text);
}
.header a.logo .logo-img,
.footer a.logo .logo-img,
#mobile-nav .mobile-nav-brand img {
  display: block;
  opacity: 1;
  transform: translateY(0);
  filter: drop-shadow(0 0 0 transparent);
  transition:
    transform .28s cubic-bezier(0.22, 1, 0.36, 1),
    filter .28s cubic-bezier(0.22, 1, 0.36, 1),
    opacity .2s ease;
}
/* Dark footer: render the PNG wordmark as white. */
.footer a.logo .logo-img {
  filter: brightness(0) invert(1);
}
@media (hover: hover) {
  .header a.logo:hover .logo-img {
    transform: translateY(-2px);
    filter:
      drop-shadow(0 8px 14px rgba(40, 55, 43, 0.18))
      drop-shadow(0 2px 6px rgba(217, 242, 148, 0.55));
  }
  .footer a.logo:hover .logo-img {
    opacity: .88;
    filter: brightness(0) invert(1) drop-shadow(0 6px 14px rgba(217, 242, 148, 0.28));
  }
  #mobile-nav .mobile-nav-brand:hover img {
    opacity: .88;
  }
}
.header a.logo:active .logo-img {
  transform: translateY(0);
  filter:
    drop-shadow(0 4px 8px rgba(40, 55, 43, 0.14))
    drop-shadow(0 1px 3px rgba(217, 242, 148, 0.4));
}
.footer a.logo:active .logo-img {
  opacity: .8;
  filter: brightness(0) invert(1);
}
#mobile-nav .mobile-nav-brand:active img {
  opacity: .8;
}
.header a.logo:focus-visible .logo-img {
  transform: translateY(-1px);
  filter:
    drop-shadow(0 6px 12px rgba(40, 55, 43, 0.16))
    drop-shadow(0 0 0 2px rgba(217, 242, 148, 0.75));
}
.footer a.logo:focus-visible .logo-img {
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 0 0 2px rgba(217, 242, 148, 0.75));
}
@media (prefers-reduced-motion: reduce) {
  .header a.logo .logo-img,
  .footer a.logo .logo-img,
  #mobile-nav .mobile-nav-brand img {
    transition: none;
  }
  .header a.logo:hover .logo-img,
  .header a.logo:active .logo-img,
  .header a.logo:focus-visible .logo-img {
    transform: none;
  }
}


/* Green brand refresh — September 2026 */
:root {
  --color-anchor: #858f74;
  --color-accent: #d9f294;
  --color-accent-ink: #3f4d41;
  --color-forest: #28372b;
  --color-sage: #afc184;
  --color-mist: #edf3e2;
  --glass-shadow: 0 1px 2px rgba(40, 55, 43, .06), 0 18px 40px -24px rgba(111, 121, 95, .35);
}
.hero-title,
.how-it-works h2,
.home-section-title,
.home-value-header h2,
.pricing-title,
.feature-page-title,
.integrations-hero h1 {
  color: var(--color-anchor);
}
.hero-title .highlight {
  width: auto;
  margin-inline: 0;
  padding-inline: 0;
  color: var(--color-accent);
  background: none;
}
.product-pillar-icon--rose,
.product-pillar-icon--amber,
.use-case-icon--pink,
.use-case-icon--orange,
.use-case-icon--mint {
  color: var(--color-primary);
}
/* Even cards keep primary icon colour at rest; hover must win for contrast. */
.features .feature-card:nth-child(2n):not(:hover) .feature-icon {
  color: var(--color-primary) !important;
}
.features .feature-card:hover .feature-icon,
.features .feature-card:nth-child(2n):hover .feature-icon {
  background: var(--color-primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.features .feature-card:hover .feature-icon svg,
.features .feature-card:nth-child(2n):hover .feature-icon svg {
  color: #fff;
  stroke: currentColor;
}
.btn.btn-primary,
.nav-links .nav-cta.btn,
.nav-links > a.btn-primary,
.mobile-nav-cta.btn-primary,
.pricing-card-popular .btn-primary,
.wt-cc-btn--primary {
  border-color: transparent;
  background: linear-gradient(100deg, #c6df7b 0%, var(--color-accent) 100%);
  color: var(--color-forest);
  box-shadow: 0 8px 18px -10px rgba(63, 77, 65, 0.55);
}
.btn.btn-primary:hover,
.nav-links .nav-cta.btn:hover,
.nav-links > a.btn-primary:hover,
.mobile-nav-cta.btn-primary:hover,
.pricing-card-popular .btn-primary:hover,
.wt-cc-btn--primary:hover {
  border-color: transparent;
  background: linear-gradient(100deg, #b9d66a 0%, #cde987 100%);
  color: var(--color-forest);
  box-shadow: 0 12px 22px -10px rgba(63, 77, 65, 0.62);
}
.how-it-works .step:nth-child(2)::before {
  color: var(--color-forest);
}
/* Keep the click-to-edit caption inside the pastel panel (panel is offset left). */
.how-image:before {
  left: -1.5rem;
  right: 0;
  width: auto;
  height: auto;
  top: 1.5rem;
  bottom: -0.35rem;
}
.how-image-caption {
  margin-top: var(--spacing-md);
  margin-bottom: 0;
  padding: 0.35rem 1.5rem 0.85rem 0.85rem;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 1.7;
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.how-image-caption a {
  display: inline;
  white-space: nowrap;
}
.article-checklist-input:checked,
.ed-checklist-input:checked,
.article-checklist-item.is-checked .article-checklist-input,
.ed-checklist-item.is-done .ed-checklist-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2328372b' stroke-width='2.5'%3E%3Cpath d='M3.5 8.5l3 3 6-6'/%3E%3C/svg%3E");
}