.tech-story-page{min-height:100vh;background:linear-gradient(180deg,#fafbfc,#f0f4f8,#e8eef4);font-family:Zen Maru Gothic,Quicksand,sans-serif;scroll-behavior:smooth}html{scroll-behavior:smooth}:root.dark .tech-story-page{background:linear-gradient(180deg,#0f172a,#1a1f2e,#0f172a)}.story-hero{min-height:auto;display:flex;align-items:center;justify-content:center;gap:48px;padding:100px 40px 60px;max-width:1100px;margin:0 auto}.story-hero-content{flex:1;max-width:500px}.story-hero-label{font-size:12px;letter-spacing:4px;color:#7dd3e8;margin-bottom:16px;font-weight:600}.story-hero-title{font-size:36px;font-weight:700;color:#2d3748;margin-bottom:8px;letter-spacing:2px}:root.dark .story-hero-title{color:#e2e8f0}.story-hero-subtitle{font-size:14px;color:#7dd3e8;letter-spacing:3px;margin-bottom:32px;font-weight:500}.story-hero-desc{font-size:16px;color:#64748b;line-height:1.9}:root.dark .story-hero-desc{color:#94a3b8}.story-hero-visual{flex:1;display:flex;justify-content:center}.story-hero-image{max-width:320px;width:100%;height:auto;border-radius:16px;box-shadow:0 16px 48px #7dd3e826}.fade-in-section{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.fade-in-section .chapter-visual{opacity:0;transform:translate(-30px);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.fade-in-section.is-visible .chapter-visual{opacity:1;transform:translate(0)}.fade-in-section .chapter-content{opacity:0;transform:translate(30px);transition:opacity .6s ease-out .4s,transform .6s ease-out .4s}.fade-in-section.is-visible .chapter-content{opacity:1;transform:translate(0)}.story-chapter{padding:60px 40px;display:flex;align-items:center;justify-content:center;gap:48px;max-width:1100px;margin:0 auto}.story-chapter:nth-child(odd){background:#7dd3e808}.chapter-content{flex:1;max-width:500px}.chapter-content.full-width{max-width:800px;text-align:center}.chapter-label{font-size:12px;letter-spacing:4px;color:#f9a8d4;margin-bottom:12px;font-weight:600}.chapter-title{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:16px}:root.dark .chapter-title{color:#e2e8f0}.chapter-text{font-size:15px;color:#64748b;line-height:1.9;margin-bottom:24px}:root.dark .chapter-text{color:#94a3b8}.chapter-quote{font-size:16px;font-weight:500;color:#7dd3e8;padding-left:16px;border-left:3px solid #7DD3E8;font-style:italic;margin:0}.chapter-nav{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(125,211,232,.15)}.chapter-nav-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:1px;color:#7dd3e8;text-decoration:none;padding:8px 16px;border-radius:24px;border:1px solid rgba(125,211,232,.25);background:#7dd3e80d;transition:all .3s ease;scroll-behavior:smooth}.chapter-nav-link:hover{background:#7dd3e826;border-color:#7dd3e880;transform:translateY(-2px);box-shadow:0 4px 16px #7dd3e826}.chapter-nav-link svg{transition:transform .3s ease}.chapter-nav-next:hover svg{transform:translateY(3px)}.chapter-nav-prev:hover svg{transform:translateY(-3px)}.chapter-nav-top{color:#f9a8d4;border-color:#f9a8d440;background:#f9a8d40d}.chapter-nav-top:hover{background:#f9a8d426;border-color:#f9a8d480;box-shadow:0 4px 16px #f9a8d426}.chapter-visual{flex:1;display:flex;justify-content:center}.chapter-image,.chapter-visual .progressive-image-container{max-width:280px;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000001a}.chapter-visual .progressive-image-container img{width:100%;height:auto;object-fit:contain}:root.dark .chapter-image{box-shadow:0 10px 40px #0000004d}.story-timeline{padding:60px 40px;background:linear-gradient(135deg,#0f172a,#1e293b);text-align:center}.timeline-label{font-size:12px;letter-spacing:4px;color:#7dd3e8;margin-bottom:12px;font-weight:600}.timeline-title{font-size:24px;font-weight:700;color:#e2e8f0;margin-bottom:40px}.timeline-container{max-width:800px;margin:0 auto;position:relative}.timeline-container:before{content:"";position:absolute;left:80px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#7dd3e8,#f9a8d4)}.timeline-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;text-align:left}.timeline-year{font-size:18px;font-weight:700;color:#7dd3e8;min-width:60px}.timeline-dot{width:16px;height:16px;background:#7dd3e8;border-radius:50%;flex-shrink:0;margin-top:4px;box-shadow:0 0 20px #7dd3e880}.timeline-content{flex:1}.timeline-event{font-size:16px;font-weight:700;color:#e2e8f0;margin-bottom:6px}.timeline-desc{font-size:14px;color:#94a3b8;line-height:1.6}.timeline-image-wrapper{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#1e293b80}.timeline-image{width:100%;height:100%;object-fit:contain;display:block}.next-chapter-section{padding:60px 40px;background:linear-gradient(135deg,#1a1f2e,#0f172a,#1e293b);text-align:center;position:relative;overflow:hidden}.next-chapter-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(125,211,232,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(249,168,212,.1) 0%,transparent 50%);pointer-events:none}.next-chapter-content{max-width:700px;margin:0 auto 40px;position:relative;z-index:1}.next-chapter-label{font-size:14px;letter-spacing:6px;color:#f9a8d4;margin-bottom:16px;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.next-chapter-title{font-size:32px;font-weight:700;color:#e2e8f0;margin-bottom:12px;letter-spacing:2px}.next-chapter-subtitle{font-size:16px;color:#7dd3e8;letter-spacing:3px;margin-bottom:32px;font-weight:500}.next-chapter-desc{font-size:16px;color:#94a3b8;line-height:1.8}.upcoming-projects{max-width:1000px;margin:0 auto 40px;position:relative;z-index:1}.upcoming-title{font-size:13px;letter-spacing:4px;color:#7dd3e8;margin-bottom:28px;font-weight:600}.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.upcoming-card{background:#ffffff08;border:1px solid rgba(125,211,232,.2);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.upcoming-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7dd3e8,#f9a8d4);opacity:0;transition:opacity .3s ease;z-index:10}.upcoming-card:hover{background:#ffffff0d;border-color:#7dd3e866;transform:translateY(-4px)}.upcoming-card:hover:before{opacity:1}.upcoming-card:hover .upcoming-image{transform:scale(1.05)}.upcoming-card:hover .upcoming-overlay{background:#0a162899}.upcoming-image-container{position:relative;width:100%;height:200px;overflow:hidden}.upcoming-image,.upcoming-image-container .progressive-image-container{width:100%;height:100%;object-fit:cover;object-position:center 15%;transition:transform .4s ease}.upcoming-image-container .progressive-image-container img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.upcoming-overlay{position:absolute;inset:0;background:#0a162866;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.upcoming-icon{font-size:48px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.upcoming-content{padding:20px}.upcoming-status{display:inline-block;font-size:11px;letter-spacing:2px;color:#7dd3e8;background:#7dd3e826;padding:6px 12px;border-radius:20px;margin-bottom:12px;font-weight:600}.upcoming-project-title{font-size:16px;font-weight:700;color:#e2e8f0;margin-bottom:8px}.upcoming-project-desc{font-size:13px;color:#94a3b8;line-height:1.7}.stay-tuned{position:relative;z-index:1}.stay-tuned-text{font-size:20px;font-weight:700;color:#7dd3e8;margin-bottom:10px;letter-spacing:2px}.follow-us-text{font-size:14px;color:#64748b}@media (max-width: 1024px){.story-hero{padding:100px 32px 60px}.story-hero-title{font-size:32px}.story-chapter{padding:48px 32px;gap:40px}.chapter-title{font-size:22px}.chapter-text{font-size:15px}.next-chapter-title{font-size:28px}.upcoming-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tech-story-page{overflow-x:hidden}.story-hero{flex-direction:column;padding:80px 24px 40px;min-height:auto;text-align:center;gap:32px}.story-hero-content{max-width:100%;padding:0 8px}.story-hero-title{font-size:26px}.story-hero-desc{font-size:14px;line-height:1.8}.story-hero-visual{width:100%;justify-content:center;align-items:center}.story-hero-image,.story-hero-visual .progressive-image-container{max-width:280px;margin:0 auto}.story-chapter{flex-direction:column;padding:40px 24px;gap:28px;max-width:100%}.chapter-2,.chapter-4,.chapter-6{flex-direction:column-reverse}.chapter-content{text-align:center;max-width:100%;padding:0 8px;word-break:break-word}.chapter-nav{justify-content:center;flex-wrap:wrap}.chapter-nav-link{font-size:12px;padding:6px 12px}.chapter-title{font-size:20px}.chapter-text{font-size:14px;line-height:1.8}.chapter-quote{border-left:none;border-top:4px solid #7DD3E8;padding-left:0;padding-top:20px;text-align:center;font-size:14px}.chapter-visual{width:100%;justify-content:center;align-items:center}.chapter-image,.chapter-visual .progressive-image-container{max-width:260px;margin:0 auto}.story-timeline{padding:40px 24px}.timeline-container:before{left:40px}.timeline-item{gap:12px}.timeline-year{min-width:40px;font-size:14px}.timeline-event{font-size:14px}.timeline-desc{font-size:13px}.next-chapter-section{padding:40px 24px}.next-chapter-title{font-size:24px}.next-chapter-desc{font-size:14px}.upcoming-grid{grid-template-columns:1fr;gap:16px}.upcoming-image-container{height:140px}.upcoming-content{padding:16px}.stay-tuned-text{font-size:18px}}