/* Homepage only: editor and product pages keep their own layouts. */
#landingPage.home-redesign{
  --home-green:#277b55;
  --home-ink:#202722;
  --home-muted:#65716b;
}
#landingPage.home-redesign .landing-header{
  padding-right:max(var(--site-gutter),calc((100% - var(--site-content-width)) / 2))!important;
  padding-left:max(var(--site-gutter),calc((100% - var(--site-content-width)) / 2))!important;
}
#landingPage.home-redesign :is(.home-eyebrow,.section-eyebrow,.creator-eyebrow,.tool-tag){color:#52695b!important;font-family:var(--site-font)!important;}
#landingPage.home-redesign .landing-start-btn{background:var(--home-green)!important;border-color:var(--home-green)!important;}
#landingPage :is(#home-demo,#video-types,#landingTitle){scroll-margin-top:84px;}
#landingPage .home-skip-link{
  position:absolute;
  top:8px;
  left:20px;
  z-index:200;
  padding:12px 18px;
  transform:translateY(-180%);
  border-radius:8px;
  background:#fff;
  color:#18583c!important;
}
#landingPage .home-skip-link:focus{transform:none;}
#landingPage .home-text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  color:#276e4e!important;
  font:600 14px/1.4 var(--site-font);
  text-decoration:underline;
  text-decoration-color:#a6c7b5;
  text-underline-offset:5px;
}
#landingPage .home-text-link:hover{text-decoration-color:currentColor;}
#landingPage .home-hero{
  padding:64px var(--site-gutter) 68px;
  background:#f7f8f5;
}
#landingPage .home-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:48px;
  align-items:center;
  width:min(var(--site-content-width),100%);
  margin:0 auto;
}
#landingPage .home-copy,
#landingPage .home-demo{min-width:0;}
#landingPage .home-demo{
  overflow:hidden;
  border:1px solid #dce5df;
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 36px #183c2510;
}
#landingPage .home-eyebrow{
  margin:0 0 18px;
  color:var(--home-green);
  font:700 12px/1.5 var(--site-font);
  letter-spacing:.1em;
  text-transform:uppercase;
}
#landingPage .home-copy h1{
  margin:0;
  color:var(--home-ink);
  font-size:clamp(40px,4.1vw,60px);
  font-weight:700;
  line-height:1.07;
  letter-spacing:-.04em;
  text-wrap:balance;
}
#landingPage .home-copy h1 em{color:var(--home-green);font-style:normal;}
#landingPage .home-intro{
  max-width:440px;
  margin:22px 0 0;
  color:var(--home-muted);
  font-size:18px;
  line-height:1.6;
}
#landingPage .home-main-action{margin-top:28px;}
#landingPage .home-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  min-height:48px;
  padding:13px 22px;
  border:1px solid var(--home-green);
  border-radius:9px;
  background:var(--home-green);
  color:#fff!important;
  font:700 15px/1.3 var(--site-font);
  text-decoration:none;
  cursor:pointer;
  transition:background .15s,border-color .15s;
}
#landingPage .home-button:hover{background:#267650;border-color:#267650;}
#landingPage .home-note{margin:10px 0 0;color:var(--home-muted);font-size:13px;line-height:1.5;}
#landingPage .home-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  margin:26px 0 0;
  padding:0;
  list-style:none;
  color:var(--home-muted);
  font-size:12px;
}
#landingPage .home-benefits li{display:flex;align-items:center;gap:6px;}
#landingPage .home-benefits svg{width:17px;height:17px;fill:none;stroke:var(--home-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
#landingPage .home-preview-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  padding:5px;
  margin:0;
  border:1px solid #dde5df;
  border-radius:12px;
  background:#eef2ee;
}
#landingPage .home-preview-tab{
  min-width:0;
  min-height:44px;
  padding:9px 6px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--home-muted);
  font:600 14px/1.3 var(--site-font);
  cursor:pointer;
}
#landingPage .home-preview-tab:hover{color:var(--home-green);}
#landingPage .home-preview-tab.active{background:#fff;border-color:#dce7df;color:#24744d;box-shadow:0 2px 4px #173b2410;}
#landingPage .home-video-frame{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:0;
  background:#152827;
}
#landingPage .home-video-frame video{display:block;width:100%;height:100%;object-fit:contain;}
#landingPage .home-playback{
  position:absolute;
  top:12px;
  right:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:80px;
  min-height:44px;
  padding:8px 12px;
  border:1px solid #ffffff50;
  border-radius:8px;
  background:#142824d9;
  color:#fff;
  font:600 12px/1.3 var(--site-font);
  cursor:pointer;
}
#landingPage .home-demo-footer{display:grid;gap:12px;padding:16px;}
#landingPage .home-demo-footer .home-note{margin:0;text-align:center;}
#landingPage .home-preview-cta{width:100%;}
#landingPage.home-redesign :is(.section-tools,.section-how,.section-faq,.section-creator){padding-top:64px;padding-bottom:64px;}
#landingPage.home-redesign .section-header{width:min(var(--site-content-width),100%);max-width:var(--site-content-width);margin:0 auto 30px;text-align:left;}
#landingPage.home-redesign .section-header h2{max-width:800px;font-size:36px;font-weight:700;line-height:1.18;letter-spacing:-.025em;text-wrap:balance;}
#landingPage.home-redesign .section-eyebrow{margin-bottom:12px;}
#landingPage.home-redesign .section-subtitle{margin:12px 0 0;max-width:620px;}
#landingPage.home-redesign .tool-card-visual{height:auto;aspect-ratio:16/9;}
#landingPage.home-redesign .tool-card-visual img{display:block;width:100%;height:100%;object-fit:cover;}
#landingPage .home-example-link{display:block;}
#landingPage .home-watch-label{
  position:absolute;
  left:14px;
  top:14px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid #ffffff50;
  border-radius:7px;
  background:#142824e8;
  color:#fff;
  font:600 12px/1.3 var(--site-font);
}
#landingPage.home-redesign .tool-card-body{padding:24px;}
#landingPage.home-redesign .tool-card h3{font-size:22px;font-weight:700;}
#landingPage.home-redesign .tool-card-actions{grid-template-columns:1fr;gap:6px;}
#landingPage.home-redesign .tool-action-primary{gap:12px;min-height:46px;background:var(--home-green)!important;border-color:var(--home-green)!important;}
#landingPage.home-redesign .tool-card-actions .home-text-link{justify-content:center;font-size:13px;}
#landingPage.home-redesign .section-tools,
#landingPage.home-redesign .section-faq,
#landingPage.home-redesign .section-creator{background:#fff!important;}
#landingPage.home-redesign .section-how{background:#f4f7f3!important;}
#landingPage.home-redesign .tools-grid{gap:24px;}
#landingPage.home-redesign .steps{gap:24px;}
#landingPage.home-redesign .steps::before{display:none;}
#landingPage.home-redesign .step{text-align:left;border-top:1px solid #dbe4dd;padding-top:22px;}
#landingPage.home-redesign .step-num{width:36px;height:36px;margin:0 0 16px;border:1px solid #bdd8c8;font:600 15px/1 var(--site-font);box-shadow:none!important;}
#landingPage.home-redesign .step h3{font-size:18px;}
#landingPage.home-redesign .step p{max-width:350px;font-size:15px;}
#landingPage.home-redesign .landing-faq-grid{align-items:start;gap:16px;}
#landingPage.home-redesign .landing-faq-item{box-shadow:none!important;}
#landingPage.home-redesign .landing-faq-link{width:min(var(--site-content-width),100%);text-align:left;margin-top:22px;}
#landingPage.home-redesign .creator-inner{grid-template-columns:120px minmax(0,1fr);gap:32px;text-align:left;}
#landingPage.home-redesign .creator-photo{width:120px;height:120px;}
#landingPage.home-redesign .creator-inner h2{max-width:760px;font-size:28px;font-weight:700;}
#landingPage.home-redesign .creator-bio{margin-top:12px;}
#landingPage :is(a,button,summary):focus-visible{outline:3px solid #18583c;outline-offset:4px;}
#landingPage .home-about-link{margin-top:8px;}
#landingPage .home-final{padding:52px var(--site-gutter);background:#eaf3ed;}
#landingPage .home-final-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:center;
  width:min(var(--site-content-width),100%);
  margin:0 auto;
}
#landingPage .home-final h2{max-width:700px;margin:0 0 14px;color:var(--home-ink);font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;}
#landingPage .home-final p:not(.home-eyebrow){margin:0;color:var(--home-muted);font-size:15px;line-height:1.6;}
#landingPage .home-final-actions{display:grid;gap:6px;text-align:center;}
#landingPage .home-final-actions .home-text-link{justify-content:center;}

@media(max-width:1100px){
  #landingPage .home-hero-inner{gap:32px;}
}
@media(min-width:901px) and (max-width:1100px){
  #landingPage .landing-nav{gap:2px!important;}
  #landingPage .landing-nav a{padding-left:8px;padding-right:8px;}
}
@media(max-width:900px){
  #landingPage.home-redesign .landing-header{padding-left:20px!important;padding-right:20px!important;}
  #landingPage .home-hero{padding-top:32px;padding-bottom:40px;}
  #landingPage .home-hero-inner{grid-template-columns:minmax(0,1fr);gap:24px;}
  #landingPage .home-copy h1{max-width:620px;font-size:clamp(34px,5.7vw,48px);line-height:1.09;}
  #landingPage .home-eyebrow{margin-bottom:12px;font-size:11px;}
  #landingPage .home-intro{max-width:580px;margin-top:16px;font-size:16px;line-height:1.5;}
  #landingPage .home-main-action,#landingPage .home-benefits{display:none;}
  #landingPage .home-preview-tab{font-size:13px;}
  #landingPage .home-demo-footer{gap:10px;padding:12px;}
  #landingPage .home-demo-footer .home-note{text-align:center;}
  #landingPage.home-redesign :is(.section-tools,.section-how,.section-faq,.section-creator){padding-top:40px;padding-bottom:40px;}
  #landingPage.home-redesign .section-header{margin-bottom:24px;}
  #landingPage.home-redesign .section-header h2{font-size:28px;}
  #landingPage.home-redesign .tools-grid{gap:20px;}
  #landingPage.home-redesign .tool-card-body{padding:20px;}
  #landingPage.home-redesign .step{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:16px;}
  #landingPage.home-redesign .step-num{grid-row:1/3;margin:0;}
  #landingPage.home-redesign .step p{max-width:560px;}
  #landingPage.home-redesign .creator-inner{grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start;}
  #landingPage.home-redesign .creator-photo{width:80px;height:80px;}
  #landingPage.home-redesign .creator-inner h2{font-size:23px;}
  #landingPage .home-final{padding-top:36px;padding-bottom:36px;}
  #landingPage .home-final-inner{grid-template-columns:1fr;gap:24px;}
  #landingPage .home-final h2{font-size:28px;}
}
@media(prefers-reduced-motion:reduce){
  #landingPage.home-redesign .tool-card{transition:none;}
  #landingPage.home-redesign .tool-card:hover{transform:none;}
}
@media(max-width:600px){
  #landingPage .home-tab-detail{display:none;}
}