/* SlamDone launch design overrides.
   Keep the animated product-tour internals untouched; this file only controls
   branding, hero responsiveness, CTA layout, and surrounding marketing cards. */

:root{
  --launch-green:#29c913;
  --launch-green-dark:#159308;
  --launch-ink:#0b110e;
  --launch-purple:#6e49c7;
  --launch-coral:#ef6b4a;
  --launch-teal:#159b90;
  --launch-blue:#2688cf;
  --launch-pink:#df2e76;
}

/* Crisp brand: vector icon + browser-rendered type, never a scaled composite image. */
.brand-approved{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
}
.brand-icon{
  display:block;
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:contain;
  padding-right:10px;
  border-right:1px solid #caeac5;
  box-sizing:content-box;
}
.brand-type{display:flex;flex-direction:column;justify-content:center;line-height:1}
.brand-name{
  font-family:Manrope,"DM Sans",sans-serif;
  font-size:29px;
  font-weight:800;
  font-style:italic;
  letter-spacing:-.06em;
  color:var(--launch-ink);
  white-space:nowrap;
}
.brand-name .done{color:var(--launch-green)}
.brand-tagline{
  margin-top:6px;
  font-family:"DM Sans",sans-serif;
  font-size:7.4px;
  font-weight:800;
  letter-spacing:.11em;
  color:#161d19;
  white-space:nowrap;
}
.brand-tagline .finish{color:#22b90e}
.approved-wordmark{display:none!important}

/* Hero: exactly two intentional lines on every supported width. */
.hero{grid-template-columns:.84fr 1.16fr!important;gap:54px!important}
.hero-copy{min-width:0}
.hero h1{
  font:800 clamp(3.55rem,5.15vw,5.55rem)/.93 Manrope,sans-serif!important;
  letter-spacing:-.06em!important;
  margin:0!important;
  max-width:none!important;
}
.hero-line{display:block;white-space:nowrap}
.hero-line.finish{color:var(--launch-green)}
.hero-rule{background:var(--launch-green)!important;width:70px!important}

/* Keep the three primary actions in the requested left-to-right order. */
.hero-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:620px!important;
  margin:31px 0 23px!important;
  align-items:stretch!important;
}
.hero-actions .button{
  width:100%!important;
  min-height:66px!important;
  padding:15px 13px!important;
  border-radius:14px!important;
  font-size:16px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.hero-actions .button.primary{
  background:linear-gradient(180deg,#39da1c 0%,#1dad0b 100%)!important;
  box-shadow:0 15px 32px rgba(41,196,18,.28)!important;
}
.hero-actions .button.secondary{
  border:1px solid #bdcbc2!important;
  box-shadow:0 10px 24px rgba(22,48,31,.08)!important;
}

/* Stronger launch highlight cards. */
.trust-line{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-width:660px!important}
.trust-line>span{
  border-radius:13px!important;
  border:1px solid #d4e3d7!important;
  box-shadow:0 9px 23px rgba(25,61,38,.065)!important;
  padding:12px 13px!important;
}
.trust-line>span:nth-child(1){background:linear-gradient(145deg,#efffed,#fff 72%)!important;border-top:3px solid var(--launch-green)!important}
.trust-line>span:nth-child(2){background:linear-gradient(145deg,#f6f0ff,#fff 72%)!important;border-top:3px solid var(--launch-purple)!important}
.trust-line>span:nth-child(3){background:linear-gradient(145deg,#fff2ed,#fff 72%)!important;border-top:3px solid var(--launch-coral)!important}
.trust-line>span:nth-child(1) b{color:#1fa50d}.trust-line>span:nth-child(2) b{color:#6140b6}.trust-line>span:nth-child(3) b{color:#d55738}

/* Vibrant feature section while preserving its content and structure. */
#features{max-width:none!important;background:linear-gradient(180deg,#fbfdfb 0%,#f4faf3 48%,#fbfdfb 100%)!important;padding-left:max(30px,calc((100vw - 1220px)/2))!important;padding-right:max(30px,calc((100vw - 1220px)/2))!important}
#features .section-heading h2 .big-picture-accent{color:var(--launch-green);text-shadow:0 5px 24px rgba(41,201,19,.14)}
.feature-showcase article{
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid #dce7df!important;
  border-top-width:4px!important;
  box-shadow:0 12px 32px rgba(22,55,34,.075)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.feature-showcase article:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9}
.feature-showcase article:hover{transform:translateY(-5px);box-shadow:0 21px 44px rgba(22,55,34,.13)!important}
.feature-showcase article:nth-child(1){border-top-color:var(--launch-green)!important}.feature-showcase article:nth-child(1):before{background:linear-gradient(145deg,rgba(41,201,19,.12),transparent 52%)}
.feature-showcase article:nth-child(2){border-top-color:var(--launch-purple)!important}.feature-showcase article:nth-child(2):before{background:linear-gradient(145deg,rgba(110,73,199,.11),transparent 52%)}
.feature-showcase article:nth-child(3){border-top-color:var(--launch-coral)!important}.feature-showcase article:nth-child(3):before{background:linear-gradient(145deg,rgba(239,107,74,.11),transparent 52%)}
.feature-showcase article:nth-child(4){border-top-color:var(--launch-teal)!important}.feature-showcase article:nth-child(4):before{background:linear-gradient(145deg,rgba(21,155,144,.11),transparent 52%)}
.feature-showcase article:nth-child(5){border-top-color:var(--launch-blue)!important}.feature-showcase article:nth-child(5):before{background:linear-gradient(145deg,rgba(38,136,207,.11),transparent 52%)}
.feature-showcase article:nth-child(6){border-top-color:var(--launch-pink)!important}.feature-showcase article:nth-child(6):before{background:linear-gradient(145deg,rgba(223,46,118,.11),transparent 52%)}
.feature-showcase article>span,.feature-showcase article h3,.feature-showcase article p{position:relative;z-index:1}
.feature-showcase article:nth-child(1)>span,.feature-showcase article:nth-child(1) h3{color:#20a70e!important}
.feature-showcase article:nth-child(2)>span,.feature-showcase article:nth-child(2) h3{color:#6140b6!important}
.feature-showcase article:nth-child(3)>span,.feature-showcase article:nth-child(3) h3{color:#d55738!important}
.feature-showcase article:nth-child(4)>span,.feature-showcase article:nth-child(4) h3{color:#11877e!important}
.feature-showcase article:nth-child(5)>span,.feature-showcase article:nth-child(5) h3{color:#1979bd!important}
.feature-showcase article:nth-child(6)>span,.feature-showcase article:nth-child(6) h3{color:#c82466!important}

.hierarchy-principles article{border-radius:18px!important;box-shadow:0 10px 27px rgba(24,55,35,.06)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.hierarchy-principles article:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(24,55,35,.11)!important}
.hierarchy-principles article:nth-child(1){border-top:3px solid var(--launch-green)!important;background:linear-gradient(155deg,#f0ffed,#fff 62%)!important}
.hierarchy-principles article:nth-child(2){border-top:3px solid var(--launch-purple)!important;background:linear-gradient(155deg,#f6f0ff,#fff 62%)!important}
.hierarchy-principles article:nth-child(3){border-top:3px solid var(--launch-coral)!important;background:linear-gradient(155deg,#fff2ed,#fff 62%)!important}
.hierarchy-principles article:nth-child(4){border-top:3px solid var(--launch-teal)!important;background:linear-gradient(155deg,#effbf9,#fff 62%)!important}

/* Tablet/mobile correction for the exact failure visible in the supplied screenshot. */
@media(max-width:1020px){
  .hero{grid-template-columns:1fr!important;gap:36px!important}
  .hero-copy{text-align:left!important}
  .hero h1,.hero-lede,.hero-support{margin-left:0!important;margin-right:0!important}
  .hero-rule{margin-left:0!important;margin-right:0!important}
  .hero-actions{margin-left:0!important;margin-right:0!important}
  .trust-line{margin-left:0!important;margin-right:0!important}
}

@media(max-width:760px){
  .site-header{height:82px!important;padding:0 18px!important}
  .brand-approved{gap:9px!important}
  .brand-icon{width:48px;height:48px;flex-basis:48px;padding-right:8px}
  .brand-name{font-size:24px}
  .brand-tagline{font-size:6.1px;letter-spacing:.085em;margin-top:5px}
  .hero{padding:40px 18px 64px!important;gap:34px!important}
  .hero h1{font-size:clamp(2.65rem,9.4vw,3.4rem)!important;line-height:.93!important;letter-spacing:-.055em!important}
  .hero-lede,.hero-support{font-size:16px!important}
  .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
  .hero-actions .button{min-height:64px!important;padding:13px 9px!important;font-size:13.5px!important;gap:7px!important}
  .trust-line{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
  .trust-line>span{min-height:76px!important;padding:10px 9px!important}
  .trust-line b{font-size:11px!important}.trust-line small{font-size:9px!important}
  #features{padding-left:18px!important;padding-right:18px!important}
}

@media(max-width:420px){
  .brand-icon{width:43px;height:43px;flex-basis:43px;padding-right:7px}
  .brand-name{font-size:21px}.brand-tagline{font-size:5.3px;letter-spacing:.065em}
  .hero h1{font-size:clamp(2.42rem,11.7vw,2.85rem)!important}
  .hero-actions .button{font-size:11.5px!important;white-space:normal!important;line-height:1.12!important;min-height:64px!important;padding:10px 7px!important}
  .trust-line{gap:6px!important}.trust-line>span{padding:9px 7px!important}.trust-line b{font-size:9.5px!important}.trust-line small{font-size:7.8px!important}
}