:root{--primary-green: #2E4A22;--logo-green: #3D5C3A;--cream: #F3EDE2;--cream-dark: #EBE4D8;--sage: #E5ECDD;--input-bg: #FBF6EE;--border: #C5CFC0;--primary-text: #2D2219;--secondary-text: #8F7E69;--logo-gold: #E8A030;--font-heading: "Parkinsans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--white-high: rgba(255, 255, 255, .87);--white-med: rgba(255, 255, 255, .6);--white-low: rgba(255, 255, 255, .38);--white-faint: rgba(255, 255, 255, .12);--primary-green-overlay: rgba(46, 74, 34, .94)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:clamp(17px,2.5vw,20px);color:var(--primary-text);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--logo-gold);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:16px;background:var(--primary-green);color:var(--cream);padding:12px 24px;border-radius:0 0 8px 8px;font-weight:600;font-size:14px;z-index:200;transition:top .2s}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.anim{opacity:0;transform:translateY(24px)}.anim.visible{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) forwards}.hero .anim,.features .anim,.pricing .anim,.faq .anim{opacity:0;transform:scale(.7);transition:transform .35s cubic-bezier(.2,0,0,1),opacity .35s ease;animation:none}.hero .anim.visible,.features .anim.visible,.pricing .anim.visible,.faq .anim.visible{opacity:1;transform:scale(1);animation:none}.hero-mushroom-wrap{opacity:0;animation:mushroom-entrance .5s cubic-bezier(.2,0,0,1) .5s forwards}@keyframes mushroom-entrance{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.hero-mushroom-wrap{opacity:1;animation:none}}.mesh-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.mesh-bg svg{width:100%;height:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.anim,.features .anim,.pricing .anim,.faq .anim,.animated-list-item{opacity:1;transform:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition-property:background,backdrop-filter,border-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1);border-bottom:1px solid transparent}.nav.scrolled{background:var(--primary-green-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--logo-green)}.nav-inner{max-width:1600px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:20px;color:#fff;letter-spacing:-.5px}.nav-logo img{width:32px;height:32px;border-radius:8px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-weight:500;font-size:14px;color:var(--white-med);transition-property:color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1);letter-spacing:.3px;padding:8px 16px}.nav-links a:hover{color:#fff}.nav-cta{font-weight:600;font-size:13px;color:var(--primary-green)!important;background:var(--cream);padding:16px 32px;border-radius:28px;transition-property:transform;transition-duration:.12s;transition-timing-function:cubic-bezier(.2,0,0,1)}.nav-cta:hover{transform:translateY(-1px)}.nav-cta:focus-visible{outline-offset:3px;border-radius:28px}.nav-cta:active{transform:scale(.96)}.spring-active .nav-cta{transition:none!important}.spring-active .nav-cta:hover,.spring-active .nav-cta:active{transform:none!important}.nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;margin:-8px;position:relative}.nav-mobile-toggle:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.nav-mobile-toggle svg{stroke:#fff}.nav-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--primary-green);padding:16px 24px;flex-direction:column;gap:16px}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{color:var(--white-high);font-size:15px;font-weight:500}.lang-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:6px 10px;border:1px solid var(--white-low, rgba(255,255,255,.2));border-radius:999px}.lang-switch a,.lang-switch span{padding:0 4px;color:var(--white-low, rgba(255,255,255,.55));transition:color .2s cubic-bezier(.2,0,0,1)}.lang-switch a:hover,.lang-switch span[aria-current=true]{color:#fff}.nav-mobile-menu .lang-switch{align-self:flex-start}.section-label{font-weight:200;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--secondary-text);text-align:left;margin-bottom:8px}.section-heading{font-family:var(--font-heading);font-weight:800;font-size:clamp(28px,4vw,40px);color:var(--primary-text);text-align:left;letter-spacing:-.5px;margin-bottom:48px;position:relative;padding-bottom:28px}.section-heading:after{content:"";position:absolute;bottom:-8px;left:24pxAnd let's actually put the season pass text label back to the left and the price to the right. Also, the text below the PRO label, the one that says "täysi sieni kausi lämpökartat etc.", let's put that below the ticket.;transform:translate(-50%);width:36px;height:8px;border-radius:16px;background:var(--primary-green)}