.technology-page{min-height:100vh;background:linear-gradient(180deg,#fafbfc,#f0f4f8,#e8eef4);font-family:Zen Maru Gothic,Quicksand,sans-serif}:root.dark .technology-page{background:linear-gradient(180deg,#0f172a,#1a1f2e,#0f172a)}.tech-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 40px 80px;overflow:hidden}.tech-hero-inner{display:flex;align-items:center;justify-content:center;gap:60px;max-width:1200px;width:100%;position:relative;z-index:2}.tech-hero-content{text-align:left;position:relative;z-index:2;max-width:500px;flex:1}.tech-hero-image{flex:1;max-width:560px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;position:relative}.tech-hero-image img{width:100%;height:auto;display:block}.tech-hero-label{font-size:12px;letter-spacing:4px;color:#7dd3e8;margin-bottom:16px;font-weight:600}.tech-hero-title{font-size:48px;font-weight:700;color:#2d3748;margin-bottom:8px;letter-spacing:2px}:root.dark .tech-hero-title{color:#e2e8f0}.tech-hero-subtitle{font-size:14px;color:#7dd3e8;letter-spacing:3px;margin-bottom:32px;font-weight:500}.tech-hero-desc{font-size:18px;color:#64748b;line-height:2}:root.dark .tech-hero-desc{color:#94a3b8}.tech-hero-visual{position:absolute;inset:0;pointer-events:none}.tech-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3}.tech-orb-1{width:400px;height:400px;background:linear-gradient(135deg,#7dd3e8,#a8d8ea);top:10%;right:10%;animation:float1 8s ease-in-out infinite}.tech-orb-2{width:300px;height:300px;background:linear-gradient(135deg,#f9a8d4,#fbc2eb);bottom:20%;left:5%;animation:float2 10s ease-in-out infinite}.tech-orb-3{width:200px;height:200px;background:linear-gradient(135deg,#ffe4a0,#fff8e7);top:40%;left:30%;animation:float3 6s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.tech-section-title{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:24px;text-align:center}:root.dark .tech-section-title{color:#e2e8f0}.tech-vision{padding:80px 40px;background:#7dd3e80d}:root.dark .tech-vision{background:#7dd3e808}.tech-vision-content{max-width:800px;margin:0 auto;text-align:center}.tech-vision-desc{font-size:18px;color:#64748b;line-height:2.2}:root.dark .tech-vision-desc{color:#94a3b8}.tech-vision-image{margin-top:40px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;border-radius:16px;overflow:hidden}.tech-vision-image img,.tech-vision-image .progressive-image-container img{width:100%;height:auto;object-fit:contain}.tech-vision-image .progressive-image-container{width:100%}.tech-stack{padding:80px 40px;max-width:1200px;margin:0 auto}.tech-stack-header{text-align:center;margin-bottom:60px}.tech-stack-desc{font-size:16px;color:#64748b}:root.dark .tech-stack-desc{color:#94a3b8}.tech-stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.tech-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}:root.dark .tech-card{background:#1e293bcc;box-shadow:0 4px 20px #0003}.tech-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #7dd3e826}.tech-card-icon{font-size:40px;margin-bottom:16px}.tech-card-title{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:12px}:root.dark .tech-card-title{color:#e2e8f0}.tech-card-desc{font-size:14px;color:#64748b;line-height:1.8;margin-bottom:20px}:root.dark .tech-card-desc{color:#94a3b8}.tech-card-features{display:flex;flex-wrap:wrap;gap:8px}.tech-feature-tag{font-size:11px;padding:4px 12px;background:#7dd3e81a;color:#7dd3e8;border-radius:20px;font-weight:500}.tech-creative-visual{padding:20px 40px 40px;display:flex;justify-content:center}.tech-creative-image{width:100%;max-width:900px;border-radius:16px;object-fit:contain}.tech-workflow{padding:80px 40px;overflow:hidden;background:linear-gradient(180deg,#7dd3e808,#f9a8d408)}:root.dark .tech-workflow{background:linear-gradient(180deg,#7dd3e805,#f9a8d405)}.tech-workflow-header{text-align:center;margin-bottom:60px}.tech-workflow-desc{font-size:16px;color:#64748b}:root.dark .tech-workflow-desc{color:#94a3b8}.tech-workflow-content{max-width:800px;margin:0 auto;overflow:hidden}.workflow-timeline{display:flex;flex-direction:column;gap:16px}.workflow-step{display:flex;align-items:flex-start;gap:24px;padding:24px;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;opacity:.6}:root.dark .workflow-step{background:#1e293b99}.workflow-step.active{opacity:1;box-shadow:0 4px 20px #7dd3e826;border-left:4px solid #7DD3E8}.workflow-step-number{font-size:24px;font-weight:700;color:#7dd3e8;min-width:50px}.workflow-step-info{flex:1;min-width:0;overflow:hidden}.workflow-step-title{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:8px}:root.dark .workflow-step-title{color:#e2e8f0}.workflow-step-desc{font-size:14px;color:#64748b;line-height:1.6;word-break:break-word;overflow-wrap:break-word}:root.dark .workflow-step-desc{color:#94a3b8}.workflow-progress{margin-top:32px;height:4px;background:#7dd3e833;border-radius:2px;overflow:hidden}.workflow-progress-bar{height:100%;background:linear-gradient(90deg,#7dd3e8,#f9a8d4);border-radius:2px;transition:width .5s ease}.tech-dialogue{padding:100px 40px;background:linear-gradient(180deg,#7dd3e80d,#f9a8d40d)}:root.dark .tech-dialogue{background:linear-gradient(180deg,#7dd3e808,#f9a8d408)}.tech-dialogue-header{text-align:center;max-width:800px;margin:0 auto 60px}.tech-dialogue-label{font-size:12px;letter-spacing:4px;color:#7dd3e8;margin-bottom:16px;font-weight:600}.tech-dialogue-desc{font-size:16px;color:#64748b;line-height:2;margin-top:24px}:root.dark .tech-dialogue-desc{color:#94a3b8}.tech-dialogue-visual{display:flex;justify-content:center;margin-bottom:60px}.tech-dialogue-image{max-width:500px;width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px #7dd3e833}.tech-dialogue-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto}.dialogue-example-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:transform .3s ease}:root.dark .dialogue-example-card{background:#1e293bcc;box-shadow:0 4px 20px #0003}.dialogue-example-card:hover{transform:translateY(-4px)}.dialogue-example-icon{font-size:48px;margin-bottom:20px}.dialogue-example-title{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:12px}:root.dark .dialogue-example-title{color:#e2e8f0}.dialogue-example-desc{font-size:14px;color:#64748b;line-height:1.8}:root.dark .dialogue-example-desc{color:#94a3b8}.tech-philosophy{padding:100px 40px;background:linear-gradient(135deg,#0f172a,#1e293b)}.tech-philosophy-content{max-width:800px;margin:0 auto;text-align:center}.tech-philosophy .tech-section-title{color:#e2e8f0}.tech-philosophy-quote{font-size:28px;font-weight:500;color:#7dd3e8;margin:40px 0;padding:0 20px;border-left:4px solid #7DD3E8;text-align:left;font-style:italic}.tech-philosophy-desc{font-size:16px;color:#94a3b8;line-height:2.2;text-align:left}.tech-future{padding:80px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;max-width:1000px;margin:0 auto;text-align:center}.tech-future-content{flex:1}.tech-future-desc{font-size:16px;color:#64748b;line-height:2}:root.dark .tech-future-desc{color:#94a3b8}.tech-future-mascot{width:100%;max-width:600px;flex-shrink:0;border-radius:16px;overflow:hidden}.tech-future-mascot img,.tech-future-mascot .progressive-image-container img{width:100%;height:auto;object-fit:contain}.tech-future-mascot .progressive-image-container{width:100%}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tech-story-link{padding:80px 40px;background:linear-gradient(135deg,#7dd3e81a,#f9a8d41a);text-align:center}:root.dark .tech-story-link{background:linear-gradient(135deg,#7dd3e80d,#f9a8d40d)}.tech-story-link-content{max-width:600px;margin:0 auto}.tech-story-link-label{font-size:12px;letter-spacing:4px;color:#7dd3e8;margin-bottom:12px;font-weight:600}.tech-story-link-title{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:16px}:root.dark .tech-story-link-title{color:#e2e8f0}.tech-story-link-desc{font-size:16px;color:#64748b;margin-bottom:32px;line-height:1.8}:root.dark .tech-story-link-desc{color:#94a3b8}.tech-story-link-button{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#7dd3e8,#f9a8d4);color:#fff;font-weight:600;border-radius:30px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.tech-story-link-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7dd3e84d}.tech-back-link{text-align:center;padding:40px}.tech-back-link a{font-size:14px;color:#7dd3e8;text-decoration:none;transition:color .3s ease}.tech-back-link a:hover{color:#5bc0de}@media (max-width: 1024px){.tech-hero-inner{gap:32px}.tech-hero-title{font-size:36px}.tech-hero-desc{font-size:16px}.tech-stack-grid{grid-template-columns:repeat(2,1fr)}.tech-section-title{font-size:28px}.tech-philosophy-quote{font-size:24px}.tech-dialogue-examples{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tech-hero{padding:100px 20px 60px;min-height:auto}.tech-hero-inner{flex-direction:column;gap:32px}.tech-hero-content{text-align:center;max-width:100%}.tech-hero-image{max-width:100%}.tech-hero-title{font-size:26px;word-break:keep-all;overflow-wrap:break-word}.tech-hero-subtitle{font-size:12px}.tech-hero-desc{font-size:14px;line-height:1.9;word-break:keep-all;overflow-wrap:break-word}.tech-stack-grid{grid-template-columns:1fr}.tech-card{padding:24px}.tech-future{flex-direction:column;text-align:center}.tech-future-mascot{width:100%;max-width:400px}.tech-philosophy-quote{font-size:18px;word-break:keep-all;overflow-wrap:break-word}.tech-card h3{font-size:16px}.tech-card p{font-size:13px}.tech-section-title{font-size:22px}.tech-section-subtitle{font-size:13px}.workflow-step{padding:16px;overflow:hidden}.workflow-step-title{font-size:16px;word-break:keep-all;overflow-wrap:break-word}.workflow-step-desc{font-size:13px;word-break:break-word;overflow-wrap:break-word}.tech-workflow{padding:60px 20px}.workflow-step-number{font-size:20px;min-width:40px}.tech-dialogue{padding:60px 20px}.tech-dialogue-examples{grid-template-columns:1fr;gap:20px}.dialogue-example-card{padding:24px}.tech-dialogue-image{max-width:300px}.tech-dialogue-title{font-size:22px}.tech-dialogue-desc{font-size:13px}}@media (max-width: 480px){.tech-hero{padding:90px 16px 48px}.tech-hero-title{font-size:22px}.tech-hero-desc{font-size:13px}.tech-philosophy-quote{font-size:16px}.tech-card{padding:20px}.tech-card h3{font-size:15px}.tech-card p{font-size:12px}.workflow-step h3{font-size:14px}.workflow-step p{font-size:12px}}