body{background-color:#fff}html{scroll-behavior:smooth}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.material-symbols-outlined.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.skip-link{z-index:9999;color:#fff;background:#2563eb;border-radius:14px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:16px}.skip-link:focus{top:16px}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2563eb}.vertical-text{writing-mode:vertical-lr;transform:rotate(180deg)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f8f8f6}::-webkit-scrollbar-thumb{background:#c3ddf3;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2563eb}.header-glass{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#ffffffd9}.hero-bg{background:radial-gradient(80% 60% at 60% 20%,#2563eb1a 0%,#0000 70%),radial-gradient(60% 50% at 80% 70%,#f9731617 0%,#0000 70%),radial-gradient(50% 40% at 20% 80%,#16a34a12 0%,#0000 70%),radial-gradient(40% 50% at 40% 40%,#e639460f 0%,#0000 60%),#fff}.hero-gradient-text{background:linear-gradient(135deg,#e63946 0%,#f97316 22%,#c9a84c 44%,#16a34a 66%,#2563eb 88%,#8b5cf6 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite alternate gradient-shift}@keyframes gradient-shift{0%{background-position:0%}to{background-position:100%}}.hero-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{width:var(--size);height:var(--size);background:var(--color);opacity:.14;filter:blur(60px);animation:shape-float var(--dur) ease-in-out infinite var(--delay);border-radius:50%;position:absolute}@keyframes shape-float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-50px)scale(1.08)}50%{transform:translate(-25px,30px)scale(.94)}75%{transform:translate(20px,45px)scale(1.04)}}.counter-bg{background:radial-gradient(80% 50%,#2563eb0f 0%,#0000 70%),linear-gradient(#fafcff 0%,#fff 40% 60%,#fafcff 100%)}.cta-multicolor{background:radial-gradient(50% 80% at 15%,#2563eb1f 0%,#0000 70%),radial-gradient(40% 60% at 85% 30%,#f973161a 0%,#0000 70%),radial-gradient(45% 50% at 50% 80%,#16a34a14 0%,#0000 60%),radial-gradient(35% 40% at 70% 60%,#e6394612 0%,#0000 50%),radial-gradient(30% 45% at 30% 30%,#8b5cf60f 0%,#0000 50%),linear-gradient(#f8faff 0%,#fffaf5 50%,#f5fff8 100%)}.grid-bg{background-image:radial-gradient(circle,#2563eb12 1px,#0000 1px);background-size:32px 32px;animation:40s linear infinite grid-drift}@keyframes grid-drift{0%{background-position:0 0}to{background-position:32px 32px}}.step-color-bar{border-radius:14px 14px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.sticker-card-wrapper{perspective:800px;transition:transform .5s}.sticker-card-wrapper:hover{transform:rotate3d(.15,-1,0,10deg)}.sticker-shine{z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 30%,#ffffff80 45%,#ffffff26 50%,#0000 65%);animation:3.5s ease-in-out infinite shine-sweep;position:absolute;inset:0}@keyframes shine-sweep{0%,to{opacity:0;transform:translate(-130%)}30%{opacity:1}70%{opacity:1}80%,to{opacity:0;transform:translate(130%)}}.panel-glass{-webkit-backdrop-filter:blur(16px);background:#ffffffd9}.counter-digit{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .25s}.counter-digit.rolling{animation:.5s cubic-bezier(.34,1.56,.64,1) digit-roll}@keyframes digit-roll{0%{opacity:0;transform:translateY(100%)}40%{opacity:.6}to{opacity:1;transform:translateY(0)}}.counter-cell{transition:box-shadow .4s,border-color .4s}.counter-cell.glow{border-color:#2563eb73;box-shadow:0 0 30px #2563eb2e,0 0 60px #2563eb14}.stat-card{transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f,0 24px 56px #00000008}.protocol-step{transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s}.protocol-step:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000000f,0 28px 64px #0000000a}.task-card{--card-color:37, 99, 235;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s,border-color .3s;position:relative;overflow:hidden}.task-card:hover{border-color:rgba(var(--card-color), .25);box-shadow:0 4px 12px rgba(var(--card-color), .06), 0 16px 40px rgba(var(--card-color), .08), 0 24px 56px #0000000a;transform:translateY(-6px)}.task-card .card-shine{pointer-events:none;z-index:2;border-radius:inherit;background:linear-gradient(105deg,#0000 40%,#fff9 48%,#fff3 52%,#0000 60%);transition:transform;position:absolute;inset:0;transform:translate(-130%)}.task-card:hover .card-shine{transition:transform .65s;transform:translate(130%)}.complexity-dot{border-radius:50%;width:7px;height:7px}.complexity-low{background-color:#16a34a}.complexity-medium{background-color:#f97316}.complexity-high{background-color:#e63946}.gallery-item{cursor:pointer;aspect-ratio:1;border-radius:16px;position:relative;overflow:hidden}.gallery-item img,.gallery-item video{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.gallery-item:hover img,.gallery-item:hover video{transform:scale(1.06)}.gallery-item .gallery-caption{background:linear-gradient(#0000,#1a1a2ecc);border-radius:0 0 16px 16px;padding:16px;transition:transform .35s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-caption{transform:translateY(0)}.filter-btn{transition:all .2s}.filter-btn.active{background-color:#fff;font-weight:900;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.filter-btn:active{transform:scale(.96)}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.task-card{opacity:0;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards card-enter;transform:translateY(20px)}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.task-card:first-child{animation-delay:0s}.task-card:nth-child(2){animation-delay:50ms}.task-card:nth-child(3){animation-delay:.1s}.task-card:nth-child(4){animation-delay:.15s}.task-card:nth-child(5){animation-delay:.2s}.task-card:nth-child(6){animation-delay:.25s}.task-card:nth-child(7){animation-delay:.3s}.task-card:nth-child(8){animation-delay:.35s}.task-card:nth-child(9){animation-delay:.4s}.task-card:nth-child(10){animation-delay:.45s}.task-card:nth-child(11){animation-delay:.5s}.task-card:nth-child(12){animation-delay:.55s}.task-card:nth-child(n+13){animation-delay:.58s}.sticker-float{animation:5s ease-in-out infinite sticker-hover}@keyframes sticker-hover{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 12px))}}.sticker-particle{pointer-events:none;z-index:100;font-size:22px;animation:2s ease-out forwards float-up;position:absolute}@keyframes float-up{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(-100px)rotate(15deg)scale(.6)}}.scroll-hint{animation:2.5s ease-in-out infinite scroll-nudge}@keyframes scroll-nudge{0%,to{opacity:.5;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,6px)}}.empty-state-pulse{animation:3s ease-in-out infinite soft-pulse}@keyframes soft-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.97)}}.price-tag{color:#9b7e2e;background:linear-gradient(135deg,#c9a84c1a,#f9731614);border:1px solid #c9a84c33;border-radius:99px;align-items:center;gap:3px;padding:4px 9px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;transition:all .25s;display:inline-flex}.task-card:hover .price-tag{background:linear-gradient(135deg,#c9a84c2e,#f9731624);transform:scale(1.04)}.impact-gradient{background:linear-gradient(135deg,#2563eb0a 0%,#16a34a0a 50%,#f973160a 100%)}.footer-color-line{background:linear-gradient(90deg,#e63946 0%,#f97316 16%,#c9a84c 33%,#16a34a 50%,#06b6d4 66%,#2563eb 83%,#8b5cf6 100%);height:3px}.reveal-up{opacity:0;animation:.8s cubic-bezier(.25,.46,.45,.94) forwards reveal-up;transform:translateY(30px)}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}.stagger-child{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)scale(.97)}.stagger-child.stagger-visible{opacity:1;transform:translateY(0)scale(1)}.step-number{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;display:flex;position:absolute;top:20px;right:20px;overflow:hidden}.protocol-line{opacity:0;animation:1s ease-out .5s forwards line-grow}.protocol-dot{opacity:0;animation:.4s ease-out 1s forwards dot-pop;transform:scale(0)}@keyframes line-grow{to{opacity:1}}@keyframes dot-pop{to{opacity:1;transform:scale(1)}}.impact-banner{background:linear-gradient(135deg,#e6394605,#f9731608,#c9a84c05)}.impact-confetti{pointer-events:none;background-image:radial-gradient(circle at 15% 25%,#e6394614 2px,#0000 2px),radial-gradient(circle at 85% 15%,#2563eb14 2px,#0000 2px),radial-gradient(circle at 70% 80%,#16a34a14 2px,#0000 2px),radial-gradient(circle at 25% 75%,#f9731612 2px,#0000 2px),radial-gradient(circle,#8b5cf60f 2px,#0000 2px);background-size:100% 100%;position:absolute;inset:0}.impact-icon-pulse{animation:3s ease-in-out infinite impact-pulse}@keyframes impact-pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #e6394633}50%{transform:scale(1.05);box-shadow:0 14px 40px #e639464d}}.cta-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-shapes .shape{opacity:.08}.cta-heart-beat{animation:2s ease-in-out infinite heart-beat}@keyframes heart-beat{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}60%{transform:scale(1)}}.counter-cell{opacity:0;animation:.6s ease-out forwards counter-appear;transform:translateY(20px)}.counter-cell:first-child{animation-delay:.1s}.counter-cell:nth-child(2){animation-delay:.2s}.counter-cell:nth-child(3){animation-delay:.3s}@keyframes counter-appear{to{opacity:1;transform:translateY(0)}}@media (width<=768px){#mobile-menu nav{animation:.2s slideDown}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.counter-cell{border-radius:12px;width:3.2rem;height:5rem}.counter-cell .counter-digit{font-size:1.8rem}.protocol-step{padding:1.5rem}.stat-card{padding:1.25rem}.hero-shapes .shape{opacity:.08}.sticker-float{display:none}.filter-btn{padding:.5rem .75rem;font-size:11px}.task-card .p-5{padding:1rem}.impact-banner{padding:1.5rem}}@media (width<=380px){.counter-cell{width:2.6rem;height:4rem}.counter-cell .counter-digit{font-size:1.4rem}}.holographic-shine{position:relative;overflow:hidden}.holographic-shine:before{content:"";pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(45deg,#0000 30%,#ffffff80 50%,#0000 70%);animation:4s infinite shine;position:absolute;inset:0;transform:translate(-100%)rotate(45deg)}.holographic-shine>*{z-index:2;position:relative}.impact-pattern{background-color:#c9a84c;background-image:linear-gradient(135deg,#e63946cc 25%,#0000 25%),linear-gradient(225deg,#2563ebcc 25%,#0000 25%),linear-gradient(315deg,#f97316cc 25%,#0000 25%),linear-gradient(45deg,#16a34acc 25%,#0000 25%);background-position:-50px 0,-50px 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100px 100px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sticker-float,.scroll-hint,.empty-state-pulse,.grid-bg,.shape,.hero-gradient-text,.sticker-shine,.holographic-effect,.holographic-effect:before,.holographic-shine:before{animation:none!important}.fade-in,.task-card,.stagger-child,.reveal-up{opacity:1!important;transform:none!important}}.tabular-nums{font-variant-numeric:tabular-nums}
