.retentra{--navy:#101c38;--blue:#345df5;--muted:#67728a;--line:#e4e8f1;background:#fff;color:var(--navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.retentra *{box-sizing:border-box}.retentra a{text-decoration:none}.retentra button{font-family:inherit}.wrap{width:min(1220px,90%);margin:auto}.announcement{min-height:40px;display:flex;align-items:center;justify-content:center;gap:18px;background:var(--navy);color:#c7d2ed;font-size:12px;padding:10px 5%}.announcement>span{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#b4c5ff}.announcement p{margin:0}.announcement button{gap:6px;color:white;font-weight:600;background:none;border:0}.announcement button,.site-nav{display:flex;align-items:center}.site-nav{height:95px;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:29px;font-weight:800;letter-spacing:-1.3px;color:var(--navy)}.brand-icon{display:grid;place-items:center;width:37px;height:39px;background:var(--blue);color:white;border-radius:10px;box-shadow:0 5px 12px #345df526}.brand-period{color:var(--blue);margin-left:-10px}.site-nav nav{display:flex;gap:28px;font-size:14px;font-weight:550}.site-nav nav a{color:#556179}.site-nav nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:24px;align-items:center}.nav-demo{font-size:14px;font-weight:600}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fff;min-height:52px;padding:15px 23px;font-size:14px;font-weight:650;box-shadow:0 4px 8px #345df51a;transition:background .2s,transform .2s;cursor:pointer}.btn:hover{background:#2548d1;transform:translateY(-2px)}.btn:disabled{opacity:.65;cursor:wait}.btn.secondary{background:white;color:var(--navy);border-color:#dce2ed;box-shadow:0 2px 5px #15213d06}.btn.secondary:hover{background:#f1f4ff}.btn.compact{padding:11px 16px;min-height:42px;font-size:13px;gap:13px}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:42px;padding:75px 0 90px;position:relative}.eyebrow,.hero{align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:var(--blue);display:flex;gap:10px;margin:0 0 24px}.tiny-line{height:2px;width:22px;background:var(--blue)}.hero h1{font-size:clamp(44px,5.4vw,74px);font-weight:730;letter-spacing:-3.8px;line-height:1.06;margin:0}.hero h1>span{color:var(--blue)}.hero-description{font-size:18px;line-height:1.75;color:var(--muted);max-width:480px;margin:25px 0 28px}.hero-actions{gap:12px}.hero-actions,.hero-points{display:flex;flex-wrap:wrap}.hero-points{gap:9px 15px;font-size:11px;color:#7c859a;margin-top:23px}.hero-points span{display:flex;align-items:center;gap:5px}.hero-points svg{width:12px;color:var(--blue)}.hero-preview{border:1px solid #dce3f0;border-radius:14px;box-shadow:0 26px 75px #243f801a,0 3px 8px #243f8009;position:relative;background:white;transform:perspective(1500px) rotateY(-4deg);margin-left:10px}.hero-preview:before{content:"";position:absolute;z-index:-1;inset:-45px -35px;background:radial-gradient(ellipse,#dbe5ff88,transparent 70%)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid #edf0f7;background:#fafbff;border-radius:14px 14px 0 0}.preview-brand{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:800;letter-spacing:-.6px}.preview-brand svg{color:var(--blue)}.workspace-label{font-size:9px;color:#8791a8;display:flex;gap:6px;align-items:center;letter-spacing:.5px}.demo-label{font-size:8px;letter-spacing:1px;background:#eaf0ff;color:#5877c6;padding:5px 7px;border-radius:4px}.preview-body{padding:25px 24px 22px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px}.preview-heading small{font-size:8px;letter-spacing:1px;color:#8691a7}.preview-heading h3{font-size:17px;font-weight:700;letter-spacing:-.55px;margin-top:5px}.today-pill{display:flex;align-items:center;gap:5px;border:1px solid #e6eaf4;padding:6px 8px;border-radius:5px;font-size:9px;color:#7c89a1;white-space:nowrap}.preview-stats{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.preview-stats>div{background:#f4f7ff;border:1px solid #e6ecfd;border-radius:8px;padding:17px}.preview-stats>div+div{background:#fafbfe;border-color:#e9edf4}.preview-stats small{display:block;font-size:10px;color:#7787a6}.preview-stats strong{display:block;font-size:29px;font-weight:750;letter-spacing:-1px;margin:6px 0}.preview-stats span{font-size:9px;color:#7b89a5}.preview-section-label{display:flex;justify-content:space-between;margin:25px 0 10px;gap:8px}.preview-section-label strong{font-size:11px}.preview-section-label>span{font-size:9px;display:flex;align-items:center;gap:6px;color:var(--blue)}.preview-member{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eef1f7}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef0ff;color:#727eb4;font-size:9px;font-weight:700}.av1{background:#fceedd;color:#aa8550}.av2{background:#e5f4ef;color:#689a88}.preview-member strong{display:block;font-size:11px}.preview-member small{display:block;font-size:9px;color:#96a0b2;margin-top:3px}.member-tag{font-size:9px;margin-left:auto;background:#fff1e9;color:#bf845f;padding:5px 8px;border-radius:5px}.tag1{background:#edf0ff;color:#788cdd}.tag2{background:#f0f2f7;color:#8c96a9}.preview-note{display:flex;align-items:center;gap:6px;font-size:8px;color:#9aa4b6;margin-top:17px}.floating-message{position:absolute;bottom:-29px;right:-24px;display:flex;gap:12px;align-items:center;padding:17px 20px;border-radius:10px;background:white;box-shadow:0 10px 40px #172c5124;border:1px solid #edf0f6;transform:rotate(2deg)}.message-icon{background:#dcf8ef;color:#319b7c;padding:10px;border-radius:9px}.floating-message small{font-size:8px;color:#82a596;letter-spacing:1px;display:block}.floating-message strong{font-size:12px;display:block;margin-top:5px}.floating-message p{font-size:10px;color:#95a0b2;margin-top:5px}.floating-message>svg{color:#517fff;margin-left:5px}.value-strip{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.value-strip>span{font-size:9px;letter-spacing:1.4px;color:#8c95a7;font-weight:650;max-width:140px;line-height:1.8}.value-strip>div{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#606e86}.value-strip svg{width:19px;color:#8b9bb6}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.retentra h2{font-size:clamp(31px,3.5vw,46px);letter-spacing:-1.9px;line-height:1.16;font-weight:700;margin:0}.section-head h2>span{color:#939cb1}.section-head>p{font-size:15px;color:var(--muted);max-width:320px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.feature{border:1px solid var(--line);border-radius:14px;background:#fafbfe;padding:34px;overflow:hidden}.feature-heading{display:flex;gap:15px;align-items:center;margin-bottom:24px}.feature-heading small{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#8895ac}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e2e8f7;background:white;border-radius:9px;color:var(--blue)}.feature-icon svg{width:20px}.feature h3{font-size:25px;line-height:1.2;letter-spacing:-.8px;font-weight:650}.feature>p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:16px;max-width:460px}.feature>a{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:650;margin-top:23px}.feature-large{background:#f3f6ff}.attendance-card{background:white;border:1px solid #e4eaf8;box-shadow:0 8px 25px #263f8a06;border-radius:10px;margin-top:25px;padding:20px}.attendance-card>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.attendance-card>div:first-child>span{font-size:9px;color:#93a0b4}.attendance-weeks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.attendance-weeks>div>span{font-size:8px;letter-spacing:1px;color:#b0b9c8}.attendance-weeks>div>div{display:flex;gap:3px;margin-top:9px}.attendance-weeks i{width:14px;height:20px;background:#f0f3f9;border-radius:3px;display:grid;place-items:center}.attendance-weeks i.attended{background:#426bff;color:white}.attendance-card>p{display:flex;gap:7px;align-items:center;margin-top:20px;font-size:10px;color:#7d90ba}.feature-photo{position:relative;padding:0;min-height:435px;background:var(--navy)}.feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60%;filter:brightness(.57) saturate(.65)}.feature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101c38ed,transparent 85%)}.feature-photo>div{position:absolute;bottom:36px;left:36px;right:25px;color:white;z-index:1}.feature-photo small{font-size:9px;letter-spacing:1.4px;color:#b5c8f6}.feature-photo h3{font-size:36px;letter-spacing:-1.1px;line-height:1.12;margin-top:16px}.feature-photo p{font-size:14px;color:#b0bfdc;margin-top:14px}.how-section{background:var(--navy);color:white;padding:85px 0}.center-head{text-align:center;margin:0 auto 48px}.center-head .eyebrow{justify-content:center}.how-section .eyebrow{color:#8ea9ff}.how-section h2>span{color:#8ca8ff}.center-head>p:last-of-type{font-size:16px;color:var(--muted);margin-top:20px}.how-section .center-head>p:last-of-type{color:#8799bd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:55px}.step-icon{position:relative;width:50px;height:50px;background:#1d2e51;color:#a4bdff;border:1px solid #2e4268;border-radius:12px;display:grid;place-items:center;margin-bottom:24px}.step-icon span{position:absolute;right:-12px;top:-10px;background:var(--navy);padding:2px 5px;font-size:9px;color:#5d77a5}.steps h3{font-size:17px;font-weight:600;letter-spacing:-.3px;margin-bottom:12px}.steps p{font-size:14px;line-height:1.85;color:#899aba}.pricing-section .center-head{margin-bottom:58px}.billing-tabs{margin:28px auto 0;background:#f0f3f9;padding:5px;height:auto;border-radius:9px;border:1px solid #e4e9f1}.billing-tabs [role=tab]{padding:10px 16px;font-size:13px;border-radius:6px;color:#6b7891;height:auto}.billing-tabs [data-state=active]{background:#fff;color:var(--navy);box-shadow:0 2px 5px #0b1a4212}.billing-tabs span{background:#e3eaff;color:#4662b7;padding:3px 7px;font-size:10px;border-radius:4px;margin-left:6px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.plan{position:relative;border:1px solid #e1e6ef;border-radius:12px;padding:29px 27px;background:white}.featured-plan{border:2px solid var(--blue);box-shadow:0 10px 45px #345df518}.plan-ribbon{position:absolute;left:-2px;right:-2px;top:-28px;height:29px;background:var(--blue);color:white;border-radius:10px 10px 0 0;display:grid;place-items:center;font-size:9px;font-weight:650;letter-spacing:1.5px}.featured-plan{border-radius:0 0 12px 12px}.plan-title{display:flex;justify-content:space-between;align-items:center;font-size:21px;font-weight:700}.plan-title svg{color:#8093bc}.featured-plan .plan-title svg{color:var(--blue)}.plan-description{font-size:13px;color:#8a95a9;margin:12px 0 24px;min-height:20px}.price{font-size:36px;letter-spacing:-1.7px;font-weight:750;white-space:nowrap}.price span{font-size:12px;color:#8c96a9;letter-spacing:0;font-weight:400;margin-left:4px}.billing-detail{font-size:11px;color:#99a3b6;margin-top:7px}.plan-capacity{margin:23px 0;display:flex;flex-direction:column;gap:7px;font-size:13px}.plan-capacity>span{font-size:12px;color:#8b96ac}.plan .btn{width:100%;font-size:12px;gap:12px;min-height:45px;padding:12px}.plan ul{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--line)}.plan li{display:flex;gap:9px;font-size:12px;color:#68758d;margin-bottom:16px;line-height:1.5}.plan li svg{color:var(--blue);flex-shrink:0;width:14px}.pricing-terms{text-align:center;font-size:11px;line-height:1.8;color:#99a2b4;margin-top:24px}.pricing-terms a{color:var(--blue);text-decoration:underline}.founder-offer{margin-top:35px;background:#f0f5ff;border:1px solid #dfe8ff;border-radius:12px;padding:25px 28px;display:flex;gap:20px;align-items:center}.founder-badge{display:grid;place-items:center;background:#dfe8ff;color:var(--blue);height:45px;width:45px;flex-shrink:0;border-radius:10px}.founder-offer .eyebrow{font-size:9px;margin-bottom:10px}.founder-offer h3{font-size:16px;font-weight:500;letter-spacing:-.3px}.founder-offer h3 strong{font-weight:750}.founder-offer p{font-size:11px;color:#8c99b0;line-height:1.8;margin-top:8px}.founder-offer .btn{margin-left:auto;font-size:12px;white-space:nowrap;gap:12px}.enterprise-line{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:27px 0 0}.enterprise-line>div{display:flex;gap:15px;align-items:center}.enterprise-line>div>svg{color:#899bbd;flex-shrink:0}.enterprise-line p{font-size:12px;color:#94a0b6}.enterprise-line strong{color:#566785;font-weight:600}.enterprise-line button{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:var(--blue);border:0;background:none;white-space:nowrap}.owner-section{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding:50px 0 75px;border-bottom:1px solid var(--line)}.owner-statement h2{font-size:48px}.owner-statement h2 span{color:var(--blue)}.owner-list{display:flex;flex-direction:column;gap:32px}.owner-list>div{display:flex;gap:20px}.owner-list>div>svg{flex-shrink:0;color:var(--blue);width:21px}.owner-list h3{font-size:17px;font-weight:650;letter-spacing:-.3px;margin-bottom:10px}.owner-list p{font-size:14px;line-height:1.8;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0;scroll-margin-top:30px}.faq-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:15px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{flex-shrink:0;color:#8f9bb2;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{font-size:14px;line-height:1.85;color:var(--muted);margin:15px 0 0}.text-button{gap:10px;border:0;background:none;color:var(--blue);font-size:13px;font-weight:600;margin-top:25px}.closing,.text-button{display:flex;align-items:center}.closing{background:var(--navy);color:white;border-radius:16px;padding:50px 55px;justify-content:space-between;gap:40px}.closing .eyebrow{color:#93adff;font-size:10px}.closing h2{font-size:39px;letter-spacing:-1.5px}.closing p:last-child{color:#91a1bf;font-size:14px;line-height:1.7;margin-top:20px}.closing .btn{white-space:nowrap}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;padding:65px 0 30px;gap:30px}.footer>div>p{font-size:12px;color:#95a0b4;margin-top:15px}.footer nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#667590}.footer-bottom{border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;font-size:10px;color:#a0aabd;padding-top:22px;margin-top:18px}.access-dialog{background:white!important;color:#101c38;border-radius:15px!important;padding:30px!important;font-family:Inter,system-ui,sans-serif;max-height:90vh;overflow:auto}.access-dialog h2{font-size:25px;letter-spacing:-.7px;line-height:1.25}.access-dialog [data-slot=dialog-description]{font-size:14px;color:#77839b;line-height:1.7}.access-form{gap:17px}.access-form,.access-form label{display:flex;flex-direction:column}.access-form label{font-size:13px;font-weight:600;gap:7px}.access-form input{height:43px;border-color:#dce3ef;background:#fafbfe;color:#101c38}.access-form .btn,.access-success .btn{background:#345df5;color:white}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.selected-plan{background:#eef3ff;color:#345df5;padding:12px;font-size:13px;border-radius:7px;font-weight:650;display:flex;justify-content:space-between;gap:10px}.selected-plan span{font-size:10px;font-weight:400;color:#8497c9}.form-note{font-size:11px;color:#8b97ae;line-height:1.7}.form-error{font-size:13px;color:#b43645}.access-success{text-align:center;padding:20px}.access-success>svg{margin:auto;color:#345df5}.access-success>p{font-size:14px;line-height:1.8;color:#77839b;margin:20px 0}.retentra :is(a,button,summary):focus-visible{outline:3px solid #7296ff;outline-offset:5px}.retentra section[id]{scroll-margin-top:25px}html{scroll-behavior:smooth}@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:110px}}@media(max-width:1050px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 18px}.site-nav nav{gap:17px}.nav-actions{gap:15px}.hero{gap:22px}.hero h1{font-size:56px;letter-spacing:-2.5px}.hero-description{font-size:16px}.hero .btn{font-size:12px;padding:13px 16px;gap:10px}.hero-preview{margin-left:0}.preview-body{padding:20px 16px}.preview-heading h3{font-size:14px}.preview-heading .today-pill{display:none}.preview-stats>div{padding:13px}.preview-stats strong{font-size:25px}.floating-message{right:-10px;padding:15px}.value-strip{gap:10px}.value-strip>div{font-size:12px;gap:7px}.section{padding:80px 0}.price{font-size:29px}.plan{padding:26px 20px}.feature{padding:28px}.feature-photo{padding:0}.attendance-card{padding:15px}.attendance-weeks{gap:8px}.attendance-weeks i{width:12px}.founder-offer{flex-wrap:wrap}.founder-offer .btn{margin-left:65px}.faq-section,.owner-section{gap:50px}.closing{padding:40px}.closing h2{font-size:33px}}@media(max-width:760px){.announcement{gap:10px;font-size:10px}.announcement>span{display:none}.announcement p{font-size:10px}.site-nav{height:80px}.nav-demo,.site-nav nav{display:none}.mobile-menu{display:flex;background:none;border:0;color:#101c38}.site-nav nav.is-open{display:flex;position:absolute;z-index:40;top:120px;left:5%;right:5%;padding:24px;flex-direction:column;background:white;border:1px solid #e1e7f3;border-radius:12px;box-shadow:0 15px 40px #101c3820}.brand{font-size:25px}.brand-icon{width:32px;height:34px}.nav-actions{gap:12px}.nav-actions .btn{font-size:11px;gap:8px;padding:10px 12px}.hero{grid-template-columns:1fr;padding:40px 0 70px;gap:50px}.hero-copy{max-width:600px}.hero h1{font-size:56px;letter-spacing:-2.9px}.hero-description{max-width:510px;font-size:17px}.hero-actions .btn{font-size:13px;min-height:49px;padding:14px 18px}.hero-points{font-size:10px;gap:8px 13px}.hero-preview{width:100%;max-width:560px;transform:none;margin:0 auto}.preview-heading h3{font-size:17px}.preview-stats strong{font-size:29px}.preview-body{padding:22px}.preview-member strong{font-size:12px}.preview-note{font-size:9px}.floating-message{right:-5px;bottom:-26px}.value-strip{flex-wrap:wrap;justify-content:flex-start;gap:20px 30px;padding:24px 0}.value-strip>span{max-width:none;width:100%;font-size:9px}.value-strip>div{font-size:12px}.section{padding:65px 0}.section-head{display:block}.section-head>p{margin-top:23px;max-width:500px}.retentra h2{font-size:35px;letter-spacing:-1.5px}.feature-grid{grid-template-columns:1fr}.feature{padding:27px}.feature-photo{min-height:330px;padding:0}.feature-photo>div{left:27px;bottom:27px}.feature-photo h3{font-size:34px}.attendance-weeks i{width:100%;min-width:12px}.steps{grid-template-columns:1fr 1fr;gap:30px 24px}.steps h3{font-size:16px}.steps p{font-size:13px}.how-section{padding:65px 0}.center-head>p:last-of-type{font-size:15px}.pricing-grid{grid-template-columns:1fr;gap:42px}.plan{padding:30px}.plan-title{font-size:24px}.price{font-size:42px}.plan .btn,.plan li,.plan-capacity,.plan-description{font-size:14px}.plan li{margin-bottom:15px}.plan ul{padding-top:22px}.founder-offer{padding:25px;gap:15px}.founder-badge{display:none}.founder-offer h3{font-size:20px;line-height:1.5}.founder-offer h3 strong{display:block}.founder-offer .btn{margin-left:0;width:100%}.founder-offer p{font-size:12px}.enterprise-line{display:block}.enterprise-line button{margin-top:20px;margin-left:37px}.owner-section{grid-template-columns:1fr;gap:38px;padding:0 0 60px}.owner-statement h2{font-size:40px}.owner-list{gap:27px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2 br{display:none}.faq-list summary{font-size:14px}.closing{display:block;padding:32px 27px}.closing h2{font-size:34px}.closing .btn{margin-top:25px}.footer{padding:45px 0 25px}.footer nav{width:100%;font-size:12px;gap:22px}.footer-bottom{font-size:9px}.form-columns{grid-template-columns:1fr}.selected-plan{flex-direction:column;gap:5px}}@media(max-width:380px){.hero h1{font-size:48px}.hero-actions .btn{width:100%}.preview-body{padding:16px}.preview-brand{font-size:13px}.workspace-label{display:none}.floating-message{padding:12px;gap:8px}.floating-message>svg{display:none}.steps{grid-template-columns:1fr}.announcement p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.retentra *{transition:none!important}.hero-preview{transform:none}}@keyframes enter-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes message-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes price-in{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-attendance{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.hero-copy>.eyebrow{animation:enter-up .65s both}.hero h1{animation:enter-up .75s .08s both}.hero-description{animation:enter-up .75s .16s both}.hero-actions{animation:enter-up .75s .24s both}.hero-points{animation:enter-up .75s .32s both}.hero-preview{animation:enter-up .95s .18s both;transform:none;margin-bottom:30px}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--reveal-delay,0s),transform .7s var(--reveal-delay,0s)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}.reveal-ready:focus-within{opacity:1;transform:none}.floating-message{bottom:17px;max-width:96%;animation:message-in .5s both;transform:none;pointer-events:none}.floating-message p{max-width:285px;line-height:1.6}.preview-body{padding-bottom:85px}.preview-controls{border-top:1px solid #e8edf7;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:9px;position:relative;background:#fafbff;border-radius:0 0 14px 14px;margin-top:0;transform:translateY(0)}.floating-message{bottom:72px}.preview-controls>div{display:flex;gap:5px}.preview-controls button{border:0;background:transparent;padding:7px 9px;font-size:10px;color:#96a2b9;border-radius:6px;transition:background .2s,color .2s}.preview-controls button.active{background:#e7edff;color:#345df5;font-weight:700}.preview-controls button span{font-size:8px;opacity:.65;margin-right:5px}.preview-controls .preview-pause{font-size:9px;color:#7f8fab;padding:5px}.price{animation:price-in .32s ease-out}.feature{transition:transform .35s,box-shadow .35s,border-color .35s}.feature:hover{box-shadow:0 14px 35px #233b7310;border-color:#cdd9fc}.feature-icon{transition:transform .3s,background .3s}.feature:hover .feature-icon{transform:translateY(-3px);background:#eaf0ff}.btn svg,.feature>a svg,.text-button svg{transition:transform .25s}.btn:hover svg,.feature>a:hover svg,.text-button:hover svg{transform:translateX(4px)}.attendance-card .attended{animation:draw-attendance .5s both}.attendance-card .attended:nth-child(3){animation-delay:.25s}.attendance-card .attended:nth-child(5){animation-delay:.5s}.plan{transition:box-shadow .3s,transform .3s}.plan:hover{box-shadow:0 15px 45px #345df51a;transform:translateY(-4px)}.plan-comparison{margin-top:45px;border:1px solid #e2e8f3;border-radius:12px;overflow:hidden}.comparison-heading{padding:27px;background:#fafbfe;border-bottom:1px solid #e2e8f3}.comparison-heading h3{font-size:21px;font-weight:700;letter-spacing:-.6px}.comparison-heading p{font-size:13px;color:#8390a9;line-height:1.8;margin-top:9px}.comparison-heading small{display:block;margin-top:9px;font-size:11px;color:#9aa6b9}.plan-comparison{overflow-x:auto}.plan-comparison table{min-width:820px}.plan-comparison td,.plan-comparison th{padding:16px 25px;font-size:12px;white-space:normal}.plan-comparison th{font-size:13px;font-weight:650;background:#f7f9fd;height:55px}.plan-comparison td:first-child{color:#64738e;width:40%}.plan-comparison td:not(:first-child),.plan-comparison th:not(:first-child){text-align:center;width:15%}.plan-comparison td:nth-child(4),.plan-comparison th:nth-child(4){background:#f5f8ff}.plan-comparison tr{border-color:#edf0f7}.included{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;color:#345df5;background:#eaf0ff}.faq-list details[open]>p{animation:enter-up .25s ease-out}.plan-description{min-height:40px}.price{font-size:clamp(26px,2.8vw,36px)}@media(max-width:760px){.preview-controls{padding:12px}.preview-controls button{padding:7px;font-size:9px}.preview-controls .preview-pause{font-size:8px}.floating-message{right:8px;left:8px;bottom:70px;max-width:none;padding:13px}.floating-message strong{font-size:11px}.floating-message p{font-size:9px}.preview-body{padding-bottom:87px}.price{font-size:40px}.plan-description{min-height:0}.comparison-heading{padding:22px}.plan-comparison td,.plan-comparison th{padding:14px 18px}.hero-preview{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.retentra *,.retentra :after,.retentra :before{animation:none!important;transition:none!important}.reveal-ready{opacity:1}.feature:hover,.floating-message,.hero-preview,.plan:hover,.reveal-ready{transform:none}}.brand-icon{border-radius:11px;box-shadow:0 5px 14px #345df524}.brand{letter-spacing:-.055em}.preview-section-label a{display:flex;align-items:center;gap:5px;color:#345df5}.retentra a:focus-visible,.retentra button:focus-visible{outline:3px solid #7292ff;outline-offset:5px}.access-dialog[data-state=open]{animation:access-fade .16s ease-out}.access-dialog[data-state=closed]{animation:none}.access-dialog [data-slot=dialog-close]{width:40px;height:40px;display:grid;place-items:center;top:8px;right:8px}.access-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}@keyframes access-fade{0%{opacity:0}to{opacity:1}}