.site {
  --navy:#123c5a;
  --navy-dark:#0b2d45;
  --green:#16a878;
  --green-dark:#07845e;
  --mint:#e7f7f1;
  --pale:#f4f8f7;
  --ink:#233746;
  --muted:#71818c;
  --line:#e2e9e8;
  --amber:#f1a84b;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:#fff;
  overflow:hidden
}
.site * {
  box-sizing:border-box
}
.site a {
  text-decoration:none
}
.header {
  height:82px;
  max-width:1200px;
  margin:auto;
  padding:0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eef1f0
}
.brand img {
  display:block;
  width:auto;
  height:46px
}
.nav {
  display:flex;
  align-items:center;
  gap:34px
}
.nav>a:not(.login) {
  font-size:14px;
  color:#536673;
  font-weight:600
}
.nav>a:hover {
  color:var(--green)
}
.language {
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--navy)
}
.language select {
  border:0;
  background:transparent;
  color:var(--navy);
  font:inherit;
  font-size:14px;
  font-weight:600;
  outline:0;
  cursor:pointer
}
.login {
  display:inline-flex;
  align-items:center;
  gap:16px;
  padding:12px 18px;
  border-radius:9px;
  background:var(--navy);
  color:#fff;
  font-size:14px;
  font-weight:700;
  box-shadow:0 5px 14px #123c5a20
}
.login:hover {
  background:var(--navy-dark)
}
.login span,.button span {
  font-size:18px
}
.mobile-menu {
  display:none
}
.hero {
  max-width:1200px;
  margin:auto;
  padding:82px 32px 20px;
  /*display:grid;
  grid-template-columns:.95fr 1.05fr;*/
  align-items:center;
  gap:50px;
  /*min-height:600px*/
}
.hero-copy {
  /*max-width:520px*/
}
.badge {
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 14px;
  border-radius:30px;
  background:#e8f7f2;
  color:#07845e;
  font-size:12px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase
}
.badge>span {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px #16a87820
}
.hero h1 {
  /*max-width:550px;*/
  margin:24px 0 18px;
  color:var(--navy);
  font-size:clamp(36px,5.2vw,48px);
  line-height:1.2;
  letter-spacing:-.052em;
  font-weight:750
}
.hero h1 em,.section-intro h2 em {
  color:var(--green);
  font-style:normal
}
.lead {
  /*max-width:490px;*/
  margin:0;
  color:#647682;
  font-size:17px;
  line-height:1.75
}
.actions {
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:30px
}
.button {
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:0 20px;
  border-radius:9px;
  font-size:14px;
  font-weight:750;
  transition:transform .18s,box-shadow .18s,background .18s
}
.button:hover {
  transform:translateY(-2px)
}
.button.primary {
  background:var(--green);
  color:#fff;
  box-shadow:0 8px 20px #16a87830
}
.button.primary:hover {
  background:var(--green-dark)
}
.button.secondary {
  color:var(--navy);
  border:1px solid #cfdbd9;
  background:#fff
}
.button.secondary:hover {
  border-color:var(--green)
}
.social-proof {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:32px;
  color:#73828b;
  font-size:12px;
  font-weight:600
}
.avatars {
  display:flex;
  padding-left:5px
}
.avatars i {
  width:27px;
  height:27px;
  margin-left:-5px;
  border:2px solid #fff;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#d8f0e7;
  color:#087a59;
  font-size:10px;
  font-style:normal;
  font-weight:800
}
.avatars i:nth-child(2) {
  background:#e8edf5;
  color:#385673
}
.avatars i:nth-child(3) {
  background:#f9ecd9;
  color:#9a6728
}
.visual {
  position:relative;
  min-width:0;
  min-height:450px;
  display:grid;
  place-items:center
}
.orb {
  position:absolute;
  width:min(390px,90%);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 40% 40%,#e0f5ec,#edf5f8 66%,#fff 72%)
}
.app-window {
  position:relative;
  z-index:1;
  width:min(100%,530px);
  overflow:hidden;
  border:1px solid #dce6e4;
  border-radius:15px;
  background:#fff;
  box-shadow:0 28px 70px #123c5a1c;
  transform:rotate(-1.2deg)
}
.window-top {
  height:39px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
  padding:0 13px;
  background:#fbfcfc;
  border-bottom:1px solid #edf1f0;
  color:#98a5aa;
  font-size:10px;
  text-align:center
}
.window-top>b {
  text-align:right;
  letter-spacing:2px
}
.dots {
  display:flex;
  gap:4px
}
.dots i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e99a8c
}
.dots i:nth-child(2) {
  background:#f2c26b
}
.dots i:nth-child(3) {
  background:#7bc6a7
}
.app-layout {
  display:flex;
  min-height:330px
}
.sidebar {
  width:56px;
  flex:none;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:17px;
  padding:14px 8px;
  border-right:1px solid #edf1f0
}
.sidebar img {
  width:30px;
  height:28px;
  object-fit:contain;
  margin-bottom:8px
}
.sidebar>i {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#86969d;
  font-size:14px;
  font-style:normal
}
.sidebar>i.selected {
  background:#e8f7f2;
  color:#0a9769
}
.sidebar>span {
  margin-top:auto;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#dcefe8
}
.app-main {
  flex:1;
  min-width:0;
  padding:22px
}
.greeting {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px
}
.greeting small {
  font-size:8px;
  letter-spacing:.13em;
  color:#8a999f;
  font-weight:800
}
.greeting h3 {
  margin:4px 0 0;
  color:var(--navy);
  font-size:19px;
  letter-spacing:-.03em
}
.user-dot {
  width:29px;
  height:29px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#e4f5ed;
  color:#07845e;
  font-size:10px;
  font-weight:800
}
.summary {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.summary article {
  padding:13px;
  border:1px solid #edf1f0;
  border-radius:9px
}
.summary article>span {
  display:block;
  color:#84939a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em
}
.summary article>b {
  display:block;
  margin:7px 0 3px;
  color:var(--navy);
  font-size:24px
}
.summary article>b.green {
  color:#0a9a6c
}
.summary article>b i {
  font-size:13px;
  font-style:normal
}
.summary article>small,.list-head small {
  font-size:8px;
  color:#8a999f
}
.list-head {
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin:19px 0 9px;
  color:var(--navy);
  font-size:10px
}
.list-head small {
  color:#138f69
}
.check-row {
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 0;
  border-top:1px solid #f0f3f2
}
.document {
  width:27px;
  height:27px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#e8f7f2;
  color:#11946b;
  font-size:12px;
  font-style:normal
}
.check-row>div {
  min-width:0;
  flex:1
}
.check-row>div>b {
  display:block;
  overflow:hidden;
  color:#435661;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.check-row>div>small {
  font-size:8px;
  color:#89989e
}
.status {
  padding:5px 7px;
  border-radius:20px;
  background:#e8f7f0;
  color:#11875f;
  font-size:7px;
  font-weight:800;
  white-space:nowrap
}
.status.soon {
  background:#fff4e4;
  color:#b57a2c
}
.progress {
  height:4px;
  margin-top:12px;
  border-radius:5px;
  background:#edf2f0
}
.progress>span {
  display:block;
  width:76%;
  height:100%;
  border-radius:5px;
  background:linear-gradient(90deg,#16a878,#8ed6b8)
}
.float-card {
  position:absolute;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 15px;
  border:1px solid #edf1ef;
  border-radius:11px;
  background:#fff;
  box-shadow:0 12px 32px #123c5a16
}
.float-card b,.float-card small {
  display:block
}
.float-card b {
  color:var(--navy);
  font-size:11px
}
.float-card small {
  margin-top:3px;
  color:#819097;
  font-size:9px
}
.check,.bell {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#e7f7ef;
  color:#11966b;
  font-weight:900
}
.due {
  top:48px;
  left:-14px
}
.reminder {
  right:-15px;
  bottom:42px
}
.bell {
  background:#fff4e4;
  color:#be8130;
  font-size:18px
}
.sparkle {
  position:absolute;
  color:#31b183
}
.sparkle.one {
  top:22px;
  right:75px;
  font-size:21px
}
.sparkle.two {
  left:22px;
  bottom:83px;
  color:#aac9be;
  font-size:28px
}
.trust-strip {
  min-height:78px;
  padding:18px max(32px,calc((100% - 1136px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-top:1px solid #eef2f0;
  border-bottom:1px solid #eef2f0;
  background:#fbfcfb;
  color:#73828b;
  font-size:12px
}
.trust-strip>b {
  color:#50636d;
  font-size:11px;
  white-space:nowrap
}
.trust-strip>b i {
  margin-right:5px;
  color:var(--green);
  font-style:normal
}
.section {
  padding:105px 32px
}
.features {
  max-width:1200px;
  margin:auto
}
.section-intro {
  max-width:640px;
  margin:0 auto 47px;
  text-align:center
}
.section-intro .eyebrow {
  color:#12966d;
  font-size:11px;
  font-weight:850;
  letter-spacing:.13em
}
.section-intro h2 {
  margin:15px 0 13px;
  color:var(--navy);
  font-size:clamp(34px,4vw,48px);
  line-height:1.13;
  letter-spacing:-.045em
}
.section-intro p {
  max-width:520px;
  margin:auto;
  color:#73828b;
  font-size:15px;
  line-height:1.75
}
.feature-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.feature-card {
  padding:27px 25px 24px;
  border:1px solid #e7edeb;
  border-radius:13px;
  background:#fff;
  transition:transform .2s,box-shadow .2s
}
.feature-card:hover {
  transform:translateY(-4px);
  box-shadow:0 18px 38px #123c5a0c
}
.feature-icon {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:11px;
  font-size:19px;
  font-weight:800
}
.feature-icon.green {
  background:#e5f6ee;
  color:#0b996b
}
.feature-icon.blue {
  background:#eaf1f7;
  color:#376483
}
.feature-icon.amber {
  background:#fff4e5;
  color:#c28735
}
.feature-card h3 {
  margin:20px 0 9px;
  color:var(--navy);
  font-size:18px
}
.feature-card p {
  min-height:72px;
  margin:0;
  color:#74838c;
  font-size:13px;
  line-height:1.7
}
.feature-card>a {
  display:inline-flex;
  gap:9px;
  margin-top:20px;
  color:#118b66;
  font-size:12px;
  font-weight:750
}
.how {
  padding:94px 32px 102px;
  background:#f5f9f7
}
.how-inner {
  max-width:1136px;
  margin:auto
}
.how .section-intro {
  margin-bottom:44px
}
.steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px
}
.steps article {
  position:relative;
  min-height:205px;
  padding:24px;
  border:1px solid #e4ece8;
  border-radius:12px;
  background:#fff
}
.steps article>span {
  position:absolute;
  top:20px;
  right:21px;
  color:#b6c9c1;
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em
}
.step-icon {
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#e7f7ef;
  color:#0b9569;
  font-size:22px
}
.steps h3 {
  margin:21px 0 8px;
  color:var(--navy);
  font-size:17px
}
.steps p {
  margin:0;
  color:#74838c;
  font-size:13px;
  line-height:1.65
}
.quote {
  max-width:840px;
  margin:auto;
  padding:90px 30px 92px;
  text-align:center
}
.quote-mark {
  color:#6bc6a2;
  font-family:Georgia,serif;
  font-size:66px;
  line-height:.8
}
.quote blockquote {
  margin:20px auto 24px;
  color:var(--navy);
  font-size:clamp(21px,3vw,29px);
  font-weight:650;
  line-height:1.5;
  letter-spacing:-.025em
}
.quote-person {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:left
}
.quote-person>span {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e6f4ed;
  color:#108b65;
  font-size:11px;
  font-weight:800
}
.quote-person b,.quote-person small {
  display:block
}
.quote-person b {
  color:#435761;
  font-size:11px
}
.quote-person small {
  margin-top:3px;
  color:#8a989e;
  font-size:10px
}
.cta {
  position:relative;
  overflow:hidden;
  margin:0 32px 72px;
  padding:60px 24px;
  border-radius:18px;
  background:linear-gradient(115deg,#103c59,#155b68);
  text-align:center;
  color: #fff;
}
.cta>div:first-child {
  position:relative;
  z-index:1
}
.cta .eyebrow {
  color:#8ce0bd
}
.cta h2 {
  margin:13px 0 8px;
  color:#fff;
  font-size:clamp(30px,4vw,43px);
  letter-spacing:-.04em
}
.cta p {
  margin:0 0 22px;
  color:#d1e1e2;
  font-size:14px
}
.button.cta-button {
  background:#48c28d;
  color:#083d42;
  box-shadow:0 8px 22px #071f2530
}
.button.cta-button:hover {
  background:#69d3a5
}
.cta>small {
  display:block;
  margin-top:13px;
  color:#c2d9d9;
  font-size:10px
}
.cta-decoration {
  position:absolute;
  right:8%;
  top:-130px;
  color:#ffffff0b;
  font-size:390px;
  font-weight:900;
  line-height:1
}
.footer {
  max-width:1200px;
  min-height:92px;
  margin:auto;
  padding:22px 32px;
  display:flex;
  align-items:center;
  gap:22px;
  border-top:1px solid #edf1ef
}
.footer .brand img {
  height:36px
}
.footer>p {
  flex:1;
  color:#829098;
  font-size:11px
}
.footer nav {
  display:flex;
  gap:18px
}
.footer nav a,.footer>span {
  color:#78878e;
  font-size:10px
}
.footer>span {
  white-space:nowrap
}
@media(max-width:900px) {
  .nav {
    gap:19px
  }
.hero {
    gap:24px;
    padding-top:63px
  }
.visual {
    min-height:380px
  }
.orb {
    width:320px;
    height:320px
  }
.due {
    left:-5px
  }
.reminder {
    right:-5px
  }
.trust-strip {
    flex-wrap:wrap;
    justify-content:center
  }
.trust-strip>span {
    flex-basis:100%;
    text-align:center
  }
.footer {
    flex-wrap:wrap
  }
.footer nav {
    margin-left:auto
  }
}
@media(max-width:680px) {
  .header {
    height:70px;
    padding:0 19px
  }
.brand img {
    height:40px
  }
.nav {
    gap:10px
  }
.nav>a:not(.login) {
    display:none
  }
.login {
    padding:10px 12px;
    gap:8px;
    font-size:12px
  }
.language {
    gap:2px
  }
.language select {
    max-width:78px;
    font-size:11px
  }
.mobile-menu {
    position:relative;
    display:block
  }
.mobile-menu summary {
    list-style:none;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #e1e9e6;
    border-radius:9px;
    color:var(--navy);
    font-size:20px;
    cursor:pointer
  }
.mobile-menu summary::-webkit-details-marker {
    display:none
  }
.mobile-menu>div {
    position:absolute;
    z-index:8;
    right:0;
    top:47px;
    width:190px;
    padding:9px;
    border:1px solid #e4ebe8;
    border-radius:11px;
    background:#fff;
    box-shadow:0 12px 30px #123c5a1c
  }
.mobile-menu>div a {
    display:block;
    padding:11px;
    border-radius:7px;
    color:#445965;
    font-size:13px
  }
.mobile-menu>div a:hover {
    background:#eff8f4
  }
.hero {
    grid-template-columns:1fr;
    gap:15px;
    padding:55px 21px 47px;
    text-align:center
  }
.hero-copy {
    margin:auto
  }
.hero h1 {
    margin:19px auto 15px;
    font-size:clamp(42px,11vw,58px)
  }
.lead {
    margin:auto;
    font-size:15px
  }
.actions {
    justify-content:center;
    margin-top:23px
  }
.social-proof {
    justify-content:center;
    margin-top:23px;
    font-size:10px
  }
.visual {
    width:min(100%,510px);
    min-height:355px;
    margin:0 auto
  }
.app-window {
    width:calc(100% - 28px)
  }
.app-layout {
    min-height:285px
  }
.app-main {
    padding:17px 13px
  }
.due {
    top:20px;
    left:-1px
  }
.reminder {
    right:-2px;
    bottom:16px
  }
.float-card {
    padding:9px 10px;
    gap:7px
  }
.float-card b {
    font-size:9px
  }
.float-card small {
    font-size:8px
  }
.check,.bell {
    width:25px;
    height:25px
  }
.trust-strip {
    gap:10px;
    padding:17px 12px
  }
.trust-strip>span {
    font-size:10px
  }
.trust-strip>b {
    font-size:9px
  }
.section {
    padding:73px 20px
  }
.section-intro {
    margin-bottom:31px
  }
.section-intro h2 {
    font-size:35px
  }
.section-intro p {
    font-size:13px
  }
.feature-grid,.steps {
    grid-template-columns:1fr;
    gap:12px
  }
.feature-card {
    padding:22px
  }
.feature-card p {
    min-height:0
  }
.how {
    padding:70px 20px
  }
.steps article {
    min-height:0;
    padding:21px
  }
.steps h3 {
    margin-top:15px
  }
.quote {
    padding:69px 23px
  }
.quote blockquote {
    font-size:21px
  }
.cta {
    margin:0 15px 48px;
    padding:47px 17px
  }
.cta h2 {
    font-size:33px
  }
.cta {
	color:#fff;
}
.footer {
    padding:23px 20px;
    justify-content:center;
    text-align:center;
    gap:12px
  }
.footer>p {
    flex-basis:100%;
    margin:0
  }
.footer nav {
    flex-basis:100%;
    justify-content:center;
    flex-wrap:wrap;
    margin:4px 0
  }
.footer>span {
    flex-basis:100%
  }
}
@media(max-width:390px) {
  .header {
    padding:0 13px
  }
.brand img {
    height:35px
  }
.nav {
    gap:6px
  }
.language select {
    max-width:64px
  }
.login {
    padding:9px;
    font-size:11px
  }
.visual {
    min-height:320px
  }
.app-layout {
    min-height:260px
  }
.sidebar {
    width:42px
  }
.app-main {
    padding:14px 9px
  }
.check-row {
    gap:5px
  }
.status {
    padding:4px;
    font-size:6px
  }
.float-card {
    max-width:155px
  }
.reminder {
    right:-3px
  }
.social-proof {
    font-size:9px
  }
}.faq{padding:78px 24px 86px;background:var(--pale)}.faq-inner{max-width:850px;margin:auto}.faq-list{display:grid;gap:12px;margin-top:38px}.faq-list details{padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:#fff}.faq-list summary{color:var(--navy);font-size:16px;font-weight:700;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--green);font-size:22px;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:14px 0 0;color:#647682;font-size:14px;line-height:1.75}@media(max-width:700px){.faq{padding:58px 18px 64px}.faq-list details{padding:18px}}

.context {
  position:relative;
  overflow:hidden;
  width:min(100%,530px);
  margin:32px auto;
  padding:60px 24px;
  border-radius:18px;
  background:linear-gradient(115deg,#103c59,#155b68);
  text-align:center;
  color: #fff;
}.site .context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px)}.site .context:before{content:"";display:block;grid-column:1;grid-row:1;aspect-ratio:4/3;border-radius:18px;background:url("/photo_01.jpeg") center/cover no-repeat}.site .context>*{grid-column:2}@media(max-width:700px){.site .context{grid-template-columns:1fr}.site .context:before{grid-column:1;grid-row:1;aspect-ratio:16/10}.site .context>*{grid-column:1}}.site .context-section{max-width:1200px;margin:0 auto;padding:0 32px 78px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(24px,5vw,64px)}.site .context-section .context-photo{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:18px}.site .context-section .context{display:flex;align-items:center;min-height:300px;padding:clamp(28px,4vw,52px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 25px #123c5a08;color:var(--ink);font-size:17px;line-height:1.75}.site .context:before{display:none}@media(max-width:700px){.site .context-section{grid-template-columns:1fr;padding:0 18px 58px;gap:18px}.site .context-section .context-photo{min-height:220px}.site .context-section .context{min-height:0;padding:24px;font-size:15px}}.site .context-section{position:relative;isolation:isolate;width:100%;max-width:none;min-height:440px;margin:0;padding:88px max(32px,calc((100vw - 1136px)/2));display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(90deg,#0b2d4550,#0b2d45a6),url("/photo_01.jpeg") center 48%/cover no-repeat fixed}.site .context-section:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b2d4530,#0b2d4590);content:""}.site .context-section .context-photo{display:none}.site .context-section .context{width:min(100%,560px);min-height:0;padding:clamp(28px,4vw,48px);border:1px solid #ffffff55;border-radius:18px;background:#ffffffed;box-shadow:0 18px 48px #061b2b40;color:var(--ink);font-size:17px;line-height:1.8;backdrop-filter:blur(8px)}@media(max-width:700px){.site .context-section{min-height:400px;padding:58px 18px;background-position:center;background-attachment:scroll}.site .context-section .context{padding:24px;font-size:15px}}.site .features{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:78px max(32px,calc((100vw - 1136px)/2));background:linear-gradient(90deg,#0b2d458c,#0b2d45a6),url("/photo_02.jpeg") center/cover no-repeat fixed}.site .features .section-intro{max-width:640px}.site .features .section-intro .eyebrow{color:#8de4bd}.site .features .section-intro h2,.site .features .section-intro p{color:#fff}.site .features .feature-grid{max-width:1200px;margin-left:auto;margin-right:auto}.site .features .feature-card{background:#ffffffed;backdrop-filter:blur(7px)}@media(max-width:700px){.site .features{padding:58px 18px;background-position:center;background-attachment:scroll}}