:root{--brand: #006FFF;--brand-dark: #0058cc;--brand-light: #e8f2ff;--text-dark: #2D2D2D;--text-body: #666666;--text-muted: #999999;--bg: #FFFFFF;--bg-subtle: #f7f9fc;--card-shadow: 0 8px 40px rgba(0, 111, 255, .08), 0 2px 12px rgba(0, 0, 0, .04);--radius-card: 28px;--radius-btn: 50px;--font-display: "Mochiy Pop One", sans-serif;--font-body: "Manrope", sans-serif;--container: 1200px;--header-h: 80px;--hero-height: calc(100vw * 1024 / 1536)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;color:var(--text-dark);background:linear-gradient(180deg,#fff,#fff 30%,#f5f9ff 50%,#eef4ff);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit}.app{position:relative;min-height:100vh}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 40px}main{display:flex;flex-direction:column;gap:32px;padding-bottom:64px}.section-label{display:block;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}.section-heading{font-family:var(--font-body);font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.25;color:var(--text-dark);margin-bottom:16px}.section-body{font-size:16px;font-weight:300;color:var(--text-body);line-height:1.7;max-width:420px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-btn);border:2px solid transparent;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn--primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 4px 20px #006fff59}.btn--tbd{background:#e8e8e8;color:var(--text-muted);border-color:#e8e8e8;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn--outline{background:transparent;color:var(--brand);border-color:var(--brand);padding:14px 28px}.btn--outline:hover{background:var(--brand-light)}.btn--sm{padding:10px 20px;font-size:11px}.btn--lg{padding:16px 32px;font-size:14px}.header{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,111,255,.06)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:24px}.header__logo{display:flex;align-items:center;flex-shrink:0;line-height:0}.header__nav{display:flex;align-items:center;gap:32px}.header__nav-link{font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--text-dark);text-decoration:none;padding-bottom:6px;transition:color .2s,text-decoration-color .2s}.header__nav-link:hover{color:var(--brand)}.header__nav-link--active{color:var(--brand);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:1px;text-underline-offset:8px}.header__nav-link--tbd{color:var(--text-muted);cursor:not-allowed;pointer-events:none}.header__cta{flex-shrink:0}.hero{position:relative;display:grid;grid-template-columns:1fr;min-height:var(--hero-height);overflow:hidden}.hero__media{grid-area:1 / 1;width:100vw;height:var(--hero-height);justify-self:center;z-index:0;pointer-events:none}.hero__kiosk-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none}.hero__inner{grid-area:1 / 1;position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;align-self:stretch;min-height:var(--hero-height);padding:clamp(16px,3vw,32px) 0}.hero__content{max-width:min(500px,100%);width:100%}.hero__title{margin-bottom:28px;line-height:0}.hero__tagline{display:block;width:100%;max-width:min(460px,100%);height:auto}.hero__title span{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero__subtitle{font-size:18px;font-weight:300;color:var(--text-body);line-height:1.7;margin-bottom:36px}.hero__features{display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,32px);margin-bottom:40px}.hero__feature{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.hero__feature span{font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--text-muted);max-width:90px;line-height:1.4}#home,#collection,#how-it-works{scroll-margin-top:100px}.section-card{background:var(--bg);border-radius:var(--radius-card);box-shadow:var(--card-shadow);margin:0 24px;padding:clamp(40px,4vw,64px) 0}.collect.section-card{display:flex;flex-direction:column;justify-content:center;min-height:clamp(420px,34vw,540px)}.collect__inner{position:relative;width:100%;flex:1;display:flex;align-items:center}.collect__cards{container-type:size;container-name:collect-cards;display:flex;justify-content:center;align-items:flex-end;gap:0;width:100%;min-height:clamp(300px,26vw,400px);height:clamp(300px,26vw,400px);flex-wrap:nowrap;padding-bottom:clamp(8px,1.2vw,16px)}.collect-card:nth-child(1){--card-rotate: -5deg;--card-y: 6px;z-index:1}.collect-card:nth-child(2){--card-rotate: 1deg;--card-y: -12px;margin-left:clamp(-12px,-1vw,-8px);z-index:2}.collect-card:nth-child(3){--card-rotate: 6deg;--card-y: 8px;margin-left:clamp(-12px,-1vw,-8px);z-index:3}.collect__star{position:absolute;opacity:.7;animation:twinkle 3s ease-in-out infinite;pointer-events:none;z-index:2}.collect__star--1{top:-8px;left:8%;animation-delay:0s}.collect__star--2{top:12%;right:4%;animation-delay:.8s}.collect__star--3{bottom:8%;left:4%;animation-delay:1.6s}.collect__star--4{bottom:-4px;right:12%;animation-delay:2.4s}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.collect-card{position:relative;flex:0 0 auto;font-size:clamp(12px,1vw,15px);height:clamp(240px,88cqh,380px);width:auto;aspect-ratio:2.5 / 3.5;padding:clamp(14px,3cqh,24px) clamp(12px,2.5cqh,20px);border-radius:clamp(10px,2cqh,14px);box-shadow:0 2px #fff9 inset,0 8px 28px #0000001f;transform:rotate(var(--card-rotate, 0deg)) translateY(var(--card-y, 0));transform-origin:50% 118%;transition:transform .25s ease,box-shadow .25s ease,z-index 0s;display:flex;flex-direction:column;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}@supports (container-type: size){.collect-card{font-size:clamp(12px,3.2cqh,16px)}.collect-card--title .collect-card__heading{font-size:1.8125em}.collect-card--desc .collect-card__body{font-size:1.425em}.collect-card--reveal{font-size:.85em}.collect-card .section-label{font-size:.8em}}@supports not (height: 1cqh){.collect-card{width:clamp(200px,14vw,280px);height:auto}}.collect-card:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:9px;border:1px solid rgba(0,0,0,.06);pointer-events:none}.collect-card--brand:after,.collect-card--reveal:after{border-color:#ffffff40}.collect-card:hover{transform:rotate(0) translateY(-8px);box-shadow:0 14px 36px #006fff26;z-index:20}.collect-card--title{background:linear-gradient(160deg,#fff5f8,#fff);border:1px solid rgba(255,107,157,.12);padding:calc(clamp(14px,3cqh,24px) + 5px) calc(clamp(12px,2.5cqh,20px) + 5px);justify-content:flex-start}.collect-card--desc{background:linear-gradient(160deg,#f0f6fb,#fff);border:1px solid rgba(0,111,255,.1);padding:calc(clamp(14px,3cqh,24px) + 5px) calc(clamp(12px,2.5cqh,20px) + 5px)}.collect-card--reveal{background:var(--brand);border:2px solid transparent;text-decoration:none;box-shadow:0 8px 28px #006fff59;padding:calc(clamp(14px,3cqh,24px) + 5px) calc(clamp(12px,2.5cqh,20px) + 5px);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.collect-card--reveal:hover{background:var(--bg);border:2px solid var(--brand);box-shadow:0 14px 36px #006fff26}.collect-card--reveal:hover:after{border-color:#0000000f}.collect-card__reveal-brand,.collect-card__reveal-cta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:inherit;transition:opacity .25s ease}.collect-card__reveal-cta{gap:.6em;opacity:0;color:var(--brand);font-family:var(--font-body);font-weight:600;letter-spacing:.06em;text-align:center}.collect-card--reveal:hover .collect-card__reveal-brand{opacity:0}.collect-card--reveal:hover .collect-card__reveal-cta{opacity:1}.collect-card .section-label{font-size:.75em;margin-bottom:.5em}.collect-card__heading{font-family:var(--font-body);font-size:clamp(15px,1.25vw,19px);font-weight:700;line-height:1.35;color:var(--text-dark);margin-top:.6em}.collect-card--title .collect-card__heading{font-size:clamp(21px,1.81vw,28px)}.collect-card__body{font-size:1em;font-weight:300;line-height:1.6;color:var(--text-body);margin:0}.collect-card--desc .collect-card__body{font-size:1.5em}.collect-card__cta-text{line-height:1.4;max-width:85%}.collect-card__logo{flex-shrink:0;height:3em!important;width:auto!important}.how-it-works.section-card{display:flex;flex-direction:column;justify-content:center;min-height:clamp(340px,26vw,440px)}.how-it-works__inner{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px);width:100%}.how-it-works__body{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(16px,2vw,28px);align-items:center;min-height:clamp(220px,18vw,300px)}.how-it-works__steps{display:flex;align-items:flex-start;gap:8px}.how-it-works__step-group{display:flex;align-items:center;gap:8px;flex:1}.how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(12px,1.5vw,20px);flex:1}.how-it-works__step-text h3{font-family:var(--font-body);font-size:clamp(12px,1vw,14px);font-weight:700;letter-spacing:.08em;color:var(--text-dark);margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:6px}.how-it-works__step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700}.how-it-works__step-text p{font-size:clamp(12px,.95vw,14px);font-weight:300;color:var(--text-body);line-height:1.5;max-width:clamp(140px,12vw,180px);margin:0 auto}.how-it-works__step svg{width:clamp(36px,3.5vw,52px);height:clamp(36px,3.5vw,52px)}.how-it-works__arrow{flex-shrink:0;padding-top:12px;opacity:.6}.how-it-works__callout{position:relative;background:var(--brand);aspect-ratio:2.5 / 3.5;width:clamp(200px,14vw,280px);height:auto;max-width:100%;justify-self:center;margin-left:0;margin-right:auto;border-radius:clamp(10px,1.2vw,14px);padding:clamp(24px,3vw,40px);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;--card-rotate: 6deg;--card-x: clamp(12px, 2vw, 32px);--card-y: clamp(-72px, -6vw, -52px);transform:rotate(var(--card-rotate, 0deg)) translate(var(--card-x, 0),var(--card-y, 0));transform-origin:50% 118%;transition:transform .25s ease,box-shadow .25s ease,z-index 0s;box-shadow:0 2px #fff3 inset,0 8px 28px #006fff59}.how-it-works__callout:hover{transform:rotate(0) translate(var(--card-x, 0),calc(var(--card-y, 0) - 8px));box-shadow:0 14px 36px #006fff26;z-index:3}.how-it-works__callout:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:9px;border:1px solid rgba(255,255,255,.25);pointer-events:none}.how-it-works__callout h3{font-family:var(--font-body);font-size:clamp(17px,1.6vw,22px);font-weight:700;line-height:1.3;margin-bottom:10px}.how-it-works__callout p{font-size:clamp(13px,1vw,15px);font-weight:300;opacity:.85;line-height:1.6}.decorations{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.decoration-petal{position:absolute;background:#ffb3c6;border-radius:80% 0 80% 0%;animation:float-petal linear infinite;animation-fill-mode:backwards;transform:rotate(270deg)}@keyframes float-petal{0%{transform:rotate(0) translateY(0) translate(0);opacity:0}50%{opacity:1}to{transform:rotate(30deg) translateY(100vh) translate(-100px);opacity:0}}.decoration-star{position:absolute;opacity:.15;animation:twinkle 4s ease-in-out infinite}@media(max-width:1024px){.header__nav{display:none}.hero{display:flex;flex-direction:column;min-height:unset}.hero__media{position:relative;grid-area:unset;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);height:auto;aspect-ratio:1536 / 1024;flex-shrink:0}.hero__kiosk-img{height:auto;aspect-ratio:1536 / 1024}.hero__inner{grid-area:unset;min-height:unset;align-items:center;justify-content:center;padding:24px 0 28px}.hero__content{max-width:100%;text-align:center;margin:0 auto}.hero__tagline{max-width:380px;margin:0 auto}.hero__features{justify-content:center}.hero__cta{margin:0 auto}.collect.section-card{min-height:clamp(400px,58vw,500px)}.how-it-works.section-card{min-height:clamp(320px,45vw,400px)}.collect__cards{min-height:clamp(240px,34vw,320px);height:clamp(240px,34vw,320px);flex-wrap:nowrap;align-items:flex-end;padding-bottom:clamp(8px,1.2vw,16px);gap:0}.collect-card{height:clamp(180px,26vw,260px)}.collect-card:nth-child(1){--card-rotate: -4deg;--card-y: 4px;z-index:1}.collect-card:nth-child(2){--card-rotate: 1deg;--card-y: -8px;margin-left:clamp(-16px,-1.6vw,-10px);z-index:2}.collect-card:nth-child(3){--card-rotate: 5deg;--card-y: 6px;margin-left:clamp(-16px,-1.6vw,-10px);z-index:3}.collect-card:hover{transform:rotate(0) translateY(-6px)}.collect-card--desc .collect-card__body{font-size:1.1em;line-height:1.5}.how-it-works__body{grid-template-columns:1fr}.how-it-works__callout{justify-self:center;margin-left:auto;margin-right:auto;--card-x: 0;--card-y: 0}.how-it-works__steps{flex-direction:column;align-items:center}.how-it-works__step-group{flex-direction:column}.how-it-works__arrow{transform:rotate(90deg);padding:0}}@media(max-width:640px){.container{padding:0 20px}.section-card{margin:0 12px;padding:clamp(36px,8vw,56px) 0}.collect.section-card,.how-it-works.section-card,.how-it-works__body{min-height:auto}.hero__inner{padding:20px 0 24px}.hero__tagline{max-width:300px}.hero__features{gap:16px}.hero__feature span{font-size:9px}.collect__cards{min-height:clamp(200px,36vw,260px);height:clamp(200px,36vw,260px);flex-direction:row;flex-wrap:nowrap;align-items:flex-end;gap:0}.collect-card{height:clamp(150px,34vw,210px)}.collect-card:nth-child(2),.collect-card:nth-child(3){margin-left:clamp(-20px,-3vw,-12px)}.collect-card--desc .collect-card__body{font-size:.92em;line-height:1.45}.collect-card--title .collect-card__heading{font-size:clamp(12px,3.6vw,15px);line-height:1.3}.collect-card--title .section-label{font-size:.68em}.header__logo svg{height:28px;width:auto}.header__cta span,.btn--sm{font-size:10px;padding:8px 14px}}