:root{--color-bg: #0B0B0B;--color-panel: #0F0F10;--color-text: #F5F5F7;--color-text-dim: #C9CDD3;--color-text-muted: #9AA3AE;--color-green: #22C55E;--color-red: #DC2626;--color-border: rgba(255,255,255,.08);--color-glass: rgba(255,255,255,.03);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-pill: 999px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 120px;--font-body: 500;--font-medium: 600;--font-bold: 700;--transition: cubic-bezier(.4, 0, .2, 1);--transition-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll}body{font-family:Inter,-apple-system,system-ui,sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}html{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-size:1rem;font-weight:var(--font-medium);text-decoration:none;color:var(--color-bg);background:var(--color-text);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:transform .2s var(--transition),box-shadow .2s var(--transition);min-height:52px;font-family:inherit}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.btn-primary:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.btn-primary--large{padding:20px 48px;font-size:1.125rem;min-height:60px}.msn-section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--font-bold);color:var(--color-text);line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-md)}.msn-section-subtitle{font-size:1.125rem;color:var(--color-text-dim);line-height:1.65;max-width:600px;margin:0 auto}.msn-section-copy{font-size:1.125rem;color:var(--color-text-dim);line-height:1.7;margin-bottom:var(--space-md)}.msn-section-copy:last-child{margin-bottom:0}.msn-section-copy--highlight{color:var(--color-text);font-weight:var(--font-medium)}.msn-divider{width:80%;max-width:1000px;height:1px;margin:var(--space-3xl) auto;background:linear-gradient(90deg,transparent 0%,var(--color-border) 20%,var(--color-border) 80%,transparent 100%);opacity:0;transform:scaleX(0);transition:all .6s var(--transition)}.msn-divider.visible{opacity:1;transform:scaleX(1)}.msn-hero{background:radial-gradient(ellipse 100% 80% at 50% 20%,rgba(255,255,255,.04),transparent 60%);padding:120px 0 100px;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.msn-hero__container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.msn-hero__content{display:grid;grid-template-columns:40fr 60fr;gap:64px;align-items:center}.msn-hero__left{text-align:left}.msn-hero__badge{display:inline-block;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--color-green);padding:6px 16px;border-radius:6px;font-size:.8rem;font-weight:var(--font-medium);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md)}.msn-hero__title{font-size:clamp(2.5rem,5.5vw,4rem);line-height:1.08;font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-md);letter-spacing:-.03em;text-wrap:balance}.msn-hero__subtitle{font-size:1.125rem;color:var(--color-text-dim);line-height:1.65;font-weight:var(--font-body);margin-bottom:0}.msn-hero__cta{margin-top:var(--space-lg)}.msn-hero__cta-subtext{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.msn-hero__right{display:flex;align-items:center;justify-content:center}.msn-hero__visual{position:relative;width:100%;max-width:500px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.msn-hero__orb{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.msn-hero__orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.msn-hero__orb-ring--1{width:100%;height:100%;animation:orbPulse 4s ease-in-out infinite}.msn-hero__orb-ring--2{width:75%;height:75%;animation:orbPulse 4s ease-in-out infinite .5s}.msn-hero__orb-ring--3{width:50%;height:50%;animation:orbPulse 4s ease-in-out infinite 1s}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.6}}.msn-hero__orb-core{width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:coreGlow 3s ease-in-out infinite}@keyframes coreGlow{0%,to{box-shadow:0 0 40px #ffffff1a}50%{box-shadow:0 0 60px #fff3}}.msn-hero__icon{width:60px;height:60px;color:var(--color-text);animation:iconRotate 20s linear infinite}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msn-hero__stat{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.msn-hero__stat-num{display:block;font-size:2.5rem;font-weight:var(--font-bold);color:var(--color-text);line-height:1;letter-spacing:-.03em}.msn-hero__stat-label{display:block;font-size:.875rem;color:var(--color-text-muted);margin-top:4px}.msn-hero__scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:var(--color-text-muted)}.msn-scroll-dot{animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}.msn-trust-strip{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-md) 0;font-size:.875rem;color:var(--color-text-muted);text-align:center;flex-wrap:wrap;background-color:var(--color-glass);border-bottom:1px solid var(--color-border)}.msn-trust-strip__badge{display:flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-body)}.msn-trust-strip__icon{color:var(--color-green)}.msn-problem{padding:var(--space-3xl) 0}.msn-problem__container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.msn-problem__grid{display:grid;grid-template-columns:60fr 40fr;gap:80px;align-items:center}.msn-problem__visual{display:flex;align-items:center;justify-content:center}.msn-problem__content{text-align:left}.msn-clock{position:relative;width:100%;max-width:360px}.msn-clock__svg{width:100%;height:auto}.msn-clock__hands{transform-origin:100px 100px;animation:clockTick 10s linear infinite}@keyframes clockTick{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msn-clock__hour{transform-origin:100px 100px;animation:hourHand 120s linear infinite}@keyframes hourHand{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msn-clock__minute{transform-origin:100px 100px;animation:minuteHand 10s linear infinite}@keyframes minuteHand{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msn-clock__lost{stroke-dasharray:400;stroke-dashoffset:400;animation:lostTime 3s ease-out forwards .5s}@keyframes lostTime{to{stroke-dashoffset:0}}.msn-clock__label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);text-align:center;background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.msn-clock__value{display:block;font-size:2rem;font-weight:var(--font-bold);color:var(--color-red);line-height:1}.msn-clock__unit{display:block;font-size:.95rem;font-weight:var(--font-medium);color:var(--color-text);margin-top:2px}.msn-clock__desc{display:block;font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.msn-vision{padding:var(--space-3xl) 0;background:radial-gradient(ellipse 80% 60% at 80% 50%,rgba(255,255,255,.02),transparent 50%)}.msn-vision__container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.msn-vision__grid{display:grid;grid-template-columns:40fr 60fr;gap:80px;align-items:center}.msn-vision__content{text-align:left}.msn-vision__visual{display:flex;align-items:center;justify-content:center}.msn-transform{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);width:100%}.msn-transform__before,.msn-transform__after{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.msn-transform__before span,.msn-transform__after span{font-size:.875rem;font-weight:var(--font-medium);color:var(--color-text-muted)}.msn-transform__icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s var(--transition)}.msn-transform__icon svg{width:48px;height:48px}.msn-transform__icon--old{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--color-text-muted)}.msn-transform__icon--new{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--color-green);box-shadow:0 0 40px #22c55e26}.msn-transform__icon--new svg{animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.msn-transform__arrow{width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(8px);opacity:1}}.msn-transform__arrow svg{width:32px;height:32px}.msn-craft{padding:var(--space-3xl) 0}.msn-craft__container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.msn-craft__intro{text-align:center;margin-bottom:var(--space-2xl)}.msn-craft__intro .msn-section-title{margin-bottom:var(--space-sm)}.msn-craft__grid{display:grid;grid-template-columns:1.618fr 1fr 1fr;gap:var(--space-md)}.msn-craft-card{background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:left;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s var(--transition);opacity:0;transform:translateY(20px)}.msn-craft-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.msn-craft-card.visible{opacity:1;transform:translateY(0)}.msn-craft-card:hover{transform:translateY(-4px);border-color:#ffffff26;background:#ffffff0a}.msn-craft-card--hero{grid-row:span 2;padding:var(--space-xl);background:linear-gradient(135deg,rgba(255,255,255,.04),var(--color-glass));border:1px solid rgba(255,255,255,.1)}.msn-craft-card--hero:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.msn-craft-card__icon{width:56px;height:56px;margin-bottom:var(--space-md);color:var(--color-text);opacity:.8}.msn-craft-card__icon svg{width:100%;height:100%}.msn-craft-card--hero .msn-craft-card__icon{width:72px;height:72px}.msn-craft-card h3{font-size:1.125rem;font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-xs)}.msn-craft-card--hero h3{font-size:1.5rem}.msn-craft-card p{font-size:.95rem;color:var(--color-text-dim);line-height:1.55}.msn-craft-card--hero p{font-size:1.05rem}.msn-craft__tagline{text-align:center;margin-top:var(--space-2xl);font-size:1.25rem;font-weight:var(--font-medium);color:var(--color-text);opacity:0;transform:translateY(10px);transition:all .5s var(--transition)}.msn-craft__tagline.visible{opacity:1;transform:translateY(0)}.msn-future{padding:var(--space-3xl) 0;background:radial-gradient(ellipse 60% 40% at 20% 50%,rgba(34,197,94,.03),transparent 50%)}.msn-future__container{max-width:1000px;margin:0 auto;padding:0 var(--space-md)}.msn-future__intro{text-align:center;margin-bottom:var(--space-2xl)}.msn-future__badge{display:inline-block;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--color-green);padding:6px 16px;border-radius:6px;font-size:.8rem;font-weight:var(--font-medium);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md)}.msn-roadmap{position:relative;display:flex;flex-direction:column;gap:var(--space-lg)}.msn-roadmap__line{position:absolute;left:19px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,var(--color-green),var(--color-border) 30%,var(--color-border))}.msn-roadmap__item{display:flex;align-items:flex-start;gap:var(--space-md);opacity:0;transform:translate(-20px);transition:all .5s var(--transition)}.msn-roadmap__item.visible{opacity:1;transform:translate(0)}.msn-roadmap__dot{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.msn-roadmap__dot:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--color-border)}.msn-roadmap__item--complete .msn-roadmap__dot{border-color:var(--color-green)}.msn-roadmap__item--complete .msn-roadmap__dot:after{background:var(--color-green)}.msn-roadmap__item--active .msn-roadmap__dot{border-color:var(--color-green);box-shadow:0 0 20px #22c55e4d;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 20px #22c55e4d}50%{box-shadow:0 0 30px #22c55e80}}.msn-roadmap__item--active .msn-roadmap__dot:after{background:var(--color-green);animation:corePulse 2s ease-in-out infinite}@keyframes corePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.msn-roadmap__card{flex:1;background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:all .3s var(--transition)}.msn-roadmap__card:hover{background:#ffffff0a;border-color:#ffffff1f}.msn-roadmap__item--active .msn-roadmap__card{background:#22c55e0d;border-color:#22c55e33}.msn-roadmap__phase{font-size:.75rem;font-weight:var(--font-bold);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-xs);display:block}.msn-roadmap__card h3{font-size:1.125rem;font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-xs)}.msn-roadmap__card p{font-size:.95rem;color:var(--color-text-dim);line-height:1.5;margin:0}.msn-roadmap__status{display:inline-block;margin-top:var(--space-sm);font-size:.75rem;font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-glass);border:1px solid var(--color-border);padding:4px 10px;border-radius:4px}.msn-roadmap__status--now{color:var(--color-green);background:#22c55e1a;border-color:#22c55e40}.msn-cta{padding:var(--space-4xl) 0;text-align:center;position:relative;overflow:hidden}.msn-cta:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.msn-cta__container{max-width:700px;margin:0 auto;padding:0 var(--space-md);position:relative;z-index:1}.msn-cta__badge{display:inline-block;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--color-green);padding:6px 16px;border-radius:6px;font-size:.8rem;font-weight:var(--font-medium);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md);opacity:0;transform:translateY(-10px);transition:all .5s var(--transition)}.msn-cta__badge.visible{opacity:1;transform:translateY(0)}.msn-cta__title{font-size:clamp(2rem,4vw,2.75rem);font-weight:var(--font-bold);color:var(--color-text);line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-md)}.msn-cta__copy{font-size:1.125rem;color:var(--color-text-dim);line-height:1.65;margin-bottom:var(--space-xl)}.msn-cta__action{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.msn-cta__subtext{font-size:.875rem;color:var(--color-text-muted);margin:0}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .6s var(--transition),transform .6s var(--transition)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay{transition-delay:.15s}.fade-in-delay-2{transition-delay:.3s}.fade-in-delay-3{transition-delay:.45s}@media(max-width:1024px){.msn-hero__content,.msn-problem__grid,.msn-vision__grid{gap:48px}.msn-craft__grid{grid-template-columns:1fr 1fr}.msn-craft-card--hero{grid-column:span 2;grid-row:span 1}}@media(max-width:768px){.msn-hero{padding:80px 0 60px;min-height:auto}.msn-hero__content{display:flex;flex-direction:column;gap:var(--space-xl)}.msn-hero__left{order:1;text-align:center}.msn-hero__badge{margin-bottom:var(--space-sm)}.msn-hero__title{font-size:2.25rem;text-align:center}.msn-hero__subtitle,.msn-hero__cta,.msn-hero__cta-subtext{text-align:center}.msn-hero__right{order:2}.msn-hero__orb{width:240px;height:240px}.msn-hero__scroll{display:none}.msn-trust-strip{gap:var(--space-md);padding:var(--space-sm);font-size:.75rem}.msn-divider{margin:var(--space-2xl) auto}.msn-problem,.msn-vision{padding:var(--space-2xl) 0}.msn-problem__grid{display:flex;flex-direction:column;gap:var(--space-xl)}.msn-problem__visual{order:-1}.msn-problem__content{text-align:center}.msn-clock{max-width:280px}.msn-vision__grid{display:flex;flex-direction:column;gap:var(--space-xl)}.msn-vision__content{text-align:center}.msn-transform{flex-direction:column;gap:var(--space-md)}.msn-transform__arrow{transform:rotate(90deg)}@keyframes arrowPulse{0%,to{transform:rotate(90deg) translate(0);opacity:.6}50%{transform:rotate(90deg) translate(8px);opacity:1}}.msn-craft{padding:var(--space-2xl) 0}.msn-craft__grid{grid-template-columns:1fr}.msn-craft-card--hero{grid-column:span 1}.msn-future,.msn-cta{padding:var(--space-2xl) 0}.btn-primary--large{padding:16px 32px;font-size:1rem;min-height:52px;width:100%;max-width:340px}}@media(max-width:480px){.msn-hero__title{font-size:1.875rem}.msn-section-title{font-size:1.75rem}.msn-hero__orb{width:200px;height:200px}.msn-transform__icon{width:80px;height:80px}.msn-transform__icon svg{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.fade-in,.msn-craft-card,.msn-roadmap__item{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/spongex-mission-page.css.map */