body{background-image:linear-gradient(90deg,#a5d1c708 0%,var(--color-quiver-black) 100%),radial-gradient(circle,#ffffff10 1px,transparent 1px);background-size:auto,24px 24px}.page-wrapper{--phone-h:clamp(140px,40vw,450px);--overlap:calc(var(--phone-h) * 0.32);--side-overlap:calc(var(--phone-h) * 0.12)}.page-title-outer{width:90%;max-width:1200px;text-align:center;margin:0 auto;padding:40px 16px 0}.page-title{font-size:clamp(32px,3vw,90px)!important;font-weight:bold!important;margin:0}.page-description{font-size:clamp(14px,1.6vw,18px);line-height:1.6;color:var(--color-quiver-gray);max-width:640px;margin:16px auto 0}.button-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.button-apple,.button-google{display:inline-flex;align-items:center;gap:10px;padding:clamp(12px,2vw,16px) clamp(24px,3vw,36px);margin:1rem;font-size:clamp(14px,1.6vw,24px);font-weight:bold;color:#fff;text-decoration:none;border-radius:8px;border:1px solid #333;background:var(--color-quiver-black);transition:transform 0.15s ease,box-shadow 0.15s ease;white-space:nowrap;box-shadow:1px 2px 4px var(--color-quiver-green)}.button-apple:hover,.button-google:hover{transform:translateY(-2px);box-shadow:1px 4px 4px var(--color-quiver-green)}.button-icon{font-size:clamp(18px,2.5vw,24px);line-height:1;flex-shrink:0}.button-text-group{display:flex;flex-direction:column;line-height:1.2}.button-text-small{font-size:clamp(9px,1vw,11px);font-weight:400;opacity:0.85}.button-text-large{font-size:clamp(13px,1.4vw,16px);font-weight:600}.image-row{display:flex;align-items:flex-end;justify-content:center;position:relative;padding-top:clamp(16px,4vw,56px)}.image-row img{height:calc(var(--phone-h) * 0.76);width:auto;max-width:100%;object-fit:contain;position:relative}.image-row .side-img{z-index:1;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.4));margin:0 calc(-1 * var(--side-overlap))}.image-row .middle-img{height:var(--phone-h);z-index:2;filter:drop-shadow(0 14px 28px rgba(0,0,0,0.5))}.feature-box{position:relative;z-index:0;width:90%;max-width:1000px;margin:calc(-1 * var(--overlap)) auto 40px;padding:calc(var(--overlap) + clamp(8px,1.5vw,16px)) clamp(28px,4vw,44px) clamp(12px,2vw,20px);background:#00000055;border:1px solid #2f2f2f;border-radius:10px;box-shadow:0px 8px 16px rgba(0,0,0,0.4)}.feature-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(28px,5vw,52px);align-items:stretch}.feature-tabs{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;max-width:420px;width:100%}.feature-tab{display:flex;align-items:flex-start;gap:14px;width:100%;padding:14px 16px 14px 18px;border-radius:6px;cursor:pointer;position:relative;transition:background 0.15s ease}.feature-tab::before{content:'';position:absolute;left:0;top:50%;width:2px;height:0%;background:var(--color-quiver-green);transform:translateY(-50%);transition:height 0.2s ease}.feature-tab:hover{background:#181818}.feature-tab.active{background:#1b1b1b}.feature-tab.active::before,.feature-tab:hover::before{height:60%}.feature-icon{flex:0 0 auto;margin-top:2px;font-size:15px;color:#666;transition:color 0.15s ease}.feature-tab.active .feature-icon,.feature-tab:hover .feature-icon{color:var(--color-quiver-green)}.feature-tab-title{font-weight:600;color:#8a8a8a;font-size:15px;margin-bottom:4px;transition:color 0.15s ease}.feature-tab.active .feature-tab-title,.feature-tab:hover .feature-tab-title{color:#fff}.feature-tab-desc{color:#6b6b6b;font-size:14px;line-height:1.5;transition:color 0.15s ease}.feature-tab.active .feature-tab-desc,.feature-tab:hover .feature-tab-desc{color:#a0a0a0}.feature-stage{position:relative;height:clamp(220px,34vw,360px);display:flex;align-items:center;justify-content:center;padding:0}.feature-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity 0.15s ease;filter:drop-shadow(0 16px 28px rgba(0,0,0,0.5))}.feature-box .feature-graph{width:100%;height:clamp(250px,18vw,300px)}.feature-box .feature-graph svg{width:100%;height:100%}.feature-stack{--stack-crop-ratio:5 / 1;--stack-img-shift:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto}.feature-stage .stack-img{width:100%;aspect-ratio:var(--stack-crop-ratio);height:auto;max-height:none;object-fit:cover;object-position:center var(--stack-img-shift);border-radius:12px;display:block}.stack-img-1{filter:drop-shadow(0 14px 24px rgba(0,0,0,0.5))}.stack-img-2{width:92%;filter:brightness(0.55) drop-shadow(0 10px 18px rgba(0,0,0,0.4))}.stack-img-3{width:84%;filter:brightness(0.35) drop-shadow(0 8px 14px rgba(0,0,0,0.3))}@media (max-width:705px){.feature-stage{order:-1}.feature-panel{grid-template-columns:1fr}.feature-stage{height:auto;max-height:360px;padding:clamp(12px,3vw,24px) 0}}.feature-stack .stack-img{opacity:0}.feature-stack.stagger-in .stack-img{animation:stack-fade-in 0.45s ease forwards}.feature-stack.stagger-in .stack-img-3{animation-delay:0s}.feature-stack.stagger-in .stack-img-2{animation-delay:0.12s}.feature-stack.stagger-in .stack-img-1{animation-delay:0.24s}@keyframes stack-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.feature-stack.stagger-in .stack-img{animation:none;opacity:1}}