.marketing header{gap:20px}.logintext{color:var(--muted);font-size:13px;text-decoration:none}.marketing header .brand{margin:auto}select{background:white;border:1px solid var(--line);border-radius:9px;padding:10px;font:13px inherit;color:var(--ink)}.landing{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;max-width:1180px;margin:55px auto 40px}.landinghero h1{font-size:clamp(40px,5vw,65px);max-width:600px;line-height:1.05}.landinghero .lead{max-width:480px;font-size:18px}.cta{text-decoration:none;width:fit-content;padding:17px 24px;font-size:14px;margin-top:26px}.landinghero .fine{text-align:left}.herovisual{border-radius:30px;background:radial-gradient(circle at 80% 20%,#ffc392,transparent 60%),linear-gradient(135deg,#fff5ed,#ffd3b1);display:flex;align-items:center;justify-content:center;padding:45px 20px;min-height:420px;transform:rotate(2deg)}.floatingcard{background:white;box-shadow:0 25px 80px #ac542628;border-radius:22px;width:100%;max-width:345px;padding:29px;transform:rotate(-5deg)}.floatingcard h2{margin-top:15px}.illustratedrow{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.illustratedrow>span:last-child{margin-left:auto;color:var(--green)}.samplelabel{font-size:9px;color:var(--muted);margin-top:12px}.marketingsteps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px}.marketingsteps h3{font-size:18px}.marketingsteps p{font-size:14px}.pricingbox{grid-column:1/-1;border:1px solid #ffe0cb;border-radius:20px;background:#fff8f2;padding:35px;display:flex;align-items:center;gap:45px}.pricingbox p{max-width:650px;font-size:14px}.pricingbox h2{margin-top:14px}.pricingbox .cta{flex:none;margin:0}.productnote{grid-column:1/-1;font-size:11px;line-height:1.7;margin:0}.headeractions{display:flex;align-items:center;gap:20px}.dashboardmain{display:block;max-width:1180px;margin:35px auto;padding:0 30px}.dashboardheading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboardheading h1{font-size:36px;letter-spacing:-1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stats article{border:1px solid var(--line);background:white;border-radius:14px;padding:22px}.stats small{display:block;color:var(--muted);font-size:11px}.stats b{display:block;font-size:30px;margin-top:12px}.dashboardgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboardmain .flow{min-height:0}.buttonrow{display:flex;gap:12px;margin:16px 0}.buttonrow>*{flex:1}.cardonfile{padding:20px;border:1px solid #ffe0cb;background:#fff7f0;border-radius:12px;font-size:14px;min-height:60px}.reportssection,.settingssection{margin-top:22px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settingsgrid select{display:block;width:100%;margin-top:8px;height:43px}.reportitem{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.reportitem b{font-size:13px}.reportitem small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.badge{font-size:10px;padding:7px 11px;border-radius:20px;color:var(--green);background:#e5f6ec}.notice{padding:18px;border-radius:12px;background:#fff0e1;color:#9b541b;font-size:13px;line-height:1.6}.dashboardmain #portalError{color:#ba4936;font-size:13px}.dashboardmain #reportDetail pre{max-height:600px;font-size:11px}.dashboardmain #reportPhoto{max-height:500px}.languagewelcome input{max-width:270px;margin:20px auto}.languagewelcome>button{margin:auto}.languagewelcome p{max-width:350px}.dashboardmain #onboarding{max-width:550px;margin:60px auto}.dashboardmain #onboarding p{font-size:14px}.dashboardmain #reportDetail{margin-top:20px}@media(max-width:800px){.landing{display:block;padding:0 23px;margin-top:30px;max-width:600px}.landinghero h1{font-size:42px}.landinghero .lead{font-size:16px}.herovisual{margin:35px 0;min-height:320px;padding:25px}.marketingsteps{display:block}.marketingsteps article{margin-bottom:30px}.pricingbox{display:block;padding:26px;margin-top:30px}.pricingbox .cta{margin-top:20px}.productnote{margin-top:25px}.dashboardmain{padding:0 18px;max-width:650px}.dashboardgrid{display:block}.dashboardgrid>.flow{margin-bottom:20px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stats article{padding:17px}.dashboardheading h1{font-size:28px}.headeractions{gap:10px}.reportitem{align-items:flex-start}.settingsgrid{display:block}.badge{white-space:nowrap}.marketing header{padding:20px}.marketing header .brandtag{display:none}.marketing header .brand{font-size:22px}.marketing header select{font-size:11px;max-width:100px}}
/* Dashboard spacing and desktop layout */
.dashboardbody header {
  width: 100%;
  gap: 24px;
}

.dashboardmain {
  width: 100%;
  min-width: 0;
}

.dashboardmain #portalError:empty {
  display: none;
}

.dashboardmain #portalError:not(:empty) {
  padding: 16px 18px;
  margin: 0 0 24px;
  background: #fff4ef;
  border: 1px solid #ffd8c6;
  border-radius: 12px;
  overflow-wrap: anywhere;
}

.dashboardheading > div {
  min-width: 0;
}

.dashboardheading h1 {
  overflow-wrap: anywhere;
}

.dashboardheading > button,
.dashboardheading > .badge {
  flex-shrink: 0;
}

.dashboardgrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.dashboardgrid > .flow,
.stats article,
.settingsgrid > label {
  min-width: 0;
}

.dashboardmain .primary,
.dashboardmain .secondary {
  min-height: 48px;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
}

.dashboardmain .buttonrow {
  gap: 14px;
  margin: 18px 0 26px;
  align-items: stretch;
}

.dashboardmain .buttonrow > * {
  min-width: 0;
}

.dashboardmain label:not(.check) {
  margin: 22px 0 10px;
  line-height: 1.5;
}

.dashboardmain input:not([type="checkbox"]),
.dashboardmain select {
  min-height: 48px;
  line-height: 1.4;
}

.dashboardmain #sendSms > .primary {
  margin-top: 18px;
}

.dashboardmain .continue {
  margin-top: 22px;
}

.dashboardmain .check {
  gap: 12px;
  margin-top: 24px !important;
}

.dashboardmain .check > span {
  min-width: 0;
}

.dashboardmain .fine {
  line-height: 1.7;
  margin-top: 16px !important;
}

.dashboardmain .cardonfile {
  margin-top: 22px;
  overflow-wrap: anywhere;
}

.dashboardmain .cardonfile .reportitem {
  flex-wrap: wrap;
  gap: 12px;
}

.dashboardmain .cardonfile .reportitem:last-child {
  border-bottom: 0;
}

.dashboardmain .reportssection,
.dashboardmain .settingssection {
  margin-top: 28px;
}

.dashboardmain .reportssection .dashboardheading {
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.dashboardmain .reportssection .dashboardheading h2 {
  margin-bottom: 0;
}

.dashboardmain .reportitem > div {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dashboardmain #moreReports {
  margin-top: 20px;
}

.dashboardmain .settingsgrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.dashboardmain .settingsgrid label {
  margin-top: 12px;
}

.dashboardmain .settingsgrid select {
  height: auto;
}

.dashboardmain #reportDetail pre {
  overflow-wrap: anywhere;
}

.headeractions select {
  font-family: inherit;
}

.marketing .cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  line-height: 1.4;
}

@media (min-width: 801px) {
  .dashboardbody header {
    max-width: 1280px;
    padding: 30px 40px;
  }

  .dashboardmain {
    max-width: 1280px;
    margin: 28px auto 64px;
    padding: 0 40px;
  }

  .dashboardmain .flow {
    padding: 32px;
    border-radius: 20px;
  }

  .dashboardmain .dashboardheading h1 {
    margin: 14px 0 0;
    font-size: 36px;
    line-height: 1.15;
  }

  .dashboardmain .stats {
    margin: 28px 0;
    gap: 20px;
  }

  .dashboardmain .stats article {
    padding: 24px;
    min-height: 124px;
  }

  .dashboardmain .stats small {
    font-size: 12px;
    line-height: 1.5;
  }

  .dashboardmain .stats b {
    font-size: 32px;
  }

  .dashboardmain .dashboardgrid {
    gap: 28px;
  }

  .dashboardmain .flow h2 {
    font-size: 27px;
    line-height: 1.25;
  }

  .dashboardmain .flow p {
    font-size: 14px;
  }

  .dashboardmain .flow .fine {
    font-size: 11px !important;
  }

  .dashboardmain .primary,
  .dashboardmain .secondary {
    font-size: 14px;
    padding: 14px 20px;
  }

  .dashboardmain .check {
    font-size: 12px !important;
  }

  .dashboardmain .settingssection #settings > .primary {
    width: auto;
    min-width: 200px;
  }
}

@media (min-width: 801px) and (max-width: 1000px) {
  .dashboardmain {
    padding: 0 28px;
  }

  .dashboardmain .flow {
    padding: 26px;
  }

  .dashboardmain .dashboardgrid {
    gap: 20px;
  }

  .dashboardmain .flow h2 {
    font-size: 24px;
  }
}

@media (max-width: 800px) {
  .dashboardmain .dashboardgrid,
  .dashboardmain .settingsgrid {
    display: block;
  }

  .dashboardmain .settingsgrid > label + label {
    margin-top: 24px;
  }

  .dashboardmain .reportssection .dashboardheading {
    gap: 12px;
  }

  .dashboardmain .reportitem {
    gap: 14px;
    flex-wrap: wrap;
  }

  .dashboardmain .reportitem > .textbutton {
    flex-shrink: 0;
  }
}

@media (max-width: 360px) {
  .dashboardmain .buttonrow {
    flex-direction: column;
  }

  .dashboardmain .dashboardheading {
    flex-wrap: wrap;
  }

  .dashboardbody header {
    gap: 12px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .dashboardbody .brand {
    font-size: 22px;
  }
}