@layer components{.listener-landing .container{width:100%;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media (min-width:640px){.listener-landing .container{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.listener-landing .container{max-width:1320px;padding-left:3rem;padding-right:3rem}}.listener-landing .font-display{font-family:var(--font-fraunces), "Fraunces", serif}.listener-landing .btn-amber{color:#fff;font-family:var(--font-plus-jakarta), "Plus Jakarta Sans", sans-serif;cursor:pointer;background-color:#b77600;background-color:lab(55.6442% 21.8564 67.8535);border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.listener-landing .btn-amber:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.listener-landing .btn-amber:hover{background-color:#a06600;background-color:lab(48.6427% 22.526 76.7935);transform:translateY(-1px);box-shadow:0 8px 24px #b7760059;box-shadow:0 8px 24px lab(55.6442% 21.8564 67.8535/.35)}.listener-landing .btn-amber:hover:after{opacity:1}.listener-landing .btn-teal-outline{color:#004f40;color:lab(29.114% -28.3644 2.44083);font-family:var(--font-plus-jakarta), "Plus Jakarta Sans", sans-serif;cursor:pointer;background-color:#0000;border:2px solid #004f40;border:2px solid lab(29.114% -28.3644 2.44083);border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.listener-landing .btn-teal-outline:hover{color:#fff;background-color:#004f40;background-color:lab(29.114% -28.3644 2.44083);transform:translateY(-1px)}.listener-landing .feature-card{background:#fff;border:1px solid #ded6c9;border:1px solid lab(86.1333% 1.23259 7.59516);border-radius:1.25rem;padding:2rem;transition:all .3s;box-shadow:0 2px 8px #21190d0f;box-shadow:0 2px 8px lab(9.55148% 2.16019 8.89246/.06)}.listener-landing .feature-card:hover{border-color:#b776004d;border-color:lab(55.6442% 21.8564 67.8535/.3);transform:translateY(-6px);box-shadow:0 16px 40px #21190d1f;box-shadow:0 16px 40px lab(9.55148% 2.16019 8.89246/.12)}.listener-landing .step-number{color:#fff;width:2.5rem;height:2.5rem;font-family:var(--font-fraunces), "Fraunces", serif;background-color:#b77600;background-color:lab(55.6442% 21.8564 67.8535);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.listener-landing .waveform-bar{background-color:#b77600;background-color:lab(55.6442% 21.8564 67.8535);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite listener-waveform-pulse;display:inline-block}@keyframes listener-waveform-pulse{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes listener-mic-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}.listener-landing .mic-ring{animation:2s ease-out infinite listener-mic-pulse}.listener-landing .mic-ring-2{animation:2s ease-out .5s infinite listener-mic-pulse}.listener-landing .mic-ring-3{animation:2s ease-out 1s infinite listener-mic-pulse}.listener-landing .section-diagonal-top{clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);margin-top:-3rem;padding-top:5rem}.listener-landing .section-diagonal-bottom{clip-path:polygon(0 0,100% 0,100% 95%,0 100%);padding-bottom:5rem}.listener-landing .transcript-snippet{font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;color:#70685c;color:lab(44.3453% 1.89722 7.52245);background:#ece3d6;background:lab(90.7736% 1.2269 7.59105);border-left:3px solid #b77600;border-left:3px solid lab(55.6442% 21.8564 67.8535);border-radius:.5rem;padding:.75rem 1rem;font-size:.8rem;line-height:1.6}@keyframes listener-float-gentle{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(-2deg)}}.listener-landing .float-card{animation:4s ease-in-out infinite listener-float-gentle}.listener-landing .float-card-2{animation:4s ease-in-out 1.5s infinite listener-float-gentle}@keyframes listener-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.listener-landing .animate-fade-up{animation:.7s ease-out forwards listener-fade-up}.listener-landing .animate-fade-up-delay-1{opacity:0;animation-name:listener-fade-up;animation-duration:.7s;animation-timing-function:ease-out;animation-delay:.1s;animation-fill-mode:forwards}.listener-landing .animate-fade-up-delay-2{opacity:0;animation-name:listener-fade-up;animation-duration:.7s;animation-timing-function:ease-out;animation-delay:.2s;animation-fill-mode:forwards}.listener-landing .animate-fade-up-delay-3{opacity:0;animation-name:listener-fade-up;animation-duration:.7s;animation-timing-function:ease-out;animation-delay:.35s;animation-fill-mode:forwards}.listener-landing .animate-fade-up-delay-4{opacity:0;animation-name:listener-fade-up;animation-duration:.7s;animation-timing-function:ease-out;animation-delay:.5s;animation-fill-mode:forwards}}.listener-landing section[id]{scroll-margin-top:5.5rem}