.landing-hero{min-height:100dvh;padding:var(--space-lg);justify-content:center;align-items:center;gap:var(--space-lg);background-color:var(--color-dark-bg);color:var(--color-dark-text);flex-direction:column;display:flex}.landing-h1{font-family:var(--font-heading);text-align:center;margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:400;line-height:1.2}.landing-subline{font-family:var(--font-body);color:var(--color-dark-text-muted);text-align:center;margin:0;font-size:clamp(1rem,2.5vw,1.25rem)}.landing-timer-preview{margin:var(--space-xl) 0;view-transition-name:timer-hero}.landing-config{font-family:var(--font-body);color:var(--color-dark-text-muted);letter-spacing:.05em;margin:0;font-size:.875rem}.landing-cta{margin-top:var(--space-md);min-width:220px;min-height:56px;font-family:var(--font-body);background-color:var(--color-cta);color:#fff;padding:var(--space-md) var(--space-2xl);cursor:pointer;transition:opacity var(--transition-normal), transform var(--transition-normal);-webkit-tap-highlight-color:transparent;border:none;border-radius:9999px;font-size:1.25rem;font-weight:600}.landing-cta:hover{opacity:.9;transform:translateY(-1px)}.landing-cta:active{transform:scale(.97)}.landing-cta:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.landing-content{background-color:var(--color-background);color:var(--color-text);padding:var(--space-3xl) var(--space-lg)}.landing-content-inner{max-width:720px;margin:0 auto}.landing-section{margin-bottom:var(--space-3xl)}.landing-section h2{font-family:var(--font-heading);color:var(--color-text);margin:0 0 var(--space-lg);font-size:clamp(1.5rem,4vw,2rem)}.landing-section p{font-family:var(--font-body);color:var(--color-text);max-width:65ch;font-size:1rem;line-height:1.7}.benefits-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.benefits-grid{grid-template-columns:1fr 1fr}}.benefit-card{background:var(--color-card);padding:var(--space-lg);box-shadow:var(--shadow-md);gap:var(--space-md);border-radius:12px;align-items:flex-start;display:flex}.benefit-icon{width:40px;height:40px;color:var(--color-cta);flex-shrink:0}.benefit-icon svg{width:100%;height:100%}.benefit-card h3{font-family:var(--font-heading);color:var(--color-text);margin:0 0 var(--space-xs);font-size:1.125rem}.benefit-card p{font-family:var(--font-body);color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.howto-steps{counter-reset:step;padding:0;list-style:none}.howto-step{counter-increment:step;gap:var(--space-md);margin-bottom:var(--space-lg);align-items:flex-start;display:flex}.howto-step:before{content:counter(step);background:var(--color-cta);color:#fff;width:32px;height:32px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.howto-step p{font-family:var(--font-body);color:var(--color-text);margin:var(--space-xs) 0 0;font-size:1rem;line-height:1.5}.howto-cta{font-family:var(--font-body);color:var(--color-text-muted);margin-top:var(--space-md);font-size:.875rem;font-style:italic}.faq-list{margin:0;padding:0;list-style:none}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item summary{font-family:var(--font-heading);color:var(--color-text);padding:var(--space-md) 0;cursor:pointer;justify-content:space-between;align-items:center;font-size:1rem;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-text-muted);transition:transform var(--transition-normal);font-size:1.25rem}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:4px}.faq-answer{font-family:var(--font-body);color:var(--color-text-muted);padding:0 0 var(--space-md);margin:0;font-size:.9375rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){@keyframes zoom-through-old{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes zoom-through-new{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(timer-hero){animation:.4s ease-out forwards zoom-through-old}::view-transition-new(timer-hero){animation:.4s ease-out forwards zoom-through-new}::view-transition-old(root){animation:.3s ease-out forwards fade-out}::view-transition-new(root){animation:.3s ease-out forwards fade-in}}.landing-footer{text-align:center;padding:var(--space-3xl) 0 var(--space-xl)}.landing-footer-brand{font-family:var(--font-heading);color:var(--color-text);margin:0 0 var(--space-xs);font-size:1.125rem}.landing-footer-tagline{font-family:var(--font-body);color:var(--color-text-muted);margin:0;font-size:.875rem}