.totem-page{overflow-x:hidden;color:#1d1d1d}
.totem-page .site-header{height:68px;background:#f9f9f9}
.totem-page .header-inner{width:80%}
.totem-page .brand img{width:180px}
.totem-page .main-nav{gap:20px;font-size:18px;font-family:LibreFranklin,Montserrat,sans-serif;color:#000}
.totem-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.totem-hero{height:918px;position:relative;overflow:hidden}
.totem-hero-inner{height:100%;position:relative;display:flex;align-items:center}
.totem-hero-copy{position:absolute;z-index:1;width:520px;top:258px;left:5px}
.totem-hero-copy h1{font-size:48px;line-height:52px;font-weight:800;letter-spacing:0;margin:0 0 20px;color:#0b0b0b;width:fit-content}
.totem-hero-copy h1 span,.totem-marketing h2 span{color:#2cb5dc}
.totem-hero-copy p{font-size:18px;line-height:1.5;max-width:445px;margin:0 0 34px;color:#333}
.totem-button{display:inline-flex;justify-content:center;align-items:center;background:#2cb5dc;color:#fff;border-radius:5px;padding:9px 25px;font-size:16px;line-height:22px;font-weight:500;min-height:40px}
.totem-hero-copy .totem-button{display:inline-block;vertical-align:top;text-align:center;padding:12px 24px;line-height:16px}
.totem-button:hover{background:#159fc7}
.totem-hero-image{position:absolute;width:577px;max-width:none;height:auto;left:calc(50% + 8px);top:8px}
.totem-benefits{position:relative;margin-top:-100px;height:158px;z-index:2}
.totem-benefit-row{display:flex;align-items:center;justify-content:space-between;height:100%;width:min(1102px,calc(100% - 40px))}
.totem-benefit-row img{width:326px;height:auto}
.totem-process{height:933px;padding-top:189px}
.totem-section-heading{text-align:center}
.totem-section-heading h2{font-size:42px;line-height:1.1;font-weight:700;margin:0 0 27px}
.totem-section-heading p{font-size:18px;line-height:1.45;color:#555;margin:0}
.totem-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:124px;width:1140px;max-width:100%;margin-inline:auto}
.totem-step{position:relative;padding-top:0;min-width:0}
.totem-step-number{font-size:110px;font-weight:800;color:#ededed;line-height:1;position:absolute;top:-58px;left:-40px;z-index:0}
.totem-step-card{height:458px;width:317px;max-width:100%;margin-inline:auto;background:#fff;border:1px solid #efefef;border-radius:18px;padding:28px 26px;position:relative;z-index:1}
.totem-step-card img{width:263px;height:273px;object-fit:contain;margin-inline:auto}
.totem-step-card h3{font-size:20px;line-height:1.1;margin:9px 0 15px;font-weight:700}
.totem-step-card p{font-size:14px;line-height:1.25;margin:0;color:#444}
.totem-marketing{background:#f9f9f9;height:646px}
.totem-marketing-inner{height:100%;display:grid;grid-template-columns:547px 1fr;align-items:center;column-gap:80px}
.totem-marketing img{width:547px;height:auto;transform:translateY(20px)}
.totem-marketing h2{font-size:34px;line-height:40px;font-weight:700;margin:0 0 22px;color:#333;transform:translateY(-10px)}
.totem-marketing p{font-size:18px;line-height:1.42;margin:0;color:#444;max-width:420px}
.totem-payments{height:444px;background:#141e35;color:#fff;text-align:center;display:flex;align-items:center}
.totem-payments img{width:315px;height:auto;margin:0 auto 34px}
.totem-payments h2{font-size:37px;line-height:1;margin:0 0 36px}
.totem-payments p{font-size:18px;line-height:1.4;margin:0 0 42px}
.totem-stories{height:758px;padding-top:76px}
.totem-stories .totem-section-heading h2{font-size:37px;color:#333;margin-bottom:11px}
.totem-stories .totem-section-heading p{font-size:17px}
.totem-story-grid{display:grid;grid-template-columns:repeat(3,280px);justify-content:space-around;margin-top:69px}
.totem-story{width:280px;border-radius:22px;overflow:hidden;background:#f9f9fb}
.totem-story iframe{display:block;width:280px;height:280px;border:0;background:#000}
.totem-story-info{height:116px;display:flex;align-items:flex-start;gap:20px;padding:22px 16px}
.totem-story-info img{width:56px;height:56px;object-fit:contain;border-radius:50%}
.totem-story-info h3{font-size:16px;font-weight:800;line-height:1.2;margin:6px 0 3px;white-space:nowrap;color:#333}
.totem-story-info p{font-size:14px;line-height:1.2;color:#666;margin:0;white-space:nowrap}
.totem-final{height:391px;background:#2cb5dc;color:#fff;text-align:center;display:flex;align-items:center}
.totem-final h2{font-size:37px;line-height:45px;margin:8px 0 29px}
.totem-final p{font-size:18px;line-height:1.4;margin:0 0 39px}
.totem-final a{display:inline-flex;background:#fff;color:#333;border-radius:4px;padding:9px 24px;font-size:16px}
.totem-final a:hover{background:#f1f1f1}
.totem-page .site-footer{min-height:515px}
.totem-page .site-footer>.container{width:min(1155px,calc(100% - 40px))}
.totem-page .footer-brand{width:185px}
.totem-page .footer-grid{gap:95px}
.totem-page .footer-grid h2{font-size:14px}
.totem-page .footer-grid a,.totem-page .footer-grid p{font-size:13px}
.totem-page .copyright{font-size:10px}
.totem-page .chat-panel.is-collapsed{display:none}
@media(max-width:900px){
  .totem-page .site-header{height:64px}.totem-page .main-nav{top:64px;font-size:16px}
  .totem-hero{height:auto;min-height:760px}.totem-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:75px}.totem-hero-copy{position:relative;top:auto;left:auto;width:100%;margin:0}.totem-hero-copy h1{font-size:40px;margin-left:0}.totem-hero-copy p{margin-inline:auto}.totem-hero-image{position:static;width:min(480px,100%);margin:20px auto 0}
  .totem-benefits{height:auto;margin-top:0;padding:30px 0}.totem-benefit-row{gap:18px}.totem-benefit-row img{width:31%}
  .totem-process{height:auto;padding:100px 0 90px}.totem-steps{gap:15px;margin-top:110px;width:auto}.totem-step-number{left:0}.totem-step-card{height:440px;padding:20px 16px}.totem-step-card img{width:100%;height:240px}
  .totem-marketing{height:auto;padding:85px 0}.totem-marketing-inner{grid-template-columns:1fr 1fr;gap:40px}.totem-marketing img{width:100%;transform:none}.totem-marketing h2{transform:none}
  .totem-stories{height:auto;padding:80px 0}.totem-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.totem-story,.totem-story iframe{width:100%}.totem-story-info{gap:10px;padding:18px 10px}.totem-story-info img{width:44px;height:44px}.totem-story-info h3{font-size:13px}.totem-story-info p{font-size:12px}
}
@media(max-width:767px){
  .totem-page .site-header{height:63px}.totem-page .main-nav{top:63px}.totem-page .header-inner{width:calc(100% - 20px)}.totem-page .brand img{width:150px}.totem-page .nav-toggle{transform:translateX(4px)}
  .totem-page .chat-pill{left:28px;bottom:24px;width:44px;height:44px;background:transparent;box-shadow:none;padding:0}.totem-page .chat-pill img{width:44px;height:44px}
  .totem-wrap{width:calc(100% - 40px)}.desktop-only{display:none}
  .totem-hero{min-height:0}.totem-hero-inner{padding-top:65px}.totem-hero-copy{text-align:left}.totem-hero-copy h1{font-size:35px;line-height:1.06;margin-bottom:20px}.totem-hero-copy p{font-size:16px;line-height:1.45;margin-bottom:22px}.totem-hero-image{width:min(360px,100%);margin-top:30px}
  .totem-benefits{padding:35px 0 55px}.totem-benefit-row{flex-direction:column;gap:15px}.totem-benefit-row img{width:min(320px,100%)}
  .totem-process{padding:60px 0 80px}.totem-section-heading h2{font-size:32px}.totem-section-heading p{font-size:16px}.totem-steps{display:flex;flex-direction:column;gap:75px;margin:95px auto 0;max-width:320px}.totem-step-number{font-size:90px;top:-55px}.totem-step-card{height:auto;min-height:420px;padding:20px}.totem-step-card img{height:270px}.totem-step-card h3{margin-top:5px}
  .totem-marketing{padding:60px 0}.totem-marketing-inner{display:flex;flex-direction:column;gap:35px}.totem-marketing img{width:100%}.totem-marketing h2{font-size:30px;line-height:1.18}.totem-marketing p{font-size:16px}
  .totem-payments{height:auto;padding:80px 0}.totem-payments img{width:min(300px,100%)}.totem-payments h2{font-size:31px;line-height:1.15}.totem-payments p{font-size:16px}
  .totem-stories{padding:65px 0}.totem-stories .totem-section-heading h2{font-size:32px}.totem-story-grid{display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:45px}.totem-story,.totem-story iframe{width:min(320px,100%)}.totem-story iframe{height:320px}.totem-story-info h3{font-size:16px}.totem-story-info p{font-size:14px}
  .totem-final{height:auto;padding:70px 0}.totem-final h2{font-size:30px;line-height:1.22}.totem-final p{font-size:16px}.totem-final a{font-size:14px}
  .totem-page .site-footer{height:auto;min-height:0}.totem-page .site-footer>.container{width:100%}
}
@media(max-width:767px){
  .totem-hero{height:705px}.totem-hero-inner{height:100%;padding-top:8px;justify-content:flex-start}.totem-hero-image{order:-1;width:216px;max-width:216px;margin:0 auto 0 calc(50% - 97px)}.totem-hero-copy{margin-top:18px;text-align:center;transform:translateX(5px)}.totem-hero-copy h1{font-size:27px;line-height:35.1px;width:281px;margin:0 auto 20px}.totem-hero-copy p{width:280px;max-width:280px;font-size:15px;line-height:22.5px;margin:0 auto 34px}.totem-hero-copy .totem-button{width:168px;height:38px;min-height:38px;font-size:14px;line-height:14px;padding:12px 0}
  .totem-benefits{height:397px;padding:29px 0}.totem-benefit-row{height:100%;justify-content:space-between;gap:0}.totem-benefit-row img{width:242px}
  .totem-process{height:2009px;padding:150px 0 0}.totem-process .totem-section-heading h2{width:280px;margin-inline:auto;font-size:30px;line-height:36px}.totem-process .totem-section-heading p{font-size:15px;max-width:320px;margin-inline:auto}.totem-steps{gap:72px;margin-top:125px}.totem-step-number{left:-37px}.totem-step-card{width:317px;min-height:456px;height:456px;padding-top:29px}.totem-step-card img{width:264px;height:274px}.totem-step-card h3{font-size:18px;line-height:18px;margin-top:22px;margin-left:9px}.totem-step-card p{max-width:240px;margin-left:5px}
  .totem-marketing{height:734px;padding:90px 0 0}.totem-marketing-inner{height:auto;flex-direction:column;gap:0}.totem-marketing-inner>div{order:0;width:290px;text-align:center}.totem-marketing h2{font-size:30px;line-height:36px;margin:0 0 20px}.totem-marketing p{font-size:15px;line-height:22px}.totem-marketing img{order:1;width:290px;margin-top:112px}
  .totem-payments{height:520px;display:block;padding:80px 0 0}.totem-payments img{width:172px;margin-bottom:34px}.totem-payments h2{font-size:30px;line-height:39px;max-width:290px;margin:0 auto 36px}.totem-payments p{font-size:15px;line-height:22px;margin:0 auto 40px;max-width:290px}.totem-payments .totem-button{width:142px;min-height:38px;padding:8px 0;font-size:14px}
  .totem-stories{height:1814px;padding:76px 0 0}.totem-stories .totem-section-heading h2{font-size:29px;line-height:29px;max-width:300px;margin:0 auto 14px}.totem-stories .totem-section-heading p{font-size:14px;max-width:240px;margin-inline:auto}.totem-story-grid{gap:33px;margin-top:48px}.totem-story,.totem-story iframe{width:350px;max-width:100%}.totem-story iframe{height:350px}.totem-story-info{height:115px;padding:20px 14px}.totem-story-info img{width:56px;height:56px}
  .totem-final{height:406px;display:block;padding:78px 0 0}.totem-final h2{font-size:26px;line-height:34px;margin:0 auto 26px;max-width:290px}.totem-final p{font-size:15px;line-height:22px;margin:0 auto 26px;max-width:245px}.totem-final a{font-size:14px;width:270px;justify-content:center;padding-inline:0}
  .totem-page .site-footer{height:609px;padding-top:60px}.totem-page .footer-brand{width:150px;margin-left:calc(50% - 75px)}
}
@media(max-width:390px){.totem-hero-copy p{width:270px;max-width:270px}}
@media(min-width:351px) and (max-width:389px){
  .totem-process{height:calc(812px + 307vw)}
  .totem-marketing{height:calc(422px + 80vw)}
  .totem-stories{height:calc(670px + 293vw);padding-top:83px}
  .totem-story-grid{gap:23px}
  .totem-story iframe{height:calc(100vw - 40px)}
}
@media(min-width:391px) and (max-width:767px){
  .totem-process{height:auto;padding-bottom:38px}
  .totem-steps{width:calc(100vw - 72px);max-width:none}
  .totem-step-card{width:100%;height:calc(75vw + 175px);min-height:0;padding-bottom:30px}
  .totem-step-card img{width:100%;height:auto}
  .totem-step-card h3{position:absolute;left:35px;bottom:calc(136.8px - 5.3vw);margin:0}
  .totem-step-card p{position:absolute;left:31px;bottom:30px;margin:0;max-width:calc(100% - 62px)}
  .totem-marketing{height:auto;padding-bottom:86px}
  .totem-marketing-inner>div{width:calc(100vw - 100px);max-width:667px}
  .totem-marketing img{width:calc(100vw - 100px);max-width:667px;margin-top:112px}
  .totem-payments{height:calc(543px - 25vw)}
  .totem-payments h2{max-width:calc(100vw - 100px)}
  .totem-stories{height:auto;padding-top:calc(170px - 5.9vw);padding-bottom:116px}
  .totem-story,.totem-story iframe{width:calc(100vw - 40px);max-width:none}
  .totem-story iframe{height:calc(100vw - 40px)}
  .totem-story:first-child iframe{width:min(calc(100vw - 40px),481px);height:min(calc(100vw - 40px),481px)}
}
@media(max-width:350px){
  .totem-hero{height:833px}
  .totem-hero-copy h1{width:170px;max-width:170px}
  .totem-hero-copy p{width:210px;max-width:210px}
  .totem-process{height:1845px}
  .totem-steps{width:248px;max-width:248px}
  .totem-step-card{width:248px;height:400px;min-height:400px}
  .totem-step-card img{height:200px}
  .totem-marketing-inner>div{width:230px}
  .totem-marketing{height:723px}
  .totem-marketing img{width:230px}
  .totem-payments{height:583px}
  .totem-payments h2{max-width:225px}
  .totem-payments p{max-width:230px}
  .totem-stories{height:1654px}
  .totem-stories .totem-section-heading h2{max-width:230px}
  .totem-story-grid{gap:17px}
  .totem-story iframe{height:286px}
  .totem-final{height:476px}
  .totem-final h2{max-width:245px}
  .totem-final p{max-width:205px}
  .totem-final a{width:245px}
}