@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-gradient-start:#151e1d;--bg-gradient-mid:#111a19;--bg-gradient-end:#0e1616;--bg-page:#111a19;--accent-primary:#73c692;--accent-primary-light:#73c69252;--accent-primary-medium:#73c69257;--accent-primary-strong:#73c69280;--accent-primary-intense:#7bd49c;--accent-secondary:#69c8ca;--accent-brass:#c19153;--accent-slate:#62737d;--accent-slate-icon:#8eafbc;--text-primary:#e8e6e0;--text-secondary:#b8b6b0;--text-tertiary:#a4a39e;--text-on-accent:#eef4ef;--text-on-accent-solid:var(--bg-gradient-end);--surface-1:#ffedcd09;--surface-2:#ffedcd0f;--surface-3:#ffedcd14;--surface-4:#ffedcd1d;--surface-5:#ffedcd25;--surface-6:#ffedcd2d;--border-1:#ffedcd17;--border-2:#ffedcd21;--border-3:#ffedcd2b;--border-4:#ffedcd3b;--border-5:#ffedcd49;--scrim-soft:color-mix(in srgb, var(--bg-gradient-end) 60%, transparent);--scrim-medium:color-mix(in srgb, var(--bg-gradient-end) 74%, transparent);--scrim-strong:color-mix(in srgb, var(--bg-gradient-end) 86%, transparent);--panel-wash:color-mix(in srgb, var(--bg-gradient-end) 40%, transparent);--panel-card:color-mix(in srgb, var(--bg-gradient-end) 58%, transparent);--panel-card-raised:color-mix(in srgb, var(--bg-gradient-end) 74%, transparent);--panel-solid:color-mix(in srgb, var(--bg-gradient-end) 96%, transparent);--danger:#e8737f;--danger-soft:#e8737f29;--danger-border:#e8737f73;--success-border:#73c69273;--gradient-accent:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-accent-hover:linear-gradient(135deg, var(--accent-primary-intense) 0%, #7ed6d8 100%);--gradient-ground:linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 46%, var(--bg-gradient-end) 100%);--font-family:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #04090973;--shadow-md:0 2px 6px #04090980;--shadow-lg:0 6px 16px #04090994;--shadow-xl:0 18px 48px #040909ad;--shadow-glow:0 0 30px #73c69238;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--color-primary-green:var(--accent-primary);--color-medium-green:var(--accent-primary);--color-teal:var(--accent-secondary);--color-teal-dark:#4e9a9c;--color-gray-100:var(--text-primary);--color-gray-200:var(--text-secondary);--color-gray-300:var(--text-secondary);--color-gray-400:var(--text-tertiary);--color-gray-500:var(--accent-slate-icon);--color-gray-600:var(--accent-slate);--color-gray-700:#3a4547;--color-gray-800:#1b2524;--color-gray-900:var(--bg-gradient-end);--color-dark-bg:var(--bg-gradient-end);--color-dark-bg-secondary:var(--bg-gradient-mid);--color-dark-bg-tertiary:var(--bg-gradient-start);--gradient-primary:var(--gradient-accent);--gradient-primary-hover:var(--gradient-accent-hover);--gradient-dark:var(--gradient-ground);--gradient-hero:radial-gradient(ellipse at top, #73c6921a 0%, transparent 60%), radial-gradient(ellipse at bottom right, #69c8ca12 0%, transparent 50%)}@media (max-width:768px){:root{--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}}@media (max-width:480px){:root{--spacing-md:1rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-dark-bg);color:var(--color-gray-100);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{letter-spacing:-.01em;font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}p{color:var(--color-gray-300);line-height:1.7}a{color:inherit;transition:color var(--transition-base);text-decoration:none}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-dark-bg)}::-webkit-scrollbar-thumb{background:var(--color-gray-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-600)}::selection{background:var(--accent-primary);color:var(--text-on-accent-solid)}body{top:0!important}.goog-te-banner-frame.skiptranslate,body>.skiptranslate{display:none!important}#google_translate_element .skiptranslate{display:block!important}.goog-te-balloon-frame{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:.6s ease-out both fadeIn}.animate-slideInLeft{animation:.6s ease-out both slideInLeft}.animate-slideInRight{animation:.6s ease-out both slideInRight}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.section{padding:var(--spacing-3xl) 0}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 6px var(--scrim-strong));-webkit-background-clip:text;background-clip:text}.wordmark{color:var(--accent-primary-intense);letter-spacing:-.01em;text-shadow:0 1px 3px var(--scrim-strong), 0 2px 14px var(--scrim-strong);font-weight:800}.text-center{text-align:center}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grid{display:grid}.card{background:var(--panel-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-1);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--accent-primary-light);transform:translateY(-5px)}@media (max-width:768px){.section{padding:var(--spacing-2xl) 0}}#root{width:100%;min-height:100vh;position:relative}.app{z-index:1;width:100%;position:relative}.home,.pricing-page{width:100%}.install-button{border-radius:var(--radius-full);transition:background var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.install-button--primary{background:var(--gradient-accent);color:var(--text-on-accent-solid);box-shadow:var(--shadow-lg)}.install-button--primary:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-xl), var(--shadow-glow);transform:translateY(-2px)}.install-button--secondary{color:var(--accent-primary);border:2px solid var(--accent-primary);background:0 0}.install-button--secondary:hover{background:var(--accent-primary-light);border-color:var(--accent-primary-intense)}.install-button--small{padding:.5rem 1.5rem;font-size:.875rem}.install-button--medium{padding:.875rem 2rem;font-size:1rem}.install-button--large{padding:1.25rem 3rem;font-size:1.125rem}.install-button__text{z-index:2;position:relative}.install-button__shimmer{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-on-accent) 32%, transparent), transparent);z-index:1;width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.install-button:active{transform:translateY(0)}@media (max-width:768px){.install-button--large{padding:1rem 2rem;font-size:1rem}}.header{z-index:1000;transition:background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);background-color:#0000;border-bottom:1px solid #0000;padding:1rem 0;position:fixed;top:0;left:0;right:0}.header--scrolled{background-color:var(--panel-card-raised);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);border-bottom-color:var(--accent-primary-light)}.header__content{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.header__logo{cursor:pointer;align-items:center;gap:.75rem;text-decoration:none;display:flex}.header__logo-img{border-radius:var(--radius-md);width:40px;height:40px;transition:transform var(--transition-base)}.header__logo:hover .header__logo-img{transform:scale(1.05)}.header__logo-text{white-space:nowrap;font-size:1.5rem}.header__nav{align-items:center;gap:2rem;display:flex}.header__nav-link{color:var(--text-secondary);transition:color var(--transition-base);font-size:.95rem;font-weight:500;position:relative}.header__nav-link:after{content:"";background:var(--gradient-accent);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.header__nav-link:hover{color:var(--text-primary)}.header__nav-link:hover:after{width:100%}.header__actions{align-items:center;gap:1rem;display:flex}.header__coffee-link{transition:transform var(--transition-base);align-items:center;display:flex}.header__coffee-link:hover{transform:translateY(-2px)}.header__coffee-btn{border-radius:var(--radius-sm);width:auto;height:36px;transition:box-shadow var(--transition-base)}.header__coffee-link:hover .header__coffee-btn{box-shadow:var(--shadow-lg)}.goog-te-gadget{font-family:var(--font-family)!important;font-size:0!important}.goog-te-gadget>span{display:none!important}.goog-te-gadget .goog-te-combo{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--panel-card-raised);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-base), background-color var(--transition-base);padding:.5rem;font-size:.875rem}.goog-te-gadget .goog-te-combo:hover{border-color:var(--accent-primary-light);background:var(--panel-solid)}.header__mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.header__mobile-toggle-line{background:var(--text-primary);width:24px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:2px}.header__mobile-toggle-line--open:first-child{transform:rotate(45deg)translateY(7px)}.header__mobile-toggle-line--open:nth-child(2){opacity:0}.header__mobile-toggle-line--open:nth-child(3){transform:rotate(-45deg)translateY(-7px)}.language-selector{position:relative}.language-btn{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-base), color var(--transition-base);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem;font-size:.95rem;display:flex}.language-btn:hover{background:var(--surface-2);color:var(--text-primary)}.language-icon{font-size:1.2rem}.language-dropdown{background:var(--panel-solid);border:1px solid var(--border-2);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-xl);z-index:1000;flex-direction:column;gap:2px;max-height:400px;margin-top:.5rem;padding:.5rem;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:100%;right:0;overflow-y:auto}.language-option{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.language-option:hover{background:var(--accent-primary-light);color:var(--text-on-accent)}.lang-native{color:var(--text-primary);min-width:80px;font-weight:600}.lang-name{opacity:.7;font-size:.85rem}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:var(--surface-1)}.language-dropdown::-webkit-scrollbar-thumb{background:var(--border-4);border-radius:3px}@media (max-width:768px){.header__nav{background:var(--panel-solid);padding:var(--spacing-lg);gap:var(--spacing-md);border-bottom:1px solid var(--border-1);opacity:0;visibility:hidden;transition:transform var(--transition-base), opacity var(--transition-base), visibility var(--transition-base);flex-direction:column;position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.header__nav--open{opacity:1;visibility:visible;transform:translateY(0)}.header__mobile-toggle{display:flex}.header__actions{gap:.5rem}.language-name{display:none}.header__coffee-btn{height:32px}}@media (max-width:600px){.header__content{gap:var(--spacing-xs)}.header__coffee-link{display:none}.header__logo{gap:.5rem}.header__logo-img{width:32px;height:32px}.header__logo-text{font-size:1.15rem}.language-btn{padding:.375rem}.header__actions .install-button--small{padding:.5rem .875rem}}@media (max-width:340px){.header__logo-text{display:none}}.hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:visible}.hero:before{content:"";background:linear-gradient(180deg, var(--panel-wash) 0%, var(--panel-card) 50%, var(--panel-card-raised) 100%);z-index:1;position:absolute;inset:0}.hero__content{z-index:10;gap:var(--spacing-3xl);padding:var(--spacing-2xl) 0;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero__text{gap:var(--spacing-lg);flex-direction:column;display:flex}.hero__title{margin-bottom:var(--spacing-sm);text-shadow:0 2px 20px var(--scrim-strong), 0 4px 10px var(--scrim-medium);color:var(--text-primary);line-height:1.1}.hero__subtitle{color:var(--text-secondary);max-width:600px;text-shadow:0 2px 15px var(--scrim-strong), 0 1px 5px var(--scrim-medium);font-size:1.25rem;line-height:1.7}.hero__cta{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-direction:column;align-items:flex-start;display:flex}.hero__compatibility{color:var(--text-secondary);text-shadow:0 1px 3px var(--scrim-strong);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.hero__compatibility svg{color:var(--accent-primary)}.hero__stats{gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-2);grid-template-columns:repeat(3,1fr);display:grid}.hero__stat{flex-direction:column;gap:.25rem;display:flex}.hero__stat-number{background:var(--gradient-accent);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px var(--scrim-strong));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.hero__stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 3px var(--scrim-medium);font-size:.875rem}.hero__visual{justify-content:center;align-items:center;display:flex}.hero__logo-container{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.hero__logo{object-fit:contain;z-index:2;width:100%;height:100%;filter:drop-shadow(0 20px 40px var(--accent-primary-light));position:relative}.hero__logo-glow{background:radial-gradient(circle, var(--accent-primary-light) 0%, color-mix(in srgb, var(--accent-secondary) 20%, transparent) 40%, transparent 70%);z-index:1;width:120%;height:120%;animation:3s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:968px){.hero__content{gap:var(--spacing-2xl);text-align:center;grid-template-columns:1fr}.hero__text{align-items:center}.hero__subtitle{max-width:100%}.hero__cta{align-items:center}.hero__stats{justify-content:center}.hero__logo-container{width:300px;height:300px}}@media (max-width:480px){.hero{padding-top:4rem}.hero__title{font-size:2rem}.hero__subtitle{font-size:1.125rem}.hero__stats{gap:var(--spacing-md);grid-template-columns:1fr}.hero__logo-container{width:250px;height:250px}}.perfect-for{background:var(--panel-wash);z-index:10;content-visibility:auto;contain-intrinsic-size:auto 1000px;position:relative}.perfect-for__header{margin-bottom:var(--spacing-3xl)}.perfect-for__title{margin-bottom:var(--spacing-md);text-shadow:0 2px 12px var(--scrim-strong)}.perfect-for__subtitle{color:var(--text-secondary);max-width:600px;text-shadow:0 2px 10px var(--scrim-strong);margin:0 auto;font-size:1.125rem}.perfect-for__grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;display:grid}.scenario-card{background:var(--panel-card);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;border:1px solid var(--border-3);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color var(--transition-base)}.scenario-card:hover{border-color:var(--accent-primary-strong);box-shadow:var(--shadow-xl);background:var(--panel-card-raised);transform:translateY(-5px)}.scenario-card__icon{margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 12px var(--accent-primary-light));font-size:3rem}.scenario-card__title{margin-bottom:var(--spacing-sm);color:var(--text-primary);text-shadow:0 2px 8px var(--scrim-strong);font-size:1.5rem;font-weight:600}.scenario-card__description{color:var(--text-secondary);text-shadow:0 1px 6px var(--scrim-strong);font-size:.95rem;line-height:1.6}@media (max-width:968px){.perfect-for{contain-intrinsic-size:auto 1200px}.perfect-for__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.perfect-for{contain-intrinsic-size:auto 1800px}.perfect-for__grid{grid-template-columns:1fr}}.features{background:var(--panel-wash);z-index:10;content-visibility:auto;contain-intrinsic-size:auto 1900px;position:relative}.features__header{margin-bottom:var(--spacing-3xl)}.features__title{margin-bottom:var(--spacing-md);text-shadow:0 2px 12px var(--scrim-strong)}.features__subtitle{color:var(--text-secondary);max-width:700px;text-shadow:0 2px 10px var(--scrim-strong);margin:0 auto;font-size:1.25rem}.features__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.feature-card{background:var(--panel-card);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-3);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-accent);transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--accent-primary-strong);background:var(--panel-card-raised);transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-card__icon-emoji{margin-bottom:var(--spacing-md);transition:transform var(--transition-base);filter:drop-shadow(0 4px 12px var(--accent-primary-light));font-size:3.5rem;display:inline-block}.feature-card:hover .feature-card__icon-emoji{transform:scale(1.1)}.feature-card__title{margin-bottom:var(--spacing-sm);color:var(--text-primary);text-shadow:0 2px 8px var(--scrim-strong);font-size:1.5rem;font-weight:600}.feature-card__description{color:var(--text-secondary);text-shadow:0 1px 6px var(--scrim-strong);font-size:.95rem;line-height:1.7}@media (max-width:768px){.features{contain-intrinsic-size:auto 4200px}.features__grid{gap:var(--spacing-md);grid-template-columns:1fr}.feature-card{padding:var(--spacing-lg)}}.testimonials{background:var(--panel-wash);z-index:10;content-visibility:auto;contain-intrinsic-size:auto 1100px;position:relative}.testimonials__header{margin-bottom:var(--spacing-3xl)}.testimonials__title{margin-bottom:var(--spacing-md);text-shadow:0 2px 12px var(--scrim-strong)}.testimonials__subtitle{color:var(--text-secondary);max-width:600px;text-shadow:0 2px 10px var(--scrim-strong);margin:0 auto;font-size:1.125rem}.testimonials__loading{color:var(--text-tertiary);padding:var(--spacing-lg)}.testimonials__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.testimonial-card{background:var(--panel-card);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-3);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);gap:var(--spacing-md);flex-direction:column;display:flex}.testimonial-card:hover{border-color:var(--accent-primary-medium);box-shadow:var(--shadow-xl);background:var(--panel-card-raised);transform:translateY(-5px)}.testimonial-card__stars{gap:.25rem;display:flex}.testimonial-card__star{color:var(--accent-primary);font-size:1.25rem}.testimonial-card__text{color:var(--text-secondary);text-shadow:0 1px 6px var(--scrim-strong);flex:1;font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-card__author{align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-1);display:flex}.testimonial-card__avatar{border-radius:var(--radius-full);background:var(--gradient-accent);width:40px;height:40px;color:var(--text-on-accent-solid);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.testimonial-card__name{color:var(--text-secondary);text-shadow:0 1px 4px var(--scrim-medium);font-size:.95rem;font-weight:500}@media (max-width:768px){.testimonials{contain-intrinsic-size:auto 2400px}.testimonials__grid{grid-template-columns:1fr}}.faq{background:var(--panel-wash);z-index:10;content-visibility:auto;contain-intrinsic-size:auto 1600px;position:relative}.faq__header{margin-bottom:var(--spacing-3xl)}.faq__title{margin-bottom:var(--spacing-md);text-shadow:0 2px 12px var(--scrim-strong)}.faq__subtitle{color:var(--text-secondary);max-width:600px;text-shadow:0 2px 10px var(--scrim-strong);margin:0 auto;font-size:1.125rem}.faq__list{gap:var(--spacing-md);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--panel-card);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid var(--border-3);transition:border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);cursor:pointer;overflow:hidden}.faq-item:hover{border-color:var(--accent-primary-strong);box-shadow:var(--shadow-md);background:var(--panel-card-raised)}.faq-item--open{border-color:var(--accent-primary-medium)}.faq-item__question{padding:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.faq-item__question h3{color:var(--text-primary);text-shadow:0 2px 8px var(--scrim-strong);flex:1;margin:0;font-size:1.125rem;font-weight:600}.faq-item__icon{color:var(--accent-primary);text-align:center;min-width:24px;transition:transform var(--transition-base);font-size:1.5rem;font-weight:300}.faq-item--open .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{max-height:0;transition:max-height var(--transition-slow);overflow:hidden}.faq-item--open .faq-item__answer{max-height:500px}.faq-item__answer p{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);color:var(--text-secondary);text-shadow:0 1px 6px var(--scrim-strong);margin:0;line-height:1.7}@media (max-width:768px){.faq{contain-intrinsic-size:auto 1800px}.faq__list{max-width:100%}.faq-item__question{padding:var(--spacing-md)}.faq-item__question h3{font-size:1rem}.faq-item__answer p{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);font-size:.95rem}}.footer{background:var(--panel-card);border-top:1px solid var(--border-3);z-index:10;content-visibility:auto;contain-intrinsic-size:auto 560px;position:relative}.footer__main{gap:var(--spacing-3xl);padding:var(--spacing-2xl) 0;grid-template-columns:1fr 2fr;display:grid}.footer__brand{gap:var(--spacing-md);flex-direction:column;display:flex}.footer__logo{align-items:center;gap:.75rem;display:flex}.footer__logo-img{border-radius:var(--radius-md);width:40px;height:40px}.footer__logo-text{font-size:1.5rem}.footer__tagline{color:var(--text-secondary);max-width:300px;text-shadow:0 1px 6px var(--scrim-strong);font-size:.95rem}.footer__support{margin-top:var(--spacing-md)}.footer__coffee-link{transition:transform var(--transition-base);display:inline-block}.footer__coffee-link:hover{transform:translateY(-3px)}.footer__coffee-btn{border-radius:var(--radius-md);width:auto;height:50px;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}.footer__coffee-btn:hover{box-shadow:var(--shadow-xl)}.footer__links{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.footer__link-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer__link-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);text-shadow:0 1px 6px var(--scrim-strong);font-size:1rem;font-weight:600}.footer__link{color:var(--text-secondary);transition:color var(--transition-base);text-shadow:0 1px 4px var(--scrim-medium);font-size:.95rem;text-decoration:none}.footer__link:hover{color:var(--accent-primary)}.footer__bottom{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-top:1px solid var(--border-1);justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}.footer__copyright,.footer__privacy{color:var(--text-tertiary);text-shadow:0 1px 4px var(--scrim-medium);margin:0;font-size:.875rem}@media (max-width:968px){.footer{contain-intrinsic-size:auto 860px}.footer__main{gap:var(--spacing-2xl);grid-template-columns:1fr}.footer__links{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:480px){.footer__bottom{text-align:center;flex-direction:column}}.plan-notice{gap:var(--spacing-xs);padding:14px var(--spacing-sm);background:var(--surface-2);border:1px solid var(--border-2);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);text-align:left;flex-direction:column;display:flex}.plan-notice--free{border-left-color:var(--accent-slate)}.plan-notice-head,.plan-notice-body{flex-direction:column;gap:6px;display:flex}.plan-notice-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:700}.plan-notice-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4}.plan-notice-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.plan-notice-list{color:var(--text-secondary);margin:0;padding-left:20px;font-size:13px;line-height:1.6;list-style-type:disc}.plan-notice-list li{margin-bottom:4px}.plan-notice-list li:last-child{margin-bottom:0}.plan-notice-list li strong{color:var(--text-primary);font-weight:600}.plan-notice-free{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-sm);color:var(--text-secondary);padding:10px 12px;font-size:13px;line-height:1.6}.plan-notice-free strong{color:var(--accent-primary);font-weight:600}.plan-notice-link{color:var(--accent-primary);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid #0000;align-self:flex-start;margin-top:2px;font-size:13px;font-weight:600;text-decoration:none}.plan-notice-link:hover{color:var(--accent-primary-intense);border-bottom-color:var(--accent-primary-intense)}.plan-notice-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (min-width:900px){.plan-notice{column-gap:var(--spacing-lg);row-gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);grid-template-columns:minmax(220px,320px) 1fr;grid-template-areas:"head body""head free";align-items:start;display:grid}.plan-notice-head{grid-area:head}.plan-notice-body{grid-area:body}.plan-notice-free{grid-area:free}}@media (min-width:1200px){.plan-notice{column-gap:var(--spacing-md);grid-template-columns:minmax(190px,260px) 1fr minmax(240px,320px);grid-template-areas:"head body free"}}.plan-notice--complete{margin-bottom:36px}@media (min-width:900px){.plan-notice--complete{flex-direction:column;display:flex}}@media (prefers-reduced-motion:reduce){.plan-notice-link{transition:none}}@media (max-width:640px){.plan-notice{padding:12px 14px}.plan-notice-title{font-size:15px}}.tour-page{background:var(--gradient-ground);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.tour-page:before,.tour-page:after{content:"";pointer-events:none;z-index:1;position:absolute}.tour-page:before{background:radial-gradient(circle, var(--accent-primary) 0%, transparent 62%);opacity:.12;width:500px;height:500px;top:-100px;left:-100px}.tour-page:after{background:radial-gradient(circle, var(--accent-secondary) 0%, transparent 62%);opacity:.1;width:600px;height:600px;bottom:-100px;right:-100px}.tour-container{z-index:10;flex-direction:column;flex:1 0 auto;width:100%;max-width:1200px;min-height:calc(100vh - 80px);margin:80px auto 0;display:flex;position:relative}.tour-plan{padding:var(--spacing-md) var(--spacing-xl) 0;z-index:20;position:relative}@media (min-width:1280px){.tour-plan{padding-right:var(--spacing-2xl);padding-left:var(--spacing-2xl)}}.tour-columns{flex:1 0 auto;align-items:stretch;display:flex}.tour-left{justify-content:center;gap:var(--spacing-md);max-width:620px;padding:var(--spacing-xl);z-index:20;flex-direction:column;flex:44%;display:flex;position:relative}@media (min-width:1280px){.tour-left{padding:var(--spacing-xl) var(--spacing-2xl)}}.tour-progress{align-items:center;gap:var(--spacing-sm);display:flex}.tour-progress-track{background:var(--surface-3);border-radius:var(--radius-full);flex:1;max-width:200px;height:4px;overflow:hidden}.tour-progress-fill{background:var(--gradient-accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.tour-progress-label{letter-spacing:.04em;color:var(--text-tertiary);font-size:13px;font-weight:600}.step-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.step-title{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(28px,3.2vw,36px);font-weight:700;line-height:1.2}.step-subtitle{color:var(--text-secondary);font-size:18px;font-weight:500;line-height:1.4}.step-body{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-direction:column;display:flex}.step-description{color:var(--text-secondary);font-size:16px;line-height:1.6}.instruction-box{background:var(--surface-2);border:1px solid var(--border-2);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary);font-size:16px;line-height:1.6}.tour-list{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.tour-list-item{color:var(--text-secondary);align-items:baseline;gap:12px;font-size:15px;line-height:1.6;display:flex}.tour-list-item strong{color:var(--text-primary);font-weight:600}.tour-list-dot{border-radius:var(--radius-full);background:var(--accent-primary);flex-shrink:0;width:7px;height:7px;transform:translateY(-2px)}.tour-note{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-tertiary);font-size:14px;line-height:1.6}.key-combo{vertical-align:baseline;align-items:center;gap:5px;display:inline-flex}.key-cap{border:1px solid var(--border-3);border-radius:var(--radius-sm);background:var(--surface-4);box-shadow:var(--shadow-sm);color:var(--text-primary);border-bottom-width:2px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;line-height:1.4;display:inline-block}.key-plus{color:var(--text-tertiary);font-size:12px}.key-combo--lg{gap:8px}.key-combo--lg .key-cap{padding:8px 14px;font-size:15px}.tour-navigation{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.tour-navigation-end{gap:var(--spacing-xs);display:flex}.tour-btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;padding:13px 26px;font-size:15px;font-weight:600}.btn-primary{background:var(--gradient-accent);color:var(--bg-gradient-end);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-secondary)}.btn-secondary:hover{background:var(--surface-4);border-color:var(--border-4);color:var(--text-primary)}.tour-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.tour-right{padding:var(--spacing-xl) var(--spacing-lg);z-index:20;flex:56%;justify-content:center;align-items:center;display:flex;position:relative}.media-container{aspect-ratio:16/10;background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-xl);width:100%;max-width:760px;box-shadow:var(--shadow-xl);justify-content:center;align-items:center;display:flex;overflow:hidden}.media-frame{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tour-media{object-fit:cover;width:100%;height:100%;display:block}.tour-art{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;height:100%;padding:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.tour-art-caption{max-width:36ch;color:var(--text-tertiary);font-size:13px;line-height:1.5}.tour-art-or{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:600}.mark-figure{padding:var(--spacing-md);place-items:center;display:grid;position:relative}.mark-halo{border-radius:var(--radius-full);background:radial-gradient(circle, var(--accent-primary) 0%, transparent 65%);opacity:.22;position:absolute;inset:0}.mark-icon{border-radius:var(--radius-lg);width:96px;height:96px;box-shadow:var(--shadow-lg);position:relative}.mark-name{letter-spacing:-.01em;color:var(--text-primary);font-size:20px;font-weight:700}.popup-mock{width:min(260px,100%);padding:var(--spacing-sm);background:var(--surface-3);border:1px solid var(--border-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.popup-mock-head{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.popup-mock-icon{border-radius:6px;width:20px;height:20px}.popup-mock-button{padding:10px var(--spacing-sm);border-radius:var(--radius-sm);background:var(--gradient-accent);color:var(--bg-gradient-end);font-size:14px;font-weight:600;display:block}.tree-mock{flex-direction:column;gap:8px;width:min(340px,100%);list-style:none;display:flex}.tree-mock-row{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);text-align:left;color:var(--text-secondary);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.tree-mock-row--d1{margin-left:22px}.tree-mock-row--d2{margin-left:44px}.tree-mock-row--remembered{color:var(--text-tertiary);border-style:dashed}.tree-mock-dot{border-radius:var(--radius-full);background:var(--accent-primary);flex-shrink:0;width:8px;height:8px}.tree-mock-row--remembered .tree-mock-dot{background:var(--accent-slate)}.toggle-mock{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:min(300px,100%);padding:12px var(--spacing-sm);background:var(--surface-3);border:1px solid var(--border-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex}.toggle-mock-label{text-align:left;color:var(--text-primary);font-size:14px;font-weight:500}.toggle-mock-switch{border:1px solid var(--accent-primary);border-radius:var(--radius-full);background:var(--accent-primary-strong);flex-shrink:0;justify-content:flex-end;align-items:center;width:40px;height:22px;padding:2px;display:flex}.toggle-mock-knob{border-radius:var(--radius-full);background:var(--text-primary);width:16px;height:16px}.complete-screen{padding:140px var(--spacing-lg) var(--spacing-xl);z-index:10;flex:1 0 auto;justify-content:center;align-items:flex-start;display:flex;position:relative}.complete-content{text-align:center;width:100%;max-width:700px}.complete-icon-wrapper{color:var(--accent-primary);margin-bottom:28px}.complete-check{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards tourScaleIn}.check-circle{stroke-dasharray:150;stroke-dashoffset:150px;animation:.8s ease-out .2s forwards tourDrawLine}.check-mark{stroke-dasharray:50;stroke-dashoffset:50px;animation:.4s ease-out .8s forwards tourDrawLine}.complete-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:36px;font-weight:800}.complete-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:17px;line-height:1.6}.feature-badges{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:36px;display:flex}.feature-badge{min-width:130px;padding:20px var(--spacing-md);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;align-items:center;gap:10px;animation:.5s ease-out backwards tourFadeIn;display:flex}.feature-badge:hover{background:var(--surface-3);border-color:var(--border-3);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge-icon{font-size:30px}.badge-label{letter-spacing:.01em;color:var(--text-secondary);font-size:13px;font-weight:600}.quick-tips{padding:var(--spacing-md) 28px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg);text-align:left}.tips-header{color:var(--accent-primary);align-items:center;gap:10px;margin-bottom:12px;font-size:16px;display:flex}.tips-icon{font-size:20px}.tips-text{color:var(--text-secondary);font-size:14px;line-height:1.7}.tour-fade-in{animation:.4s ease-out tourFadeIn}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tourScaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes tourDrawLine{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.tour-fade-in,.feature-badge,.complete-check{opacity:1;animation:none;transform:none}.check-circle,.check-mark{stroke-dashoffset:0;animation:none}.tour-progress-fill,.tour-btn,.feature-badge{transition:none}.btn-primary:hover,.feature-badge:hover{transform:none}}@media (max-width:1024px){.tour-columns{flex-direction:column}.tour-plan{padding:var(--spacing-sm) var(--spacing-md) 0}.tour-left,.tour-right{flex:none}.tour-left{max-width:100%;padding:var(--spacing-lg) var(--spacing-md)}.tour-right{padding:0 var(--spacing-md) var(--spacing-lg)}.media-container{max-width:620px}.complete-screen{padding:120px var(--spacing-md) var(--spacing-lg)}.complete-title{font-size:28px}}@media (max-width:640px){.tour-left{padding:var(--spacing-lg) var(--spacing-sm)}.tour-plan{padding:var(--spacing-sm) var(--spacing-sm) 0}.tour-right{padding:0 var(--spacing-sm) var(--spacing-lg)}.tour-navigation{flex-wrap:wrap}.tour-btn{padding:12px 20px;font-size:14px}.tour-art{padding:var(--spacing-sm)}.media-container{aspect-ratio:auto;min-height:200px}.tour-media{aspect-ratio:16/10;height:auto}.feature-badge{min-width:104px;padding:16px}.quick-tips{padding:var(--spacing-md)}}@media (min-width:1025px) and (max-height:820px){.tour-plan{padding-top:var(--spacing-sm)}.tour-left{gap:var(--spacing-sm)}.tour-left,.tour-right{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.media-container{max-width:600px}}.receipt-printer-container{width:100%;max-width:440px;font-family:var(--font-family,"Inter", sans-serif);color:var(--text-primary,#e8e6e0);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;display:flex;position:relative}.receipt-terminal-card{background:var(--panel-solid,#0e1616f5);border:1px solid var(--border-3,#ffedcd2b);width:100%;box-shadow:var(--shadow-xl,0 18px 48px #040909ad), 0 0 0 1px #ffffff08, inset 0 1px 1px #ffffff14;z-index:10;-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition-base,.25s ease), box-shadow var(--transition-base,.25s ease);border-radius:24px;padding:20px 24px;position:relative}.receipt-terminal-card:hover{border-color:var(--border-4,#ffedcd3b)}.terminal-header{justify-content:flex-end;align-items:center;margin-bottom:20px;display:flex}.terminal-logo-box{background:var(--surface-3,#ffedcd14);border:1px solid var(--border-2,#ffedcd21);width:40px;height:40px;color:var(--text-primary,#e8e6e0);transition:transform var(--transition-fast,.15s ease), background var(--transition-fast,.15s ease);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 2px #ffffff14}.terminal-logo-box:hover{background:var(--surface-4,#ffedcd1d);transform:scale(1.04)}.terminal-sparkle-icon{fill:currentColor;width:22px;height:22px}.terminal-header-actions{align-items:center;gap:8px;display:flex}.terminal-sound-pill{background:var(--surface-3,#ffedcd14);border:1px solid var(--border-2,#ffedcd21);width:36px;height:36px;color:var(--text-secondary,#b8b6b0);cursor:pointer;transition:all var(--transition-fast,.15s ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.terminal-sound-pill:hover{background:var(--surface-5,#ffedcd25);color:var(--text-primary,#e8e6e0);transform:translateY(-1px)}.terminal-sound-pill.active{color:var(--accent-primary,#73c692);background:#73c6921f;border-color:#73c69259}.terminal-home-btn{border-radius:var(--radius-full,9999px);background:var(--surface-3,#ffedcd14);border:1px solid var(--border-2,#ffedcd21);color:var(--text-primary,#e8e6e0);cursor:pointer;transition:all var(--transition-fast,.15s ease);align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.terminal-home-btn:hover{background:var(--surface-5,#ffedcd25);border-color:var(--border-4,#ffedcd3b);color:#fff;transform:translateY(-1px)}.terminal-home-btn:active{transform:translateY(0)}.terminal-home-icon{opacity:.85;width:16px;height:16px}.terminal-inner-card{border:1px solid var(--border-1,#ffedcd17);background:#080e0ea6;border-radius:16px;margin-bottom:16px;padding:18px 20px;position:relative;box-shadow:inset 0 1px 3px #0006}.terminal-plan-row{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.plan-info-left{flex-direction:column;gap:4px;display:flex}.plan-title{color:#fff;letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.plan-subtitle{color:var(--text-secondary,#b8b6b0);font-size:.88rem;font-weight:400}.plan-info-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.plan-total-label{color:var(--text-tertiary,#a4a39e);text-transform:capitalize;font-size:.82rem;font-weight:500}.plan-total-price{color:#fff;letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.terminal-status-row{align-items:center;gap:10px;min-height:28px;display:flex}.status-spinner{border:2.2px solid #ffedcd33;border-top-color:var(--accent-primary,#73c692);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite receiptSpinnerRotate}@keyframes receiptSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-check-badge{background:var(--accent-primary,#73c692);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards checkPopIn;display:flex;box-shadow:0 0 12px #73c69273}@keyframes checkPopIn{0%{opacity:0;transform:scale(.4)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}.status-check-icon{color:#0e1616;stroke-width:3px;width:12px;height:12px}.status-text{color:var(--text-primary,#e8e6e0);letter-spacing:-.005em;font-size:.92rem;font-weight:500;transition:color .3s}.status-text.complete{color:#fff}.terminal-slot-unit{width:100%;height:12px;margin-top:4px;position:relative}.terminal-slot-aperture{z-index:1;background:#040707;border-top:1.5px solid #000000f2;border-bottom:1px solid #ffedcd14;border-radius:5px;height:10px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 3px 6px #000000fa,inset 0 -1px 2px #ffedcd0a}.terminal-slot-paper-exit{z-index:5;pointer-events:auto;padding-bottom:40px;position:absolute;top:5px;left:12px;right:12px;overflow:hidden}.terminal-slot-lip-overlay{pointer-events:none;z-index:8;border-top:2.5px solid #0e1616fa;border-radius:4px 4px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.receipt-flow-spacer{pointer-events:none;width:100%;height:420px}.receipt-paper{color:#171a19;clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 10px),98% 100%,96% calc(100% - 10px),94% 100%,92% calc(100% - 10px),90% 100%,88% calc(100% - 10px),86% 100%,84% calc(100% - 10px),82% 100%,80% calc(100% - 10px),78% 100%,76% calc(100% - 10px),74% 100%,72% calc(100% - 10px),70% 100%,68% calc(100% - 10px),66% 100%,64% calc(100% - 10px),62% 100%,60% calc(100% - 10px),58% 100%,56% calc(100% - 10px),54% 100%,52% calc(100% - 10px),50% 100%,48% calc(100% - 10px),46% 100%,44% calc(100% - 10px),42% 100%,40% calc(100% - 10px),38% 100%,36% calc(100% - 10px),34% 100%,32% calc(100% - 10px),30% 100%,28% calc(100% - 10px),26% 100%,24% calc(100% - 10px),22% 100%,20% calc(100% - 10px),18% 100%,16% calc(100% - 10px),14% 100%,12% calc(100% - 10px),10% 100%,8% calc(100% - 10px),6% 100%,4% calc(100% - 10px),2% 100%,0% calc(100% - 10px));will-change:transform;background:#f7f6f2;padding:22px 20px 26px;font-family:Space Mono,Courier Prime,Consolas,SF Mono,monospace;transition:transform .4s;position:relative;transform:translateY(-100%);box-shadow:0 16px 36px #040909a6,0 4px 12px #0006}.receipt-paper.state-processing{visibility:hidden;opacity:0;transition:transform .2s,opacity .2s;transform:translateY(-100%)}.receipt-paper.state-printing{visibility:visible;opacity:1;animation:2.4s cubic-bezier(.25,1,.5,1) forwards receiptFeedPrinting}@keyframes receiptFeedPrinting{0%{transform:translateY(-100%)}20%{transform:translateY(-70%)}45%{transform:translateY(-45%)}70%{transform:translateY(-20%)}to{transform:translateY(0%)}}.receipt-paper.state-complete{visibility:visible;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(0%)}.receipt-top-lip-shadow{pointer-events:none;z-index:2;background:linear-gradient(#0006 0%,#0000 100%);height:14px;position:absolute;top:0;left:0;right:0}.receipt-logo-wrap{justify-content:center;margin-bottom:14px;display:flex}.receipt-emblem{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.receipt-divider{border-top:1.5px dashed #a8a7a0;width:100%;margin:12px 0}.receipt-item-block{margin:8px 0}.receipt-row{color:#272b2a;justify-content:space-between;align-items:baseline;font-size:.85rem;line-height:1.4;display:flex}.receipt-item-title{text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;font-weight:700}.receipt-item-price{letter-spacing:-.01em;font-size:.9rem;font-weight:700}.receipt-item-sub{color:#696f6e;margin-top:2px;font-size:.78rem}.receipt-breakdown{flex-direction:column;gap:5px;margin:6px 0;display:flex}.receipt-row-muted{color:#4d5352;font-size:.82rem}.receipt-row-total{color:#121414;letter-spacing:.02em;margin-top:6px;font-size:.95rem;font-weight:800}.receipt-metadata{color:#4d5352;flex-direction:column;gap:4px;margin:10px 0 16px;font-size:.76rem;display:flex}.receipt-meta-row{justify-content:space-between;display:flex}.receipt-meta-val{color:#1e2120;font-weight:600}.receipt-barcode-wrap{flex-direction:column;justify-content:center;align-items:center;margin-top:10px;display:flex}.receipt-barcode-svg{width:170px;height:48px;display:block}.receipt-barcode-num{letter-spacing:.22em;color:#555b5a;text-transform:uppercase;margin-top:4px;font-size:.72rem}@media (max-width:480px){.receipt-terminal-card{border-radius:20px;padding:16px 18px 18px}.plan-title{font-size:1.1rem}.plan-total-price{font-size:1.2rem}.terminal-slot-paper-exit{left:8px;right:8px}.receipt-paper{padding:18px 14px 22px}.receipt-flow-spacer{height:390px}}.receipt-paper-logo{filter:grayscale()contrast(1.2)brightness(.8)}.activate-page{background:var(--gradient-ground);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.activate-page:before,.activate-page:after{content:"";pointer-events:none;z-index:1;position:absolute}.activate-page:before{background:radial-gradient(circle, var(--accent-primary) 0%, transparent 62%);opacity:.12;width:520px;height:520px;top:-120px;left:-120px}.activate-page:after{background:radial-gradient(circle, var(--accent-secondary) 0%, transparent 62%);opacity:.1;width:600px;height:600px;bottom:-120px;right:-120px}.activate-main{padding:140px var(--spacing-md) var(--spacing-2xl);z-index:10;flex:1 0 auto;justify-content:center;display:flex;position:relative}.activate-content{gap:var(--spacing-md);flex-direction:column;width:100%;max-width:680px;display:flex}.activate-hero{text-align:center;margin-bottom:var(--spacing-xs)}.activate-mark{width:72px;height:72px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.activate-title{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(26px,3.4vw,34px);font-weight:800;line-height:1.2}.activate-subtitle{color:var(--text-secondary);margin-top:12px;font-size:17px;line-height:1.6}.activate-card{padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-lg)}.activate-card--key{background:var(--surface-2);border-color:var(--border-2);border-left:3px solid var(--accent-primary);box-shadow:var(--shadow-lg)}.activate-card--quiet{background:0 0}.activate-card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.activate-card-title{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:12px;font-size:19px;font-weight:700}.activate-text{color:var(--text-secondary);font-size:15px;line-height:1.7}.activate-text+.activate-text{margin-top:12px}.activate-muted{color:var(--text-tertiary);margin-top:12px;font-size:14px;line-height:1.6}.activate-note{margin-top:var(--spacing-sm);padding:12px var(--spacing-sm);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:14px;line-height:1.6}.activate-card-title+.activate-note{margin-top:0;margin-bottom:var(--spacing-sm)}.activate-reference{color:var(--text-tertiary);margin-top:12px;font-size:13px}.activate-reference code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.activate-inline-link{color:var(--accent-primary);text-underline-offset:3px;font-weight:600;text-decoration:underline}.activate-inline-link:hover{color:var(--accent-primary-intense)}.activate-key-row{align-items:stretch;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.activate-key{min-width:0;padding:14px var(--spacing-sm);background:var(--panel-solid);border:1px solid var(--border-3);border-radius:var(--radius-md);letter-spacing:.02em;color:var(--text-primary);word-break:break-all;-webkit-user-select:all;user-select:all;flex:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.5}.activate-copy-btn{border-radius:var(--radius-md);background:var(--gradient-accent);color:var(--bg-gradient-end);box-shadow:var(--shadow-md);transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;flex:none;padding:14px 22px;font-size:15px;font-weight:600}.activate-copy-btn:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.activate-list{margin-bottom:var(--spacing-md);flex-direction:column;gap:12px;list-style:none;display:flex}.activate-list-item{color:var(--text-secondary);align-items:baseline;gap:12px;font-size:15px;line-height:1.65;display:flex}.activate-list-item strong{color:var(--text-primary);font-weight:600}.activate-dot{border-radius:var(--radius-full);background:var(--accent-primary);flex-shrink:0;width:7px;height:7px;transform:translateY(-2px)}.activate-steps{gap:var(--spacing-sm);counter-reset:none;flex-direction:column;list-style:none;display:flex}.activate-step{align-items:flex-start;gap:var(--spacing-sm);display:flex}.activate-step-number{border:1px solid var(--accent-primary);border-radius:var(--radius-full);background:var(--accent-primary-light);width:30px;height:30px;color:var(--accent-primary-intense);flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.activate-step-body{flex:1;min-width:0}.activate-step-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.activate-step-text{color:var(--text-secondary);font-size:15px;line-height:1.65}.activate-btn{border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);padding:13px 26px;font-size:15px;font-weight:600;display:inline-block}.activate-btn:hover{background:var(--surface-4);border-color:var(--border-4);color:var(--text-primary)}.activate-btn--primary{background:var(--gradient-accent);color:var(--bg-gradient-end);box-shadow:var(--shadow-md);border-color:#0000}.activate-btn--primary:hover{background:var(--gradient-accent-hover);color:var(--bg-gradient-end);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.activate-btn:focus-visible,.activate-copy-btn:focus-visible,.activate-inline-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.activate-btn,.activate-copy-btn{transition:none}.activate-btn--primary:hover,.activate-copy-btn:hover{transform:none}}@media (max-width:640px){.activate-main{padding:120px var(--spacing-sm) var(--spacing-xl)}.activate-card{padding:var(--spacing-sm) var(--spacing-md)}.activate-copy-btn{flex:100%}.activate-btn{text-align:center;display:block}}.receipt-demo-card-stage{align-items:center;margin:0 auto;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.feedback-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.feedback-container{padding:180px var(--spacing-sm) var(--spacing-xl);z-index:10;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.feedback-card{background:linear-gradient(var(--surface-2), var(--surface-2)), var(--bg-gradient-mid);border:1px solid var(--border-2);border-radius:var(--radius-xl);width:100%;max-width:680px;box-shadow:var(--shadow-xl);opacity:0;margin:0 auto;padding:48px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards feedbackCardEnter;transform:translateY(20px)}.feedback-header{text-align:center;margin-bottom:40px}.feedback-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:700}.feedback-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.6}.feedback-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.feedback-section-title{margin-bottom:var(--spacing-sm);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-size:14px;font-weight:600;display:block}.radio-group{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.radio-label{padding:var(--spacing-sm);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:12px;display:flex;position:relative;overflow:hidden}.radio-label:hover{background:var(--surface-3);border-color:var(--border-3);transform:translateY(-1px)}.radio-label:has(input:checked){background:var(--accent-primary-light);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.radio-label:has(input:focus-visible){outline:2px solid var(--accent-primary);outline-offset:2px}.radio-label.full-width{grid-column:span 2}.radio-label input[type=radio]{appearance:none;border:2px solid var(--text-tertiary);border-radius:var(--radius-full);width:18px;height:18px;transition:border-color var(--transition-fast);flex-shrink:0;margin:0;position:relative}.radio-label input[type=radio]:checked{border-color:var(--accent-primary);background-color:#0000}.radio-label input[type=radio]:after{content:"";border-radius:var(--radius-full);background-color:var(--accent-primary);width:8px;height:8px;transition:transform var(--transition-fast);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.radio-label input[type=radio]:checked:after{transform:translate(-50%,-50%)scale(1)}.radio-text{color:var(--text-primary);font-size:15px;font-weight:500}.feedback-textarea-wrapper{position:relative}.feedback-textarea{width:100%;min-height:120px;padding:var(--spacing-sm);background:var(--bg-gradient-end);border:1px solid var(--border-2);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;font-size:15px;line-height:1.6}.feedback-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);outline:none}.feedback-textarea::placeholder{color:var(--text-tertiary)}.feedback-error{margin-bottom:var(--spacing-sm);padding:12px var(--spacing-sm);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md);color:var(--danger);font-size:14px;line-height:1.5}.feedback-submit-btn{width:100%;height:52px;margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-accent);color:var(--bg-gradient-end);border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:none;font-size:16px;font-weight:600;position:relative;overflow:hidden}.feedback-submit-btn:hover:not(:disabled){background:var(--gradient-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feedback-submit-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.feedback-submit-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.feedback-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.success-message{text-align:center;padding:60px var(--spacing-sm);animation:.5s ease-out feedbackFadeIn}.success-icon-wrapper{width:80px;height:80px;margin:0 auto var(--spacing-md);background:var(--accent-primary-light);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.success-icon{font-size:40px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) feedbackBounceIn}.success-title{color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:700}.success-text{color:var(--text-secondary);font-size:16px;line-height:1.6}@keyframes feedbackCardEnter{to{opacity:1;transform:translateY(0)}}@keyframes feedbackFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes feedbackBounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.feedback-card,.success-message,.success-icon{opacity:1;animation:none;transform:none}.radio-label,.radio-label input[type=radio],.radio-label input[type=radio]:after,.feedback-textarea,.feedback-submit-btn{transition:none}.radio-label:hover,.feedback-submit-btn:hover:not(:disabled){transform:none}}@media (max-width:640px){.feedback-container{padding:120px var(--spacing-sm) var(--spacing-lg)}.feedback-card{padding:var(--spacing-lg) var(--spacing-md)}.feedback-title{font-size:26px}.radio-group{grid-template-columns:1fr}.radio-label.full-width{grid-column:auto}}.notfound-page{background:var(--gradient-ground);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.notfound-main{padding:160px var(--spacing-md) var(--spacing-2xl);flex:1 0 auto;justify-content:center;align-items:center;display:flex}.notfound-card{width:100%;max-width:560px;padding:var(--spacing-xl);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center}.notfound-code{margin-bottom:var(--spacing-xs);letter-spacing:.04em;color:var(--accent-slate);font-size:56px;font-weight:800;line-height:1;display:block}.notfound-title{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(24px,3vw,30px);font-weight:700}.notfound-text{color:var(--text-secondary);margin-top:12px;font-size:16px;line-height:1.6}.notfound-links{justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.notfound-btn{border:1px solid var(--border-2);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);padding:12px 22px;font-size:15px;font-weight:600}.notfound-btn:hover{background:var(--surface-4);border-color:var(--border-4);color:var(--text-primary)}.notfound-btn--primary{background:var(--gradient-accent);color:var(--bg-gradient-end);box-shadow:var(--shadow-md);border-color:#0000}.notfound-btn--primary:hover{background:var(--gradient-accent-hover);color:var(--bg-gradient-end);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.notfound-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.notfound-btn{transition:none}.notfound-btn--primary:hover{transform:none}}@media (max-width:640px){.notfound-main{padding:120px var(--spacing-sm) var(--spacing-xl)}.notfound-card{padding:var(--spacing-lg) var(--spacing-md)}.notfound-links{flex-direction:column}}.receipt-demo-page{min-height:100vh;color:var(--text-primary,#e8e6e0);background:var(--gradient-ground,#111a19);z-index:1;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.receipt-demo-main{padding:140px var(--spacing-md,20px) 100px var(--spacing-md,20px);z-index:10;flex-direction:column;flex:1 0 auto;justify-content:flex-start;align-items:center;width:100%;max-width:800px;margin:0 auto;display:flex;position:relative}.receipt-hero-section{text-align:center;margin-bottom:32px}.receipt-page-title{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800}.receipt-page-subtitle{color:var(--text-secondary,#b8b6b0);max-width:500px;margin:0 auto;font-size:1.05rem;line-height:1.5}.receipt-demo-card-stage{width:100%;max-width:440px;margin-bottom:24px}@media (max-width:768px){.receipt-demo-main{padding:120px 16px 80px}}@media (max-width:480px){.receipt-demo-main{padding:105px 14px 60px}}.pricing{z-index:1;position:relative}.pricing__header{margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.pricing__title{margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.pricing__subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.pricing__grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-md);background:var(--surface-2);border-color:var(--border-3);transform:translateY(-4px)}.pricing-card--highlight{background:var(--surface-2);border:1px solid var(--accent-primary-strong);box-shadow:var(--shadow-md)}.pricing-card--highlight:hover{box-shadow:var(--shadow-lg), 0 0 20px #73c6921a;border-color:var(--accent-primary)}.pricing-card__badge{background:var(--gradient-accent);color:var(--text-on-accent-solid);border-radius:var(--radius-full);letter-spacing:.02em;box-shadow:var(--shadow-sm);white-space:nowrap;padding:4px 16px;font-size:.875rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__header{margin-bottom:var(--spacing-lg);text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-1)}.pricing-card__name{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.pricing-card__price-box{margin-bottom:var(--spacing-xs);justify-content:center;align-items:baseline;gap:4px;display:flex}.pricing-card__price{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.pricing-card__period{color:var(--text-tertiary);font-size:1rem}.pricing-card__description{color:var(--text-tertiary);font-size:.875rem}.pricing-card__features{margin:0 0 var(--spacing-xl) 0;gap:var(--spacing-sm);flex-direction:column;flex-grow:1;padding:0;list-style:none;display:flex}.pricing-card__feature{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:.9375rem;line-height:1.5;display:flex}.pricing-card__check{color:var(--accent-primary);flex-shrink:0;font-weight:700}.pricing-card__button{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-base);text-align:center;border:none;padding:12px;font-size:1rem;font-weight:600}.btn--primary{background:var(--gradient-accent);color:var(--text-on-accent-solid)}.btn--primary:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn--secondary{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-3)}.btn--secondary:hover{background:var(--surface-4);border-color:var(--border-4)}@media (max-width:768px){.pricing__grid{grid-template-columns:1fr;max-width:400px}.pricing-card{padding:var(--spacing-lg)}}.forest-background{z-index:0;pointer-events:none;contain:layout paint;--forest-ridge-far:color-mix(in srgb, var(--accent-slate) 15%, var(--bg-gradient-mid));--forest-ridge-mid:color-mix(in srgb, var(--accent-slate) 10%, var(--bg-gradient-mid));--forest-ridge-near:color-mix(in srgb, var(--accent-slate) 6%, var(--bg-gradient-end));--forest-hill:color-mix(in srgb, var(--accent-primary) 6%, var(--bg-gradient-end));--forest-canopy-far:color-mix(in srgb, var(--accent-primary) 9%, var(--bg-gradient-end));--forest-canopy-mid:color-mix(in srgb, var(--accent-primary) 13%, var(--bg-gradient-end));--forest-canopy-near:color-mix(in srgb, var(--accent-primary) 18%, var(--bg-gradient-end));--forest-trunk:color-mix(in srgb, var(--accent-brass) 10%, var(--bg-gradient-end));--forest-trunk-lit:color-mix(in srgb, var(--accent-brass) 16%, var(--bg-gradient-end));--forest-spark:color-mix(in srgb, var(--accent-brass) 56%, var(--bg-gradient-end));--forest-spark-halo:color-mix(in srgb, var(--accent-brass) 24%, transparent);--forest-spark-glow:color-mix(in srgb, var(--accent-brass) 16%, transparent);--cloud-scale:1;position:fixed;inset:0;overflow:hidden}.forest-background--paused .cloud,.forest-background--paused .particle{animation-play-state:paused}.forest-sky{background:radial-gradient(120% 55% at 50% 76%, color-mix(in srgb, var(--accent-secondary) 12%, transparent) 0%, transparent 68%), var(--gradient-ground);position:absolute;inset:0}.cloud{will-change:transform;background-repeat:no-repeat;position:absolute}.cloud-1{width:calc(230px * var(--cloud-scale));height:calc(96px * var(--cloud-scale));background-image:radial-gradient(closest-side, var(--surface-3), transparent), radial-gradient(closest-side, var(--surface-3), transparent), radial-gradient(closest-side, var(--surface-2), transparent);background-position:0 100%,36% 0,100% 78%;background-size:64% 58%,46% 92%,52% 62%;animation:45s ease-in-out infinite cloudDrift1;top:8%;left:5%}.cloud-2{width:calc(190px * var(--cloud-scale));height:calc(84px * var(--cloud-scale));background-image:radial-gradient(closest-side, var(--surface-2), transparent), radial-gradient(closest-side, var(--surface-3), transparent);background-position:0 100%,100% 0;background-size:62% 60%,54% 96%;animation:40s ease-in-out infinite cloudDrift2;top:18%;right:10%}.cloud-3{width:calc(280px * var(--cloud-scale));height:calc(104px * var(--cloud-scale));background-image:radial-gradient(closest-side, var(--surface-2), transparent), radial-gradient(closest-side, var(--surface-3), transparent), radial-gradient(closest-side, var(--surface-2), transparent);background-position:0 100%,42% 0,100% 86%;background-size:56% 56%,48% 90%,60% 64%;animation:55s ease-in-out infinite cloudDrift3;top:3%;right:25%}.mountains{z-index:1;height:45%;position:absolute;bottom:0;left:0;right:0}.mountain{width:0;height:0;position:absolute;bottom:0}.mountain-1{border-left:280px solid #0000;border-right:280px solid #0000;border-bottom:350px solid var(--forest-ridge-far);left:-15%}.mountain-2{border-left:350px solid #0000;border-right:350px solid #0000;border-bottom:420px solid var(--forest-ridge-mid);left:15%}.mountain-3{border-left:320px solid #0000;border-right:320px solid #0000;border-bottom:380px solid var(--forest-ridge-near);right:-8%}.hills{z-index:2;height:30%;position:absolute;bottom:0;left:0;right:0}.hill{background:var(--forest-hill);border-radius:50% 50% 0 0;position:absolute;bottom:0}.hill-1{width:400px;height:180px;left:-10%}.hill-2{width:500px;height:220px;right:-5%}.forest-treeline{z-index:3;width:100%;height:auto;display:block;position:absolute;bottom:0;left:0}.treeline-far{fill:var(--forest-canopy-far)}.treeline-mid{fill:var(--forest-canopy-mid)}.forest-layer{justify-content:space-around;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.forest-layer-front{z-index:4;height:65%}.tree-detailed{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.tree-trunk{background:linear-gradient(to right, var(--forest-trunk), var(--forest-trunk-lit));border-radius:3px;position:relative}.tree-front .tree-trunk{width:25px;height:180px}.tree-foliage{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:30%}.foliage-layer{background:radial-gradient(ellipse at center, var(--forest-canopy-near) 0%, var(--forest-canopy-near) 58%, transparent 100%);border-radius:50%;position:absolute}.tree-front .foliage-1{width:120px;height:100px;bottom:70px}.tree-front .foliage-2{width:150px;height:120px;bottom:30px}.tree-front .foliage-3{width:170px;height:130px;bottom:0}.mist{pointer-events:none;height:50%;position:absolute;bottom:0;left:0;right:0}.mist-1{background:linear-gradient(to top, var(--surface-2) 0%, var(--surface-1) 50%, transparent 100%);z-index:5}.mist-2{background:linear-gradient(to top, color-mix(in srgb, var(--accent-secondary) 5%, transparent) 0%, transparent 60%);z-index:6}.particles{z-index:7;pointer-events:none;position:absolute;inset:0}.particle{background:radial-gradient(circle, var(--forest-spark) 0%, var(--forest-spark-halo) 55%, transparent 100%);width:5px;height:5px;box-shadow:0 0 12px var(--forest-spark-glow);will-change:transform, opacity;border-radius:50%;position:absolute}.particle-1{animation:9s ease-in-out infinite float1;top:20%;left:10%}.particle-2{animation:11s ease-in-out infinite float2;top:44%;left:22%}.particle-3{animation:10s ease-in-out infinite float3;top:62%;left:46%}.particle-4{animation:12s ease-in-out infinite float1;top:28%;right:26%}.particle-5{animation:10.5s ease-in-out infinite float2;top:52%;right:14%}.particle-6{animation:9.5s ease-in-out infinite float3;top:70%;right:34%}@keyframes cloudDrift1{0%,to{transform:translate(0,0)}50%{transform:translate(60px)}}@keyframes cloudDrift2{0%,to{transform:translate(0,0)}50%{transform:translate(-70px)}}@keyframes cloudDrift3{0%,to{transform:translate(0,0)}50%{transform:translate(50px)}}@keyframes float1{0%,to{opacity:0;transform:translate(0,0)}10%,90%{opacity:1}50%{transform:translate(40px,-80px)}}@keyframes float2{0%,to{opacity:0;transform:translate(0,0)}10%,90%{opacity:1}50%{transform:translate(-50px,-90px)}}@keyframes float3{0%,to{opacity:0;transform:translate(0,0)}10%,90%{opacity:1}50%{transform:translate(30px,-100px)}}@media (max-width:768px){.forest-background{--cloud-scale:.62}.mountain-1,.mountain-2,.mountain-3{border-bottom-width:220px;border-left-width:180px;border-right-width:180px}.hill-1,.hill-2{width:300px;height:140px}.forest-treeline{width:220%;left:-60%}.forest-layer-front{height:55%}.tree-front .tree-trunk{width:18px;height:130px}.tree-front .foliage-1,.tree-front .foliage-2,.tree-front .foliage-3{width:80px;height:65px}.particle-5,.particle-6{display:none}}