:root{--accent: #ff056b;--accent-soft: #ffe3ee;--ink: #1c1330;--muted: #9a8e6f;--bg: #fdedc4;--card: #ffffff;--ring: #f3c33f;--good: #19b36b;--good-soft: #e2f7ed;--bad: #e23b54;--bad-soft: #fde6ea;--ball: #f0ecf7;--ball-edge: #ded7ec}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Schibsted Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#e7d6ab;display:flex;justify-content:center;align-items:center}button,input,select,textarea{font-family:inherit}#root{width:100%;height:100%;display:flex;justify-content:center}.app{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px 20px}.landing-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.landing-info{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fdf4d1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 0 32px;text-align:center;font-family:Schibsted Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-y:auto}.landing-info.dismissed-mobile{display:none}.experiment-variant-placeholder{min-height:100vh;min-height:100dvh;justify-content:flex-start}.experiment-variant-placeholder-content{display:flex;width:100%;min-height:calc(100vh - 50vw);min-height:calc(100dvh - 50vw);align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:32px 20px;text-align:center}.experiment-variant-message{max-width:360px;margin:0}.landing-hero-img{display:block;width:100%;height:auto;margin-bottom:0}.landing-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 8px;width:100%}.survey-intro-layout{width:100%}.survey-intro-sidebar{display:none}.landing-close-btn{position:absolute;top:16px;left:16px;background:#fff;border-radius:50%;color:#111;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:10;border:2px solid #FEC007;box-shadow:0 3px #fec007}.landing-info h1{font-size:2.2rem;font-weight:800;margin:0 0 16px;line-height:1.1;color:#111;letter-spacing:-.02em}.landing-features{width:100%;margin-bottom:24px}.landing-quote{display:flex;align-items:flex-start;gap:14px;width:100%;margin-bottom:28px;animation:surveySlideUp .45s ease both;animation-delay:.1s}.landing-quote-avatar{width:92px;height:92px;object-fit:contain;flex-shrink:0;transform:rotate(-6deg);filter:drop-shadow(0px 3px 8px rgba(0,0,0,.15));animation:surveyPopIn .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.05s}.speech-bubble{position:relative;flex:1;background-color:#fff;border-radius:4px 18px 18px;padding:14px 18px;box-shadow:0 4px 6px #0000000d;align-self:center}.speech-bubble:before{content:"";position:absolute;top:26px;left:-8px;width:0;height:0;border-style:solid;border-width:7px 9px 7px 0;border-color:transparent #ffffff transparent transparent}.speech-bubble .landing-subtitle{font-size:1.05rem;color:#333;line-height:1.5;text-align:left;margin:0}.typewriter-cursor{display:inline-block;width:2px;height:1em;margin-left:2px;background-color:currentColor;vertical-align:text-bottom;animation:blinkCursor .8s steps(1) infinite}@keyframes blinkCursor{0%,50%{opacity:1}50.01%,to{opacity:0}}@media (max-width: 600px){.landing-quote-avatar{width:72px;height:72px}.speech-bubble{padding:12px 16px}.speech-bubble .landing-subtitle{font-size:.95rem}}.landing-info .subscribe-cta{display:inline-block;background-color:#00a5c6;background-image:radial-gradient(#008CA8 15%,transparent 16%),radial-gradient(#008CA8 15%,transparent 16%);background-size:10px 10px;background-position:0 0,5px 5px;color:#fff;text-align:center;text-decoration:none;font-weight:700;font-size:1.15rem;padding:16px 36px;border-radius:50px;box-shadow:inset 0 0 0 2px #00607a,0 6px #00607a;align-self:center;transition:transform .1s ease,background-color .1s ease,box-shadow .1s ease;margin-top:0}.landing-info .subscribe-cta:hover{background-color:#00b5d6;background-image:radial-gradient(#008CA8 15%,transparent 16%),radial-gradient(#008CA8 15%,transparent 16%);box-shadow:inset 0 0 0 2px #00607a,0 6px #00607a}.landing-info .subscribe-cta:active{transform:translateY(6px);box-shadow:inset 0 0 0 2px #00607a,0 0 #00607a}.landing-header-meta{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-bottom:24px;gap:16px}.instructor-logo{width:48px;height:48px;border-radius:10px;box-shadow:0 2px 8px #0000001f;object-fit:contain}.landing-rating{display:flex;align-items:center;gap:8px;background:#ffc10714;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,193,7,.2)}.stars-row{display:flex;align-items:center;gap:2px}.star-icon{width:18px;height:18px}.rating-text{font-size:13px;color:#444;font-weight:500}.rating-text strong{color:#111;font-weight:700}@media (min-width: 800px){body{background:#fdf4d1;transition:background .3s ease}.landing-container{max-width:1200px;gap:clamp(24px,4vw,60px);padding:20px 40px;background:#fdf4d1}.landing-info{position:static;z-index:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-width:350px;max-width:520px;text-align:left;padding:0}.landing-body{padding:24px 8px;align-items:flex-start;text-align:left}.landing-info:has(.survey-intro-layout){max-width:1060px;align-items:stretch}.survey-intro-layout{display:grid;grid-template-columns:minmax(390px,1fr) minmax(330px,420px);align-items:stretch;min-height:min(760px,calc(100vh - 40px));min-height:min(760px,calc(100dvh - 40px));background:#fff9e7;border:3px solid #181c21;border-radius:24px;isolation:isolate;overflow:hidden}.survey-intro-body{justify-content:center;padding:clamp(32px,5vw,64px);border-radius:21px 0 0 21px;background:#fff9e7}.survey-intro-sidebar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 36px;overflow:hidden;color:#fff;text-align:center;background-color:#00a5c6;background-image:radial-gradient(rgba(0,96,122,.32) 1.5px,transparent 1.5px);background-size:12px 12px;border-radius:0 21px 21px 0}.survey-sidebar-logo{position:relative;z-index:1;width:62px;height:62px;border:2px solid #181c21;border-radius:14px;box-shadow:3px 3px #181c21;object-fit:contain}.survey-sidebar-eyebrow{position:relative;z-index:1;margin:18px 0 6px;font-size:.75rem;font-weight:800;letter-spacing:.16em}.survey-intro-sidebar h2{position:relative;z-index:1;margin:0;color:#fff;font-size:clamp(2rem,3.1vw,2.75rem);font-weight:850;letter-spacing:-.045em;line-height:.98}.survey-sidebar-orbit{position:relative;z-index:1;width:min(270px,72vw);aspect-ratio:1;margin:26px 0 20px;border:1px dashed rgba(255,255,255,.68);border-radius:50%}.survey-sidebar-orbit:before,.survey-sidebar-orbit:after{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:1px dashed rgba(255,255,255,.52);border-radius:50%;content:""}.survey-sidebar-orbit:after{top:31%;right:31%;bottom:31%;left:31%}.survey-sidebar-face{position:absolute;z-index:1;width:64px;height:64px;overflow:hidden;border:3px solid #181c21;border-radius:50%;box-shadow:3px 3px #181c21;object-fit:cover}.survey-sidebar-face-one{top:8%;left:15%}.survey-sidebar-face-two{top:17%;right:8%}.survey-sidebar-face-three{right:12%;bottom:12%}.survey-sidebar-face-four{bottom:7%;left:14%}.survey-sidebar-face-five{top:50%;left:50%;width:112px;height:112px;border-width:4px;box-shadow:4px 4px #181c21;transform:translate(-50%,-50%)}.survey-sidebar-message{position:relative;z-index:1;max-width:320px;margin:0;color:#fff;font-size:1rem;font-weight:600;line-height:1.45}.landing-info.dismissed-mobile{display:flex!important}.experiment-variant-placeholder{width:100%;min-height:min(760px,calc(100dvh - 40px))}.experiment-variant-placeholder-content{min-height:min(760px,calc(100dvh - 40px))}.landing-close-btn,.landing-hero-img{display:none}.landing-header-meta{justify-content:flex-start}.landing-info .subscribe-cta{align-self:center}}.payment-success-page{position:relative;min-height:100vh;width:100%;background:#faf1d6;display:flex;flex-direction:column;padding:24px 20px 40px;box-sizing:border-box;font-family:inherit;z-index:5;overflow-y:auto}.payment-success-card{position:relative;width:100%;max-width:480px;margin:auto;background:#fff;border-radius:24px;box-shadow:0 12px 40px #1c13301f;padding:36px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box;z-index:10}.success-app-icon{width:72px;height:72px;border-radius:18px;box-shadow:0 4px 12px #1c13301a;margin-bottom:16px;object-fit:cover}.payment-title{font-size:26px;font-weight:800;color:#1c1330;margin:0 0 10px;line-height:1.2}.payment-subtitle{font-size:15px;font-weight:600;color:var(--ink);line-height:1.45;margin:0 0 28px;max-width:380px}.success-steps{width:100%;display:flex;flex-direction:column;gap:18px;margin-bottom:24px;box-sizing:border-box}.success-step-box{width:100%;background:#fdfbfc;border:1.5px solid #f3ece6;border-radius:16px;padding:18px;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.step-label{font-size:11px;font-weight:800;text-transform:uppercase;color:#ff056b;letter-spacing:1px;margin-bottom:4px}.step-title{font-size:15px;font-weight:800;color:#1c1330;margin:0 0 12px;line-height:1.35}.step-subtitle{font-size:13.5px;font-weight:600;color:#5a5266;margin:0 0 12px}.store-badges-row,.store-badges{display:flex;gap:10px;width:100%;box-sizing:border-box;justify-content:center;align-items:center}.store-badge-link{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#000;color:#fff;padding:8px 10px;border-radius:8px;text-decoration:none;height:40px;box-sizing:border-box;transition:transform .08s ease}.store-badge-link:active{transform:scale(.98)}.store-logo-svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.store-badge-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.badge-sub-text{font-size:7.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;opacity:.75;margin-bottom:2px}.badge-main-text{font-size:12px;font-weight:700}.desktop-text{display:inline}.mobile-text{display:none}.qr-container-relative{position:relative;display:inline-flex;align-items:center;justify-content:center}.redeem-action-container{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}.qr-wrapper{background:#fff;border:1.5px solid #e3ddec;border-radius:12px;padding:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #1c13300a;flex-shrink:0}.qr-code{width:120px;height:120px;display:block}.justin-pointing-hand{position:absolute;left:auto;right:-40px;bottom:-5px;width:90px;height:auto;transform:scaleX(-1) rotate(-15deg);pointer-events:none;z-index:5}.redeem-btn-mobile{display:none;align-items:center;justify-content:center;width:100%;background:#ff056b;color:#fff;font-weight:800;font-size:15px;padding:12px 16px;border-radius:12px;text-decoration:none;box-shadow:0 4px 12px #ff056b40;height:44px;box-sizing:border-box;text-align:center;transition:transform .08s ease,box-shadow .08s ease}.redeem-btn-mobile:active{transform:scale(.98);box-shadow:0 2px 6px #ff056b33}.success-step-3{background:transparent;border:none;padding:0;align-items:center;margin-top:10px}.success-step-3-content{width:100%;display:flex;justify-content:center;align-items:center}.lets-rock-img{max-width:320px;width:100%;height:auto;object-fit:contain;display:block}@media (max-width: 600px){.payment-success-page{background:#faf1d6!important;padding:16px;align-items:center;justify-content:center;min-height:100vh}.payment-success-card{background:#fff!important;padding:28px 18px;border-radius:20px;box-shadow:0 6px 20px #0000000d;width:100%;max-width:100%;margin:0 auto}.redeem-btn-mobile{display:flex}.desktop-text{display:none}.mobile-text{display:inline}.qr-container-relative,.qr-wrapper,.justin-pointing-hand{display:none}.redeem-action-container{justify-content:center}}@media (max-width: 340px){.payment-success-page{padding:0}.payment-success-card{border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d161cd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:16px;animation:fadeIn .25s ease-out}.paywall-modal{background:#fdf7d5;border:4px solid #0d161c;border-radius:24px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;padding:0;box-shadow:0 20px 40px #0006;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.paywall-close-btn{position:absolute;top:16px;right:16px;background:#fff;border:none;color:#0d161c;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s;box-shadow:0 2px 8px #00000026;z-index:10}.paywall-close-btn:hover{transform:scale(1.1)}.paywall-hero-img{width:100%;height:auto;display:block;border-top-left-radius:20px;border-top-right-radius:20px}.paywall-header{text-align:left;margin-bottom:24px;padding:24px 24px 0}.paywall-title{font-size:1.8rem;font-weight:850;color:#0d161c;margin:0 0 12px;line-height:1.2}.paywall-subtitle{font-size:.95rem;color:#1a202c;line-height:1.5;margin:0}.paywall-body{padding:0 24px 24px}.paywall-loading,.paywall-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;color:#0d161c}.paywall-spinner{width:40px;height:40px;border:4px solid rgba(0,156,197,.2);border-top:4px solid #009cc5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.paywall-retry-btn{margin-top:16px;background:#0d161c;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer}.paywall-features{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;padding:0}.feature-item{display:flex;align-items:flex-start;gap:16px;font-family:var(--Brand, "Schibsted Grotesk"),sans-serif;font-size:var(--Body-Medium-Size, 16px);font-style:normal;font-weight:400;line-height:var(--Body-Medium-Line-Height, 20px);letter-spacing:var(--Body-Medium-Tracking, 0);color:#1a202c}.feature-icon-container{display:flex;align-items:flex-start;justify-content:center;width:32px;color:#ff056b;flex-shrink:0}.feature-icon-container svg{width:26px;height:26px}.feature-text{flex-grow:1}.feature-text strong{color:#0d161c;font-weight:700}.paywall-packages{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.paywall-package-card{background:#fff;border:3px solid #ffc107;border-bottom-width:7px;border-radius:4px;padding:16px 20px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;width:100%;max-width:325px;margin:0 auto;box-sizing:border-box}.paywall-package-card:hover{transform:translateY(-2px)}.paywall-package-card.selected{border-color:#009cc5;background:#eef9fc;box-shadow:0 4px 12px #009cc526;max-width:335px}.package-badge{position:absolute;top:-1.5px;right:23px;transform:translateY(-50%);background:#fec007;color:#181c21;font-family:var(--Brand, "Schibsted Grotesk");font-size:var(--Label-Small-Size, 10px);font-style:normal;font-weight:700;line-height:var(--Label-Small-Line-Height, 12px);letter-spacing:var(--Label-Small-Tracking, 0);padding:var(--spacing-xs, 4px);border-radius:0 1px 0 2px}.package-card-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.package-card-left{display:flex;align-items:center;gap:12px;min-width:0}.package-details{display:flex;flex-direction:column}.package-yearly-price-info{display:flex;flex-direction:column;gap:2px;margin-top:2px}.package-yearly-price{font-size:.95rem;font-weight:700;color:#0d161c}.package-billed-annually{color:#1a202c;font-size:.68rem;font-weight:500;white-space:nowrap}.yearly .package-yearly-price-info .package-price-row{flex-wrap:wrap;column-gap:5px;row-gap:3px}.yearly .package-yearly-price-info .package-price-original{font-size:.72rem;color:#66727b}.package-title{font-weight:700;font-size:1.1rem;color:#0d161c}.package-subtitle-gray{font-size:.85rem;color:#1a202c;margin-top:2px}.package-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.yearly-monthly-price-info{flex-shrink:0;padding:6px 8px;border:1px solid #b8dfea;border-radius:8px;background:#f2fafc}.yearly.selected .yearly-monthly-price-info{border-color:#009cc5;background:#fff}.package-price-row,.package-monthly-price-row{display:flex;align-items:baseline;gap:2px}.package-monthly-price{font-size:1.35rem;font-weight:800;color:#0d161c}.package-monthly-period{font-size:.95rem;color:#0d161c;font-weight:700}.package-price-original{font-size:.95rem;font-weight:500;color:#1a202c;text-decoration:line-through}.package-price-bold{font-size:1.25rem;font-weight:800;color:#0d161c}.package-price-period{font-size:.9rem;color:#1a202c;font-weight:500}.paywall-rating-row{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:16px;font-size:1.1rem;font-weight:700;color:#0d161c}.rating-stars{color:#ffc107;letter-spacing:2px}.paywall-subscribe-btn{background-color:#1ba9d0;background-image:radial-gradient(rgba(10,74,92,.3) 1px,transparent 1.1px);background-size:6px 6px;color:#fff;border:3px solid #0a4a5c;padding:18px 36px;border-radius:999px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 5px #0a4a5c;margin:0 auto 17px;text-align:center;width:100%;max-width:355px;display:block}.paywall-subscribe-btn:hover:not(:disabled){background-color:#25b6dd;transform:translateY(-1px);box-shadow:0 6px #0a4a5c}.paywall-subscribe-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0a4a5c}.paywall-subscribe-btn:disabled{background:#cbd5e0;color:#a0aec0;border-color:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.paywall-footnote-text{font-size:.85rem;color:#1a202c;text-align:center;line-height:1.4;margin:0 0 20px;font-weight:500}.paywall-footnote-text strong{color:#0d161c;font-weight:800}.paywall-footer-links{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:12px;font-size:.8rem}.paywall-footer-link{color:#1a202c;text-decoration:none;font-weight:700;transition:color .2s ease}.paywall-footer-link:hover{color:#0d161c;text-decoration:underline}@media (max-width: 600px){.paywall-overlay{padding:0}.paywall-modal{max-width:none;height:100%;max-height:100vh;max-height:100dvh;border:none;border-radius:0}.paywall-hero-img{border-radius:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-wrapper{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent)}.spinner-full-height{min-height:100vh;min-height:100dvh}.nicer-spinner-svg{width:44px;height:44px;animation:spinnerRotate 1.25s linear infinite}.nicer-spinner-svg .path{stroke:currentColor;stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:spinnerDash 1.25s ease-in-out infinite}.spinner-message{color:#4b5563;font-size:.95rem;font-weight:600}@keyframes spinnerRotate{to{transform:rotate(360deg)}}@keyframes spinnerDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.survey-download-page{display:grid;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:24px;place-items:center;overflow-y:auto;background:#fdf4d1;font-family:Schibsted Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.survey-download-card{width:min(100%,460px);padding:clamp(36px,8vw,64px) clamp(24px,7vw,52px);border:3px solid #181c21;border-radius:24px;background:#fff9e7;box-shadow:8px 8px #00a5c6;text-align:center}.survey-download-logo{width:76px;height:76px;margin-bottom:24px;border:2px solid #181c21;border-radius:18px;box-shadow:3px 3px #181c21;object-fit:contain}.survey-download-eyebrow{margin:0 0 12px;color:#00a5c6;font-size:.75rem;font-weight:800;letter-spacing:.12em}.survey-download-card h1{margin:0;color:#181c21;font-size:clamp(2rem,8vw,3rem);font-weight:850;letter-spacing:-.04em;line-height:1}.survey-download-copy{margin:0;color:#39434b;font-size:1.05rem;font-weight:400;line-height:1.45;text-align:left}.survey-download-quote{margin:24px 0 32px}.survey-download-actions{display:grid;gap:16px}.survey-download-cta{display:block;padding:17px 24px;border:2px solid #00607a;border-radius:999px;background-color:#00a5c6;background-image:radial-gradient(#008ca8 15%,transparent 16%),radial-gradient(#008ca8 15%,transparent 16%);background-position:0 0,5px 5px;background-size:10px 10px;box-shadow:0 6px #00607a;color:#fff;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.survey-download-cta:hover{background-color:#00b5d6}.survey-download-cta:active{box-shadow:0 0 #00607a;transform:translateY(6px)}.survey-download-subscribe{padding:4px;border:0;background:none;color:#39434b;cursor:pointer;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}.survey-download-subscribe:hover{color:#00a5c6}.survey-mobile-header{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin-top:40px;padding:28px 20px 32px;background-color:#00a5c6;background-image:radial-gradient(rgba(0,96,122,.32) 1.5px,transparent 1.5px);background-size:12px 12px;border-radius:16px}.survey-mobile-faces-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.survey-mobile-face{width:64px;height:64px;overflow:hidden;border:3px solid #181c21;border-radius:50%;box-shadow:3px 3px #181c21;object-fit:cover}.survey-mobile-face--center{width:80px;height:80px;border-width:4px;box-shadow:4px 4px #181c21}.survey-mobile-heading{margin:0 0 8px;color:#fff;font-size:1.8rem;font-weight:850;letter-spacing:-.045em;line-height:1.1}.survey-mobile-join-text{margin:0;color:#ffffffe6;font-size:.95rem;font-weight:600;line-height:1.45;max-width:280px}.survey-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:480px;padding:0 16px;margin:0 auto;min-height:60vh}.survey-progress-bar{width:100%;height:8px;background-color:#0000001a;border-radius:4px;margin-bottom:32px;overflow:hidden}.survey-progress-fill{height:100%;background-color:var(--accent);border-radius:4px;transition:width .45s cubic-bezier(.4,0,.2,1)}.survey-question{font-size:1.8rem;font-weight:800;margin-bottom:24px;color:#111;text-align:center;line-height:1.2;animation:surveySlideUp .45s cubic-bezier(.16,1,.3,1) both}.survey-description{color:#666;font-size:.95rem;line-height:1.45;margin:-8px 0 20px}.survey-options{display:flex;flex-direction:column;gap:12px;width:100%}.survey-option-btn{background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:18px 24px;font-size:1.15rem;font-weight:600;color:#333;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 4px 6px #0000000d;opacity:0;animation:surveySlideIn .4s cubic-bezier(.16,1,.3,1) both}.survey-option-btn:hover{border-color:var(--accent);background-color:#fdf5f7;transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.survey-option-btn:active{transform:translateY(0) scale(.98)}.survey-option-btn:disabled{cursor:default}.survey-option-btn:disabled:hover{transform:none}.survey-option-btn.selected{border-color:var(--accent);background-color:var(--accent);color:#fff;transform:scale(1.02);box-shadow:0 8px 16px #ff056b40}.survey-option-btn.dimmed{opacity:.45;transform:none;box-shadow:0 4px 6px #0000000d}.survey-option-text{flex:1}.survey-option-check{flex-shrink:0;animation:checkPop .35s cubic-bezier(.34,1.56,.64,1) both}.survey-option-btn.continue-btn{justify-content:center}.survey-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:40px;animation:fadeIn .35s ease both}.survey-loading h2{animation:surveySlideUp .4s ease both;animation-delay:.05s}.survey-loading p{animation:surveySlideUp .4s ease both;animation-delay:.12s}.survey-loading .subscribe-cta{animation:surveyPopIn .45s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.5s}.survey-analysis-loading{width:min(100%,420px);margin:0 auto;padding:36px 32px;border:1px solid rgba(17,17,17,.1);border-radius:20px;background:linear-gradient(145deg,#fff,#fff7f9);box-shadow:0 16px 36px #11111114;text-align:center}.survey-analysis-spinner{display:grid;width:78px;height:78px;margin-bottom:4px;border-radius:50%;place-items:center;background:#ff056b1a}.survey-analysis-spinner .nicer-spinner-svg{width:48px;height:48px}.survey-analysis-copy h2{margin:0;color:#111;font-size:1.65rem}.survey-analysis-copy>p:not(.survey-analysis-eyebrow){margin:8px 0 0;color:#666}.survey-analysis-eyebrow{margin:0 0 8px;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.survey-analysis-steps{display:grid;width:100%;gap:8px;margin-top:12px;text-align:left}.survey-analysis-steps span{display:flex;align-items:center;gap:9px;color:#4b5563;font-size:.85rem;font-weight:600;opacity:0;animation:surveyAnalysisStep .35s ease forwards}.survey-analysis-steps span:before{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ff056b1f;content:""}.survey-analysis-steps span:nth-child(1){animation-delay:.15s}.survey-analysis-steps span:nth-child(2){animation-delay:.45s}.survey-analysis-steps span:nth-child(3){animation-delay:.75s}@keyframes surveyAnalysisStep{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.nicer-spinner-svg,.nicer-spinner-svg .path,.survey-analysis-steps span{animation:none}.survey-analysis-steps span{opacity:1}}.survey-avatar-face{animation:surveyPopIn .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.1s}.survey-avatar-thumbsup{animation:surveyPopIn .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.3s}@media (min-width: 800px){.survey-container{align-items:flex-start}.survey-question{text-align:left}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes surveySlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes surveySlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes surveyPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.survey-illustration{width:100%;height:200px;object-fit:cover;object-position:center;margin-bottom:24px;border-radius:12px;animation:surveyPopIn .5s cubic-bezier(.34,1.56,.64,1) both}.fretboard-demo{position:relative;display:block;overflow:hidden;background:linear-gradient(135deg,#fdeede,#f7dcc4)}.fretboard-demo-svg{width:100%;height:100%;display:block}.fretboard-demo-string{stroke:#b08968;stroke-linecap:round}.fretboard-demo-fret{stroke:#d9b896;stroke-width:2}.fretboard-demo-nut{stroke:#6b4a35;stroke-width:5}.fretboard-demo-dot{fill:var(--fb-color, var(--accent));opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);animation:fbDemoDot var(--fb-loop, 3s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-ring{fill:none;stroke:var(--fb-color, var(--accent));stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:fbDemoRing var(--fb-loop, 3s) ease-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-label{fill:#6b4a35;font-size:13px;font-weight:700;text-anchor:middle;opacity:0;animation:fbDemoLabel var(--fb-loop, 3s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-label-inside{fill:#fff;font-size:9px;font-weight:800;text-anchor:middle;dominant-baseline:middle;pointer-events:none;opacity:0;animation:fbDemoLabel var(--fb-loop, 3s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-chord-badge{position:absolute;bottom:8px;right:10px;background-color:#ffffffeb;color:#6b4a35;font-weight:800;font-size:1.1rem;line-height:1;padding:4px 14px;border-radius:999px;box-shadow:0 2px 6px #0000001f;opacity:0;z-index:2;animation:fbDemoLabelBadge var(--fb-loop, 3s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}@keyframes fbDemoLabelBadge{0%{opacity:0;transform:translateY(4px)}8%{opacity:1;transform:translateY(0)}28%{opacity:1;transform:translateY(0)}36%{opacity:0;transform:translateY(4px)}to{opacity:0;transform:translateY(4px)}}@keyframes fbDemoDot{0%{opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(1.15)}20%{opacity:1;transform:scale(1)}35%{opacity:0;transform:scale(.7)}to{opacity:0;transform:scale(.7)}}@keyframes fbDemoLabel{0%{opacity:0}12%{opacity:1}30%{opacity:1}40%{opacity:0}to{opacity:0}}@keyframes fbDemoRing{0%{opacity:0;transform:scale(.5)}10%{opacity:.9;transform:scale(.6)}60%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}.fretboard-demo-tap-finger{fill:#33261b99;stroke:#fff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:fbFindTap var(--fb-loop, 4s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-target-ring{fill:none;stroke:#16a34a;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:fbFindRing var(--fb-loop, 4s) ease-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-target-fill{fill:#16a34a;opacity:0;transform-box:fill-box;transform-origin:center;animation:fbFindFill var(--fb-loop, 4s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-target-check{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:fbFindFill var(--fb-loop, 4s) ease-in-out infinite backwards,fbFindCheckDraw var(--fb-loop, 4s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.fretboard-demo-target-label{fill:#6b4a35;font-size:13px;font-weight:700;text-anchor:middle;opacity:0;animation:fbFindLabel var(--fb-loop, 4s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}@keyframes fbFindHint{0%{opacity:0}to{opacity:0}}@keyframes fbFindTap{0%{opacity:0;transform:translateY(-32px) scale(1)}8%{opacity:0;transform:translateY(-32px) scale(1)}10%{opacity:1;transform:translateY(-32px) scale(1)}16%{opacity:1;transform:translateY(0) scale(1)}18%{opacity:1;transform:translateY(0) scale(.6)}22%{opacity:0;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(0) scale(1)}}@keyframes fbFindRing{0%{opacity:0;transform:scale(.6)}14%{opacity:0;transform:scale(.6)}16%{opacity:.9;transform:scale(.6)}30%{opacity:0;transform:scale(2.3)}to{opacity:0;transform:scale(2.3)}}@keyframes fbFindFill{0%{opacity:0;transform:scale(.4)}14%{opacity:0;transform:scale(.4)}16%{opacity:1;transform:scale(1.3)}20%{opacity:1;transform:scale(1)}28%{opacity:1;transform:scale(1)}32%{opacity:0;transform:scale(.9)}to{opacity:0;transform:scale(.9)}}@keyframes fbFindCheckDraw{0%{stroke-dashoffset:1}18%{stroke-dashoffset:1}24%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes fbFindLabel{0%{opacity:0}16%{opacity:0}20%{opacity:1}28%{opacity:1}32%{opacity:0}to{opacity:0}}.lesson-path-track{fill:none;stroke:#d9b896;stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;opacity:.7}.lesson-path-progress{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;animation:lessonPathProgress var(--fb-loop, 4.5s) ease-in-out infinite backwards}.lesson-node-track{fill:#fff;stroke:#d9b896;stroke-width:2}.lesson-node-fill{fill:var(--accent);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);animation:lessonNodeComplete var(--fb-loop, 4.5s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.lesson-node-check{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:lessonNodeComplete var(--fb-loop, 4.5s) ease-in-out infinite backwards,lessonNodeCheckDraw var(--fb-loop, 4.5s) ease-in-out infinite backwards;animation-delay:var(--fb-delay, 0s)}.lesson-node-step-label{fill:#6b4a35;font-size:12px;font-weight:700;text-anchor:middle;opacity:.55}@keyframes lessonPathProgress{0%{opacity:0;stroke-dashoffset:100}6%{opacity:1}88%{stroke-dashoffset:0;opacity:1}96%{opacity:0}to{opacity:0;stroke-dashoffset:0}}@keyframes lessonNodeComplete{0%{opacity:0;transform:scale(.4)}8%{opacity:1;transform:scale(1.25)}16%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}94%{opacity:0;transform:scale(.85)}to{opacity:0;transform:scale(.85)}}@keyframes lessonNodeCheckDraw{0%{stroke-dashoffset:1}16%{stroke-dashoffset:1}26%{stroke-dashoffset:0}85%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.survey-intro-features .feature-item{opacity:0;animation:surveySlideUp .45s ease both}@media (max-width: 600px){.survey-container{min-height:auto;justify-content:flex-start}.survey-option-btn{padding:12px 16px;font-size:1rem}.survey-options{gap:8px}.survey-question{font-size:1.4rem;margin-bottom:16px}.survey-illustration{height:200px;margin-bottom:16px}.survey-mobile-header{margin-top:40px;padding:20px 16px 24px}.survey-mobile-heading{font-size:1.5rem}.survey-mobile-face{width:52px;height:52px}.survey-mobile-face--center{width:64px;height:64px}}.survey-explanation{font-size:1.25rem;color:#333;margin-bottom:40px;text-align:left;line-height:1.6}.speech-bubble .survey-explanation{font-size:1.1rem;margin-bottom:0;line-height:1.5}@media (max-width: 600px){.survey-explanation{font-size:1.1rem;margin-bottom:24px;line-height:1.5}.speech-bubble .survey-explanation{font-size:1rem;margin-bottom:0}}.redeem-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.redeem-modal{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0000001a;text-align:center;max-width:400px;width:100%}.redeem-app-icon{width:100px;height:100px;border-radius:20px;margin-bottom:24px;box-shadow:0 4px 12px #0000001a}.redeem-title{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.redeem-status{font-size:16px;color:var(--text-light);line-height:1.5}.redeem-close-btn{position:absolute;top:16px;right:16px;z-index:10;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #fec007;box-shadow:0 3px #fec007;color:#0d161c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.redeem-close-btn:active{transform:translateY(2px);box-shadow:0 1px #fec007}@media (max-width: 600px){.redeem-page-container{align-items:flex-start;padding-top:60px}}@media (min-width: 800px){.survey-mobile-header{display:none}}
