.introduction-container{position:relative;width:100%;overflow:hidden;padding:4rem 2rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;font-family:var(--font-sans)}.introduction-container.visible{opacity:1;transform:translateY(0)}.ghibli-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.sky-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#e0f2fe,#f0f9ff);z-index:-5}.distant-mountains{position:absolute;bottom:0;left:0;width:100%;height:25%;background-image:url(/images/decorative/distant-mountains.png);background-size:cover;background-repeat:no-repeat;background-position:center bottom;opacity:.15;z-index:-4}.middle-hills{position:absolute;bottom:0;left:0;width:100%;height:20%;background-image:url(/images/decorative/middle-hills.png);background-size:cover;background-repeat:no-repeat;background-position:center bottom;opacity:.2;z-index:-3}.foreground-trees{position:absolute;bottom:0;left:0;width:100%;height:15%;background-image:url(/images/decorative/foreground-trees.png);background-size:cover;background-repeat:no-repeat;background-position:center bottom;opacity:.25;z-index:-2}.clouds-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.cloud{position:absolute;background-image:url(/images/decorative/cloud.png);background-size:contain;background-repeat:no-repeat;opacity:.5}.cloud-1{top:10%;left:5%;width:200px;height:100px;animation:floatCloud 80s linear infinite}.cloud-2{top:15%;left:40%;width:150px;height:75px;animation:floatCloud 60s linear infinite 10s}.cloud-3{top:8%;right:15%;width:180px;height:90px;animation:floatCloud 70s linear infinite 5s}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-element{position:absolute;background-size:contain;background-repeat:no-repeat;opacity:.6}.dust-sprite{top:20%;left:10%;width:50px;height:50px;background-image:url(/images/decorative/dust-sprite.png);animation:floatElement 6s ease-in-out infinite}.totoro{bottom:10%;right:5%;width:100px;height:120px;background-image:url(/images/decorative/totoro-small.png);opacity:.3;animation:floatElementSlow 10s ease-in-out infinite 2s}.leaf-1{top:35%;right:20%;width:40px;height:40px;background-image:url(/images/decorative/leaf.png);animation:floatAndRotate 12s ease-in-out infinite 1s}.leaf-2{top:55%;left:15%;width:30px;height:30px;background-image:url(/images/decorative/leaf.png);animation:floatAndRotate 14s ease-in-out infinite 3s;transform:rotate(45deg)}.kodama{top:70%;left:5%;width:60px;height:80px;background-image:url(/images/decorative/kodama.png);opacity:.4;animation:floatElementSlow 8s ease-in-out infinite}.soot-ball-1{top:40%;right:10%;width:25px;height:25px;background-image:url(/images/decorative/soot-ball.png);animation:floatElement 5s ease-in-out infinite 1.5s}.soot-ball-2{top:60%;right:25%;width:20px;height:20px;background-image:url(/images/decorative/soot-ball.png);animation:floatElement 7s ease-in-out infinite 3s}.small-bird{top:25%;left:25%;width:30px;height:20px;background-image:url(/images/decorative/bird.png);animation:flyAround 20s linear infinite}.hero-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1400px;margin:2rem auto;gap:3rem;position:relative;z-index:1}.hero-content{flex:1;max-width:600px}.title-container{position:relative;margin-bottom:1.5rem}.new-badge{display:inline-block;padding:.4rem .8rem;background:linear-gradient(135deg,#0891b2,#0ea5e9);color:#fff;font-size:.8rem;font-weight:600;border-radius:20px;margin-bottom:1rem;box-shadow:0 4px 12px #0891b266;transform:rotate(-2deg);animation:pulseScale 3s ease-in-out infinite}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem;position:relative}.ghibli-text{background:linear-gradient(135deg,#0891b2,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.rest-text{color:#1e293b}.magic-underline{height:3px;width:80px;background:linear-gradient(90deg,#0891b2,transparent);margin-top:.5rem;border-radius:3px}.hero-subtitle{font-size:1.5rem;color:#334155;margin-bottom:1.5rem;font-weight:600}.hero-description{margin-bottom:2rem}.hero-description p{font-size:1.1rem;line-height:1.7;color:#475569}.feature-highlights{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.feature-highlight-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#ffffffb3;border-radius:50px;box-shadow:0 4px 10px #0000000d;transition:all .3s ease}.feature-highlight-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.highlight-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#0891b21a;border-radius:50%;font-size:1.2rem}.highlight-text{font-weight:600;color:#334155}.start-buttons{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#0891b2,#0284c7);color:#fff;font-weight:600;border-radius:50px;text-decoration:none;box-shadow:0 8px 20px #0891b266;transition:all .3s ease;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.primary-button:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0891b280}.primary-button:hover:before{left:100%}.button-icon{margin-right:.75rem;font-size:1.1rem}.button-text{position:relative;z-index:1}.button-sprite{position:absolute;top:-12px;right:-10px;width:30px;height:30px;background-image:url(/images/decorative/soot-sprite-small.png);background-size:contain;background-repeat:no-repeat;opacity:.9;animation:bounceSoft 3s ease-in-out infinite}.secondary-button{display:inline-flex;align-items:center;padding:.9rem 1.8rem;background-color:transparent;color:#0891b2;font-weight:600;border:2px solid #0891b2;border-radius:50px;text-decoration:none;transition:all .3s ease}.secondary-button:hover{background-color:#0891b21a;transform:translateY(-3px)}.hero-gallery{flex:1;max-width:600px;display:flex;flex-direction:column;align-items:center}.gallery-frame{position:relative;background-color:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;margin-bottom:2rem;max-width:100%;transform:rotate(1deg);transition:all .3s ease}.gallery-frame:hover{transform:rotate(0) translateY(-5px);box-shadow:0 30px 60px -15px #0003}.frame-decoration{position:absolute;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;opacity:.5}.frame-decoration.top-left{top:-15px;left:-15px;background-image:url(/images/decorative/corner-leaf.png);transform:rotate(-45deg)}.frame-decoration.top-right{top:-15px;right:-15px;background-image:url(/images/decorative/corner-flower.png);transform:rotate(45deg)}.frame-decoration.bottom-left{bottom:-15px;left:-15px;background-image:url(/images/decorative/corner-flower.png);transform:rotate(-135deg)}.frame-decoration.bottom-right{bottom:-15px;right:-15px;background-image:url(/images/decorative/corner-leaf.png);transform:rotate(135deg)}.main-image-container{width:100%;overflow:hidden;border-radius:8px;margin-bottom:1rem;position:relative;max-height:360px}.image-slider{display:flex;transition:transform .5s ease;width:100%}.slider-image{min-width:100%;flex-shrink:0;height:360px}.main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease}.image-caption{font-size:.9rem;color:#64748b;text-align:center;margin-top:.75rem;font-style:italic}.thumbnail-gallery{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.thumbnail{width:70px;height:52px;border-radius:6px;overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail:hover{transform:scale(1.05)}.thumbnail.active{transform:scale(1.1)}.thumbnail-border{position:absolute;inset:0;border:3px solid transparent;border-radius:6px;transition:all .3s ease}.thumbnail.active .thumbnail-border{border-color:#0891b2}.user-testimonial{background-color:#fffc;padding:1.5rem;border-radius:12px;position:relative;max-width:90%;margin:0 auto;box-shadow:0 8px 20px #00000012}.quote-decoration{position:absolute;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;opacity:.3}.quote-decoration.left{top:0;left:0;background-image:url(/images/decorative/quote-mark-left.png)}.quote-decoration.right{bottom:0;right:0;background-image:url(/images/decorative/quote-mark-right.png)}.testimonial-text{font-size:1.1rem;line-height:1.7;color:#334155;margin-bottom:1rem}.testimonial-author{text-align:right;font-style:italic;color:#64748b;font-size:.95rem}.hero-bottom-decoration{position:absolute;bottom:0;left:0;width:100%;height:50px;background-image:url(/images/decorative/grass-foreground.png);background-size:cover;background-repeat:no-repeat;background-position:center bottom;opacity:.15;z-index:-1}@keyframes floatElement{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatElementSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatAndRotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(15deg)}}@keyframes floatCloud{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes flyAround{0%{transform:translate(0) translateY(0)}25%{transform:translate(50px) translateY(-30px)}50%{transform:translate(100px) translateY(0)}75%{transform:translate(50px) translateY(30px)}to{transform:translate(0) translateY(0)}}@keyframes pulseScale{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(-2deg) scale(1.05)}}@keyframes bounceSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1280px){.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.3rem}}@media (max-width: 1024px){.introduction-container{padding:3rem 1.5rem}.hero-section{flex-direction:column;gap:3rem}.hero-content,.hero-gallery{max-width:700px;width:100%}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.user-testimonial{max-width:100%}.main-image-container{max-height:320px}.slider-image{height:320px}}@media (max-width: 768px){.introduction-container{padding:2.5rem 1rem;min-height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-description p{font-size:1rem}.feature-highlights{flex-direction:column;gap:1rem}.feature-highlight-item{width:100%}.start-buttons{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%;justify-content:center}.thumbnail{width:70px;height:52px}.main-image-container{max-height:280px}.slider-image{height:280px}}@media (max-width: 480px){.hero-title{font-size:2rem}.new-badge{font-size:.7rem;padding:.3rem .6rem}.hero-subtitle,.testimonial-text{font-size:1rem}.gallery-frame{padding:1rem}.thumbnail{width:60px;height:45px}.floating-element{opacity:.4}.main-image-container{max-height:240px}.slider-image{height:240px}}.features-container{padding:6rem 2rem;font-family:var(--font-sans);position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#f5f3f0,#e8e6e3);box-shadow:0 10px 30px #0000000d}.features-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0;opacity:.1;background-image:url(/images/decorative/ghibli-dust.png);background-repeat:repeat;background-size:200px;animation:floatBackground 30s linear infinite}.ghibli-clouds{position:absolute;top:0;left:0;width:200%;height:100%;background-image:url(/images/decorative/ghibli-clouds.png);background-repeat:repeat-x;background-size:contain;opacity:.1;animation:cloudDrift 120s linear infinite}.dust-sprites{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/decorative/dust-sprites.png);background-repeat:repeat;background-size:200px;opacity:.07;animation:floatUp 30s linear infinite}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes floatUp{0%{background-position:0 0}to{background-position:100px -500px}}@keyframes floatBackground{0%{background-position:0 0}to{background-position:200px 200px}}.section-title{max-width:1400px;font-size:2.75rem;font-weight:800;text-align:center;margin-bottom:.75rem;letter-spacing:-.02em;animation:fadeInUp .8s ease-out;position:relative;color:#2c3e50;z-index:1}.magic-text{background:linear-gradient(90deg,#0891b2,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-desc{font-size:1.2rem;color:#64748b;text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .2s backwards;position:relative;z-index:1}.timeline-container{margin-left:auto;margin-right:auto;max-width:1400px;position:relative;z-index:1;padding:2rem 0}.timeline-track{position:relative;height:120px;margin-bottom:3rem}.timeline-line{position:absolute;top:50%;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0891b233,#06b6d466,#22d3ee99);transform:translateY(-50%);border-radius:4px}.timeline-point{position:absolute;top:50%;left:var(--left-position, 0);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .5s ease;z-index:2}.timeline-icon{width:56px;height:56px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;position:relative;z-index:2;border:3px solid transparent}.timeline-icon img{transition:transform .3s ease}.timeline-label{margin-top:12px;font-size:.9rem;font-weight:600;color:#64748b;text-align:center;max-width:200px;width:200px;opacity:0;transform:translateY(10px);transition:all .3s ease;position:absolute;top:100%}.timeline-point:hover .timeline-icon{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.timeline-point:hover .timeline-icon img{transform:scale(1.1)}.timeline-point:hover .timeline-label{opacity:1;transform:translateY(0)}.timeline-point.active .timeline-icon{border-color:var(--feature-color, #0891b2);box-shadow:0 0 0 6px #0891b233;transform:scale(1.1)}.timeline-point.active .timeline-label{opacity:1;transform:translateY(0);color:var(--feature-color, #0891b2);font-weight:700}.feature-showcase{position:relative;min-height:400px}.feature-card{position:absolute;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem;background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #00000014;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .5s ease;z-index:1;overflow:hidden}.feature-card.active{opacity:1;visibility:visible;transform:translateY(0);z-index:2}.feature-content{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.feature-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:1rem;position:relative}.feature-title:after{content:"";position:absolute;left:0;bottom:-8px;width:60px;height:3px;background-color:var(--feature-color, #0891b2);border-radius:3px}.feature-description{font-size:1.1rem;line-height:1.6;color:#64748b;margin-bottom:1.5rem}.feature-image{position:relative;width:100%;height:320px;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #0000001a}.feature-example-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.feature-card:hover .feature-example-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0891b233;mix-blend-mode:overlay}.leaf-decoration{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background-image:url(/images/decorative/leaf.png);background-size:contain;background-repeat:no-repeat;opacity:.15;z-index:0;pointer-events:none;transform:rotate(-15deg)}.soot-sprite-decoration{position:absolute;top:-30px;left:10%;width:60px;height:60px;background-image:url(/images/decorative/soot-sprite.png);background-size:contain;background-repeat:no-repeat;opacity:.3;z-index:0;pointer-events:none;animation:bobUpDown 3s ease-in-out infinite}@keyframes bobUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 1024px){.timeline-track{height:100px}.timeline-point:nth-child(1){--left-position: 10%}.timeline-point:nth-child(2){--left-position: 26%}.timeline-point:nth-child(3){--left-position: 42%}.timeline-point:nth-child(4){--left-position: 58%}.timeline-point:nth-child(5){--left-position: 74%}.timeline-point:nth-child(6){--left-position: 90%}.feature-card{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.feature-image{height:280px;margin-top:1rem}}@media (max-width: 768px){.features-container{padding:2rem 1.5rem}.section-title{font-size:2rem}.section-desc{font-size:1rem;margin-bottom:3rem}.timeline-track{height:80px;margin-bottom:7rem;overflow-x:auto;padding-bottom:2rem;-webkit-overflow-scrolling:touch}.timeline-line{width:600px;min-width:100%}.timeline-point:nth-child(1){--left-position: 50px}.timeline-point:nth-child(2){--left-position: 150px}.timeline-point:nth-child(3){--left-position: 250px}.timeline-point:nth-child(4){--left-position: 350px}.timeline-point:nth-child(5){--left-position: 450px}.timeline-point:nth-child(6){--left-position: 550px}.timeline-icon{width:48px;height:48px}.timeline-icon img{width:24px;height:24px}.feature-title{font-size:1.5rem}.feature-description{font-size:1rem}.feature-image{height:240px}}@media (max-width: 480px){.features-container{padding:1.5rem 1rem}.section-title{font-size:1.75rem}.section-desc{font-size:.95rem;margin-bottom:2rem}.timeline-track{height:70px}.timeline-point:nth-child(1){--left-position: 40px}.timeline-point:nth-child(2){--left-position: 120px}.timeline-point:nth-child(3){--left-position: 200px}.timeline-point:nth-child(4){--left-position: 280px}.timeline-point:nth-child(5){--left-position: 360px}.timeline-point:nth-child(6){--left-position: 440px}.timeline-icon{width:40px;height:40px}.timeline-icon img{width:20px;height:20px}.feature-card{padding:1.25rem}.feature-title{font-size:1.25rem}.feature-description{font-size:.9rem;margin-bottom:1rem}.feature-image{height:200px}}.use-cases-container{padding:6rem 2rem;font-family:var(--font-sans);position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(to bottom,#e0f2fe,#f0f9ff)}.use-cases-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.storybook-top-decoration{position:absolute;top:0;left:0;width:100%;height:60px;background-image:url(/images/decorative/book-top-border.png);background-repeat:repeat-x;background-size:auto 100%;opacity:.1}.storybook-bottom-decoration{position:absolute;bottom:0;left:0;width:100%;height:60px;background-image:url(/images/decorative/book-bottom-border.png);background-repeat:repeat-x;background-size:auto 100%;opacity:.1}.floating-kodamas{position:absolute;top:10%;right:5%;width:150px;height:200px;background-image:url(/images/decorative/kodamas.png);background-size:contain;background-repeat:no-repeat;opacity:.15;animation:float 8s ease-in-out infinite}.section-title{font-size:2.75rem;font-weight:800;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:.75rem;color:#1e293b;letter-spacing:-.02em;animation:fadeInUp .8s ease-out;position:relative;z-index:1}.section-desc{font-size:1.2rem;color:#64748b;text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .2s backwards;position:relative;z-index:1}.storybook-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px;perspective:1800px;margin-bottom:2rem;z-index:1}.storybook-nav{width:48px;height:48px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:10;color:#0891b2}.storybook-nav:hover{background-color:#0891b2;color:#fff;transform:scale(1.1)}.nav-arrow{font-size:28px;font-weight:700;line-height:1}.storybook-pages{position:relative;width:80%;max-width:1400px;height:500px;transform-style:preserve-3d}.storybook-page{position:absolute;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.645,.045,.355,1);transform:translate3d(calc(var(--page-index) * 100%),0,calc(var(--page-index) * -200px)) rotateY(calc(var(--page-index) * -15deg));transform-origin:center;border-radius:16px;background-color:var(--page-bg-color, #fff);box-shadow:0 10px 30px #00000014;overflow:hidden;padding:2rem}.storybook-page.active{opacity:1;visibility:visible;transform:translateZ(0) rotateY(0);z-index:5}.storybook-page:not(.active){pointer-events:none}.page-content{display:grid;grid-template-columns:45% 55%;gap:2rem;height:100%}.page-text{display:flex;flex-direction:column;justify-content:center}.use-case-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;position:relative;z-index:1}.use-case-icon img{width:40px;height:40px;transition:all .3s ease;filter:brightness(.7)}.use-case-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;position:relative}.use-case-title:after{content:"";position:absolute;left:0;bottom:-.5rem;width:60px;height:3px;background-color:#0891b2;border-radius:3px}.use-case-description{color:#4b5563;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.page-image-container{position:relative;height:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.use-case-image{width:90%;height:auto;max-height:350px;-o-object-fit:cover;object-fit:cover;border-radius:8px;transform:rotate(2deg);box-shadow:0 15px 35px #0000001a;transition:all .5s ease;z-index:1}.storybook-page.active .use-case-image{animation:imageAppear .8s cubic-bezier(.25,.46,.45,.94) forwards}.image-frame{position:absolute;top:50%;left:50%;width:calc(90% + 20px);height:370px;border:3px solid rgba(255,255,255,.7);border-radius:12px;transform:translate(-50%,-50%) rotate(-1deg);box-shadow:0 0 20px #0000000d;z-index:0}.image-tape-1,.image-tape-2{position:absolute;width:80px;height:40px;background-color:#ffffffb3;box-shadow:0 2px 6px #0000000d;z-index:2}.image-tape-1{top:20%;left:10%;transform:rotate(-45deg)}.image-tape-2{bottom:20%;right:10%;transform:rotate(45deg)}.page-number{position:absolute;bottom:1rem;right:2rem;font-size:.95rem;color:#4b5563b3}.page-decoration{position:absolute;bottom:0;right:0;width:150px;height:150px;background-image:url(/images/decorative/ghibli-corner.png);background-size:contain;background-repeat:no-repeat;background-position:bottom right;opacity:.08;z-index:0}.storybook-navigation{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;position:relative;z-index:2}.nav-dot{width:12px;height:12px;border-radius:50%;background-color:#e2e8f0;border:none;cursor:pointer;transition:all .3s ease}.nav-dot.active{background-color:#0891b2;transform:scale(1.2)}.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}.storybook-details{position:relative;height:80px;margin-top:2rem;overflow:hidden}.dust-sprites{position:absolute;bottom:10px;left:0;width:100%;height:50px;background-image:url(/images/decorative/dust-sprites.png);background-repeat:repeat-x;background-size:auto 100%;opacity:.1;animation:spritesMove 30s linear infinite}.totoro-silhouette{position:absolute;bottom:0;right:10%;width:100px;height:80px;background-image:url(/images/decorative/totoro-silhouette.png);background-size:contain;background-repeat:no-repeat;background-position:bottom right;opacity:.2}@keyframes imageAppear{0%{opacity:0;transform:rotate(8deg) translateY(20px)}to{opacity:1;transform:rotate(2deg) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes spritesMove{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width: 1024px){.storybook-container{min-height:450px}.storybook-page{height:450px}.use-case-title{font-size:1.75rem}.use-case-description{font-size:1rem}.use-case-image{max-height:300px}.image-frame{height:320px}}@media (max-width: 768px){.use-cases-container{padding:2rem 1.5rem}.section-title{font-size:2rem}.section-desc{font-size:1rem;margin-bottom:2rem}.storybook-container{min-height:650px}.storybook-page{height:650px;padding:1.5rem}.page-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1rem}.page-text{margin-bottom:1rem}.use-case-icon{width:60px;height:60px;margin-bottom:1.2rem}.use-case-icon img{width:30px;height:30px}.use-case-title{font-size:1.5rem;margin-bottom:1rem}.use-case-description{margin-bottom:1rem}.use-case-image{max-height:250px}.image-frame{height:270px}.storybook-nav{width:40px;height:40px}.nav-arrow{font-size:24px}}@media (max-width: 480px){.use-cases-container{padding:1.5rem 1rem}.section-title{font-size:1.75rem}.section-desc{font-size:.95rem}.storybook-container{min-height:580px}.storybook-page{height:580px;padding:1.25rem}.use-case-title{font-size:1.25rem}.use-case-description{font-size:.9rem;line-height:1.5}.use-case-image{max-height:200px}.image-frame{height:220px}.storybook-nav{width:36px;height:36px}.nav-arrow{font-size:20px}.nav-dot{width:10px;height:10px}}.guide-faq-container{padding:6rem 0rem 0rem;font-family:var(--font-sans);position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f3f0,#e8e6e3);border-radius:24px;box-shadow:0 10px 30px #0000000d}.ghibli-background-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.floating-clouds{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/decorative/clouds.png);background-size:600px auto;background-repeat:repeat;opacity:.05;animation:driftClouds 60s linear infinite}.dust-spirits{position:absolute;top:30%;left:5%;width:120px;height:120px;background-image:url(/images/decorative/soot-sprites.png);background-size:contain;background-repeat:no-repeat;opacity:.08;animation:floatAnimation 8s ease-in-out infinite}.kodama-spirits{position:absolute;bottom:10%;right:5%;width:150px;height:150px;background-image:url(/images/decorative/kodamas.png);background-size:contain;background-repeat:no-repeat;opacity:.08;animation:floatAnimation 10s ease-in-out infinite reverse}.section-title{font-size:2.75rem;font-weight:800;text-align:center;margin-bottom:1rem;color:#1e293b;letter-spacing:-.02em;position:relative}.guide-section{max-width:1400px;margin-left:auto;margin-right:auto;padding:3rem 2rem;margin-bottom:5rem;position:relative;overflow:hidden}.ghibli-path-journey{position:relative;margin:4rem 0;padding:0 1rem}.path-track{position:absolute;top:100px;left:10%;width:80%;height:8px;background:linear-gradient(90deg,#cbd5e1,#0891b2,#cbd5e1);border-radius:4px;opacity:.4;z-index:0}.journey-step{display:flex;margin-bottom:5rem;position:relative;z-index:1}.journey-step:nth-child(odd){flex-direction:row}.journey-step:nth-child(2n){flex-direction:row-reverse}.step-illustration{flex:0 0 40%;position:relative;display:flex;justify-content:center;align-items:center}.step-number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background-color:#0891b2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 0 0 8px #0891b233;z-index:2}.step-image{width:80%;max-width:300px;border-radius:16px;box-shadow:0 10px 30px #0000001a;transform:rotate(-2deg);transition:all .3s ease}.journey-step:hover .step-image{transform:rotate(0);box-shadow:0 15px 35px #00000026}.step-content{flex:0 0 60%;padding:1.5rem}.step-content h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center}.step-icon{margin-right:.5rem;font-size:1.25rem}.step-content p{font-size:1.1rem;line-height:1.6;color:#4b5563;margin-bottom:1rem}.magic-link{color:#0891b2;text-decoration:none;font-weight:600;background:linear-gradient(90deg,rgba(8,145,178,.2),transparent);padding:2px 8px;border-radius:4px;transition:all .3s ease}.magic-link:hover{background:linear-gradient(90deg,#0891b24d,#0891b21a);text-decoration:underline}.example-scroll{position:relative;background-color:#fff;border-radius:8px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 5px 15px #0000000d;border-left:4px solid #0891b2}.scroll-handle{position:absolute;width:20px;height:40px;background-color:#e2e8f0;border-radius:4px;top:50%;transform:translateY(-50%)}.scroll-handle.left{left:-10px}.scroll-handle.right{right:-10px}.scroll-content{position:relative}.example-title{font-weight:700;color:#1e293b;margin-bottom:.75rem}.example-list{list-style-type:none;padding-left:0}.example-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;line-height:1.6}.example-list li:before{content:"✨";position:absolute;left:0;color:#0891b2}.tips-container{background-color:#fff;border-radius:16px;padding:2rem;margin-top:3rem;box-shadow:0 8px 20px #0000000d}.tips-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:#1e293b}.tips-icon{margin-right:.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2.5rem}.tips-card{background-color:#f1f5f9;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.card-deco{position:absolute;width:60px;height:60px;background-size:contain;background-repeat:no-repeat;opacity:.1}.card-deco.top-left{top:0;left:0;background-image:url(/images/decorative/leaf-decoration.png)}.card-deco.bottom-right{bottom:0;right:0;background-image:url(/images/decorative/flower-decoration.png)}.tips-card h4{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#0891b2}.tips-card ul{list-style-type:none;padding-left:0}.tips-card li{margin-bottom:.75rem;line-height:1.6;padding-left:1.5rem;position:relative}.tips-card li:before{content:"•";position:absolute;left:0;color:#0891b2;font-weight:700}.example-comparison{padding:1rem;background-color:#f1f5f9;border-radius:12px}.comparison-scroll{position:relative;background-image:url(/images/decorative/scroll-paper.png);background-size:100% 100%;padding:2rem;border-radius:8px}.comparison-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(8,145,178,.3),transparent);margin:1.5rem 0}.bad-example,.good-example{padding:1rem;border-radius:8px}.example-label{font-weight:700;margin-bottom:.5rem}.bad-example .example-label{color:#ef4444}.good-example .example-label{color:#10b981}.example-text{font-size:1rem;line-height:1.6;padding:1rem;background-color:#ffffff80;border-radius:6px;margin-bottom:.75rem}.example-note{font-size:.9rem;font-style:italic;color:#64748b}.faq-section{padding:6rem 0rem;background:linear-gradient(to bottom,#e0f2fe,#f0f9ff);position:relative;overflow:hidden}.scroll-container{position:relative;max-width:1400px;margin:3rem auto}.scroll-top{height:50px;background-image:url(/images/decorative/scroll-top.png);background-size:100% 100%;background-repeat:no-repeat}.scroll-middle{background-image:url(/images/decorative/scroll-middle.png);background-size:100% 100%;padding:1rem 3rem}.scroll-bottom{height:50px;background-image:url(/images/decorative/scroll-bottom.png);background-size:100% 100%;background-repeat:no-repeat}.faq-list{position:relative}.faq-item{background-color:#fff9;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.faq-item:hover{background-color:#fffc;box-shadow:0 8px 20px #0000000d}.faq-item.active{box-shadow:0 10px 30px #0000001a}.faq-question{display:flex;align-items:center;padding:1.5rem;position:relative}.faq-icon{font-size:1.25rem;margin-right:1rem;flex-shrink:0}.faq-question h3{font-size:1.25rem;font-weight:700;margin:0;flex-grow:1;color:#1e293b}.toggle-icon{font-size:1.5rem;font-weight:700;color:#64748b;transition:all .3s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toggle-icon.open{color:#0891b2;transform:rotate(90deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-answer.open{max-height:500px;padding:0 1.5rem 1.5rem 3.75rem}.faq-answer p{line-height:1.7;color:#4b5563;margin:0}.ink-decoration{position:absolute;bottom:0;right:0;width:80px;height:80px;background-image:url(/images/decorative/ink-splatter.png);background-size:contain;background-repeat:no-repeat;opacity:.05;z-index:0}.faq-decorations{position:relative;height:100px}.totoro-shadow{position:absolute;bottom:0;right:10%;width:120px;height:80px;background-image:url(/images/decorative/totoro-silhouette.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;opacity:.1}.leaf-cluster{position:absolute;bottom:0;left:10%;width:150px;height:100px;background-image:url(/images/decorative/leaf-cluster.png);background-size:contain;background-repeat:no-repeat;opacity:.1}@keyframes driftClouds{0%{background-position:0 0}to{background-position:600px 0}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 1024px){.section-title{font-size:2.25rem}.journey-step{margin-bottom:3.5rem}.step-content h3{font-size:1.3rem}}@media (max-width: 768px){.guide-faq-container{padding:4rem auto}.section-title{font-size:2rem}.section-desc{font-size:1.1rem;margin-bottom:2.5rem}.guide-section,.faq-section{padding:2rem 1.5rem}.journey-step{flex-direction:column!important;margin-bottom:3rem}.step-illustration{margin-bottom:1.5rem}.path-track{display:none}.tips-grid{grid-template-columns:1fr;gap:1.5rem}.scroll-middle{padding:1rem 2rem}}@media (max-width: 480px){.guide-faq-container{padding:3rem auto}.section-title{font-size:1.75rem}.section-desc{font-size:1rem;margin-bottom:2rem}.guide-section,.faq-section{padding:1.5rem 1rem}.step-content h3{font-size:1.2rem}.step-content p{font-size:1rem}.tips-title{font-size:1.5rem}.faq-question h3{font-size:1.1rem}.scroll-middle{padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.testimonials-container{padding:6rem 2rem;position:relative;overflow:hidden;font-family:var(--font-sans);background:linear-gradient(135deg,#f5f3f0,#e8e6e3)}.ghibli-background-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.floating-dust-particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/decorative/dust-particles.png);background-size:600px;opacity:.07;animation:floatDust 60s linear infinite}.floating-leaves{position:absolute;width:150px;height:300px;background-size:contain;background-repeat:no-repeat;opacity:.08;z-index:-1}.floating-leaves.left{top:10%;left:0;background-image:url(/images/decorative/leaf-cluster-left.png);transform:rotate(-15deg);animation:floatingLeaves 15s ease-in-out infinite}.floating-leaves.right{bottom:20%;right:0;background-image:url(/images/decorative/leaf-cluster-right.png);transform:rotate(15deg);animation:floatingLeaves 17s ease-in-out infinite reverse}.section-title{font-size:2.75rem;font-weight:800;text-align:center;margin-bottom:1rem;color:#1e293b;letter-spacing:-.02em}.section-desc{font-size:1.2rem;color:#64748b;text-align:center;margin-bottom:3.5rem;max-width:700px;margin-left:auto;margin-right:auto}.stats-container{display:flex;justify-content:space-around;flex-wrap:wrap;margin-left:auto;margin-right:auto;margin-bottom:6rem;max-width:1400px;position:relative;gap:1.5rem}.stat-item{flex:1;min-width:180px;text-align:center;padding:2rem 1rem;position:relative;border-radius:16px;background-color:#f8fafc;box-shadow:0 10px 25px -5px #0000000d;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #0000001a}.stat-icon{width:60px;height:60px;margin:0 auto 1rem;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}.stat-icon.spirit{background-image:url(/images/decorative/kodama-icon.png)}.stat-icon.scene{background-image:url(/images/decorative/landscape-icon.png)}.stat-icon.artist{background-image:url(/images/decorative/artist-icon.png)}.stat-number{font-size:2.5rem;font-weight:800;color:#0891b2;margin-bottom:.5rem;line-height:1.2;position:relative}.stat-number:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,transparent,#0891b2,transparent)}.stat-label{font-size:1.1rem;color:#64748b;font-weight:500}.testimonial-showcase{position:relative;max-width:1400px;margin-left:auto;margin-right:auto}.testimonial-window{position:relative;border-radius:24px;overflow:hidden;background-color:#f8fafc;box-shadow:0 10px 25px #00000012}.window-frame{position:relative;overflow:hidden;padding-bottom:1.5rem}.testimonial-slides{display:flex;transition:transform .5s ease-in-out;width:100%}.testimonial-slide{min-width:100%;padding:2rem;box-sizing:border-box}.testimonial-card{position:relative;padding:2.5rem;background-color:#fff;border-radius:16px;box-shadow:0 8px 20px #0000000a;overflow:hidden}.card-decoration{position:absolute;width:90px;height:90px;background-size:contain;background-repeat:no-repeat;opacity:.07;z-index:0}.card-decoration.top-left{top:0;left:0;background-image:url(/images/decorative/totoro-decoration.png)}.card-decoration.top-right{top:0;right:0;background-image:url(/images/decorative/soot-sprite-decoration.png)}.card-decoration.bottom-left{bottom:0;left:0;background-image:url(/images/decorative/dust-sprite-decoration.png)}.card-decoration.bottom-right{bottom:0;right:0;background-image:url(/images/decorative/leaf-decoration.png)}.testimonial-header{display:flex;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1}.avatar-container{position:relative;width:80px;height:80px;margin-right:1.5rem;flex-shrink:0}.avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-frame{position:absolute;inset:-5px;border:2px solid #0891b2;border-radius:50%;opacity:.3}.user-info{flex-grow:1}.user-name{font-size:1.3rem;font-weight:700;color:#0f172a;margin-bottom:.3rem}.user-role{color:#64748b;font-size:1rem;margin-bottom:.5rem}.rating{display:flex;gap:.25rem}.star{color:#cbd5e1;font-size:1.2rem}.star.filled{color:#fbbf24}.testimonial-content{position:relative;z-index:1;font-size:1.1rem;line-height:1.7;color:#4b5563}.quote-mark{position:absolute;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;opacity:.2}.quote-mark.left{top:-10px;left:-15px;background-image:url(/images/decorative/quote-left.png)}.quote-mark.right{bottom:-10px;right:-15px;background-image:url(/images/decorative/quote-right.png)}.navigation-dots{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem;margin-bottom:1rem}.nav-dot{width:10px;height:10px;border-radius:50%;background-color:#cbd5e1;border:none;padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden}.nav-dot:hover{background-color:#94a3b8}.nav-dot.active{background-color:#0891b2;transform:scale(1.3)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background-color:#fff;box-shadow:0 4px 12px #0000001a;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#0891b2;cursor:pointer;transition:all .3s ease;opacity:.7;z-index:10}.nav-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #00000026}.nav-arrow.prev{left:2px}.nav-arrow.next{right:2px}.totoro-silhouette{position:absolute;bottom:-30px;right:10%;width:200px;height:120px;background-image:url(/images/decorative/totoro-silhouette.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;opacity:.08;z-index:-1}@keyframes floatDust{0%{background-position:0 0}to{background-position:600px 300px}}@keyframes floatingLeaves{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-15px) rotate(-5deg)}}@media (max-width: 1024px){.testimonials-container{margin:4rem auto}.section-title{font-size:2.25rem}.stat-item{min-width:150px}.testimonial-slide{padding:1.5rem}.testimonial-card{padding:2rem}}@media (max-width: 768px){.stats-container{flex-direction:column;max-width:400px;margin:2rem auto 4rem}.stat-item{width:100%}.section-title{font-size:2rem}.section-desc{font-size:1.1rem}.nav-arrow{width:36px;height:36px;font-size:1rem}.nav-arrow.prev{left:-10px}.nav-arrow.next{right:-10px}}@media (max-width: 480px){.testimonials-container{margin:3rem auto;padding:1.5rem}.section-title{font-size:1.75rem}.section-desc{font-size:1rem}.testimonial-card{padding:1.5rem}.testimonial-header{flex-direction:column;text-align:center}.avatar-container{margin-right:0;margin-bottom:1rem}.stat-number{font-size:2rem}.stat-label{font-size:1rem}}.creation-cta-container{position:relative;margin:0rem auto 8rem;padding:4rem 2rem;overflow:hidden}.ghibli-background-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.floating-clouds{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/decorative/clouds-pattern.png);background-size:800px;opacity:.07;animation:floatClouds 80s linear infinite}.totoro-silhouette{position:absolute;width:180px;height:200px;background-image:url(/images/decorative/totoro-silhouette.png);background-size:contain;background-repeat:no-repeat;opacity:.12}.totoro-silhouette.left{left:-20px;bottom:-30px;transform:rotate(-10deg)}.kodama-spirits{position:absolute;width:120px;height:150px;background-image:url(/images/decorative/kodamas.png);background-size:contain;background-repeat:no-repeat;opacity:.1}.kodama-spirits.right{right:-10px;top:20px;transform:rotate(15deg)}.forest-elements{position:absolute;bottom:-50px;left:0;width:100%;height:100px;background-image:url(/images/decorative/forest-silhouette.png);background-size:cover;background-repeat:no-repeat;background-position:bottom;opacity:.1}.cta-content{position:relative;z-index:1;text-align:center}.cta-title{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.highlight-text{background:linear-gradient(90deg,#0891b2,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.highlight-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0891b2,transparent);border-radius:3px;opacity:.3}.cta-description{font-size:1.4rem;color:#475569;max-width:700px;margin:0 auto 3rem;line-height:1.6}.cta-button-container{position:relative;display:inline-block;margin:0 auto}.cta-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0891b2,#0284c7);color:#fff;font-size:1.2rem;font-weight:600;padding:1.2rem 2.5rem;border-radius:50px;text-decoration:none;box-shadow:0 10px 25px #0891b266;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.button-text{position:relative;z-index:2}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease}.cta-button:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0891b280}.cta-button:hover:before{left:100%}.button-decoration{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background-image:url(/images/decorative/soot-sprite-small.png);background-size:contain;background-repeat:no-repeat;opacity:.8;animation:bobFloat 3s ease-in-out infinite}.flying-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.flying-element{position:absolute;background-size:contain;background-repeat:no-repeat;opacity:.3}.flying-element.plane{width:120px;height:60px;top:20%;right:10%;background-image:url(/images/decorative/flying-machine.png);animation:flyAcross 20s linear infinite}.flying-element.bird-1{width:40px;height:20px;top:30%;left:15%;background-image:url(/images/decorative/bird-silhouette.png);animation:flyAcross 15s linear infinite 2s}.flying-element.bird-2{width:30px;height:15px;top:25%;left:20%;background-image:url(/images/decorative/bird-silhouette.png);animation:flyAcross 17s linear infinite 5s}@keyframes floatClouds{0%{background-position:0 0}to{background-position:800px 0}}@keyframes bobFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flyAcross{0%{transform:translate(-100%) translateY(0)}50%{transform:translate(100%) translateY(-30px)}50.1%{transform:translate(-100%) translateY(30px)}to{transform:translate(100%) translateY(0)}}@media (max-width: 1024px){.creation-cta-container{margin:6rem auto;padding:3rem 2rem}.cta-title{font-size:2.5rem}.cta-description{font-size:1.2rem}}@media (max-width: 768px){.creation-cta-container{margin:4rem auto;padding:3rem 1.5rem}.cta-title{font-size:2.2rem}.cta-description{font-size:1.1rem;margin-bottom:2.5rem}.cta-button{padding:1rem 2rem;font-size:1.1rem}.totoro-silhouette,.kodama-spirits{width:100px;height:120px}}@media (max-width: 480px){.creation-cta-container{margin:3rem auto;padding:2.5rem 1rem}.cta-title{font-size:1.8rem}.cta-description{font-size:1rem;margin-bottom:2rem}.cta-button{padding:.8rem 1.5rem;font-size:1rem}}