@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{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}}.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:1 0 auto;align-items:stretch;min-height:calc(100vh - 80px);margin-top:80px;display:flex;position:relative}.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-container{flex-direction:column}.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-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)}}.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}}.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}}