.pack-features{padding:80px 5% 90px;background:#f6f5fb;color:#333}
.pack-features h2{margin:0 0 55px;text-align:center;font:300 clamp(30px,3.6vw,54px)/1.05 Aspekta,sans-serif;letter-spacing:-.05em}
.pack-features h2 strong{font:900 1em/1 MonaCondensed,sans-serif;color:#ff1f6e;letter-spacing:-.025em}
.pack-feature-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:24px;background:#ffffff80;border-radius:28px;padding:28px}
.pack-cards{display:grid;gap:14px}
.pack-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 25px #28203703}
.pack-card svg{width:27px;height:27px;fill:none;stroke:#ff1f6e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}
.pack-card h3{font:300 21px/1.15 Aspekta,sans-serif;letter-spacing:-.035em;margin:0 0 12px}
.pack-card p{font:300 16px/1.45 Figtree,sans-serif;margin:0;color:#777}
.pack-stage{min-height:560px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 50% 40%,#fff 30%,#f4f2f7 100%);perspective:1100px}
.feature-pack{position:relative;width:135%;max-width:none;mix-blend-mode:multiply;transform:translate(var(--pack-x,0px),var(--pack-y,0px)) rotateX(var(--pack-rx,0deg)) rotateY(var(--pack-ry,0deg));transition:transform .18s ease-out;will-change:transform}
.pack-floor{position:absolute;bottom:14%;left:22%;width:56%;height:4%;background:#29202a24;filter:blur(15px);border-radius:50%;transform:translateX(var(--pack-shadow-x,0px));transition:transform .18s ease-out}
@media(max-width:850px){.pack-feature-grid{gap:14px;padding:18px;grid-template-columns:1fr 1.25fr 1fr}.pack-card{padding:18px}.pack-card h3{font-size:18px}.pack-card p{font-size:14px}}
@media(max-width:600px){.pack-features{padding:55px 5%}.pack-features h2{font-size:32px;margin-bottom:28px}.pack-feature-grid{display:flex;flex-direction:column;padding:14px;gap:14px;border-radius:22px}.pack-stage{order:-1;min-height:330px;max-height:350px}.feature-pack{width:112%}.pack-cards{grid-template-columns:1fr;gap:12px}.pack-card{padding:22px}.pack-card svg{float:left;margin:0 16px 0 0;width:25px;height:25px}.pack-card h3{font-size:21px;margin:0 0 10px 41px}.pack-card p{font-size:16px;margin-left:41px}}
@media(prefers-reduced-motion:reduce){.feature-pack,.pack-floor{transform:none!important;transition:none}}
.pack-info-button{display:none}
.pack-info-dialog{border:1px solid #eee9f2;border-radius:24px;padding:32px;max-width:360px;width:calc(100% - 40px);box-sizing:border-box;color:#333;background:#fff;box-shadow:0 25px 70px #21152925}
.pack-info-dialog::backdrop{background:#24152d55;backdrop-filter:blur(5px)}
.pack-info-dialog h3{font:900 27px/1.1 MonaCondensed,sans-serif;text-transform:uppercase;color:#ff1f6e;margin:14px 0}
.pack-info-dialog p{font:300 17px/1.5 Figtree,sans-serif;margin:0}
.pack-info-close{display:block;margin-left:auto;background:#f6f5fb;border:0;border-radius:50%;width:36px;height:36px;color:#333;font-size:24px;cursor:pointer}
@media(max-width:600px){
.pack-feature-grid{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:0;padding:14px 8px}
.pack-cards{display:flex;flex-direction:column;gap:26px;z-index:2}
.pack-card{display:none}
.pack-info-button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:#fff;border:1px solid #eee9f2;border-radius:50%;box-shadow:0 4px 12px #251a3408;cursor:pointer;color:#ff1f6e}
.pack-info-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pack-info-button:active{background:#fff0f6}
.pack-stage{order:0;min-height:340px;max-height:none;overflow:visible;background:transparent;touch-action:pan-y}
.feature-pack{width:170%;pointer-events:none}
.pack-floor{left:8%;width:84%;bottom:21%}
}

.pack-motion-enable{display:none}
@media(max-width:600px){.pack-motion-enable{display:block;position:absolute;bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #eee9f2;border-radius:20px;background:#fff;color:#777;padding:8px 14px;font:300 12px Figtree,sans-serif;cursor:pointer}.pack-motion-enable:disabled{opacity:.7}}
@media(max-width:600px){
.pack-feature-grid{background:transparent}
.pack-stage{mix-blend-mode:multiply}
.pack-info-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;border:0;border-radius:26px 26px 0 0;padding:28px 28px calc(36px + env(safe-area-inset-bottom));background:#f6f5fb;box-shadow:0 -12px 50px #2815301a}
.pack-info-dialog[open]{animation:pack-sheet-in .3s cubic-bezier(.22,1,.36,1)}
.pack-info-dialog::before{content:"";position:absolute;top:10px;left:calc(50% - 20px);width:40px;height:4px;border-radius:4px;background:#ddd8e2}
.pack-info-dialog::backdrop{background:#21172b30;backdrop-filter:blur(2px)}
.pack-info-dialog h3{font-size:30px;margin:12px 0 16px}
.pack-info-dialog p{font-size:17px;max-width:460px}
.pack-info-close{background:#fff}
.pack-info-button.is-active{background:#ff1f6e;color:#fff;border-color:#ff1f6e}
}
@keyframes pack-sheet-in{from{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.pack-info-dialog[open]{animation:none}}

.pack-info-close{padding:0;display:grid;place-items:center;line-height:1}.pack-info-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.pack-info-close{transition:color .18s ease}.pack-info-close:hover,.pack-info-close:focus-visible{color:#ff1f6e}
@media(max-width:600px){
.pack-features{overflow-x:clip}
.pack-feature-grid{min-width:0;max-width:100%;box-sizing:border-box}
.pack-stage{min-width:0}
.feature-pack{width:150%;justify-self:center}
}

.pack-info-dialog h3,.pack-info-dialog p{text-align:center}.pack-info-dialog p{margin-left:auto;margin-right:auto}

.pack-sheet-handle{display:none}
@media(max-width:600px){
.pack-info-dialog::before{content:none}
.pack-sheet-handle{display:flex;align-items:center;justify-content:center;position:absolute;left:calc(50% - 50px);top:0;width:100px;height:30px;background:transparent;border:0;cursor:grab;touch-action:none;padding:0}
.pack-sheet-handle span{width:40px;height:4px;border-radius:4px;background:#d8d2de}
.pack-info-dialog{max-height:80dvh;overflow-y:auto;transition:height .28s cubic-bezier(.22,1,.36,1);min-height:260px}
.pack-info-dialog.sheet-expanded{height:65dvh;padding-top:40px}
.pack-info-dialog.sheet-dragging{transition:none;animation:none;overflow:hidden}
.pack-info-dialog p{max-width:460px}
}

.pack-sheet-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px}
.pack-sheet-nav button{width:40px;height:40px;padding:10px;border:1px solid #e5dfe9;border-radius:50%;background:#fff;color:#333;cursor:pointer;display:grid;place-items:center}
.pack-sheet-nav button:hover{color:#ff1f6e}
.pack-sheet-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pack-sheet-position{font:300 12px Figtree,sans-serif;color:#888}
.pack-sheet-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#eadfe7;overflow:hidden}
.pack-sheet-progress span{display:block;width:100%;height:100%;background:#ff1f6e;transform:scaleX(0);transform-origin:left}
.pack-sheet-progress span.running{animation:pack-card-time 15s linear forwards}
@keyframes pack-card-time{to{transform:scaleX(1)}}
.pack-info-button.is-active{animation:pack-icon-pulse 1.8s ease-in-out infinite}
@keyframes pack-icon-pulse{0%,100%{box-shadow:0 0 0 0 #ff1f6e25;opacity:1}50%{box-shadow:0 0 0 6px #ff1f6e10;opacity:.72}}
@media(max-width:600px){.pack-info-dialog,.pack-info-dialog.sheet-expanded{height:auto;min-height:0;max-height:80dvh;transition:transform .24s ease}.pack-info-dialog.sheet-dragging{transition:none}.pack-sheet-handle:focus{outline:none}.pack-sheet-handle:focus-visible{outline:2px solid #ff1f6e;outline-offset:-6px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.pack-info-button.is-active,.pack-sheet-progress span.running{animation:none}}

.pack-sheet-icon{width:46px;height:46px;border-radius:50%;margin:12px auto 18px;display:grid;place-items:center;color:white;background:#ff1f6e;animation:pack-icon-pulse 1.8s ease-in-out infinite}
.pack-sheet-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pack-sheet-cta{display:flex;justify-content:center;align-items:center;gap:24px;margin:22px auto 0;padding:15px 22px;max-width:290px;border-radius:12px;background:#ff1f6e;color:white;text-decoration:none;font:300 16px Figtree,sans-serif}
.pack-sheet-cta[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.pack-sheet-icon{animation:none}}
.pack-info-button{transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pack-info-button:hover,.pack-info-button:focus-visible{background:#ff1f6e;border-color:#ff1f6e;color:#fff;transform:translateY(-3px);box-shadow:0 7px 18px #ff1f6e25}
.pack-info-button svg{transition:transform .2s ease}.pack-info-button:hover svg{transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){.pack-info-button,.pack-info-button svg{transition:none}.pack-info-button:hover,.pack-info-button:hover svg{transform:none}}

.pack-features{padding-bottom:12px}
@media(max-width:600px){.pack-features{padding-bottom:0}.pack-stage{min-height:290px}.clip-feature{padding-top:0}.reach-summary{margin-top:-18px}}
.pack-features h2{font-size:2.694402vw}
@media(max-width:600px){.pack-features h2{font-size:clamp(25px,7.1vw,34px)}}