@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Space+Grotesk:wght@500;600;700&display=swap");
:root{--color-primary:#3552e8;--color-primary-hover:#1839dc;--color-accent:#20b69d;--color-text:#14171e;--color-text-muted:#697181;--color-border:#e2e8f0;--color-bg-subtle:#f3f4f6;--color-white:#fff;--color-dark:#14171e;--color-pastel-blue:#eef1fd;--color-pastel-purple:#e6eafc;--color-pastel-pink:#edf9f7;--color-pastel-yellow:#e4f6f3;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading:"Space Grotesk", 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:0.375rem;--radius-lg:0.5rem;--glass-bg:#ffffff;--glass-border:#e2e8f0;--glass-shadow:0 1px 2px rgba(15,23,42,0.04);--glass-blur:0px}*,: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:#ffffff;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%,rgba(53,82,232,.12),#0000 60%),radial-gradient(500px at 80% 30%,rgba(32,182,157,.10),#0000 55%),radial-gradient(600px at 60% 90%,rgba(238,241,253,.55),#0000 55%);position:absolute;inset:-2px}.not-found-card>*{position:relative}.not-found-badge{letter-spacing:.08em;text-transform:uppercase;background:#ffffffa6;border:1px solid #fffc;border-radius:var(--radius-lg);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 rgba(53,82,232,0.08)}.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;display:flex;gap:clamp(1.25rem,4vw,var(--spacing-xl))}.nav-left{align-items:center;gap:var(--spacing-lg);display:flex}.language-switcher{-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #ffffff80;border-radius:var(--radius-lg);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{display:block;height:2rem;width:auto;max-width:min(9.5rem,42vw)}.footer .logo-img{height:1.75rem;filter:brightness(0) invert(1)}.logo:hover .logo-img{opacity:.85}.nav-links{align-items:center;gap:var(--spacing-lg);display:flex;position:relative;flex:1;justify-content:flex-start;min-width:0}.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:rgba(53,82,232,0.08)}.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);display:inline-flex;box-shadow:0 1px 2px rgba(53,82,232,0.25);animation:navCtaPulse 2.2s ease-in-out infinite}.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:none;border-radius:var(--radius);box-shadow:none}.btn-primary:hover{transform:translateY(-2px);background:var(--color-primary-hover);box-shadow:0 10px 15px -3px rgba(53, 82, 232, 0.3)}.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);flex-direction:column;margin:0 auto;display:flex;position:relative;isolation:isolate}.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:none;border-radius:var(--radius-lg);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);background:#fff;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.hero-image img{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);border:none;display:flex;box-shadow:none}.features-showcase-img{border-radius:var(--radius);flex-shrink:0;width:200px;height:auto;aspect-ratio:320/179}.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);background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}.feature-card{grid-column:span 12}@media (width>=768px){.feature-card{grid-column:span 4}.feature-card:nth-child(1),.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);background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}.feature-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,0.1)}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:rgba(53,82,232,0.08);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-it-works{max-width:var(--max-width);margin:var(--spacing-2xl) auto;padding:var(--spacing-2xl) var(--spacing-lg);position:relative;z-index:1}.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}@media (width>=992px){.how-container{text-align:left;gap:var(--spacing-2xl);grid-template-columns:1.2fr 1fr}}.how-image{position:relative}.how-image:before{content:"";z-index:-1;pointer-events:none;background:var(--color-pastel-blue);border-radius:var(--radius-lg);width:100%;height:100%;position:absolute;top:1.5rem;left:-1.5rem;transform:none;border:1px solid var(--color-border)}.how-image img{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;height:auto;display:block;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05);transition:transform .3s ease;background:#ffffff}.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;position:absolute;top:24px;bottom:24px;left:calc(var(--spacing-md) + 17px)}}.step{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 4.5rem;margin-bottom:var(--spacing-md);text-align:left;background:#ffffff;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);counter-increment:step;z-index:1;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);animation:.8s ease-out backwards fadeInUp;position:relative}.step:first-child{animation-delay:.2s}.step:nth-child(2){animation-delay:.4s}.step:nth-child(3){animation-delay:.6s}.step:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 12px 32px -8px rgba(53, 82, 232, 0.12)}.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);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute;box-shadow:none;border:none}.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;display:grid;overflow:visible;padding-top:0.25rem}.pricing-card{padding:var(--spacing-xl);background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,0.05);flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;display:flex;position:relative}.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:rgba(53,82,232,0.28);transform:translateY(-4px);box-shadow:0 20px 40px rgba(15,23,42,0.1)}.pricing-card-popular{background:var(--color-dark);border:none;transform:none;z-index:1;box-shadow:0 20px 40px rgba(15,23,42,0.35)}.pricing-card-popular:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(15,23,42,0.4)}.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-plan-desc,.pricing-card-popular .pricing-period,.pricing-card-popular .pricing-addl{color:#ffffffd9!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:none;border-radius:var(--radius);box-shadow:none}.pricing-card-popular .btn-primary:hover{transform:translateY(-2px);background:var(--color-primary-hover);color:var(--color-white);box-shadow:0 10px 15px -3px rgba(53,82,232,0.35)}.pricing-badge{background:var(--color-primary);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:var(--radius-lg);padding:.35rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-0.75rem;left:50%;transform:translateX(-50%);z-index:2;box-shadow:0 4px 12px rgba(53,82,232,0.35)}.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:rgba(53,82,232,0.18);box-shadow:0 6px 16px rgba(15,23,42,0.06)}.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:8px}.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);flex-direction:column;margin:0 auto;display:flex;position:relative;isolation:isolate}.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{padding:var(--spacing-xl);background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px rgba(0,0,0,0.05);flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;display:flex;position:relative}.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);border:none;display:flex;box-shadow:none}.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);position:relative;z-index:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.pricing-hero,.feature-page,.features-grid a{animation:none}}
:root{--header-float-gap:0.75rem}body{padding-top:var(--header-float-gap)}body::before{content:"";position:fixed;top:0;left:0;right:0;height:calc(var(--header-float-gap) + 2rem);pointer-events:none;z-index:90;background:linear-gradient(to bottom,#fafafa 0%,rgba(250,250,250,0) 100%)}.header{margin:0 auto;top:var(--header-float-gap);position:sticky;z-index:140}.header.is-stuck{background:#ffffff;border-color:var(--color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}.how-it-works .step{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 4.5rem;margin-bottom:var(--spacing-md);text-align:left;background:#ffffff;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);counter-increment:step;z-index:1;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);animation:.8s ease-out backwards fadeInUp;position:relative}@media (width<=768px){.nav-toggle{min-width:44px;min-height:44px}.mobile-nav-link{min-height:44px;display:flex;align-items:center}.nav-link{min-height:44px;display:inline-flex;align-items:center;padding:.25rem 0}}.header{overflow:visible}.nav-item-mega{position:static}.nav-link-mega{align-items:center;gap:.35rem;font-family:inherit;font-size:.9375rem;font-weight:500;color:var(--color-text-muted);padding:.25rem 0;border:none;background:transparent;cursor:pointer;display:none;text-decoration: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{width:.4rem;height:.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-.15rem;transition:transform .2s;flex-shrink:0;opacity:.75}.nav-link-mega[aria-expanded=true] .nav-link-chevron{transform:rotate(-135deg);margin-top:.1rem}.mega-panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;width:100%;max-width:100%;z-index:120;box-sizing:border-box;pointer-events:none}.mega-panel[hidden]{display:none!important}.mega-panel-inner{pointer-events:auto;display:block;width:min(920px,100%);max-width:100%;margin-left:auto;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);background:#ffffff;isolation:isolate;overflow:hidden}@media (width>=640px){}@media (width>=960px){}.mega-tile{display:flex;flex-direction:column;gap:0.25rem;padding:0.75rem 1rem;border-radius:0.5rem;text-decoration:none;color:inherit;border:1px solid transparent;transition:background 0.2s;background:transparent;}.mega-tile:hover{background:rgba(0, 0, 0, 0.03);border-color:transparent;box-shadow:none;}.mega-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mega-tile-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:0.25rem;}.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-weight:600;font-size:0.95rem;font-family:var(--font-heading);color:#111827;}.mega-tile-desc{font-size:0.85rem;line-height:1.4;color:#64748b;}.mega-footer-cta{margin-top:var(--spacing-md)}.mobile-nav-heading{margin:var(--spacing-md) 0 var(--spacing-xs);padding:0 var(--spacing-md);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.mobile-nav-sublink{padding-left:var(--spacing-xl)!important;font-size:1rem}.features-hub-list{margin:0 0 var(--spacing-md);padding-left:1.25rem;line-height:1.75;color:var(--color-text)}.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);font-weight:600;text-decoration:none;margin-left:.25rem}.features-intro .features-hub-link:hover{text-decoration:underline}.mega-panel-inner--integrations{width:min(1080px,100%)}.mega-grid--integrations{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}@media (width>=768px){.mega-grid--integrations{grid-template-columns:repeat(4,minmax(0,1fr))}}.mega-tile--logo{min-height:132px;justify-content:center;align-items:center;text-align:center}.mega-tile-logo{font-size:1.05rem;font-weight:700;font-family:var(--font-heading);color:#1f2a44}.mega-logo-mark{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .45rem;border-radius:var(--radius);background:#f1f5f9;color:var(--color-primary);font-size:.85rem;font-weight:800;letter-spacing:.02em}.mega-logo-wordpress{background:#f1f5f9;color:#0f172a}.mega-logo-shopify{background:#f1f5f9;color:#0f172a}.mega-logo-wix{background:#f1f5f9;color:#0f172a}.mega-logo-bigcommerce{background:#f1f5f9;color:#0f172a}.mega-logo-webflow{background:#f1f5f9;color:#0f172a}.mega-logo-squarespace{background:#f1f5f9;color:#0f172a}.mega-logo-drupal{background:#f1f5f9;color:#0f172a}.mega-logo-custom{background:#f1f5f9;color:#0f172a}.mega-integration-card{grid-column:1/-1;padding:var(--spacing-lg);border-radius:var(--radius);background:var(--color-dark);color:#fff;display:flex;flex-direction:column;gap:var(--spacing-xs)}.mega-integration-card p{margin:0;color:#f1f5f9}.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);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.integrations-hero{max-width:780px;margin:0 auto var(--spacing-2xl);text-align:center}.integrations-hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin:0 0 var(--spacing-sm)}.integrations-hero p{margin:0;color:var(--color-text-muted);font-size:1.06rem}.integration-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@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{display:flex;flex-direction:column;gap:.5rem;padding:calc(var(--spacing-lg) * 1.2);text-decoration:none;color:inherit;background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.integration-card:hover{transform:translateY(-6px);border-color:rgba(53, 82, 232, 0.22);box-shadow:0 20px 40px -8px rgba(53, 82, 232, 0.12)}.integration-card-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.125rem;font-weight:700}.integration-logo{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .3rem;border-radius:var(--radius);background:#f1f5f9;color:var(--color-primary);font-size:.72rem;font-weight:800;line-height:1}.integration-card-desc{color:var(--color-text-muted);font-size:.93rem;line-height:1.55}.integration-card-meta{font-size:.8rem;color:var(--color-primary);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.integration-page{max-width:780px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.integration-page .feature-page-body h3{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:1rem}
/* Features hub refresh */.features-hub-refresh{padding:clamp(1.15rem,2.4vw,1.7rem)}.features-sequence{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0;counter-reset:featureStep;position:relative}.features-sequence:before{content:"";position:absolute;top:.75rem;bottom:.75rem;left:1.43rem;width:2px;background:linear-gradient(180deg,rgba(53,82,232,0.25),rgba(32,182,157,0.25));pointer-events:none}.feature-seq-item{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);align-items:flex-start;padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 0.5rem);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));box-shadow:0 8px 24px -4px rgba(0,0,0,0.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);}.feature-seq-item:after{counter-increment:featureStep;content:counter(featureStep,decimal-leading-zero);position:absolute;top:1.25rem;right:1.25rem;font-size:0.85rem;letter-spacing:0.1em;font-weight:800;color:var(--color-primary);background:rgba(53, 82, 232, 0.08);border:1px solid rgba(53, 82, 232, 0.14);border-radius:var(--radius);padding:0.25rem 0.75rem}.feature-seq-item:nth-child(2n){background:linear-gradient(180deg,#fff,#fdfdff)}.feature-seq-item:hover{transform:translateY(-4px);border-color:rgba(53, 82, 232, 0.22);box-shadow:0 24px 48px -12px rgba(53, 82, 232, 0.12)}.feature-seq-item .feature-icon{position:relative;z-index:1;margin-top:.1rem}.feature-seq-item .feature-icon:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:#ffffffa6;border:1px solid #ffffffd9;z-index:-1}.feature-seq-copy h3{margin:0 0 0.5rem;font-size:1.35rem;font-weight:700;line-height:1.3;max-width:90%}.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{margin:0;color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}@media (width<=640px){.features-sequence:before{left:1.28rem}.feature-seq-item{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);align-items:flex-start;padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 0.5rem);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));box-shadow:0 8px 24px -4px rgba(0,0,0,0.05);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);}.feature-seq-item .feature-icon{margin-bottom:.1rem}.feature-seq-copy h3{margin:0 0 0.5rem;font-size:1.35rem;font-weight:700;line-height:1.3;max-width:90%}.feature-seq-item:after{counter-increment:featureStep;content:counter(featureStep,decimal-leading-zero);position:absolute;top:1.25rem;right:1.25rem;font-size:0.85rem;letter-spacing:0.1em;font-weight:800;color:var(--color-primary);background:rgba(53, 82, 232, 0.08);border:1px solid rgba(53, 82, 232, 0.14);border-radius:var(--radius);padding:0.25rem 0.75rem}}
/* Content width + section spacing */.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); background: transparent; border: none; border-radius: 0; display: flex; flex-direction: column; gap: var(--spacing-xl); position: relative; z-index: 1; color: #ffffff; }
.footer-top {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xl);
  justify-content: space-between;
}
.footer-brand {
  flex: 1 1 300px;
  max-width: 400px;
}
.footer-brand .logo {
  margin-bottom: var(--spacing-sm);
  display: inline-flex;
}
.footer-desc { color: #b8a9d1; font-size: 0.95rem; line-height: 1.5; margin: 0; }
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xl);
  flex: 2 1 500px;
}
.footer-col {
  flex: 1 1 140px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.footer-heading { font-size: 1rem; font-weight: 600; color: #ffffff; margin: 0 0 0.25rem 0; }
.footer-col a { color: #b8a9d1; text-decoration: none; font-size: 0.95rem; transition: color 0.2s ease; }
.footer-col a:hover { color: #ffffff; }
.footer-bottom { border-top: 1px solid rgba(196, 181, 253, 0.14); padding-top: var(--spacing-lg); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--spacing-md); }
.footer-bottom .copyright { color: #b8a9d1; font-size: 0.9rem; margin: 0; }
.footer-cookie-settings {
  background: transparent;
  border: 1px solid rgba(184, 169, 209, 0.4);
  color: #d4c6e8;
  font-size: 0.875rem;
  padding: 0.4rem 0.85rem;
  border-radius:var(--radius);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.footer-cookie-settings:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(196, 181, 253, 0.55);
  color: #f5f0ff;
}
.footer-cookie-settings:focus-visible {
  outline: 2px solid #a78bfa;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .footer-top {
    flex-direction: column;
  }
  .footer-links {
    gap: var(--spacing-lg);
  }
  .footer-col {
    flex: 1 1 100%;
  }
  .footer-bottom { border-top: 1px solid rgba(196, 181, 253, 0.14); padding-top: var(--spacing-lg); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--spacing-md); }
}

/* Contact Form */
.contact-page {
  max-width: 640px;
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-lg);
  text-align: center;
}
.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 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.form-group label {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text);
}
.form-group input,
.form-group textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: var(--color-text);
  background: #ffffffd9;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(53, 82, 232, 0.12);
}
.submit-btn {
  margin-top: var(--spacing-sm);
  width: 100%;
  justify-content: center;
}

.hero::before {
  content: "";
  position: absolute;
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 130%;
  background-image:
    radial-gradient(circle at 15% 10%, rgba(224, 242, 254, 0.32) 0%, rgba(224, 242, 254, 0) 40vw),
    radial-gradient(circle at 85% 20%, rgba(243, 232, 255, 0.28) 0%, rgba(243, 232, 255, 0) 40vw),
    radial-gradient(circle at 50% 80%, rgba(252, 231, 243, 0.26) 0%, rgba(252, 231, 243, 0) 40vw),
    radial-gradient(circle at 10% 90%, rgba(254, 243, 199, 0.24) 0%, rgba(254, 243, 199, 0) 40vw);
  z-index: -1;
  pointer-events: none;
}

.integration-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  opacity: 0;
  transition: opacity 0.3s ease;
}
.integration-card:hover::before {
  opacity: 1;
}
.integration-card-meta {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(53, 82, 232, 0.08);
  color: var(--color-primary);
  border-radius: var(--radius);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
  align-self: flex-start;
}
.integration-card-title {
  font-size: 1.25rem;
  margin-top: 0.25rem;
}
.integration-hero h1 {
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
  font-weight: 800;
}

/* Robust sticky header: fixed + dynamic body padding (set by nav.js) */
:root {
  --sticky-header-height: 92px;
  --header-float-gap: 0;
  --nav-shell-radius: 0.5rem;
  --nav-row-pad-y: 0.9375rem;
  --nav-row-pad-x: 1.25rem;
}
body {
  padding-top: var(--sticky-header-height);
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: calc(0.625rem + env(safe-area-inset-top, 0px)) var(--spacing-md) 0;
  box-sizing: border-box;
  z-index: 5000;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Override earlier bundle rules: no top fade strip, no full-bleed white on scroll */
body::before {
  content: none;
  display: none;
}
header.header.is-stuck {
  background: transparent;
  border: none;
  box-shadow: none;
}

.nav-shell {
  position: relative;
  z-index: 1;
  width: min(var(--max-width), calc(100% - 0.25rem));
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--nav-shell-radius);
  border: 1px solid rgba(255, 255, 255, 0.62);
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  backdrop-filter: blur(16px) saturate(1.4);
  box-shadow:
    0 18px 50px rgba(53, 82, 232, 0.08),
    0 6px 18px rgba(53, 82, 232, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    border-radius 0.2s ease;
}
.nav-shell::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(700px 180px at 20% 0%, rgba(255, 255, 255, 0.62), transparent 58%),
    radial-gradient(600px 160px at 85% 15%, rgba(255, 255, 255, 0.4), transparent 58%);
  opacity: 0.9;
}
.header.is-stuck .nav-shell {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(20px) saturate(1.45);
  backdrop-filter: blur(20px) saturate(1.45);
  box-shadow:
    0 22px 60px rgba(15, 23, 42, 0.1),
    0 10px 24px rgba(53, 82, 232, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
}
.nav-shell.nav-shell--mega-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
  box-shadow:
    0 12px 40px rgba(15, 23, 42, 0.1),
    0 4px 12px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
.nav {
  padding: var(--nav-row-pad-y) var(--nav-row-pad-x);
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}
@media (max-width: 1024px) {
  /* Hamburger through tablet — desktop cluster overflows ~900px */
  .nav-toggle {
    display: flex;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    min-width: 48px;
    min-height: 48px;
    padding: 0.625rem;
    margin: 0;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .nav-links {
    display: none;
  }
  .mobile-nav {
    z-index: 1000010;
  }
  .nav-left {
    flex: 1;
    min-width: 0;
  }
  .logo {
    min-width: 0;
  }
  .logo-text {
    max-width: min(52vw, 16rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .language-switcher {
    display: none;
  }
  .mobile-nav-link,
  .mobile-nav-sublink,
  .mobile-nav-cta {
    min-height: 48px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-nav-close {
    min-width: 48px;
    min-height: 48px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
}

/* Full width backgrounds for constrained sections */
.how-it-works::before {
  content: "";
  position: absolute;
  top: 0; left: 50%; right: 0; bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--color-pastel-blue);
  z-index: -1;
}
.footer::before {
  content: "";
  position: absolute;
  top: 0; left: 50%; right: 0; bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
  background:
    radial-gradient(ellipse 90% 70% at 50% 35%, #3b1d6e 0%, #1a0b2e 42%, #0a041a 78%, #05020a 100%);
  z-index: -1;
}
.footer .logo {
  color: #ffffff;
}
.feature-card:nth-child(1n) .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; }

/* Homepage features section: remove pastel gradients */
.features .feature-card .feature-icon{background:#fff !important;border:1px solid var(--color-border) !important;color:var(--color-primary) !important}
.features .feature-card:hover .feature-icon{background:var(--color-primary) !important;color:#fff !important;transform:scale(1.06)rotate(3deg)}

/* Homepage features section: app blue/teal icon accents */
.features .feature-card:nth-child(odd) .feature-icon{color:var(--color-primary) !important}
.features .feature-card:nth-child(even) .feature-icon{color:var(--color-accent) !important}
.features .feature-card:hover .feature-icon{color:#fff !important}

.pricing-card-popular .pricing-plan-name,
.pricing-card-popular .pricing-price,
.pricing-card-popular .pricing-features li {
  color: #ffffff !important;
}
.pricing-card-popular .pricing-plan-desc,
.pricing-card-popular .pricing-period,
.pricing-card-popular .pricing-addl {
  color: #94a3b8 !important;
}
.pricing-card-popular .btn-primary {
  background: var(--color-primary);
  color: #ffffff;
}
.pricing-card-popular .btn-primary:hover {
  background: var(--color-primary-hover);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(53,82,232,0.35);
}
.pricing-card-popular .pricing-badge {
  background: #ffffff;
  color: var(--color-primary);
}

/* Pricing cards: keep badge + tops fully visible (no scale clip) */
.pricing-cards,
.pricing-grid {
  overflow: visible;
}
.pricing-card {
  overflow: visible;
}
.pricing-card-popular {
  transform: none;
}



/* FAQ layout: full-width content container */
.faq{max-width:var(--max-width);width:min(var(--max-width),calc(100% - (var(--spacing-lg) * 2)))}
.faq .faq-list{max-width:100%}
@media (max-width:640px){.faq{width:calc(100% - (var(--spacing-md) * 2))}}

/* Global page background (match homepage palette) */
body{position:relative;isolation:isolate;background-color:transparent}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 15% 8%,rgba(53,82,232,.10) 0%,rgba(53,82,232,0) 42vw),radial-gradient(circle at 85% 18%,rgba(32,182,157,.08) 0%,rgba(32,182,157,0) 42vw),radial-gradient(circle at 52% 78%,rgba(238,241,253,.55) 0%,rgba(238,241,253,0) 48vw);background-attachment:scroll;will-change:auto}

.mega-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  max-width: none;
  z-index: 20;
  box-sizing: border-box;
  pointer-events: none;
}

.mega-panel-inner,
.mega-panel-inner--integrations {
  pointer-events: auto;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  padding: var(--spacing-lg) var(--nav-row-pad-x);
  max-height: min(70vh, 520px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-top: 1px solid rgba(53, 82, 232, 0.08);
  border-radius: 0 0 calc(var(--nav-shell-radius) - 1px) calc(var(--nav-shell-radius) - 1px);
  background: rgba(255, 255, 255, 0.97);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow:
    0 28px 80px rgba(53, 82, 232, 0.12),
    0 10px 28px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  position: relative;
  isolation: isolate;
}

.mega-panel-inner > *,
.mega-panel-inner--integrations > * {
  position: relative;
  z-index: 1;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}

.mega-panel-inner::before,
.mega-panel-inner--integrations::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(760px 200px at 20% 0%, rgba(255, 255, 255, 0.62), transparent 58%),
    radial-gradient(640px 180px at 85% 18%, rgba(255, 255, 255, 0.4), transparent 58%);
  opacity: 0.9;
  z-index: 0;
}

.mega-panel-inner::after,
.mega-panel-inner--integrations::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  /* Light tint only; base background handles opacity */
  background:
    radial-gradient(900px 280px at 18% 0%, rgba(224, 242, 254, 0.12), transparent 55%),
    radial-gradient(700px 240px at 82% 20%, rgba(243, 232, 255, 0.1), transparent 50%),
    radial-gradient(600px 200px at 50% 100%, rgba(209, 250, 229, 0.08), transparent 45%);
  pointer-events: none;
  z-index: 0;
}

.mega-panel-inner > .mega-grid,
.mega-panel-inner--integrations > .mega-grid {
  position: relative;
  z-index: 1;
}

.mega-footer-cta {
  position: relative;
  z-index: 1;
}

@media (min-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: 0.3rem 0.55rem 0.3rem 0.65rem;
  }
  .nav .language-select {
    font-size: 0.9375rem;
  }
  .nav-links .nav-link,
  .nav-links .nav-link-mega {
    font-size: 1rem;
    line-height: 1.35;
    letter-spacing: 0.01em;
    font-weight: 500;
  }
  .nav-link-mega {
    gap: 0;
    padding: 0.5rem 0.85rem;
    border-radius:var(--radius);
    transition: background 0.15s ease, color 0.15s ease;
  }
  .nav-link-mega:hover {
    background: rgba(15, 23, 42, 0.05);
    color: var(--color-text);
  }
  .nav-link-mega[aria-expanded="true"] {
    background: rgba(53, 82, 232, 0.08);
    color: var(--color-primary);
  }
  .nav-links > a.nav-link {
    padding: 0.45rem 0.7rem;
    border-radius:var(--radius);
    color: var(--color-text);
    transition: background 0.15s ease, color 0.15s ease;
  }
  .nav-links > a.nav-link:hover {
    background: rgba(15, 23, 42, 0.05);
    color: var(--color-primary);
  }
  .nav-links .nav-cta.btn {
    padding: 0.5rem 1.15rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius:var(--radius);
  }
  .nav-links .nav-cta.btn,
  .nav-links > a.btn-primary {
    background: var(--color-primary);
    color: #fff;
    box-shadow: 0 1px 2px rgba(53, 82, 232, 0.25);
    animation: navCtaPulse 2.2s ease-in-out infinite;
  }
  .nav-links .nav-cta.btn:hover,
  .nav-links > a.btn-primary:hover {
    background: var(--color-primary-hover);
    color: #fff;
    box-shadow: 0 10px 18px -4px rgba(53, 82, 232, 0.45);
    animation: none;
  }
  .nav-link-mega:focus-visible {
    border-radius:var(--radius);
  }
}

@media (max-width: 768px) {
  .header {
    padding-left: 0;
    padding-right: 0;
    padding-top: env(safe-area-inset-top, 0px);
  }
  .nav-shell {
    width: 100%;
    max-width: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
    box-shadow: 0 1px 0 rgba(53, 82, 232, 0.06);
  }
  .nav-shell.nav-shell--mega-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/* Homepage features section: force white background */
.features{position:relative;z-index:1}
.features::before{content:"";position:absolute;top:0;left:50%;right:0;bottom:0;width:100vw;transform:translateX(-50%);background:#fff;z-index:-1}

/* Remove pastel gaps between homepage sections */
.how-it-works{margin:0 auto}
.how-it-works::before{background:var(--color-pastel-blue);opacity:0.6}
.features{margin:0 auto;padding-bottom:var(--spacing-2xl)}
.footer{margin-top:0}

/* How it works: long intro + steps lead-in */
.how-header .how-subtitle{max-width:800px;margin-left:auto;margin-right:auto;line-height:1.75;font-size:1.15rem;color:var(--color-text-muted)}
.how-steps-lead{margin:var(--spacing-xl) 0 0;color:var(--color-primary);font-size:1rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}

.how-image:hover img{transform:translateY(-4px)}

.how-it-works .step:nth-child(1):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: #1839dc; }

/* Use Cases Section */
.use-cases {
  max-width: var(--max-width);
  margin: 0 auto var(--spacing-2xl);
  padding: var(--spacing-xl) var(--spacing-lg);
}
.use-cases-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}
@media (width >= 768px) {
  .use-cases-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}
.use-cases-col {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.use-cases-heading {
  display: inline-block;
  background: var(--color-bg-subtle);
  padding: 0.5rem 1rem;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-dark);
  margin-bottom: var(--spacing-xs);
  border-radius: var(--radius);
  align-self: flex-start;
}
.use-case-item {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}
.use-case-icon {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius);
  color: var(--color-dark);
}
.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 {
  margin: 0 0 0.35rem 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-dark);
}
.use-case-content p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Features showcase banner: stack and center on small screens */
@media (max-width: 768px) {
  .features .features-showcase {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
  }
  .features .features-showcase-img {
    width: min(200px, 78vw);
    max-width: 260px;
  }
  .features .features-showcase-content {
    flex: 0 1 auto;
    width: 100%;
    max-width: 22rem;
    margin-inline: auto;
  }
  .features .features-intro {
    text-align: center;
    font-size: 1.0625rem;
    line-height: 1.55;
    padding-inline: var(--spacing-xs);
  }
  .features .features-intro .features-hub-link {
    display: block;
    margin-top: 0.75rem;
    margin-left: 0;
  }
}

/* Hero: readability and spacing on small screens */
@media (max-width: 768px) {
  .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 {
    font-size: 0.8125rem;
    line-height: 1.35;
    padding: 0.4rem 0.85rem;
    margin-bottom: var(--spacing-md);
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    row-gap: 0.2rem;
  }
  .hero-badge .badge-icon {
    flex-shrink: 0;
  }
  .hero-title {
    font-size: clamp(1.75rem, 6.5vw + 0.5rem, 2.65rem);
    line-height: 1.12;
    letter-spacing: -0.035em;
    margin-bottom: var(--spacing-sm);
  }
  .hero-title .highlight {
    display: inline;
  }
  .hero-subtitle {
    font-size: 1rem;
    line-height: 1.65;
    margin-bottom: var(--spacing-lg);
    max-width: 36rem;
  }
  .hero-ctas {
    width: 100%;
    max-width: 22rem;
    margin-inline: auto;
  }
  .hero-image {
    margin-top: var(--spacing-lg);
    width: 100%;
    max-width: 100%;
    border-radius: var(--radius);
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.2);
  }
  .hero-image img {
    border-radius: inherit;
  }
}


.mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0.5rem;margin-bottom:var(--spacing-lg)}

/* --- Cookie consent (wt-cc) --- */
#wt-cc-root { position: relative; z-index: 999990; }
body.wt-cc-wall-active { overflow: hidden; touch-action: none; }
body.wt-cc-modal-open { overflow: hidden; }

.wt-cc-animate-in {
  animation: wtCcFadeIn 0.28s ease-out both;
}
@keyframes wtCcFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes navCtaPulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(53, 82, 232, 0.45), 0 1px 2px rgba(53, 82, 232, 0.25);
    transform: scale(1);
  }
  55% {
    box-shadow: 0 0 0 12px rgba(53, 82, 232, 0), 0 1px 2px rgba(53, 82, 232, 0.2);
    transform: scale(1.045);
  }
}

.wt-cc-banner {
  position: fixed;
  left: max(1rem, env(safe-area-inset-left));
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  max-width: min(960px, 100%);
  margin: 0 auto;
  z-index: 999991;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
  color: #f1f5f9;
  box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.wt-cc-banner__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
}
.wt-cc-banner__title {
  margin: 0 0 0.35rem;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.wt-cc-banner__desc {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #94a3b8;
  max-width: 52ch;
}
.wt-cc-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.wt-cc-btn {
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.55rem 1rem;
  border-radius:var(--radius);
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}
.wt-cc-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.wt-cc-btn--primary {
  background: var(--color-primary);
  color: #ffffff;
  border-color: var(--color-primary);
}
.wt-cc-btn--primary:hover {
  background: var(--color-primary-hover);
}
.wt-cc-btn--secondary {
  background: rgba(255, 255, 255, 0.08);
  color: #f1f5f9;
  border-color: rgba(148, 163, 184, 0.35);
}
.wt-cc-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.12);
}
.wt-cc-btn--ghost {
  background: transparent;
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.35);
}
.wt-cc-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.06);
}

.wt-cc-wall {
  position: fixed;
  inset: 0;
  z-index: 999992;
  display: grid;
  place-items: center;
  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));
  background: rgba(15, 23, 42, 0.72);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.wt-cc-wall__panel {
  width: min(440px, 100%);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  background: #ffffff;
  color: var(--color-text);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.wt-cc-wall__title {
  margin: 0 0 var(--spacing-sm);
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.wt-cc-wall__desc {
  margin: 0 0 var(--spacing-lg);
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.6;
}
.wt-cc-wall__actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 480px) {
  .wt-cc-wall__actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}

.wt-cc-modal {
  position: fixed;
  inset: 0;
  z-index: 999993;
  display: grid;
  place-items: end center;
  padding: 0;
}
.wt-cc-modal[hidden] {
  display: none !important;
}
.wt-cc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
}
.wt-cc-modal__sheet {
  position: relative;
  width: min(480px, 100%);
  max-height: min(90vh, 640px);
  overflow: auto;
  margin: max(1rem, env(safe-area-inset-bottom));
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: #ffffff;
  color: var(--color-text);
  box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.15);
}
@media (min-width: 640px) {
  .wt-cc-modal {
    place-items: center;
    padding: var(--spacing-lg);
  }
  .wt-cc-modal__sheet {
    border-radius: var(--radius-lg);
    margin: 0;
  }
}
.wt-cc-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-lg) var(--spacing-lg) 0;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.wt-cc-modal__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}
.wt-cc-modal__close {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  border-radius: var(--radius);
  background: #f1f5f9;
  color: #64748b;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}
.wt-cc-modal__close:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.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);
  display: flex;
  justify-content: flex-end;
}
.wt-cc-pref-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border);
}
.wt-cc-pref-row:last-of-type {
  border-bottom: none;
}
.wt-cc-pref-row__text strong {
  display: block;
  font-size: 0.95rem;
}
.wt-cc-pref-row__text small {
  display: block;
  color: var(--color-text-muted);
  font-size: 0.82rem;
  margin-top: 0.2rem;
  line-height: 1.45;
}
.wt-cc-toggle {
  width: 2.75rem;
  height: 1.5rem;
  flex-shrink: 0;
  accent-color: var(--color-primary);
  cursor: pointer;
}
.wt-cc-toggle:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  .wt-cc-animate-in {
    animation: none;
  }
}

/* Perf: skip work for offscreen sections; keep nav paint cheap on low-end devices */
.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 (max-width:768px){
  .nav-shell,.header.is-stuck .nav-shell{-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}
}
@media (prefers-reduced-motion:reduce){
  .step,.pricing-card,.faq,.features-grid a{animation:none!important}
  .nav-links .nav-cta.btn,
  .nav-links > a.btn-primary,
  .mobile-nav-cta{animation:none!important}
}

/* Product pages */
.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 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 var(--spacing-sm);
  padding: 0.3rem 0.75rem;
  border-radius:var(--radius-lg);
  background: var(--color-pastel-blue);
  color: var(--color-primary);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.product-page .feature-page-title {
  font-size: clamp(2rem, 4.5vw, 2.75rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
}
.product-page .feature-page-lead {
  max-width: 42rem;
  font-size: 1.2rem;
  line-height: 1.7;
  margin-top: var(--spacing-sm);
}
.product-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}
.product-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 var(--spacing-xl);
  padding: 0.35rem;
  background: #f1f5f9;
  border-radius:var(--radius-lg);
  width: fit-content;
  max-width: 100%;
}
.product-switch a {
  text-decoration: none;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.55rem 0.95rem;
  border-radius:var(--radius-lg);
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
}
.product-switch a:hover {
  color: var(--color-text);
  background: #ffffffa6;
}
.product-switch a.is-active {
  background: #fff;
  color: var(--color-text);
  box-shadow: 0 1px 3px rgba(53, 82, 232, 0.08);
}
.product-pillars {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-md);
  margin: 0 0 var(--spacing-xl);
}
.product-pillar {
  padding: var(--spacing-lg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: #fff;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.product-pillar:hover {
  border-color: rgba(15,23,42,0.25);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -12px rgba(53, 82, 232, 0.18);
}
.product-pillar-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-sm);
  color: var(--color-primary);
  background: var(--color-pastel-blue);
}
.product-pillar-icon--rose {
  color: var(--color-accent);
  background: var(--color-pastel-pink);
}
.product-pillar-icon--mint {
  color: var(--color-primary);
  background: #e2e8f0;
}
.product-pillar-icon--amber {
  color: var(--color-accent);
  background: var(--color-pastel-yellow);
}
.product-pillar h3 {
  margin: 0 0 0.4rem;
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 650;
  letter-spacing: -0.01em;
}
.product-pillar p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}
.product-page .feature-page-body {
  padding: clamp(1.25rem, 3vw, 2rem);
}
.product-page .feature-page-body h2 {
  font-size: 1.35rem;
  letter-spacing: -0.02em;
  margin-top: var(--spacing-xl);
}
.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 {
  list-style: none;
  margin: var(--spacing-md) 0 var(--spacing-lg);
  padding: 0;
  counter-reset: productStep;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.product-steps li {
  counter-increment: productStep;
  position: relative;
  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;
}
.product-steps li::before {
  content: counter(productStep);
  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;
  font-size: 0.8125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-steps strong {
  display: block;
  margin-bottom: 0.25rem;
  font-family: var(--font-heading);
  font-size: 1.02rem;
}
.product-steps span {
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}
.product-related {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-sm);
  margin: var(--spacing-md) 0 0;
}
.product-related a {
  display: block;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  text-decoration: none;
  color: inherit;
  background: #fff;
  transition: border-color 0.2s, color 0.2s;
}
.product-related a:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.product-related strong {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 0.2rem;
}
.product-related span {
  display: block;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
}
.product-related a:hover span {
  color: var(--color-text-muted);
}
.product-page .feature-page-cta {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, #f8fafc 0%, #f8fafc 100%);
  border: 1px solid #e2e8f0;
  justify-content: flex-start;
  align-items: center;
}
.product-cta-copy {
  flex: 1;
  min-width: 12rem;
  margin: 0;
}
.product-cta-copy strong {
  display: block;
  font-family: var(--font-heading);
  font-size: 1.15rem;
  margin-bottom: 0.25rem;
}
.product-cta-copy span {
  color: var(--color-text-muted);
  font-size: 0.95rem;
}
@media (max-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;
  }
}

/* SEO / AEO structure helpers */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin: 0 0 var(--spacing-lg);
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 500;
}
.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: -0.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);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  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);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.home-value-lead {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 1.1rem;
  line-height: 1.7;
}
.home-value-pillars {
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (width >= 960px) {
  .home-value-pillars {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.home-value .product-pillar {
  text-decoration: none;
  color: inherit;
  display: block;
}
.home-value .product-pillar:hover {
  border-color: rgba(53, 82, 232, 0.35);
}
.home-value .product-pillar h3 {
  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);
}

/* Integrations mega menu — colored icons like Product */
.mega-panel-inner--integrations {
  max-height: none;
  overflow: visible;
  background: #fff;
}
.mega-panel-inner--integrations::before,
.mega-panel-inner--integrations::after {
  display: none;
}
.mega-integrations {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 15rem);
  gap: var(--spacing-lg);
  align-items: stretch;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
}
.mega-integrations-label {
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.mega-grid--integrations {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.4rem !important;
}
.mega-tile--logo {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 0.7rem !important;
  min-height: 0 !important;
  padding: 0.65rem 0.75rem !important;
  border-radius: var(--radius);
}
.mega-tile--logo:hover {
  background: #f8fafc;
  border-color: transparent;
}
.mega-tile--logo .mega-tile-icon {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  flex-shrink: 0;
  border-radius: 0.55rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}
.mega-tile--logo .mega-tile-icon svg,
.mega-tile--logo .mega-tile-icon img {
  width: 1.15rem;
  height: 1.15rem;
  object-fit: contain;
  display: block;
}
.mega-tile-logo-text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
.mega-tile-meta {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  line-height: 1.2;
}
.mega-tile-logo {
  font-size: 0.95rem !important;
  font-weight: 650 !important;
  line-height: 1.25;
  font-family: var(--font-heading);
  color: #111827;
}
.mega-int-icon--wordpress { background: #f1f5f9; border-color: #e2e8f0; }
.mega-int-icon--shopify { background: #f8fafc; border-color: #e2e8f0; }
.mega-int-icon--webflow { background: #f1f5f9; border-color: #e2e8f0; }
.mega-int-icon--wix,
.mega-int-icon--wix-studio { background: #f3f4f6; border-color: #e5e7eb; }
.mega-int-icon--squarespace { background: #f4f4f5; border-color: #e4e4e7; }
.mega-int-icon--bigcommerce { background: #f8fafc; border-color: #e2e8f0; }
.mega-int-icon--woocommerce { background: #f1f5f9; border-color: #e2e8f0; }
.mega-int-icon--framer { background: #f8fafc; border-color: #e2e8f0; }
.mega-int-icon--hubspot { background: #f1f5f9; border-color: #e2e8f0; }
.mega-int-icon--drupal { background: #f8fafc; border-color: #e2e8f0; }
.mega-int-icon--jimdo { background: #f1f5f9; border-color: #e2e8f0; }
.mega-int-icon--javascript { background: #f8fafc; border-color: #e2e8f0; }
.integration-card-logo {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  border: 1px solid var(--color-border);
  margin-bottom: 0.15rem;
  flex-shrink: 0;
}
.integration-card-logo img {
  width: 1.45rem;
  height: 1.45rem;
  object-fit: contain;
  display: block;
}
.integration-logo {
  display: none;
}
.mega-integrations-aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  padding: var(--spacing-md);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, var(--color-pastel-blue) 0%, #f8fafc 100%);
  border: 1px solid #dbe3fb;
}
.mega-integrations-aside-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  background: #dbe3fb;
  margin-bottom: 0.15rem;
}
.mega-integrations-aside-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text);
}
.mega-integrations-aside-copy {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--color-text-muted);
}
.mega-integrations-aside-link {
  margin-top: 0.35rem;
  color: var(--color-primary);
  font-weight: 650;
  font-size: 0.9rem;
  text-decoration: none;
}
.mega-integrations-aside-link:hover {
  text-decoration: underline;
}
.mega-integrations-aside-secondary {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  font-weight: 550;
  text-decoration: none;
}
.mega-integrations-aside-secondary:hover {
  color: var(--color-primary);
}
@media (max-width: 900px) {
  .mega-integrations {
    grid-template-columns: 1fr;
  }
  .mega-grid--integrations {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 560px) {
  .mega-grid--integrations {
    grid-template-columns: 1fr !important;
  }
}

/* Feature detail pages */
.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 {
  font-size: clamp(2rem, 4.5vw, 2.75rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
}
.feature-detail .feature-page-lead {
  max-width: 42rem;
  font-size: 1.2rem;
  line-height: 1.7;
  margin-top: var(--spacing-sm);
}
.feature-detail .feature-page-body {
  padding: clamp(1.25rem, 3vw, 2rem);
  margin-top: var(--spacing-lg);
}
.feature-detail .feature-page-body h2 {
  font-size: 1.35rem;
  letter-spacing: -0.02em;
  margin-top: var(--spacing-xl);
}
.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%);
  border: 1px solid #dbe3fb;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  align-items: center;
}
.feature-media {
  margin: 0 0 var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 30px -12px rgba(15, 23, 42, 0.12);
}
.feature-media img {
  display: block;
  width: 100%;
  height: auto;
}
.feature-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 var(--spacing-xl);
}
.feature-nav a {
  text-decoration: none;
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.45rem 0.8rem;
  border-radius: var(--radius);
  border: 1px solid var(--color-border);
  background: #fff;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  white-space: nowrap;
}
.feature-nav a:hover {
  color: var(--color-primary);
  border-color: rgba(53, 82, 232, 0.35);
  background: var(--color-pastel-blue);
}
.feature-nav a.is-active {
  color: #fff;
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.feature-usecases {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
  margin: var(--spacing-md) 0 0;
}
@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 {
  display: block;
  margin-bottom: 0.3rem;
  font-family: var(--font-heading);
  font-size: 1rem;
}
.feature-usecase p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}
.feature-checklist {
  list-style: none;
  margin: var(--spacing-md) 0 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
}
.feature-checklist li {
  position: relative;
  padding: 0.75rem 0.75rem 0.75rem 2.5rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: #fff;
  margin: 0;
  color: var(--color-text);
  line-height: 1.5;
}
.feature-checklist li::before {
  content: "";
  position: absolute;
  left: 0.85rem;
  top: 1rem;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: var(--color-accent);
  box-shadow: 0 0 0 4px rgba(32, 182, 157, 0.15);
}

/* —— 404 / not-found —— */
.page-404 {
  background:
    radial-gradient(900px 520px at 10% 0%, rgba(53, 82, 232, 0.14), transparent 55%),
    radial-gradient(780px 480px at 95% 15%, rgba(32, 182, 157, 0.12), transparent 55%),
    #f7f8fc;
}
.page-404 .nf {
  position: relative;
  isolation: isolate;
  min-height: calc(100vh - 5.5rem);
  display: grid;
  place-items: center;
  padding: clamp(2rem, 6vw, 4rem) var(--spacing-lg);
  overflow: hidden;
}
.page-404 .nf-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.page-404 .nf-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(50px);
  animation: nfOrb 12s ease-in-out infinite alternate;
}
.page-404 .nf-orb--a {
  width: min(55vw, 380px);
  height: min(55vw, 380px);
  top: -8%;
  left: -10%;
  background: rgba(53, 82, 232, 0.22);
}
.page-404 .nf-orb--b {
  width: min(50vw, 340px);
  height: min(50vw, 340px);
  right: -12%;
  bottom: 8%;
  background: rgba(32, 182, 157, 0.2);
  animation-delay: -5s;
}
.page-404 .nf-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(72vw, 520px);
  height: min(72vw, 520px);
  border: 1px solid rgba(53, 82, 232, 0.12);
  border-radius: 50%;
  transform: translate(-50%, -54%);
  animation: nfRing 8s ease-in-out infinite;
}
.page-404 .nf-panel {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  text-align: center;
  animation: fadeInUp 0.7s ease-out both;
}
.page-404 .nf-code {
  margin: 0 0 0.75rem;
  font-family: var(--font-heading);
  font-size: clamp(5rem, 18vw, 8.5rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.07em;
  color: var(--color-text);
}
.page-404 .nf-digit {
  display: inline-block;
  animation: nfFloat 3.6s ease-in-out infinite;
}
.page-404 .nf-digit:nth-child(1) { animation-delay: 0s; }
.page-404 .nf-digit:nth-child(2) { animation-delay: 0.2s; }
.page-404 .nf-digit:nth-child(3) { animation-delay: 0.4s; }
.page-404 .nf-digit--pulse {
  color: var(--color-primary);
  animation:
    nfFloat 3.6s ease-in-out infinite,
    nfPulseDigit 2.4s ease-in-out infinite;
  animation-delay: 0.2s, 0s;
}
.page-404 .nf-title {
  margin: 0 0 1rem;
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4.5vw, 2.6rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--color-text);
}
.page-404 .nf-translate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.45rem 0.65rem;
  margin: 0 auto 0.85rem;
  min-height: 2rem;
}
.page-404 .nf-translate-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.page-404 .nf-translate-phrase {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2.4vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text);
  transition: opacity 0.28s ease, transform 0.28s ease;
}
.page-404 .nf-translate-phrase.is-out {
  opacity: 0;
  transform: translateY(-6px);
}
.page-404 .nf-translate-locale {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  padding: 0.15rem 0.4rem;
  border-radius: var(--radius);
  background: rgba(53, 82, 232, 0.1);
  color: var(--color-primary);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.page-404 .nf-progress {
  width: min(220px, 55%);
  height: 3px;
  margin: 0 auto 1.35rem;
  border-radius: 999px;
  background: rgba(53, 82, 232, 0.1);
  overflow: hidden;
}
.page-404 .nf-progress-bar {
  display: block;
  height: 100%;
  width: 40%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  animation: nfScan 2.6s ease-in-out infinite;
}
.page-404 .nf-copy {
  margin: 0 auto 1.75rem;
  max-width: 28rem;
  color: var(--color-text-muted);
  font-size: 1.05rem;
  line-height: 1.65;
}
.page-404 .nf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  justify-content: center;
  margin-bottom: 1.25rem;
}
.page-404 .nf-actions .btn-secondary {
  background: #fff;
  border: 1px solid var(--color-border);
  color: var(--color-text);
}
.page-404 .nf-actions .btn-secondary:hover {
  border-color: rgba(53, 82, 232, 0.35);
  color: var(--color-primary);
}
.page-404 .nf-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  justify-content: center;
}
.page-404 .nf-links a {
  color: var(--color-text-muted);
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.page-404 .nf-links a:hover {
  color: var(--color-primary);
  border-bottom-color: rgba(53, 82, 232, 0.35);
}
@keyframes nfOrb {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(16px, -20px) scale(1.08); }
}
@keyframes nfRing {
  0%, 100% { opacity: 0.35; transform: translate(-50%, -54%) scale(1); }
  50% { opacity: 0.7; transform: translate(-50%, -54%) scale(1.04); }
}
@keyframes nfFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@keyframes nfPulseDigit {
  0%, 100% { color: var(--color-primary); }
  50% { color: var(--color-accent); }
}
@keyframes nfScan {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(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 {
    animation: none !important;
    transition: none !important;
  }
  .page-404 .nf-digit--pulse {
    color: var(--color-primary);
  }
}

/* —— Mobile / tablet nav usability —— */
.mobile-nav {
  /* Above cookie banner (#wt-cc-root ~999990) so the drawer stays usable */
  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 {
  overflow-x: hidden;
  overflow-y: auto;
  -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: 100%;
  max-height: 100dvh;
}
.mobile-nav-close {
  position: sticky;
  top: 0;
  z-index: 1;
  align-self: flex-end;
  margin-bottom: var(--spacing-xs);
  background: rgba(255, 255, 255, 0.92);
  border-radius: var(--radius);
}
.mobile-nav.is-open .mobile-nav-backdrop {
  cursor: pointer;
}
@media (max-width: 480px) {
  .mobile-nav-panel {
    width: min(100vw, 100%);
    max-width: 100%;
    border-left: none;
  }
}
@media (max-width: 1024px) {
  .nav-toggle {
    display: flex !important;
  }
  .nav-links {
    display: none !important;
  }
  /* Mega menus are desktop-only; keep them out of the way on touch layouts */
  .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));
  }
}