.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;padding:0;max-width:none;overflow:hidden}.hero-video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,#e91e8c1a,#0a0a0f00 60%)}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 40px}.hero-badge{font-family:var(--font-en);font-size:13px;letter-spacing:2px;color:var(--accent);margin-bottom:32px;padding:8px 20px;border:1px solid var(--accent-soft);border-radius:100px;display:inline-block;background:var(--accent-soft)}.hero-title{font-size:72px;font-weight:900;line-height:1.1;margin-bottom:32px}.hero-title-line{display:block}.hero-title-line.accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.8;margin-bottom:48px}.hero-actions{display:flex;gap:16px;justify-content:center}.hero-btn{padding:14px 36px;border-radius:100px;font-size:15px;font-weight:500;transition:all .3s ease}.hero-btn.primary{background:var(--gradient-accent);color:#fff}.hero-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px var(--accent-glow)}.hero-btn.secondary{border:1px solid var(--border-hover);color:var(--text-secondary)}.hero-btn.secondary:hover{border-color:var(--accent);color:var(--text-primary)}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.hero-scroll-indicator span{font-size:12px;color:var(--text-muted);letter-spacing:1px}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero-gradient-title .text-content{font-size:72px;font-weight:900;line-height:1.1}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.section-title .animated-gradient-text,.future-title .animated-gradient-text{margin:0;font-weight:700}.animated-gradient-text.with-border{padding:.35rem .75rem}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;z-index:0;pointer-events:none}.gradient-overlay:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#120f17;z-index:-1}.text-content{display:inline-block;position:relative;z-index:2;background-clip:text;-webkit-background-clip:text;color:transparent}.side-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}.experience{padding-top:160px}.experience-layout{display:grid;grid-template-columns:1fr 500px;gap:60px;align-items:start}.experience-main{min-width:0}.experience-side{position:sticky;top:120px;display:flex;justify-content:center}.experience-mascot-img{width:480px;height:auto;filter:drop-shadow(0 20px 50px rgba(233,30,140,.18));animation:mascotFloat 4s ease-in-out infinite}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.timeline{margin-top:80px;display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:40px;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--gradient-accent);box-shadow:0 0 20px var(--accent-glow);flex-shrink:0}.timeline-line{width:2px;flex:1;background:linear-gradient(to bottom,var(--accent),transparent);margin-top:8px}.timeline-content{padding-bottom:80px;max-width:700px}.timeline-period{font-family:var(--font-en);font-size:13px;color:var(--accent);letter-spacing:1px;font-weight:500}.timeline-title{font-size:28px;margin:12px 0 16px;font-weight:700}.timeline-desc{font-size:16px;color:var(--text-secondary);line-height:1.8}.timeline-insight{margin-top:20px;padding:16px 24px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;font-size:15px;color:var(--text-primary);font-style:italic}.achievements{padding-top:100px}.stats-grid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px 24px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--gradient-accent);opacity:0;transition:opacity .4s ease}.stat-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-number{font-family:var(--font-en);font-size:42px;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.stat-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.showcase-scroll{margin-top:24px;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.showcase-track{display:flex;animation:scrollShowcase 30s linear infinite;width:fit-content}.showcase-set{display:flex;gap:16px;margin-right:16px}.showcase-item{flex-shrink:0;width:200px;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.showcase-item img{width:100%;height:100%;object-fit:cover}@keyframes scrollShowcase{0%{transform:translate(0)}to{transform:translate(-50%)}}.delivery-stats{display:flex;align-items:center;justify-content:center;gap:60px;margin-top:32px;padding:24px 0}.delivery-item{display:flex;flex-direction:column;align-items:center;gap:4px}.delivery-number{font-family:var(--font-en);font-size:56px;font-weight:900;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.delivery-label{font-size:15px;color:var(--text-secondary);font-weight:500}.delivery-divider{width:1px;height:48px;background:linear-gradient(to bottom,transparent,var(--border-hover),transparent)}.projects{padding-top:40px;scroll-margin-top:40px}.goal-breakdown{margin-top:32px;margin-bottom:48px}.breakdown-logic{padding:28px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.breakdown-logic>p{font-size:15px;color:var(--text-secondary);line-height:1.8}.breakdown-logic>p strong{color:var(--text-primary)}.breakdown-paths{display:flex;gap:16px;margin:20px 0}.breakdown-path{flex:1;display:flex;align-items:flex-start;gap:10px;padding:16px;background:#e91e8c0a;border:1px solid rgba(233,30,140,.12);border-radius:10px}.path-num{font-size:16px;font-weight:700;color:var(--accent);flex-shrink:0}.path-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.breakdown-summary{font-size:13px;color:var(--text-muted);margin-top:8px}.projects-stage{position:relative;margin-top:24px;height:420px;border-radius:24px;overflow:hidden}.projects-bg-video{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:950px;height:auto;object-fit:contain;mix-blend-mode:screen;border-radius:0}.projects-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;padding:32px 40px;z-index:2}.projects-overlay .system-cards-grid{display:flex;flex-direction:column;gap:16px;width:60%}.system-card{background:#14121ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:36px 32px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;gap:20px;opacity:0;transform:translate(-40px)}.projects-overlay.cards-visible .system-card{animation:cardSlideIn .5s ease forwards}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.system-card:hover{border-color:var(--border-hover);transform:translate(4px);box-shadow:0 4px 20px #e91e8c14}.system-card.active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.system-card-number{font-family:var(--font-en);font-size:32px;font-weight:900;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;flex-shrink:0}.system-card-tag{font-size:13px;font-weight:600;letter-spacing:1px;flex-shrink:0}.system-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.system-card-hint{font-size:12px;color:var(--text-muted);flex-shrink:0}.system-block.expanded{margin-top:32px;animation:fadeSlideIn .3s ease}.system-block{margin-top:80px;background:var(--bg-card);border:1px solid var(--border);border-radius:24px}.system-block+.system-block{margin-top:40px}.system-header{display:flex;align-items:center;gap:24px;padding:40px 48px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(99,102,241,.05),transparent)}.system-number{font-family:var(--font-en);font-size:48px;font-weight:900;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.system-tag{font-size:13px;font-weight:500;letter-spacing:1px}.system-title{font-size:28px;font-weight:700;margin-top:4px}.system-body{padding:48px;display:flex;flex-direction:column;gap:40px;background:#fff6fa;color:#000!important;border-radius:0 0 16px 16px;font-size:16px;line-height:1.8}.system-body p,.system-body li,.system-body h4,.system-body h5,.system-body blockquote,.system-body strong{color:#000!important}.system-body .action-card,.system-body .action-card h5,.system-body .action-card p{color:#1a1a2e!important}.system-body .decision-option,.system-body .decision-option p,.system-body .decision-option span{color:#000!important}.block-label{font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;color:#000!important;margin-bottom:16px}.system-problem p,.system-analysis p,.system-result p{font-size:15px;color:var(--text-secondary);line-height:1.9}.system-analysis ul{list-style:none;padding:0;margin-top:16px;display:flex;flex-direction:column;gap:12px}.system-analysis li{font-size:14px;color:var(--text-secondary);line-height:1.7;padding-left:20px;position:relative}.system-analysis li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.system-analysis li strong{color:var(--text-primary)}.decision-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.decision-option{padding:24px;border-radius:16px;border:1px solid var(--border)}.decision-option.rejected{background:#ff646408;border-color:#ff646426}.decision-option.chosen{background:#6366f10f;border-color:#6366f14d}.option-label{font-size:12px;font-weight:600;letter-spacing:1px;display:block;margin-bottom:10px;color:var(--text-muted)}.decision-option.chosen .option-label{color:var(--accent)}.decision-option p{font-size:14px;color:var(--text-secondary);line-height:1.7}.action-with-image{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:stretch}.action-cards{display:flex;flex-direction:row;gap:16px}.action-card{flex:1}.action-side-image{display:flex;align-items:stretch}.action-side-image .screenshot-placeholder{height:100%;min-height:200px}.action-card{background:#fff;border:1px solid #f0e0e8;border-left:4px solid #eb2f8e;border-radius:12px;padding:28px 24px;transition:all .3s ease}.action-card:hover{border-color:#f0e0e8;border-left-color:#eb2f8e;transform:translateY(-2px);box-shadow:0 4px 16px #eb2f8e1a}.action-icon{font-size:24px;margin-bottom:14px}.action-card h5{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.action-card p{font-size:15px;color:var(--text-secondary);line-height:1.7}.action-card.expandable{text-align:left;cursor:pointer;transition:all .3s ease}.action-card.expandable:hover{transform:translateY(-2px)}.action-card.expandable.open{border-color:#e91e8c4d}.action-card-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-card-header h5{flex-shrink:0;margin:0}.action-summary{font-size:13px;color:var(--text-muted);margin-top:8px;line-height:1.6}.action-toggle{font-size:12px;color:var(--accent);flex-shrink:0}.action-card-body{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08);animation:fadeSlideDown .3s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-card .action-cause{font-size:13px;color:var(--text-muted);margin-top:8px;line-height:1.7}.action-card .action-solve{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.7}.action-card .action-cause strong,.action-card .action-solve strong{color:#e91e8c}.action-evidence{margin-top:12px;border-radius:8px;overflow:hidden}.action-evidence img{width:100%;height:auto;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.action-link{display:inline-block;margin-top:12px;padding:8px 16px;background:#e91e8c14;border:1px solid rgba(233,30,140,.2);border-radius:8px;font-size:13px;color:#f06292;text-decoration:none;transition:all .2s ease}.action-link:hover{background:#e91e8c26;transform:translateY(-1px)}.action-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.action-card p.action-hint{font-size:12px;color:#999!important;line-height:1.6;margin-top:8px}.case-list{display:flex;flex-direction:column;gap:20px}.case-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:28px 32px;display:grid;gap:24px;align-items:center}.case-item.case-layout-left{grid-template-columns:1.2fr 1fr}.case-item.case-layout-right{grid-template-columns:1fr 1.2fr}.case-image .screenshot-placeholder{min-height:160px}.case-text{display:flex;flex-direction:column;gap:8px}.case-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.case-header h5{font-size:17px;font-weight:600}.case-metric{font-family:var(--font-en);font-size:14px;font-weight:600;color:var(--accent);padding:4px 12px;background:var(--accent-soft);border-radius:100px}.case-origin{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:8px}.case-logic{font-size:14px;color:var(--text-secondary);line-height:1.7}.evolution-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.evo-before,.evo-after{padding:24px;border-radius:16px;border:1px solid var(--border)}.evo-before{background:#ff646408;border-color:#ff64641f}.evo-after{background:#6366f10f;border-color:#6366f140}.evo-label{font-size:12px;font-weight:600;letter-spacing:1px;display:block;margin-bottom:10px;color:var(--text-muted)}.evo-after .evo-label{color:var(--accent)}.evo-before p,.evo-after p{font-size:14px;color:var(--text-secondary);line-height:1.7}.team-grid{display:flex;flex-direction:column;gap:16px}.team-tier{display:flex;align-items:flex-start;gap:20px;padding:20px 24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.tier-label{font-size:12px;font-weight:600;color:var(--accent);padding:4px 10px;background:var(--accent-soft);border-radius:6px;flex-shrink:0;white-space:nowrap}.tier-members{display:flex;flex-direction:column;gap:6px}.member{font-size:14px;color:var(--text-secondary);line-height:1.6}.system-result p{margin-bottom:8px}.result-next{color:var(--text-muted)!important;font-style:italic}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center;max-width:800px;margin:0 auto}.metric-card{background:#fff;border:1px solid #f0e0e8;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s ease}.metric-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #eb2f8e1a}.metric-card.highlight{background:linear-gradient(135deg,#eb2f8e,#f06292);border-color:transparent}.metric-card .metric-number{font-family:var(--font-en);font-size:28px;font-weight:900;color:#f0c0d8;display:block;margin-bottom:8px}.metric-card.highlight .metric-number{color:#ffffff80}.metric-card strong{font-size:15px;color:#000!important;display:block;margin-bottom:6px}.metric-card.highlight strong{color:#fff!important}.metric-card p{font-size:12px;color:#666!important;line-height:1.5;margin:0}.metric-card.highlight p{color:#ffffffd9!important}.stair-item{display:flex;align-items:center;gap:0;position:relative;justify-content:flex-end}.stair-item.stair-4 .stair-block{width:40%}.stair-item.stair-3 .stair-block{width:60%}.stair-item.stair-2 .stair-block{width:80%}.stair-item.stair-1 .stair-block{width:100%}.stair-content{flex:1}.stair-block{border-radius:8px;padding:16px 20px}.stair-item.stair-1 .stair-block{background:linear-gradient(135deg,#fce4ec,#f8bbd0)}.stair-item.stair-2 .stair-block{background:linear-gradient(135deg,#f8bbd0,#f48fb1)}.stair-item.stair-3 .stair-block{background:linear-gradient(135deg,#f48fb1,#ec407a)}.stair-item.stair-4 .stair-block{background:linear-gradient(135deg,#ec407a,#eb2f8e)}.stair-block strong{font-size:15px;display:block;margin-bottom:4px;color:#333!important}.stair-item.stair-3 .stair-block strong,.stair-item.stair-4 .stair-block strong{color:#fff!important}.stair-block p{font-size:12px;line-height:1.5;margin:0;color:#555!important}.stair-item.stair-3 .stair-block p,.stair-item.stair-4 .stair-block p{color:#ffffffd9!important}.stair-number{font-family:var(--font-en);font-size:24px;font-weight:900;color:#f0c0d8;flex-shrink:0;min-width:44px;padding-right:12px}.stair-item.stair-4 .stair-number{color:#eb2f8e}.stair-content strong{font-size:15px;color:#000!important;display:block;margin-bottom:4px}.stair-content p{font-size:13px;color:#666!important;line-height:1.6;margin:0}.system-quote{padding:20px 28px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0;font-size:15px;color:var(--text-primary);font-style:italic;line-height:1.7}.system-sub-section{margin-top:20px;padding-top:40px;border-top:1px solid var(--border)}.sub-section-intro{font-size:15px;color:var(--text-secondary);line-height:1.9;margin-bottom:24px}.sub-section-intro strong{color:var(--text-primary)}.collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.collab-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:28px 24px;transition:all .3s ease}.collab-item:hover{border-color:var(--border-hover);transform:translateY(-2px)}.collab-icon{font-size:22px;margin-bottom:12px}.collab-item h5{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.collab-item p{font-size:13px;color:var(--text-secondary);line-height:1.7}.collab-insight{padding:20px 24px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-radius:12px;margin-bottom:20px}.collab-insight p{font-size:14px;color:var(--text-secondary);line-height:1.9}.collab-insight strong{color:var(--text-primary)}.collab-result p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:8px}.collab-result strong{color:var(--text-primary)}.screenshot-placeholder{background:#6366f10a;border:2px dashed rgba(99,102,241,.25);border-radius:12px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;min-height:120px}.screenshot-placeholder:hover{border-color:#6366f166;background:#6366f10f}.screenshot-placeholder.tall{min-height:280px}.screenshot-placeholder.wide{padding:60px 24px}.placeholder-icon{font-size:28px;opacity:.7}.placeholder-text{font-size:13px;color:var(--text-muted);text-align:center}.system-block-header-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;position:sticky;top:80px;z-index:10;background:#eb2f8e;border-bottom:none;border-radius:16px 16px 0 0}.system-block-bar-left{display:flex;align-items:center;gap:16px}.system-block-bar-number{font-family:var(--font-en);font-size:28px;font-weight:900;color:#fff;-webkit-text-fill-color:#fff;background:none}.system-block-bar-tag{font-size:13px;font-weight:600;letter-spacing:1px;color:#1a1a2e;background:#fff;padding:4px 12px;border-radius:6px}.system-block-bar-title{font-size:18px;font-weight:600;color:#fff}.system-block-collapse-btn{padding:8px 20px;border-radius:100px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.system-block-collapse-btn:hover{border-color:#fff;background:#ffffff26;color:#fff}.amazon-showcase{margin-top:0}.amazon-images{display:flex;gap:16px;margin-top:16px}.amazon-images img{flex:1;border-radius:12px;border:1px solid #f0e0e8;object-fit:cover;max-height:300px;opacity:0;transform:translateY(20px);animation:imgFadeIn .6s ease forwards;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.amazon-images img:nth-child(1){animation-delay:.1s}.amazon-images img:nth-child(2){animation-delay:.3s}.amazon-images img:nth-child(3){animation-delay:.5s}.amazon-images img:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 32px #eb2f8e26}@keyframes imgFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quadrant-layout{display:grid;grid-template-columns:550px 1fr;gap:32px;align-items:start}.team-analysis-list{display:flex;flex-direction:column;gap:16px}.team-analysis-item{display:flex;flex-direction:column;gap:4px}.team-name{font-size:15px;font-weight:700;color:#eb2f8e!important}.team-desc{font-size:13px;color:#333!important;line-height:1.6}.quadrant-right{display:flex;flex-direction:column;gap:24px}.quadrant-chart{position:relative;padding:32px 20px 40px 48px;display:flex;justify-content:flex-end}.quadrant-axis-y{position:absolute;left:-36px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:13px;color:#999;font-weight:500;letter-spacing:2px;z-index:5}.quadrant-axis-x{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:13px;color:#999;font-weight:500;letter-spacing:2px;z-index:5}.quadrant-grid{position:relative;min-height:400px;width:550px;border:1px solid #e8d5de;border-radius:16px;overflow:visible;box-shadow:0 4px 20px #eb2f8e0f}.quadrant-bg-tl,.quadrant-bg-tr,.quadrant-bg-bl,.quadrant-bg-br{position:absolute;width:50%;height:50%}.quadrant-bg-tl{top:0;left:0;background:#fff8fb;border-radius:16px 0 0}.quadrant-bg-tr{top:0;right:0;background:linear-gradient(135deg,#fff0f7,#ffe8f3);border-radius:0 16px 0 0}.quadrant-bg-bl{bottom:0;left:0;background:#fefefe;border-radius:0 0 0 16px}.quadrant-bg-br{bottom:0;right:0;background:#fffcfe;border-radius:0 0 16px}.quadrant-line-h{position:absolute;top:50%;left:0;right:0;height:1px;background:#e8d5de}.quadrant-line-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#e8d5de}.quadrant-grid .quadrant-person{position:absolute}.quadrant-cell{display:none}.quadrant-person{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#eb2f8e,#f06292);color:#fff;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 3px 12px #eb2f8e40;transition:transform .2s ease}.quadrant-person:hover{transform:scale(1.05)}.quadrant-person.top{background:linear-gradient(135deg,#b8157a,#eb2f8e);padding:10px 24px;font-size:15px}.quadrant-side{display:flex;align-items:center}.training-card{background:#fff;border:2px dashed #eb2f8e;border-radius:12px;padding:14px 16px;text-align:center;box-shadow:0 4px 16px #eb2f8e14}.training-note{font-size:12px;color:#999!important;font-style:italic}.training-badge{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#eb2f8e,#f06292);color:#fff;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:8px}.training-card h5{font-size:15px;font-weight:700;margin-bottom:4px;color:#000!important}.training-card p{font-size:12px;color:#666!important;line-height:1.5;margin:0}.action-loop{margin-top:24px;padding:24px 28px;background:#e91e8c0a;border:1px solid rgba(233,30,140,.15);border-radius:16px}.action-loop>p:first-child{font-size:15px;color:#1a1a2e;margin-bottom:8px}.action-loop>p:nth-child(2){font-size:13px;color:#666;line-height:1.7;margin-bottom:12px}.carousel-stage{position:relative;width:100%;height:480px;display:flex;align-items:center;justify-content:center;perspective:800px;margin-top:0}.carousel-card{position:absolute;width:420px;border-radius:12px;overflow:hidden;border:2px solid #f0e0e8;cursor:pointer;transition:all .6s ease;box-shadow:0 8px 24px #0000001a}.carousel-card img{width:100%;height:100%;object-fit:cover;display:block}.carousel-front{transform:translateZ(60px) scale(1.1);z-index:3;border-color:#eb2f8e;box-shadow:0 12px 40px #eb2f8e33}.carousel-back-right{transform:translate(280px) translateZ(-40px) scale(.85);z-index:1;opacity:.7;filter:brightness(.8)}.carousel-back-left{transform:translate(-280px) translateZ(-40px) scale(.85);z-index:1;opacity:.7;filter:brightness(.8)}.carousel-card:hover{border-color:#eb2f8e}.carousel-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:lbFadeIn .3s ease}.carousel-lightbox img{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px #00000080}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.collaboration{padding-top:80px}.collaboration .collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.collaboration .collab-item{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s ease}.collaboration .collab-item:hover{border-color:var(--border-hover);transform:translateY(-2px)}.collaboration .collab-icon{font-size:24px;margin-bottom:12px}.collaboration .collab-item h5{font-size:17px;font-weight:600;margin-bottom:8px}.collaboration .collab-item p{font-size:12px;color:var(--text-secondary);line-height:1.7;opacity:.6}.collaboration .collab-item p strong{color:#f06292}.collaboration .collab-insight{margin-top:40px;padding:24px 32px;border-left:3px solid var(--accent);background:var(--bg-card);border-radius:0 12px 12px 0}.collaboration .collab-result{margin-top:24px;padding:24px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.strengths{padding-top:160px}.impact-content{margin-top:80px;display:flex;flex-direction:column;gap:32px}.impact-block{background:#1e1e2a;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}.impact-positioning{font-size:16px;color:var(--text-primary);font-weight:500;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.impact-external-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.impact-ext-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;transition:all .3s ease;animation:fadeSlideUp .6s ease both}.impact-ext-card:nth-child(1){animation-delay:.1s}.impact-ext-card:nth-child(2){animation-delay:.25s}.impact-ext-card:nth-child(3){animation-delay:.4s}.impact-ext-card:hover{background:#e91e8c0f;border-color:#e91e8c40;transform:translateY(-4px)}.impact-ext-icon{font-size:28px;margin-bottom:14px}.impact-ext-card h5{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.impact-ext-card p{font-size:13px;color:#c8c8d8;line-height:1.8}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.impact-scroll-wrapper{overflow:hidden;border-radius:12px;margin-top:8px}.impact-scroll-track{display:flex;gap:16px;animation:scrollLeft 30s linear infinite;width:max-content}.impact-scroll-track:hover{animation-play-state:paused}.impact-scroll-track img{height:200px;width:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.impact-header{padding:24px 36px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(99,102,241,.05),transparent)}.impact-tag{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.5px}.impact-body{padding:36px;display:flex;flex-direction:column;gap:24px}.impact-before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px}.impact-before,.impact-after{padding:24px;border-radius:16px;border:1px solid var(--border)}.impact-before{background:#ff646408;border-color:#ff64641f}.impact-after{background:#6366f10f;border-color:#6366f140}.impact-before .evo-label{color:var(--text-muted)}.impact-after .evo-label{color:var(--accent)}.impact-before p,.impact-after p{font-size:14px;color:#d0d0dd;line-height:1.8}.impact-how{padding:20px 24px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.impact-observation{padding:24px;border-radius:16px;border:1px solid rgba(255,100,100,.12);background:#ff646408}.impact-observation .evo-label{color:var(--text-muted);font-size:13px;font-weight:600;display:block;margin-bottom:8px}.impact-observation p{font-size:14px;color:#d0d0dd;line-height:1.8}.impact-how p{font-size:14px;color:#d0d0dd;line-height:1.9}.impact-how-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.impact-step{display:flex;align-items:flex-start;gap:20px;padding:20px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .3s ease}.impact-step:hover{background:#e91e8c0a;border-color:#e91e8c33;transform:translate(4px)}.step-num{font-family:var(--font-en);font-size:24px;font-weight:700;color:var(--accent);opacity:.7;flex-shrink:0;line-height:1;padding-top:2px}.step-content h5{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.step-content p{font-size:13px;color:#c8c8d8;line-height:1.7}.impact-story{display:flex;flex-direction:column;gap:12px}.impact-story p{font-size:14px;color:var(--text-secondary);line-height:1.9}.impact-body-horizontal{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start}.impact-body-horizontal .impact-story{gap:14px}.impact-side-image{position:sticky;top:120px}.impact-side-image .screenshot-placeholder{min-height:300px}.impact-highlight{font-weight:600;color:var(--text-primary)!important;font-size:15px!important}.impact-result-box{padding:20px 24px;background:#6366f10f;border:1px solid rgba(99,102,241,.2);border-radius:12px}.impact-result-box p{font-size:14px;color:var(--text-secondary);line-height:1.8}.impact-result-box strong{color:var(--accent)}.impact-quote{padding:24px 32px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0;font-size:15px;color:var(--text-primary);font-style:italic;line-height:1.8}.innovation{padding-top:160px}.innovation-content{margin-top:80px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.philosophy-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:40px 32px;position:sticky;top:120px}.philosophy-card h4{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.philosophy-core{font-size:14px;color:var(--text-secondary);line-height:1.9;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.philosophy-subtitle{font-size:15px!important;font-weight:600;color:var(--accent)!important;margin-bottom:16px!important;margin-top:24px}.philosophy-criteria{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.criteria-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#e91e8c0a;border:1px solid rgba(233,30,140,.1);border-radius:10px}.criteria-num{font-size:16px;font-weight:700;color:var(--accent);flex-shrink:0}.criteria-content strong{font-size:14px;color:var(--text-primary);display:block;margin-bottom:2px}.criteria-content p{font-size:12px;color:var(--text-muted);line-height:1.5}.philosophy-steps{display:flex;flex-direction:column;gap:20px}.step{display:flex;align-items:flex-start;gap:16px}.step-num{font-family:var(--font-en);font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:8px}.step-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.tools-list{display:flex;flex-direction:column;gap:24px}.tool-item-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease;display:grid;grid-template-columns:1fr 1fr}.tool-item-wrap:nth-child(2n){grid-template-columns:1fr 1fr;direction:rtl}.tool-item-wrap:nth-child(2n)>*{direction:ltr}.tool-item-wrap:hover{border-color:var(--border-hover)}.tool-highlight{grid-column:1 / -1;border-color:#e91e8c33;background:linear-gradient(135deg,rgba(233,30,140,.03),var(--bg-card))}.tool-highlight .tool-name{font-size:20px}.tool-highlight .tool-screenshots-grid img{height:240px}.toolbox-showcase{grid-column:1 / -1;background:linear-gradient(135deg,#1a1028,#1e1e2a,#1a1028);border:1px solid rgba(233,30,140,.25);border-radius:24px;padding:48px;position:relative;overflow:hidden}.toolbox-showcase:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(233,30,140,.06) 0%,transparent 50%);pointer-events:none}.toolbox-header{position:relative;margin-bottom:36px}.toolbox-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:12px 0 16px;background:linear-gradient(135deg,#fff,#f06292);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toolbox-desc{font-size:15px;color:var(--text-secondary);line-height:1.9;max-width:100%}.toolbox-demo-btn{display:inline-block;margin-top:16px;padding:10px 24px;background:var(--gradient-accent);color:#fff;font-size:14px;font-weight:600;border-radius:100px;text-decoration:none;transition:all .3s ease}.toolbox-demo-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #e91e8c4d}.toolbox-modules{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:36px;position:relative}.toolbox-module-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease;overflow:hidden}.toolbox-module-item.has-img{cursor:pointer}.toolbox-module-item.active{background:#e91e8c1f;border-color:#e91e8c66}.toolbox-module-item:hover{background:#e91e8c14;border-color:#e91e8c4d;transform:translateY(-3px)}.toolbox-module-preview{width:100%;height:80px;object-fit:cover;border-radius:8px;margin-bottom:4px}.toolbox-module-num{font-family:var(--font-en);font-size:11px;font-weight:700;color:var(--accent);opacity:.6}.toolbox-module-name{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center}.toolbox-screenshot{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.toolbox-screenshot img{width:100%;height:auto;display:block;cursor:pointer;transition:transform .3s ease}.toolbox-screenshot img:hover{transform:scale(1.01)}.tool-modules{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tool-module-tag{font-size:12px;padding:4px 12px;border-radius:100px;background:#e91e8c14;border:1px solid rgba(233,30,140,.2);color:#f06292;font-weight:500}.tool-item{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 32px}.tool-screenshot{padding:20px;display:flex;align-items:stretch}.tool-screenshot .screenshot-placeholder{background:#6366f10a;border:2px dashed rgba(99,102,241,.25);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:140px}.tool-screenshot .placeholder-icon{font-size:28px;opacity:.7}.tool-screenshot .placeholder-text{font-size:13px;color:var(--text-muted);text-align:center}.tool-screenshots-grid{display:flex;gap:8px;width:100%;align-items:center}.tool-screenshots-grid img{flex:1;height:160px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.tool-status{font-size:12px;font-weight:500;padding:6px 12px;border-radius:100px;flex-shrink:0}.tool-status.done{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.tool-status.wip{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.tool-info{flex:1}.tool-name{font-size:17px;font-weight:600;margin-bottom:4px}.tool-scene{font-size:13px;color:var(--text-muted)}.tool-result{font-size:14px;color:var(--text-secondary);max-width:100%}.philosophy-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted);line-height:1.7}.philosophy-management{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.philosophy-management p{font-size:14px;color:var(--text-secondary);line-height:1.9}.tool-screenshots-grid img{cursor:pointer;transition:transform .2s ease}.tool-screenshots-grid img:hover{transform:scale(1.03)}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:80vw;max-height:85vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:36px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}.lightbox-counter{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);color:#fff9;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.future{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:160px 60px;max-width:none;overflow:hidden}.future-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.future-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.3;animation:glowPulse 6s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.4}}.future-content{position:relative;z-index:1;max-width:var(--max-width);width:100%;text-align:left}.future-title{font-size:56px;font-weight:900;margin-bottom:64px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.future-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:80px}.future-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:36px 32px;text-align:left;transition:all .3s ease}.future-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.future-period{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.5px}.future-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:10px 0 12px}.future-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:16px}.future-direction{font-size:15px;color:var(--text-secondary);line-height:1.9;margin-top:16px}.future-list li{font-size:15px;color:var(--text-secondary);line-height:1.6;padding-left:20px;position:relative}.future-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.future-quote{margin-bottom:64px}.future-quote blockquote{font-size:28px;font-weight:700;color:var(--text-primary);opacity:.8}.future-cta{padding-top:0}.future-closing{margin-bottom:48px;display:flex;flex-direction:column;align-items:center;gap:24px}.future-mascot{width:320px;height:auto;filter:drop-shadow(0 10px 30px rgba(233,30,140,.15))}.closing-text{font-size:18px;color:var(--text-secondary);font-style:italic}.cta-btn{display:inline-block;padding:16px 48px;background:var(--gradient-accent);border-radius:100px;font-size:16px;font-weight:500;color:#fff;transition:all .3s ease}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px var(--accent-glow)}.thanks-badge{display:inline-block;padding:16px 48px;background:var(--gradient-accent);border-radius:16px;font-size:24px;font-weight:700;color:#fff;box-shadow:0 8px 30px #e91e8c40}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 60px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navbar-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-en);font-size:20px;font-weight:700;letter-spacing:-.5px;display:flex;align-items:center}.nav-logo-img{height:32px;width:auto;object-fit:contain}.nav-links{display:flex;gap:36px}.nav-links a{font-size:14px;color:var(--text-secondary);transition:color .3s ease;font-weight:400}.nav-links a:hover{color:var(--text-primary)}.nav-contact-btn{font-size:14px;padding:10px 24px;border-radius:100px;background:var(--gradient-accent);color:#fff;font-weight:500;transition:opacity .3s ease,transform .3s ease}.nav-contact-btn:hover{opacity:.9;transform:translateY(-1px)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a25;--bg-card-hover: #222233;--text-primary: #f5f5fa;--text-secondary: #c8c8d8;--text-muted: #888899;--accent: #e91e8c;--accent-soft: rgba(233, 30, 140, .12);--accent-glow: rgba(233, 30, 140, .3);--gradient-accent: linear-gradient(135deg, #e91e8c, #f06292);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--max-width: 1700px;--font-cn: "Noto Sans SC", sans-serif;--font-en: "Space Grotesk", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-cn);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app{width:100%;min-height:100vh}section{padding:120px 60px;max-width:var(--max-width);margin:0 auto;position:relative}.achievements{background:radial-gradient(ellipse at 30% 50%,rgba(233,30,140,.04) 0%,transparent 50%)}.projects{background:radial-gradient(ellipse at 70% 20%,rgba(233,30,140,.03) 0%,transparent 40%)}.strengths{background:radial-gradient(ellipse at 20% 80%,rgba(233,30,140,.04) 0%,transparent 50%)}.innovation{background:radial-gradient(ellipse at 80% 60%,rgba(233,30,140,.03) 0%,transparent 45%)}.future{background:radial-gradient(ellipse at 50% 50%,rgba(233,30,140,.05) 0%,transparent 60%)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.section-label{font-family:var(--font-en);font-size:13px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:block}.section-title{font-size:48px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{font-size:18px;color:var(--text-secondary);max-width:900px;line-height:1.8}