:root{--green:#33903d;--green-dark:#1b5022;--yellow-light:#ffeca0;--yellow-mid:#ffdf60;--gold:#fc0;--ink:#141414;--bg:#fff;--blob:#c7d4f0;--font-display:"Baloo 2", sans-serif;--font-body:"Nunito", sans-serif;font:18px/1.45 var(--font-body);color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.26;background-image:url(/assets/pattern-3h7Kijy4.png?v=3);background-repeat:repeat;background-size:560px 560px;position:fixed;inset:0}#app{z-index:1;position:relative}a{text-decoration:none}p{margin:0}.logo{font-family:var(--font-display);letter-spacing:-.3px;text-transform:uppercase;color:var(--ink);margin:0;font-size:21px;font-weight:800;line-height:1.05}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff8c;border:1px solid #fff9;border-radius:8px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1400px;margin:0 auto;padding:18px clamp(20px,4vw,40px);display:flex;position:fixed;top:clamp(24px,3.5vw,40px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px -8px #14141426}.blob{background:var(--blob);opacity:.35;filter:blur(55px);z-index:0;pointer-events:none;border-radius:50%;width:620px;height:220px;position:absolute;top:-60px;left:-80px}.site-header .logo{z-index:1;position:relative}.nav{z-index:1;align-items:center;gap:clamp(16px,3vw,36px);display:flex;position:relative}.nav-link{font-family:var(--font-body);color:var(--green);font-size:17px;font-weight:800}.btn{font-family:var(--font-body);border-radius:999px;align-items:center;padding:12px 26px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 18px #33903d59}.btn-outline{color:#fff;background:0 0;border:2px solid #ffffffb3}.btn-outline:hover{background:#ffffff1f;border-color:#fff;transform:translateY(-1px)}main{max-width:1400px;margin:0 auto;padding:clamp(100px,15vw,140px) clamp(20px,4vw,48px) 0}.hero{aspect-ratio:1440/1015;margin:8px 0 16px;position:relative}.hero-img{z-index:1;object-fit:cover;--px:0px;--py:0px;background:#fff;border-radius:10px;padding:6px;transition:transform .2s ease-out;position:absolute;box-shadow:0 20px 40px -12px #14141447}.hero-img--hat{object-position:top;width:47%;height:96%;transform:translate(var(--px), var(--py)) rotate(-2.5deg);padding:12px;top:-10%;left:2%}.hero-img--skate{width:43%;height:69%;transform:translate(var(--px), var(--py)) rotate(2deg);padding:12px;top:10%;left:45%}.hero-img--intro.hero-img--hat{animation:.9s cubic-bezier(.16,1,.3,1) both heroPhotoInHat}.hero-img--intro.hero-img--skate{animation:.9s cubic-bezier(.16,1,.3,1) both heroPhotoInSkate}@keyframes heroPhotoInHat{0%{transform:translate(15%)rotate(0)}to{transform:translate(var(--px), var(--py)) rotate(-2.5deg)}}@keyframes heroPhotoInSkate{0%{transform:translate(-15%)rotate(0)}to{transform:translate(var(--px), var(--py)) rotate(2deg)}}.hero-card{z-index:2;background:var(--green-dark);--card-drift:0px;--card-offset-x:0px;--card-offset-y:0px;--card-rotate:0deg;width:25%;transform:translate(calc(-50% + var(--card-offset-x)), calc(-50% + var(--card-offset-y))) translateX(var(--card-drift)) rotate(var(--card-rotate));border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:clamp(14px,1.4vw,20px) clamp(16px,1.6vw,22px);transition:transform .35s cubic-bezier(.2,.9,.3,1);display:flex;position:absolute;top:50%;left:50%;box-shadow:0 14px 34px -10px #14141459}.hero-card--1{--card-offset-x:-48%;--card-offset-y:-28%;--card-rotate:-6deg;z-index:12;width:22%}.hero-card--2{--card-offset-x:-48%;--card-offset-y:36%;--card-rotate:4deg;z-index:11;width:20%}.hero-card--3{--card-offset-x:48%;--card-offset-y:-36%;--card-rotate:6deg;z-index:10;width:20%}.hero-card--4{--card-offset-x:48%;--card-offset-y:30%;--card-rotate:-2deg;z-index:9;width:22%}.hero-card--5{--card-offset-x:0%;--card-offset-y:-48%;--card-rotate:2deg;z-index:13;width:18%}.hero-card p.hero-card-caption{color:#ffffffd9;font-family:var(--font-body);font-size:clamp(13px,1vw,15px);font-weight:400;line-height:1.3}.hero-card p{color:#fff;min-width:0;font-family:var(--font-display);letter-spacing:-.2px;text-align:left;flex:1;font-size:clamp(14px,1.3vw,19px);font-weight:700;line-height:1.25}.features{grid-template-columns:1.65fr 1fr 1fr 1fr;align-items:start;gap:20px;padding-bottom:clamp(96px,14vw,130px);display:grid}.card{border-radius:16px;flex-direction:column;min-height:420px;padding:32px 28px;display:flex}.card p{font-family:var(--font-body);font-size:clamp(19px,1.7vw,24px);font-weight:600;line-height:1.3}.card strong{font-weight:800}.card--brand{background:var(--green);color:#fff;justify-content:flex-start;gap:18px}.card--brand-title{font-family:var(--font-display);letter-spacing:-.3px;font-size:clamp(22px,2.1vw,29px);font-weight:700;line-height:1.25}.card--brand p:not(.card--brand-title){font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.55}.card--brand .btn{align-self:flex-start;margin-top:4px}.card--light,.card--mid,.card--gold{transform-origin:bottom;background-image:repeating-linear-gradient(90deg,#d69e0012 0 36px,#0000 36px 78px);min-height:280px}.card--light{background-color:var(--yellow-light);justify-content:flex-start}.card--mid{background-color:var(--yellow-mid);justify-content:center}.card--gold{background-color:var(--gold);justify-content:flex-end}.card--piano-intro.card--light{animation:.5s ease-in-out piano-key}.card--piano-intro.card--mid{animation:.5s ease-in-out .22s piano-key}.card--piano-intro.card--gold{animation:.5s ease-in-out .44s piano-key}.card--light:hover,.card--mid:hover,.card--gold:hover{animation:.5s ease-in-out piano-key}@keyframes piano-key{0%,to{transform:translateY(0);box-shadow:0 10px 22px -10px #14141433}40%{transform:translateY(10px);box-shadow:0 2px 8px -2px #1414144d}}@media (width<=880px){.hero{aspect-ratio:auto;flex-direction:column;gap:16px;display:flex}.hero-img--intro{animation:none}.hero-img{aspect-ratio:4/5;width:100%;height:auto;position:static;top:auto;bottom:auto;left:auto;transform:none}.hero-img--skate,.hero-card--2,.hero-card--3,.hero-card--4,.hero-card--5{display:none}.hero-card--1{z-index:60;border-radius:0;flex-direction:column;align-items:flex-start;gap:6px;width:100%;height:auto;padding:clamp(14px,1.8vw,20px) clamp(20px,4vw,48px);position:fixed;top:auto;bottom:0;left:0;transform:none;box-shadow:0 -8px 24px -8px #14141440}.hero-card p{text-align:left}.features{grid-template-columns:1fr 1fr}.card{min-height:260px}.card--light,.card--mid,.card--gold{min-height:160px}}@media (width<=560px){.site-header{padding:20px}.nav{gap:12px}.btn{padding:10px 18px;font-size:14px}.features{grid-template-columns:1fr}.card--brand{order:-1}}