.why-section{background:0 0;padding:96px 0;position:relative;overflow:hidden}.why-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.why-bg__glow{filter:blur(100px);opacity:.28;border-radius:50%;position:absolute}.why-bg__glow--center{background:#00e5ff1a;width:560px;height:320px;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .why-bg__glow--center{background:#0077b612}.why-section .container{z-index:1;position:relative}.why-header{max-width:960px}.why-lead{margin-bottom:0}.why-section .why-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:24px;margin-top:52px;display:grid}.why-reveal{width:100%;height:100%;min-height:0;display:flex}.why-card{text-align:left;flex-direction:column;height:100%;min-height:220px;padding:28px 24px 24px 28px;display:flex}.why-card:before{content:"";background:var(--accent);opacity:.55;width:3px;transition:opacity .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo);position:absolute;top:0;bottom:0;left:0}.why-card:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;height:2px;transition:opacity .3s var(--ease-out-expo);position:absolute;top:0;left:0;right:0}.why-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.why-card:hover:before{opacity:1;box-shadow:0 0 16px var(--accent-glow)}.why-card:hover:after{opacity:1}.why-card--heritage:before{background:linear-gradient(180deg,#00c853,var(--accent))}.why-card--stakes:before{background:linear-gradient(180deg,var(--accent),#64a0ff)}.why-card--convergence:before{background:linear-gradient(180deg,#64a0ff,var(--accent))}.why-card--markets:before{background:linear-gradient(180deg,#50c8ff,var(--accent))}.why-card--hybrid:before{background:linear-gradient(180deg,#ffb450,var(--accent))}.why-card--risk:before{background:linear-gradient(#00c853,#ffdc50)}.why-num{border:1px solid var(--border-accent);letter-spacing:.08em;width:36px;height:36px;color:var(--accent);background:#00e5ff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;display:inline-flex}[data-theme=light] .why-num{background:#0077b60f}.why-card h3{font-family:var(--font-inter),"Inter",sans-serif;flex-shrink:0;margin-bottom:10px;padding-right:8px;font-weight:700;line-height:1.35}.why-desc{color:var(--foreground-subtle);flex-shrink:0;margin-top:auto;line-height:1.55}@media (max-width:900px){.why-section .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-card{min-height:200px}}@media (max-width:600px){.why-section .why-grid{grid-template-columns:1fr}.why-card{min-height:auto;padding:24px 20px}}@media (prefers-reduced-motion:reduce){.why-card:hover{transform:none}}.approach-section{padding:96px 0;position:relative;overflow:hidden}.approach-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.approach-bg__grid{background-image:linear-gradient(var(--border-default) 1px,transparent 1px),linear-gradient(90deg,var(--border-default) 1px,transparent 1px);opacity:.45;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}.approach-bg__glow{filter:blur(80px);opacity:.35;border-radius:50%;width:420px;height:420px;position:absolute}.approach-bg__glow--left{background:#00e5ff1f;top:-120px;left:-80px}.approach-bg__glow--right{background:#64a0ff1a;bottom:-160px;right:-100px}[data-theme=light] .approach-bg__glow--left{background:#0077b614}[data-theme=light] .approach-bg__glow--right{background:#0077b60f}.approach-section .container{z-index:1;position:relative}.approach-header{max-width:960px}.approach-lead{margin-bottom:0}.approach-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:24px;margin-top:52px;display:grid}.approach-reveal{width:100%;height:100%;min-height:0;display:flex}.approach-card{opacity:1;flex-direction:column;height:100%;min-height:340px;padding:24px;display:flex;transform:none}.approach-card:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;height:2px;transition:opacity .3s var(--ease-out-expo);position:absolute;top:0;left:0;right:0}.approach-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.approach-card:hover:after{opacity:1}.approach-num{letter-spacing:.12em;color:var(--foreground-muted);opacity:.7;z-index:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;position:absolute;top:20px;right:20px}.approach-visual{background:var(--surface);border:1px solid var(--border-default);height:160px;transition:var(--transition);border-radius:16px;flex:0 0 160px;justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.approach-card:hover .approach-visual{border-color:var(--border-hover);transform:scale(1.02)}.approach-visual-glow{pointer-events:none;transition:opacity .3s var(--ease-out-expo);background:radial-gradient(circle at 50% 60%,#00e5ff24,#0000 65%);position:absolute;inset:0}.approach-card:hover .approach-visual-glow{opacity:1.4}[data-theme=light] .approach-visual-glow{background:radial-gradient(circle at 50% 60%,#0077b61a,#0000 65%)}.approach-card--production .approach-visual-glow{background:radial-gradient(circle at 50% 60%,#00c85324,#0000 65%)}.approach-card--security .approach-visual-glow{background:radial-gradient(circle at 50% 60%,#00e5ff2e,#0000 65%)}.approach-card--lifecycle .approach-visual-glow{background:radial-gradient(circle at 50% 60%,#64a0ff24,#0000 65%)}.approach-card--collab .approach-visual-glow{background:radial-gradient(circle at 50% 60%,#ffb4501f,#0000 65%)}.approach-card--speed .approach-visual-glow{background:radial-gradient(circle at 50% 60%,#ffdc5029,#0000 65%)}.approach-card--global .approach-visual-glow{background:radial-gradient(circle at 50% 60%,#50c8ff24,#0000 65%)}.approach-icon{z-index:1;width:72px;height:72px;color:var(--accent);transition:transform .35s var(--ease-out-expo);position:relative}.approach-card:hover .approach-icon{transform:scale(1.06)}.approach-card h3{font-family:var(--font-inter),"Inter",sans-serif;flex-shrink:0;margin-bottom:10px;font-weight:700;line-height:1.35}.approach-tagline{color:var(--foreground-subtle);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex-shrink:0;margin-top:auto;line-height:1.55;display:-webkit-box;overflow:hidden}.approach-icon__gear{transform-origin:30px 40px;animation:4s ease-in-out infinite approach-gear}.approach-icon__bolt{animation:2s ease-in-out infinite approach-pulse}.approach-icon__spark{animation:2.4s ease-in-out infinite approach-spark}.approach-icon__spark--delay{animation-delay:.8s}.approach-icon__shield{animation:3s ease-in-out infinite approach-float}.approach-icon__check{stroke-dasharray:40;stroke-dashoffset:40px;animation:2.5s ease-in-out infinite approach-draw}.approach-icon__orbit{transform-origin:40px 40px;animation:12s linear infinite approach-spin}.approach-icon__arc{transform-origin:40px 40px;animation:6s linear infinite approach-spin}.approach-icon__arc--reverse{animation:6s linear infinite approach-spin-reverse}.approach-icon__arrow{animation:2.5s ease-in-out infinite approach-float}.approach-icon__arrow--reverse{animation-delay:1.2s}.approach-icon__core{animation:2s ease-in-out infinite approach-pulse}.approach-icon__person{animation:3s ease-in-out infinite approach-float}.approach-icon__person--delay{animation-delay:1.5s}.approach-icon__link{animation:2.5s ease-in-out infinite approach-link}.approach-icon__lightning{animation:2.2s ease-in-out infinite approach-lightning}.approach-icon__speed-line{animation:1.8s ease-in-out infinite approach-speed}.approach-icon__speed-line--delay{animation-delay:.6s}.approach-icon__globe{animation:4s ease-in-out infinite approach-float}.approach-icon__meridian{transform-origin:40px 40px;animation:8s linear infinite approach-spin}.approach-icon__pin{animation:2s ease-in-out infinite approach-pulse}@keyframes approach-gear{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}@keyframes approach-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}@keyframes approach-spark{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes approach-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes approach-draw{0%,20%{stroke-dashoffset:40px}50%,to{stroke-dashoffset:0}}@keyframes approach-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes approach-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes approach-link{0%,to{opacity:.5}50%{opacity:1}}@keyframes approach-lightning{0%,to{opacity:1;filter:drop-shadow(0 0 #0000)}40%,60%{opacity:1;filter:drop-shadow(0 0 6px var(--accent-glow))}}@keyframes approach-speed{0%,to{opacity:.2;transform:translate(0)}50%{opacity:.5;transform:translate(-8px)}}@media (max-width:900px){.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-card{min-height:320px}}@media (max-width:600px){.approach-grid{grid-template-columns:1fr}.approach-card{min-height:auto;padding:20px 18px}.approach-visual{flex:0 0 120px;height:120px}}@media (prefers-reduced-motion:reduce){.approach-card:hover,.approach-card:hover .approach-visual,.approach-card:hover .approach-icon{transform:none}.approach-icon__gear,.approach-icon__bolt,.approach-icon__spark,.approach-icon__shield,.approach-icon__check,.approach-icon__orbit,.approach-icon__arc,.approach-icon__arrow,.approach-icon__core,.approach-icon__person,.approach-icon__link,.approach-icon__lightning,.approach-icon__speed-line,.approach-icon__globe,.approach-icon__meridian,.approach-icon__pin{animation:none}}