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