.feat-card{display:grid;grid-template-columns:1fr 340px;grid-gap:0;gap:0;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;background:hsla(0,0%,100%,.03);text-decoration:none;color:inherit;margin:40px 0 56px;position:relative;transition:border-color .3s ease,background .3s ease,transform .4s cubic-bezier(.22,1,.36,1);opacity:0;transform:translateY(28px);animation:cardIn .7s cubic-bezier(.22,1,.36,1) .2s forwards}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.feat-card:hover{border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.06);transform:translateY(-3px)}.feat-card:hover .feat-arr{transform:translate(4px,-4px)}.feat-card:hover .feat-thumb img{transform:scale(1.04)}.feat-card:hover .feat-label{color:rgba(139,92,246,.9)}.feat-body{padding:32px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.feat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);transition:color .3s}.feat-title{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;line-height:1.15;color:var(--ink-1);margin:8px 0 10px}.feat-desc{font-size:14px;line-height:1.65;color:var(--ink-2);max-width:420px}.feat-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feat-chip{font-size:9px;padding:4px 10px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);color:var(--ink-2)}.feat-chip,.feat-cta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.feat-cta{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:rgba(139,92,246,.9);margin-top:4px}.feat-arr{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.feat-thumb{overflow:hidden;position:relative;min-height:240px}.feat-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.feat-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,5,20,.35) 0,transparent 40%);pointer-events:none}.process-steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:28px 0}.ps{border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:20px 22px;background:hsla(0,0%,100%,.03)}.ps-n{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.ps h4{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 6px}.ps p{font-size:13px;line-height:1.6;color:var(--ink-2);margin:0}.insight-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:24px 0}.insight-card{border-radius:10px;padding:18px 20px;background:rgba(139,92,246,.07);border:1px solid rgba(139,92,246,.2)}.insight-who{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(139,92,246,.8);margin-bottom:10px}.insight-card ul{margin:0;padding:0 0 0 16px;font-size:13px;line-height:1.7;color:var(--ink-2)}.phone-mockup{position:relative;display:flex;flex-direction:column;filter:drop-shadow(0 32px 64px rgba(0,0,0,.75)) drop-shadow(0 8px 18px rgba(0,0,0,.45))}.phone-frame{position:relative;border-radius:25px;padding:7px 6px;background:linear-gradient(155deg,#e8e8ea,#c8c8ca 20%,#f0f0f2 45%,#b8b8ba 65%,#d8d8da 80%,#ececee);box-shadow:0 0 0 1px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -1px 0 rgba(0,0,0,.12)}.phone-frame:before{content:"";position:absolute;right:-3px;top:70px;width:3px;height:48px;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#b0b0b2,#d8d8da,#b0b0b2);box-shadow:1px 0 3px rgba(0,0,0,.3)}.phone-frame:after{content:"";position:absolute;left:-3px;top:56px;width:3px;height:96px;border-radius:2px 0 0 2px;background:linear-gradient(270deg,#b0b0b2,#d8d8da,#b0b0b2) 0 0 /100% 20px no-repeat,linear-gradient(270deg,#b0b0b2,#d8d8da,#b0b0b2) 0 28px /100% 30px no-repeat,linear-gradient(270deg,#b0b0b2,#d8d8da,#b0b0b2) 0 66px /100% 30px no-repeat;box-shadow:-1px 0 3px rgba(0,0,0,.3)}.phone-sheen{position:absolute;inset:0;border-radius:25px;background:linear-gradient(135deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.04) 42%,transparent 55%);z-index:5;pointer-events:none}.phone-screen{border-radius:20px;overflow:hidden;position:relative;background:#111;aspect-ratio:9/19.5}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;position:relative;z-index:1}.screen-wide{width:100%;border-radius:12px;display:block;margin:28px 0;box-shadow:0 12px 40px rgba(0,0,0,.5)}.screen-caption{font-family:var(--font-mono);font-size:10px;color:var(--mute);text-align:left;margin-top:8px;margin-bottom:20px;letter-spacing:.04em;line-height:1.4;max-width:480px}.e2e-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.07);border-radius:12px;overflow:hidden;margin:32px 0 40px}.e2e-stat{background:hsla(0,0%,100%,.025);padding:16px 12px;text-align:center}.e2e-stat .n{font-size:1.6rem;font-weight:700;line-height:1;margin-bottom:5px}.e2e-stat .l{font-size:11px;color:var(--mute);line-height:1.4}@keyframes purpleStatShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.e2e-stat .n{-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(167,139,250,.35)) drop-shadow(0 0 28px rgba(139,92,246,.15))}.e2e-stat .n,.full-cs-link{background:linear-gradient(135deg,#a78bfa,#8b5cf6 35%,#c4b5fd 65%,#9b74f8);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:purpleStatShift 8s ease-in-out infinite}.full-cs-link{text-decoration:none;font-style:normal;-webkit-text-fill-color:transparent}.ps{transition:border-color .35s ease,background .35s ease,transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.ps:hover{border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.05);transform:translateY(-3px)}.insight-card{transition:border-color .35s ease,background .35s ease,transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.insight-card:hover{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.11);transform:translateY(-3px)}.phone-tilt{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease}@media (prefers-reduced-motion:no-preference){.js [data-hero],.js [data-phone],.js [data-reveal-group]>*,.js [data-reveal]{opacity:0}}