/* TaskPay: one obvious action; informational landing only.
   The six original carousel scenes are kept as a subdued hero backdrop. */
.simple-home{color:#191919}
.simple-home .site-header{z-index:6}
.simple-home .hero.hero-with-video.simple-hero{
 display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,.78fr);
 min-height:635px;align-items:center;gap:64px;
 padding:70px clamp(28px,5vw,92px) 150px;border:2px solid #191919;
 border-radius:20px;margin-top:26px;margin-bottom:0;background:#F4F1EA;
}
.simple-home .simple-hero::before{
 background:linear-gradient(90deg,rgba(244,241,234,.97) 0%,rgba(244,241,234,.93) 35%,rgba(244,241,234,.76) 57%,rgba(244,241,234,.60) 100%);
}
.simple-home .simple-hero .tp-carousel-media{opacity:.53}
.simple-home .simple-hero .hero-copy{max-width:660px}
.simple-home .simple-hero .hero-copy h1{
 font-size:clamp(39px,4.2vw,66px);line-height:1.09;
 max-width:15ch;margin:18px 0 22px
}
.simple-home .simple-hero .hero-copy h1 em{font-style:normal;color:#254e3e}
.simple-home .simple-hero .hero-copy .intro{max-width:54ch;line-height:1.6;font-size:17px;color:#292d29}
.simple-home .simple-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.simple-home .simple-primary-cta{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;
 min-height:62px;min-width:248px;padding:13px 23px;
 font-family:inherit;font-size:17px;font-weight:800;text-align:center
}
.simple-home .simple-actions .text-link{font-size:14px;font-weight:650}
.simple-home .simple-cta-note{font-size:12px;color:#575a52;margin:15px 0 0;max-width:48ch}
.simple-home .hero-feature.simple-hero-card{
 max-width:340px;padding:0;background:#fffdf8;
 box-shadow:6px 6px 0 #191919;border:2px solid #191919;
 align-self:center;justify-self:end;border-radius:14px
}
.simple-home .simple-hero-card-content{padding:26px}
.simple-home .simple-hero-card .eyebrow{font-size:11px;color:#254e3e;letter-spacing:.1em}
.simple-home .simple-hero-card h2{font-size:clamp(27px,2.6vw,36px);line-height:1.15;margin:15px 0}
.simple-home .simple-hero-card p:not(.eyebrow){font-size:14px;color:#4b4b42;line-height:1.6}
.simple-home .simple-hero-card .simple-card-note{border-top:1px solid #e2dfd4;padding-top:12px;margin-top:16px;font-size:12px!important}
.simple-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;
 margin:18px 0;border-radius:50%;color:#1f4a38;font-size:29px;background:#d8ec9c;border:2px solid #1b1b1b}
.simple-home .tp-carousel-controls{bottom:18px;left:clamp(25px,5vw,90px);right:clamp(25px,5vw,90px)}
.simple-home .tp-carousel-summary{max-width:180px}
.simple-home .tp-carousel-note{font-size:10px!important}
.simple-home .tp-carousel-caption{font-size:12px}
.simple-home .tp-slide-select{width:39px;min-width:39px;height:37px;border-radius:7px}
.simple-home .tp-slide-select>span{font-size:9px}
.simple-home .tp-carousel-toggle{font-size:11px;min-height:39px}
.simple-home .tp-carousel-buttons{gap:6px}
/* Keep the answer above the fold. No directory, calculator, search, or onboarding labyrinth. */
.simple-home .simple-steps-section{padding:76px 0 74px;background:#fffdf8;border-bottom:2px solid #191919}
.simple-steps-section .wrap{max-width:1190px}
.simple-steps-section .eyebrow,.simple-micro .eyebrow,.simple-news .eyebrow{font-size:12px;letter-spacing:.1em;color:#254e3e}
.simple-steps-section h2,.simple-news h2{font-size:clamp(32px,3.25vw,48px);margin:10px 0 32px;line-height:1.15}
.simple-home .simple-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 0 31px}
.simple-step{padding:26px 25px 30px;background:#fff;border:2px solid #191919;border-radius:12px;box-shadow:4px 4px 0 #191919}
.simple-step>span{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:9px;border:1.5px solid #191919;background:#d8ec9c;color:#254e3e;font-weight:850}
.simple-step h3{font-size:25px;line-height:1.22;margin:20px 0 12px}
.simple-step p{font-size:15px;line-height:1.66;color:#4d4b45;margin:0}
.simple-secondary-cta{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:12px 25px;font-weight:800;font-size:16px}
.simple-micro{
 display:flex;justify-content:space-between;align-items:center;gap:24px;
 background:#e9eede;border:2px solid #191919;border-radius:14px;
 margin-top:65px;margin-bottom:65px;padding:34px 38px;
}
.simple-micro h2{font-size:30px;line-height:1.12;margin:10px 0}
.simple-micro p:not(.eyebrow){max-width:66ch;font-size:15px;line-height:1.55;margin:0;color:#494b43}
.simple-micro-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
 min-height:48px;padding:10px 20px;background:#fff;border:2px solid #191919;border-radius:9px;
 font-weight:750;text-decoration:none;color:#191919;box-shadow:3px 3px 0 #191919}
.simple-news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:55px;
 padding:38px 44px 45px;margin-bottom:65px;background:#fff;border:2px solid #191919;
 border-radius:15px;box-shadow:6px 6px 0 #191919}
.simple-news h2{margin:9px 0 15px}
.simple-news>div>p:last-child{font-size:16px;line-height:1.65;color:#4d4b45;max-width:52ch}
.simple-news-details{border:2px solid #191919;border-radius:11px;background:#fffdf8;align-self:start}
.simple-news-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;
 padding:19px 20px;font-weight:750;cursor:pointer;gap:16px}
.simple-news-details>summary::-webkit-details-marker{display:none}
.simple-news-details>summary span{font-size:25px;line-height:1}
.simple-news-details[open]>summary span{transform:rotate(45deg)}
.simple-news-inner{padding:0 20px 22px}
.simple-news-form{display:grid;gap:15px}
.simple-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.simple-news-form label:not(.simple-consent){display:grid;gap:5px;font-size:13px;font-weight:750}
.simple-news-form label small{font-weight:450;color:#555}
.simple-news-form input:not([type=checkbox]),.simple-news-form select{
 display:block;width:100%;min-width:0;height:44px;padding:9px 10px;border:1.5px solid #191919;border-radius:7px;
 background:white;color:#191919;font-size:14px
}
.simple-news-form input:focus,.simple-news-form select:focus{outline:3px solid #b9d7ae;outline-offset:1px}
.simple-news-form .simple-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#333}
.simple-consent input{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:#254e3e}
.simple-news-form button{min-height:51px;justify-self:start;font-size:15px;font-weight:800;padding:11px 18px}
.simple-privacy-note{font-size:12px;line-height:1.45;color:#626259;margin:0}
.simple-form-feedback{background:#e6f1d5;padding:12px;border-radius:8px;font-size:13px}
.simple-form-feedback.simple-error{background:#fce4dc}
.simple-bottom{padding-bottom:70px;border-top:1px solid #c8c6ba;padding-top:24px}
.simple-bottom p{color:#56554e;font-size:13px;line-height:1.6;max-width:95ch}
.simple-bottom p strong{color:#252523}
.simple-bottom .simple-disclosure{font-size:12px}
.simple-home .footer{border-top:2px solid #191919}
@media(max-width:1100px){
 .simple-home .hero.hero-with-video.simple-hero{gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(230px,.85fr);padding:45px 30px 150px}
 .simple-home .simple-hero .hero-copy h1{font-size:clamp(37px,4.5vw,55px)}
 .simple-home .simple-hero-card-content{padding:20px}
 .simple-home .tp-carousel-controls{left:30px;right:30px}
}
@media(max-width:840px){
 .simple-home .hero.hero-with-video.simple-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:38px 22px 148px}
 .simple-home .simple-hero .hero-copy h1{max-width:23ch}
 .simple-home .simple-hero::before{background:linear-gradient(180deg,rgba(244,241,234,.96),rgba(244,241,234,.88) 54%,rgba(244,241,234,.69))}
 .simple-home .hero-feature.simple-hero-card{justify-self:start;width:min(100%,460px);max-width:none}
 .simple-home .simple-steps{grid-template-columns:1fr}
 .simple-step{padding:22px 24px}
 .simple-home .simple-news{grid-template-columns:1fr;gap:18px}
}
@media(max-width:560px){
 .simple-home .hero.hero-with-video.simple-hero{margin-top:12px;margin-inline:12px;min-height:0;padding:29px 18px 153px;border-radius:14px}
 .simple-home .simple-hero .hero-copy{padding:0;background:none;margin:0}
 .simple-home .simple-hero .hero-copy h1{font-size:clamp(32px,8.1vw,43px);line-height:1.1;margin:13px 0 15px}
 .simple-home .simple-hero .hero-copy .intro{font-size:15px;line-height:1.54}
 .simple-home .simple-actions{gap:14px;margin-top:23px;display:flex;flex-direction:column;align-items:stretch}
 .simple-home .simple-primary-cta{width:100%;min-width:0;min-height:57px;padding:10px 13px;font-size:16px}
 .simple-home .simple-actions .text-link{font-size:13px;text-align:center}
 .simple-home .simple-cta-note{font-size:11px;margin-top:12px}
 .simple-home .simple-hero-card-content{padding:18px}
 .simple-home .simple-hero-card .eyebrow{font-size:10px}
 .simple-home .simple-hero-card h2{font-size:25px;margin:10px 0}
 .simple-home .simple-hero-card p:not(.eyebrow){font-size:13px}
 .simple-icon{width:43px;height:43px;font-size:20px;margin:12px 0}
 .simple-home .tp-carousel-controls{left:15px;right:15px;bottom:14px;gap:7px}
 .simple-home .tp-carousel-summary{padding:5px 8px}
 .simple-home .tp-slide-select{width:34px;min-width:34px;height:34px}
 .simple-home .tp-carousel-toggle{padding:6px;font-size:10px;min-width:0;min-height:34px}
 .simple-home .tp-carousel-buttons{gap:4px}
 .simple-steps-section{padding:54px 0!important}
 .simple-steps-section .wrap{padding-inline:22px}
 .simple-steps-section h2,.simple-news h2{font-size:33px}
 .simple-step h3{font-size:24px}
 .simple-micro{margin-top:45px;margin-bottom:45px;padding:27px 20px;flex-direction:column;align-items:flex-start}
 .simple-micro h2{font-size:27px}
 .simple-micro-link{width:100%}
 .simple-news{margin-bottom:45px;padding:26px 19px;gap:14px}
 .simple-input-grid{grid-template-columns:1fr}
 .simple-news-details>summary{padding:16px}
 .simple-news-inner{padding:0 15px 18px}
 .simple-news-form button{width:100%}
}
@media(prefers-reduced-motion:reduce){.simple-home .tp-slide{transition:none}}

/* Keep the bordered hero inside narrow phone viewports. */
@media(max-width:560px){.simple-home .hero.hero-with-video.simple-hero{box-sizing:border-box;width:calc(100% - 24px);max-width:calc(100% - 24px)}}

/* Mobile usability for social in-app browsers (Facebook and Instagram). */
@media(max-width:900px){
  .simple-home .nav-toggle{width:44px;height:44px;flex:0 0 44px;align-items:center}
  .simple-home .main-nav a{min-height:48px;display:flex;align-items:center}
  .simple-home .language-form select{min-height:44px}
  .simple-home .header-hub{min-height:48px;width:100%;justify-content:center}
}
@media(max-width:560px){
  .simple-home .site-header{padding:12px 15px;gap:8px}
  .simple-home .nav-toggle{width:44px;height:44px}
  .simple-home .language-form select{width:104px;min-height:44px;font-size:13px}
  .simple-home .language-form .locale-submit{min-width:44px;min-height:44px}
  .simple-home .simple-actions .text-link{display:flex;min-height:44px;align-items:center;justify-content:center;gap:9px}
  .simple-home .tp-slide-select{min-width:40px;width:40px;height:40px}
  .simple-home .tp-carousel-toggle{min-height:44px}
  .simple-home .tp-carousel-buttons{gap:5px}
  .simple-home .simple-news-details>summary{min-height:54px}
  .simple-home .footer-links a{display:inline-flex;align-items:center;min-height:44px}
  .simple-home .simple-news-form input:not([type=checkbox]),.simple-home .simple-news-form select{font-size:16px;min-height:48px}
  .simple-home .simple-news-form input[type=checkbox]{width:22px;height:22px}
  .simple-home .simple-news-form button{min-height:54px}
}

/* A single-line header and one-tap locale switch on 320px phones. 
   app.js already submits the language selection on change. */
@media(max-width:560px){
  .js .simple-home .language-form .locale-submit{display:none}
  .simple-home .language-form select{width:116px}
  .simple-home .site-header .brand{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:350px){
  .simple-home .site-header{padding:10px 10px;gap:7px}
  .simple-home .site-header .brand{font-size:20px;letter-spacing:-.04em;gap:5px}
  .simple-home .site-header .brand img{width:27px;height:27px}
  .simple-home .language-form select{width:100px}
}
/* Landscape phones often have under 400px usable height inside an in-app browser.
   Prioritize the one action before secondary details. */
@media(max-width:900px) and (max-height:480px) and (orientation:landscape){
  .simple-home .hero.hero-with-video.simple-hero{
    min-height:0;grid-template-columns:minmax(0,1fr);
    margin-top:10px;padding:12px 24px 86px;gap:10px
  }
  .simple-home .simple-hero .hero-copy{max-width:560px}
  .simple-home .simple-hero .hero-copy h1{font-size:31px;line-height:1.05;margin:8px 0 11px}
  .simple-home .simple-hero .hero-copy .intro{font-size:13px;line-height:1.35;max-width:62ch}
  .simple-home .simple-actions{margin-top:12px;gap:14px}
  .simple-home .simple-primary-cta{min-height:44px;min-width:210px;font-size:14px}
  .simple-home .simple-cta-note{font-size:11px;margin-top:8px}
  .simple-home .simple-hero-card{display:none}
  .simple-home .tp-carousel-controls{bottom:6px}
}

/* Landscape phone: override the older #tp-hero min-height (640px).
   Keep the primary Hub link within a short 375px in-app-browser viewport. */
@media (max-width:900px) and (max-height:480px) and (orientation:landscape) {
  #tp-hero.hero-with-video.simple-hero{
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    padding:10px 20px 80px!important;
    gap:0!important;
    align-items:start;
  }
  #tp-hero .hero-copy{
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    max-width:100%;
  }
  #tp-hero .hero-copy h1{
    font-size:27px!important;
    line-height:1.06!important;
    max-width:none!important;
    margin:7px 0!important;
  }
  #tp-hero .hero-copy .eyebrow{font-size:9px;line-height:1.1}
  #tp-hero .hero-copy .intro{
    font-size:12px!important;
    line-height:1.25!important;
    max-width:76ch;
  }
  #tp-hero .hero-copy .hero-actions{margin-top:7px!important;gap:12px}
  #tp-hero .simple-primary-cta{min-height:43px!important;padding:8px 13px!important;font-size:13px!important;}
  #tp-hero .simple-cta-note{margin-top:5px!important;font-size:10px}
  #tp-hero .simple-hero-card{display:none!important}
  #tp-hero .tp-carousel-controls{bottom:6px!important}
}