:root{
  --primary:#1f6feb;
  --bg-dark:#0b1220;
  --text:#0f172a;
  --muted:#475569;
  --border:#e2e8f0;
  --radius:18px;
  --max:1120px;
  --shadow:0 18px 40px rgba(2,6,23,.10);
  --shadow-soft:0 10px 20px rgba(2,6,23,.06);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto;
  color:var(--text);
  background:#f8fafc;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}

/* NAV */
.nav{
  background:rgba(255,255,255,.9);
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:10;
  backdrop-filter:saturate(180%) blur(10px);
}
.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:76px;
  gap:14px;
}
.brand{display:flex;align-items:center}
.logo-img{height:68px;width:auto}
.menu{display:flex;gap:18px;align-items:center}
.menu a{color:var(--muted);font-weight:700}
.menu a:hover{color:var(--text)}
.nav-actions{display:flex;gap:10px;align-items:center}

/* BUTTONS */
.btn{
  padding:10px 16px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  font-weight:800;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn.primary:hover{filter:brightness(.97)}
.btn.ghost:hover{background:#f1f5f9}
.btn.w100{width:100%}

/* HERO */
.hero{
  padding:92px 0 38px;
  background:
    radial-gradient(1000px 420px at 12% 0%, rgba(31,111,235,.14), transparent 55%),
    radial-gradient(1000px 420px at 88% 10%, rgba(34,197,94,.12), transparent 55%);
}
.hero-grid{
  display:grid;
  grid-template-columns: 1fr 1.25fr;
  gap:52px;
  align-items:center;
}
.hero-text{max-width:580px}
.eyebrow{
  display:inline-block;
  padding:6px 10px;
  border:1px solid var(--border);
  background:#fff;
  border-radius:999px;
  color:var(--muted);
  font-weight:800;
  font-size:.85rem;
  margin-bottom:14px;
}
.hero-text h1{
  font-size:clamp(2.2rem,4vw,3.2rem);
  margin:0 0 12px;
  letter-spacing:-.02em;
}
.hero-sub{
  margin:0 0 16px;
  font-size:1.05rem;
  color:var(--muted);
  line-height:1.6;
}
.hero-bullets{
  margin:0 0 18px;
  padding-left:18px;
  color:var(--muted);
  line-height:1.7;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.chip{
  font-size:.82rem;
  color:var(--muted);
  border:1px solid var(--border);
  background:#fff;
  padding:7px 10px;
  border-radius:999px;
}
.hero-image{display:flex;justify-content:flex-end}
.hero-image img{
  width:100%;
  max-width:760px;
  height:auto;
  border-radius:var(--radius);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  transition:transform .35s ease, box-shadow .35s ease;
}
.hero-image img:hover{transform:scale(1.01);box-shadow:0 24px 60px rgba(2,6,23,.14)}

/* CLEAN LANDING */
.clean-hero{
  padding:86px 0 34px;
  background:
    linear-gradient(135deg, rgba(239,246,255,.98), rgba(248,250,252,.96) 48%, rgba(240,253,244,.92)),
    radial-gradient(800px 320px at 12% 0%, rgba(31,111,235,.14), transparent 58%);
}
.clean-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);
  gap:36px;
  align-items:center;
}
.clean-hero .hero-text h1{
  font-size:clamp(2.45rem,5vw,4.35rem);
  line-height:1.02;
  letter-spacing:0;
  margin-bottom:16px;
}
.clean-hero .hero-sub{
  max-width:62ch;
  font-size:1.12rem;
}
.hero-summary{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  padding:22px;
  box-shadow:var(--shadow);
  display:grid;
  gap:12px;
}
.hero-summary div{
  padding:16px;
  border:1px solid #e8eef7;
  border-radius:16px;
  background:#f8fafc;
}
.hero-summary strong{
  display:block;
  font-size:1.35rem;
  color:#0f172a;
  margin-bottom:4px;
}
.hero-summary span{display:block;color:var(--muted);font-weight:750;line-height:1.4}
.quick-choice{padding:18px 0 8px;background:#fff}
.quick-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.quick-choice-card{
  display:grid;
  gap:8px;
  min-height:122px;
  padding:22px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.quick-choice-card:hover{
  transform:translateY(-2px);
  border-color:rgba(31,111,235,.28);
  box-shadow:var(--shadow);
}
.quick-choice-card span{
  color:var(--primary);
  font-weight:950;
  font-size:.88rem;
}
.quick-choice-card strong{
  font-size:1.35rem;
  line-height:1.2;
  color:#0f172a;
}
.systems-section{
  background:
    linear-gradient(180deg,#f8fafc 0%,#ffffff 54%,#f8fafc 100%);
}
.systems-section .section-title{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.systems-section .section-sub{
  font-size:1.05rem;
}
.systems-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.system-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:15px;
  min-height:100%;
  padding:26px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:22px;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.system-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 48px rgba(15,23,42,.12);
  border-color:rgba(31,111,235,.28);
}
.system-card.is-recommended{
  border-color:rgba(16,185,129,.36);
  box-shadow:0 18px 46px rgba(16,185,129,.13);
}
.system-card.is-recommended::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(16,185,129,.10),transparent 42%,rgba(31,111,235,.07));
  pointer-events:none;
}
.system-card-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.system-logo{
  min-height:92px;
  display:flex;
  align-items:center;
  padding:4px 0;
  min-width:0;
}
.system-logo img{
  max-height:82px;
  width:auto;
  object-fit:contain;
}
.system-pilatesflow .system-logo img,
.system-zapfrete .system-logo img{max-width:310px}
.system-pdv .system-logo img{max-width:292px}
.system-tripflow .system-logo img{max-width:255px}
.system-badges{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  flex:0 0 auto;
}
.system-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:160px;
  padding:6px 9px;
  border-radius:999px;
  background:#eef6ff;
  color:#1d4ed8;
  font-weight:950;
  font-size:.72rem;
  line-height:1.15;
  text-align:center;
  border:1px solid rgba(29,78,216,.10);
  white-space:normal;
}
.system-badge.recommended{
  background:#dcfce7;
  color:#166534;
  border-color:rgba(22,101,52,.12);
}
.system-for{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:6px 9px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:900;
  font-size:.78rem;
  position:relative;
  z-index:1;
}
.system-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  line-height:1.56;
  font-size:1.02rem;
}
.system-card ul{
  position:relative;
  z-index:1;
  margin:0 0 auto;
  padding:0;
  list-style:none;
  color:#334155;
  display:grid;
  gap:9px;
  font-weight:780;
}
.system-card li{
  position:relative;
  padding-left:28px;
  line-height:1.42;
}
.system-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.12rem;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#dcfce7;
  box-shadow:inset 0 0 0 1px rgba(22,101,52,.12);
}
.system-card li::after{
  content:"";
  position:absolute;
  left:6px;
  top:.43rem;
  width:6px;
  height:10px;
  border-right:2px solid #15803d;
  border-bottom:2px solid #15803d;
  transform:rotate(45deg);
}
.system-price{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 11px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#0f172a;
  font-weight:950;
  font-size:.92rem;
}
.system-card .btn{margin-top:2px;text-align:center}
.system-actions{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:0;
}
.system-actions .btn{
  width:100%;
  text-align:center;
  cursor:pointer;
}
.system-demo-btn{
  color:#0f172a;
  background:#fff;
  border-color:rgba(31,111,235,.24);
  min-height:46px;
}
.system-invite-link{
  color:#fff;
  background:#0f172a;
  border-color:#0f172a;
  min-height:46px;
}
.system-invite-link:hover{
  background:#111827;
  border-color:#111827;
}
.system-trial-link{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  text-align:center;
  font-weight:950;
  font-size:1.02rem;
  border-radius:15px;
  background:linear-gradient(135deg,#1f6feb,#155bd6);
  border-color:#155bd6;
  box-shadow:0 16px 34px rgba(31,111,235,.28);
}
.system-trial-link:hover{
  box-shadow:0 20px 42px rgba(31,111,235,.34);
  filter:none;
}
.system-trial-link::after{
  content:"";
  width:9px;
  height:9px;
  margin-left:10px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:rotate(45deg);
}
.system-trust{
  position:relative;
  z-index:1;
  text-align:center;
  color:#64748b!important;
  font-size:.86rem!important;
  font-weight:800;
  margin-top:-4px!important;
}
.system-zapfrete .system-for{background:#ccfbf1;color:#115e59}
.system-pilatesflow .system-for{background:#ede9fe;color:#5b21b6}
.system-pdv .system-for{background:#dcfce7;color:#166534}

/* SYSTEM MODALS */
body.modal-open{overflow:hidden}
.system-modal{
  width:min(1040px, calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  padding:0;
  border:0;
  border-radius:24px;
  background:transparent;
  color:var(--text);
}
.system-modal::backdrop{
  background:rgba(2,6,23,.70);
  backdrop-filter:blur(8px);
}
.system-modal-shell{
  position:relative;
  padding:26px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.96)),
    radial-gradient(700px 260px at 10% 0%, rgba(31,111,235,.18), transparent 64%);
  box-shadow:0 34px 90px rgba(2,6,23,.30);
  overflow:hidden;
}
.system-modal-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(31,111,235,.08), transparent 42%, rgba(34,197,94,.08));
  pointer-events:none;
}
.system-modal-zapfrete::before{background:linear-gradient(135deg, rgba(20,184,166,.12), transparent 48%, rgba(37,99,235,.08))}
.system-modal-pilatesflow::before{background:linear-gradient(135deg, rgba(124,58,237,.12), transparent 48%, rgba(219,39,119,.10))}
.system-modal-pdv::before{background:linear-gradient(135deg, rgba(16,185,129,.12), transparent 48%, rgba(245,158,11,.11))}
.modal-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  width:40px;
  height:40px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:50%;
  background:#fff;
  color:#0f172a;
  font-size:1.55rem;
  line-height:1;
  cursor:pointer;
  box-shadow:var(--shadow-soft);
}
.modal-hero,
.modal-detail-grid{
  position:relative;
  z-index:1;
}
.modal-hero{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);
  gap:24px;
  align-items:center;
}
.modal-copy{min-width:0}
.modal-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:7px 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:950;
  font-size:.82rem;
  margin-bottom:12px;
}
.modal-logo{
  max-width:285px;
  max-height:78px;
  object-fit:contain;
  margin-bottom:14px;
}
.modal-copy h2{
  margin:0 0 12px;
  font-size:clamp(1.85rem,3.6vw,3rem);
  line-height:1.05;
  letter-spacing:0;
}
.modal-copy p{
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.65;
  font-size:1.04rem;
}
.modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.modal-trial-btn{
  min-height:52px;
  padding-left:22px;
  padding-right:22px;
  font-size:1rem;
  box-shadow:0 16px 34px rgba(31,111,235,.26);
}
.screen-preview{
  border:1px solid rgba(15,23,42,.10);
  border-radius:20px;
  overflow:hidden;
  background:#0f172a;
  box-shadow:0 24px 58px rgba(15,23,42,.22);
}
.screen-browser{
  display:flex;
  gap:7px;
  padding:14px 16px;
  background:#111827;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.screen-browser span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#94a3b8;
}
.screen-browser span:nth-child(1){background:#fb7185}
.screen-browser span:nth-child(2){background:#fbbf24}
.screen-browser span:nth-child(3){background:#34d399}
.screen-body{
  display:grid;
  grid-template-columns:155px 1fr;
  min-height:330px;
  background:#f8fafc;
}
.screen-sidebar{
  padding:16px 12px;
  background:#0f172a;
  display:grid;
  align-content:start;
  gap:10px;
}
.screen-sidebar img{
  width:100%;
  max-height:54px;
  object-fit:contain;
  padding:8px;
  border-radius:12px;
  background:#fff;
  margin-bottom:6px;
}
.screen-sidebar span{
  display:block;
  padding:9px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#dbeafe;
  font-weight:850;
  font-size:.76rem;
  line-height:1.25;
}
.screen-content{
  padding:18px;
  display:grid;
  gap:14px;
}
.screen-title-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.screen-title-row strong{font-size:1.05rem}
.screen-title-row em{
  font-style:normal;
  padding:6px 9px;
  border-radius:999px;
  background:#dcfce7;
  color:#166534;
  font-weight:900;
  font-size:.72rem;
}
.screen-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.screen-metrics div{
  padding:13px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.screen-metrics span{
  display:block;
  color:#64748b;
  font-weight:850;
  font-size:.76rem;
  margin-bottom:5px;
}
.screen-metrics strong{
  display:block;
  color:#0f172a;
  font-size:1.18rem;
}
.screen-workspace{
  display:grid;
  grid-template-columns:1fr .82fr;
  gap:12px;
  min-height:150px;
}
.screen-list,
.screen-chart{
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  padding:14px;
}
.screen-list{
  display:grid;
  gap:10px;
  align-content:start;
}
.screen-list span{
  height:24px;
  border-radius:999px;
  background:linear-gradient(90deg,#dbeafe,#f1f5f9);
}
.screen-list span:nth-child(2){width:78%}
.screen-list span:nth-child(3){width:88%}
.screen-list span:nth-child(4){width:64%}
.screen-chart{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  align-items:end;
}
.screen-chart span{
  display:block;
  border-radius:999px 999px 8px 8px;
  background:linear-gradient(180deg,#60a5fa,#1d4ed8);
}
.screen-chart span:nth-child(1){height:70px}
.screen-chart span:nth-child(2){height:104px;background:linear-gradient(180deg,#34d399,#059669)}
.screen-chart span:nth-child(3){height:86px}
.screen-chart span:nth-child(4){height:122px;background:linear-gradient(180deg,#fbbf24,#d97706)}
.modal-detail-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  margin-top:22px;
}
.modal-detail-grid section{
  padding:18px;
  border:1px solid rgba(15,23,42,.09);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:var(--shadow-soft);
}
.modal-detail-grid h3{
  margin:0 0 12px;
  font-size:1.05rem;
}
.modal-detail-grid ol{
  margin:0;
  padding-left:20px;
  color:#334155;
  line-height:1.65;
  font-weight:750;
}
.modal-screen-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.modal-screen-tags span{
  padding:9px 11px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:900;
  font-size:.84rem;
}
.custom-section{
  padding:66px 0;
  background:#fff;
}
.custom-wrap{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);
  gap:28px;
  align-items:center;
  padding:30px;
  border:1px solid var(--border);
  border-radius:24px;
  background:linear-gradient(135deg,#0f172a,#172554);
  color:#fff;
  box-shadow:var(--shadow);
}
.custom-wrap .eyebrow{
  color:#bfdbfe;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
}
.custom-wrap h2{
  margin:0 0 12px;
  font-size:clamp(1.9rem,3.3vw,2.8rem);
  line-height:1.08;
  letter-spacing:0;
}
.custom-wrap p{
  margin:0;
  color:#cbd5e1;
  line-height:1.65;
  font-size:1.03rem;
}
.custom-points{
  display:grid;
  gap:10px;
}
.custom-points span{
  display:block;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#e2e8f0;
  font-weight:850;
}
.custom-points .btn{
  width:100%;
  text-align:center;
  margin-top:4px;
}
.compact-faq{background:#f8fafc}

/* BENEFITS */
.benefits{padding:30px 0 10px}
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.benefit{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow-soft);
}
.benefit h3{margin:0 0 6px}
.benefit p{margin:0;color:var(--muted);line-height:1.55}

/* TRIPFLOW SPOTLIGHT */
.tripflow-spotlight{
  padding:72px 0;
  background:
    linear-gradient(135deg, #07162e 0%, #0c254a 48%, #064f5c 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.tripflow-spotlight::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(680px 300px at 14% 8%, rgba(20,184,166,.24), transparent 62%),
    radial-gradient(560px 260px at 90% 22%, rgba(31,111,235,.20), transparent 64%);
  pointer-events:none;
}
.tripflow-wrap{
  position:relative;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:36px;
  align-items:center;
}
.tripflow-copy{max-width:560px}
.tripflow-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  color:#c7f9ff;
  font-weight:900;
  font-size:.86rem;
  margin-bottom:16px;
}
.tripflow-logo{
  width:min(360px, 78vw);
  height:auto;
  margin:0 0 18px;
  background:#fff;
  border-radius:16px;
  padding:14px 18px;
  box-shadow:0 20px 46px rgba(0,0,0,.20);
}
.tripflow-copy h2{
  margin:0 0 14px;
  font-size:clamp(2rem,3.6vw,3rem);
  line-height:1.05;
}
.tripflow-copy p{
  margin:0 0 20px;
  color:rgba(255,255,255,.82);
  line-height:1.7;
  font-size:1.04rem;
}
.tripflow-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.tripflow-actions .btn:not(.primary){
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}
.tripflow-trial{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:14px 16px;
  border:1px solid rgba(20,184,166,.36);
  background:rgba(20,184,166,.12);
  border-radius:16px;
  color:rgba(255,255,255,.84);
  max-width:520px;
}
.tripflow-trial strong{
  color:#67e8f9;
  white-space:nowrap;
}
.tripflow-panel{
  min-width:0;
}
.tripflow-screen{
  background:#f8fbff;
  color:#0f172a;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  overflow:hidden;
}
.tripflow-screen-top{
  display:flex;
  gap:7px;
  padding:13px 16px;
  background:#e8eef7;
  border-bottom:1px solid #dbe4ef;
}
.tripflow-screen-top span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#94a3b8;
}
.tripflow-screen-top span:nth-child(1){background:#fb7185}
.tripflow-screen-top span:nth-child(2){background:#fbbf24}
.tripflow-screen-top span:nth-child(3){background:#34d399}
.tripflow-screen-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px;
  border-bottom:1px solid #e2e8f0;
}
.tripflow-screen-head img{
  width:54px;
  height:54px;
  border-radius:14px;
  background:#082247;
  padding:8px;
}
.tripflow-screen-head strong{display:block;font-size:1.05rem}
.tripflow-screen-head small{display:block;color:#64748b;margin-top:2px}
.tripflow-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  padding:18px;
}
.tripflow-feature{
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:14px;
  background:#fff;
  min-height:150px;
}
.tripflow-feature span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:28px;
  border-radius:999px;
  background:#ecfeff;
  color:#0e7490;
  font-weight:900;
  font-size:.78rem;
  margin-bottom:10px;
}
.tripflow-feature strong{display:block;margin-bottom:6px}
.tripflow-feature p{margin:0;color:#64748b;line-height:1.5;font-size:.94rem}
.tripflow-screen-foot{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:0 18px 18px;
}
.tripflow-screen-foot span{
  padding:7px 10px;
  border-radius:999px;
  background:#eef6ff;
  color:#1d4ed8;
  font-weight:800;
  font-size:.82rem;
}

/* PDV SPOTLIGHT */
.pdv-spotlight{
  padding:74px 0;
  background:
    linear-gradient(135deg, #f8fafc 0%, #ecfdf5 46%, #fff7ed 100%);
  color:#102033;
  position:relative;
  overflow:hidden;
}
.pdv-spotlight::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(620px 280px at 8% 18%, rgba(16,185,129,.18), transparent 64%),
    radial-gradient(520px 250px at 86% 10%, rgba(245,158,11,.17), transparent 62%);
  pointer-events:none;
}
.pdv-wrap-site{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:38px;
  align-items:center;
}
.pdv-copy{max-width:560px}
.pdv-kicker{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border:1px solid rgba(5,150,105,.20);
  background:rgba(16,185,129,.10);
  border-radius:999px;
  color:#047857;
  font-weight:900;
  font-size:.86rem;
  margin-bottom:16px;
}
.pdv-logo{
  display:block;
  width:min(390px, 100%);
  height:auto;
  margin:0 0 18px;
  padding:12px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 20px 46px rgba(15,23,42,.10);
}
.pdv-copy h2{
  margin:0 0 14px;
  font-size:clamp(2rem,3.6vw,3rem);
  line-height:1.05;
  letter-spacing:0;
}
.pdv-copy p{
  margin:0 0 20px;
  color:#475569;
  line-height:1.7;
  font-size:1.04rem;
}
.pdv-feature-list{
  display:grid;
  gap:10px;
  margin:0 0 20px;
}
.pdv-feature-list div{
  display:grid;
  gap:3px;
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.pdv-feature-list strong{color:#0f172a}
.pdv-feature-list span{color:#64748b;line-height:1.45}
.pdv-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.pdv-actions .btn:not(.primary){
  background:#fff;
  border-color:rgba(15,23,42,.10);
  color:#0f172a;
}
.pdv-trial{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:14px 16px;
  border:1px solid rgba(245,158,11,.34);
  background:rgba(255,247,237,.86);
  border-radius:16px;
  color:#475569;
  max-width:520px;
}
.pdv-trial strong{
  color:#b45309;
  white-space:nowrap;
}
.pdv-panel{min-width:0}

/* ZAPFRETE SPOTLIGHT */
.zapfrete-spotlight{
  position:relative;
  overflow:hidden;
  padding:86px 0;
  background:linear-gradient(135deg,rgba(240,253,250,.96),rgba(239,246,255,.94));
  border-top:1px solid rgba(15,118,110,.12);
  border-bottom:1px solid rgba(15,118,110,.12);
}
.zapfrete-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);
  gap:42px;
  align-items:center;
}
.zapfrete-copy{max-width:570px}
.zapfrete-kicker{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:#ccfbf1;
  color:#115e59;
  font-weight:950;
  font-size:.86rem;
  margin-bottom:14px;
}
.zapfrete-logo{display:block;width:min(355px,100%);height:auto;margin:0 0 16px}
.zapfrete-copy h2{
  font-size:clamp(2rem,3.8vw,3.35rem);
  line-height:1.05;
  letter-spacing:0;
  margin:0 0 14px;
  color:#0f172a;
}
.zapfrete-copy p{color:#475569;line-height:1.7;font-size:1.04rem;margin:0 0 20px}
.zapfrete-feature-list{display:grid;gap:10px;margin:0 0 22px}
.zapfrete-feature-list div{
  background:#fff;
  border:1px solid rgba(15,118,110,.14);
  border-radius:10px;
  padding:14px 15px;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}
.zapfrete-feature-list strong{display:block;color:#0f172a;margin-bottom:4px}
.zapfrete-feature-list span{color:#64748b;line-height:1.45}
.zapfrete-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.zapfrete-actions .btn:not(.primary){background:#fff;color:#0f172a;border-color:rgba(15,118,110,.18)}
.zapfrete-trial{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:#475569;
  background:#fff;
  border:1px solid rgba(15,118,110,.14);
  border-radius:12px;
  padding:11px 13px;
}
.zapfrete-trial strong{color:#0f172a}
.zapfrete-panel{min-width:0}
.zapfrete-board{
  background:#0f172a;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(15,23,42,.22);
  padding:20px;
  color:#fff;
  display:grid;
  gap:16px;
}
.zapfrete-board-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(135deg,#0f766e,#2563eb);
}
.zapfrete-board-top span{font-weight:900;color:#ccfbf1}
.zapfrete-board-top strong{font-size:1.25rem}
.zapfrete-route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 6px}
.route-pin{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:950;color:#fff}
.route-pin.start{background:#14b8a6}
.route-pin.end{background:#2563eb}
.route-line{height:8px;border-radius:999px;background:linear-gradient(90deg,#14b8a6,#a7f3d0,#2563eb);position:relative}
.route-line::after{
  content:"";
  position:absolute;
  right:24%;
  top:50%;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fef3c7;
  transform:translateY(-50%);
  box-shadow:0 0 0 6px rgba(254,243,199,.18);
}
.zapfrete-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zapfrete-cards div,.zapfrete-finance{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:15px;
}
.zapfrete-cards small,.zapfrete-finance span{display:block;color:#94a3b8;font-weight:850;margin-bottom:6px}
.zapfrete-cards strong,.zapfrete-finance strong{display:block;color:#fff;font-size:1.12rem;margin-bottom:5px}
.zapfrete-finance{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.zapfrete-finance span:last-child{margin:0;color:#fde68a;text-align:right}

/* PILATESFLOW SPOTLIGHT */
.pilatesflow-spotlight{
  position:relative;
  overflow:hidden;
  padding:86px 0;
  background:linear-gradient(135deg,#f7f5fb 0%,#fdf2f8 52%,#ede9fe 100%);
  border-bottom:1px solid rgba(124,58,237,.14);
}
.pilatesflow-spotlight::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(620px 280px at 13% 18%, rgba(219,39,119,.13), transparent 64%),
    radial-gradient(560px 260px at 88% 8%, rgba(124,58,237,.16), transparent 62%);
  pointer-events:none;
}
.pilatesflow-wrap{
  position:relative;
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1fr);
  gap:42px;
  align-items:center;
}
.pilatesflow-copy{max-width:580px}
.pilatesflow-kicker{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:#ede9fe;
  color:#5b21b6;
  font-weight:950;
  font-size:.86rem;
  margin-bottom:14px;
}
.pilatesflow-logo{
  display:block;
  width:min(370px,100%);
  height:auto;
  margin:0 0 16px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(124,58,237,.12);
  box-shadow:0 18px 42px rgba(124,58,237,.12);
}
.pilatesflow-copy h2{
  font-size:clamp(2rem,3.8vw,3.25rem);
  line-height:1.05;
  letter-spacing:0;
  margin:0 0 14px;
  color:#242038;
}
.pilatesflow-copy p{color:#5f5870;line-height:1.7;font-size:1.04rem;margin:0 0 20px}
.pilatesflow-feature-list{display:grid;gap:10px;margin:0 0 22px}
.pilatesflow-feature-list div{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(124,58,237,.14);
  border-radius:12px;
  padding:14px 15px;
  box-shadow:0 12px 28px rgba(50,30,75,.06);
}
.pilatesflow-feature-list strong{display:block;color:#242038;margin-bottom:4px}
.pilatesflow-feature-list span{color:#6b6479;line-height:1.45}
.pilatesflow-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.pilatesflow-actions .btn:not(.primary){background:#fff;color:#242038;border-color:rgba(124,58,237,.16)}
.pilatesflow-trial{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:#5f5870;
  background:#fff;
  border:1px solid rgba(219,39,119,.16);
  border-radius:12px;
  padding:11px 13px;
}
.pilatesflow-trial strong{color:#7c3aed;white-space:nowrap}
.pilatesflow-panel{min-width:0}
.pilatesflow-board{
  display:grid;
  gap:16px;
  padding:20px;
  border-radius:24px;
  background:#21162f;
  color:#fff;
  box-shadow:0 26px 64px rgba(33,22,47,.25);
  border:1px solid rgba(255,255,255,.14);
}
.pilatesflow-board-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(135deg,#7c3aed,#db2777);
}
.pilatesflow-board-top span{font-weight:900;color:#f5d0fe}
.pilatesflow-board-top strong{font-size:1.25rem}
.pilatesflow-schedule{display:grid;gap:10px}
.pilatesflow-schedule div,
.pilatesflow-metrics div{
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.07);
  border-radius:16px;
  padding:14px 15px;
}
.pilatesflow-schedule div{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
}
.pilatesflow-schedule small,
.pilatesflow-metrics span{color:#c4b5fd;font-weight:850}
.pilatesflow-schedule strong{color:#fff}
.pilatesflow-schedule span{color:#fbcfe8;font-weight:850;text-align:right}
.pilatesflow-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pilatesflow-metrics strong{display:block;color:#fff;font-size:1.45rem;margin-top:6px}
.pilatesflow-bar{
  display:grid;
  grid-template-columns:1.2fr .85fr 1fr .65fr;
  gap:8px;
  align-items:end;
  min-height:90px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
}
.pilatesflow-bar span{display:block;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,#f0abfc,#db2777)}
.pilatesflow-bar span:nth-child(1){height:62px}
.pilatesflow-bar span:nth-child(2){height:44px;background:linear-gradient(180deg,#c4b5fd,#7c3aed)}
.pilatesflow-bar span:nth-child(3){height:76px}
.pilatesflow-bar span:nth-child(4){height:34px;background:linear-gradient(180deg,#c4b5fd,#7c3aed)}

.pdv-terminal{
  background:#0f172a;
  color:#e2e8f0;
  border:1px solid rgba(15,23,42,.14);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(15,23,42,.25);
  overflow:hidden;
}
.pdv-terminal-top{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  background:#111827;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.pdv-terminal-top span{font-weight:950;color:#fff}
.pdv-terminal-top strong{
  color:#86efac;
  font-size:.86rem;
}
.pdv-terminal-body{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:14px;
  padding:16px;
}
.pdv-terminal-left,
.pdv-terminal-right{
  display:grid;
  gap:12px;
  min-width:0;
}
.pdv-scan,
.pdv-total-card,
.pdv-mini-grid div,
.pdv-line,
.pdv-pay-preview span{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  border-radius:14px;
}
.pdv-scan{
  padding:14px;
}
.pdv-scan small,
.pdv-total-card span,
.pdv-mini-grid span{
  display:block;
  color:#94a3b8;
  font-weight:800;
  font-size:.78rem;
  margin-bottom:5px;
}
.pdv-scan strong{
  color:#fff;
  font-size:1.12rem;
  letter-spacing:0;
}
.pdv-total-card{
  padding:16px;
  background:linear-gradient(135deg, #059669, #10b981);
  color:#fff;
}
.pdv-total-card span{color:rgba(255,255,255,.78)}
.pdv-total-card strong{
  display:block;
  font-size:2.15rem;
  line-height:1;
}
.pdv-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.pdv-mini-grid div{padding:12px}
.pdv-mini-grid strong{color:#fff}
.pdv-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
}
.pdv-line span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pdv-line strong{color:#fff;white-space:nowrap}
.pdv-pay-preview{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:2px;
}
.pdv-pay-preview span{
  padding:10px 6px;
  text-align:center;
  color:#fff;
  font-weight:900;
  font-size:.78rem;
}
.pdv-terminal-foot{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 16px 16px;
}
.pdv-terminal-foot span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#cbd5e1;
  font-weight:800;
  font-size:.82rem;
}

/* SECTION BASE */
.section{padding:70px 0}
.section-title{
  font-size:clamp(1.7rem,3vw,2.3rem);
  margin:0 0 14px;
  text-align:center;
  letter-spacing:-.01em;
}
.section-sub{
  text-align:center;
  color:var(--muted);
  margin:0 auto 30px;
  max-width:70ch;
}

/* SERVICES */
.services-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
  margin-top:22px;
}
.service-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.service-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
  border-color:rgba(31,111,235,.25);
}
.service-card img{
  border-radius:14px;
  border:1px solid var(--border);
}
.service-card h3{margin:16px 0 8px}
.service-card p{margin:0 0 10px;color:var(--muted);line-height:1.55}
.mini-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.65}

/* PROCESS */
.process{background:#fff}
.process-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:18px;
}
.process-card{
  background:#f8fafc;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease;
}
.process-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.step-num{
  width:38px;height:38px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  background:rgba(31,111,235,.10);
  color:var(--primary);
  margin-bottom:10px
}
.process-card h3{margin:0 0 8px}
.process-card p{margin:0;color:var(--muted);line-height:1.55}

/* BEFORE AFTER */
.before-after-section{background:#fff}
.before-after-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
  margin-top:22px;
}
.ba-card{
  background:#f8fafc;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:22px;
  text-align:center;
  position:relative;
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease;
}
.ba-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.ba-card img{border-radius:14px;border:1px solid var(--border)}
.ba-label{
  position:absolute;top:16px;left:16px;
  font-size:.78rem;padding:6px 12px;border-radius:999px;
  font-weight:900;letter-spacing:.02em;
}
.ba-label.before{background:#fee2e2;color:#991b1b}
.ba-label.after{background:#dcfce7;color:#166534}
.ba-card p{margin:14px 0 0;color:var(--muted)}

/* ABOUT (corrigido: sem sobreposição e foto menor) */
.about{padding-top:40px}
.about-grid{
  display:grid;
  grid-template-columns: 180px 1fr; /* foto menor, layout estável */
  gap:22px;
  align-items:start;
  margin-top:18px;
}
.about-photo{
  display:flex;
  justify-content:center;
}
.about-photo img{
  width:140px;
  height:140px;
  border-radius:999px;
  object-fit:cover;
  border:4px solid #fff;
  box-shadow:var(--shadow-soft);
}

.about-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--shadow-soft);
}
.about-badge{
  display:inline-block;
  padding:6px 10px;
  border:1px solid var(--border);
  background:#f8fafc;
  border-radius:999px;
  color:var(--muted);
  font-weight:900;
  font-size:.85rem;
  margin-bottom:10px;
}
.about-card h3{
  margin:0 0 10px;
  font-size:1.25rem;
}
.about-text{
  margin:0 0 12px;
  color:var(--muted);
  line-height:1.7;
  max-width:78ch;
}
.about-points{
  display:grid;
  gap:10px;
  margin:12px 0 16px;
  color:var(--muted);
}
.point{
  display:flex;
  gap:10px;
  align-items:flex-start;
  line-height:1.6;
}
.point-dot{
  width:10px;height:10px;border-radius:999px;
  margin-top:7px;
  background:linear-gradient(135deg, var(--primary), #22c55e);
  flex:0 0 10px;
}
.about-actions{display:flex;gap:12px;flex-wrap:wrap}

/* FAQ */
.faq-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:22px;
}
.faq-item{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px 16px;
  box-shadow:var(--shadow-soft);
}
.faq-item summary{cursor:pointer;font-weight:900}
.faq-item p{margin:10px 0 0;color:var(--muted);line-height:1.6}

/* CONTACT */
.contact{
  background:var(--bg-dark);
  color:#fff;
  padding:60px 0;
}
.contact-wrap{padding:0 20px}
.contact-box{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:26px;
  background:rgba(255,255,255,.04);
}
.logo-footer{height:74px;width:auto;margin-bottom:12px}
.contact-text{margin:0 0 10px;color:rgba(255,255,255,.86);line-height:1.6}
.contact-tech{margin:0;color:rgba(255,255,255,.70);font-size:.95rem}
.contact-form{display:grid;gap:10px}
.field{display:grid;gap:6px}
label{font-size:.9rem;color:rgba(255,255,255,.75)}
input, textarea{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  color:#fff;
  font:inherit;
}
textarea{min-height:120px;resize:vertical}
.muted-note{margin:0;color:rgba(255,255,255,.65);font-size:.92rem}

/* FOOTER */
.footer{
  background:#020617;
  color:#cbd5e1;
  padding:20px 0;
}
.footer-inner{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:.95rem;
  flex-wrap:wrap;
}

/* WhatsApp floating CTA */
.wa-float{
  position:fixed;
  right:18px;
  bottom:18px;
  background:var(--primary);
  color:#fff;
  padding:12px 14px;
  border-radius:999px;
  font-weight:900;
  box-shadow:var(--shadow);
  z-index:50;
  transition:transform .15s ease, filter .15s ease;
}
.wa-float:hover{transform:translateY(-2px);filter:brightness(.98)}

/* REVEAL */
.reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .55s ease, transform .55s ease;
  will-change:opacity, transform;
}
.reveal.is-visible{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:900px){
  .menu{display:none}
  .clean-hero{padding:58px 0 24px}
  .clean-hero-grid{grid-template-columns:1fr}
  .clean-hero .hero-text h1{font-size:2.55rem}
  .hero-summary{padding:16px}
  .quick-choice-grid{grid-template-columns:1fr}
  .systems-grid{grid-template-columns:1fr}
  .system-card{padding:22px}
  .system-card-top{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .system-badges{
    flex-direction:row;
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .system-badge{max-width:100%}
  .system-logo{min-height:auto}
  .system-logo img{max-height:74px}
  .system-actions{grid-template-columns:1fr}
  .system-modal{
    width:min(100vw - 16px, 720px);
    max-height:calc(100vh - 16px);
  }
  .system-modal-shell{padding:20px}
  .modal-close{top:10px;right:10px}
  .modal-hero{grid-template-columns:1fr}
  .modal-copy{padding-right:42px}
  .modal-logo{max-width:230px}
  .screen-body{grid-template-columns:1fr}
  .screen-sidebar{
    grid-template-columns:repeat(3,1fr);
    align-items:center;
  }
  .screen-sidebar img{
    grid-column:1 / -1;
    width:min(230px,100%);
  }
  .screen-metrics{grid-template-columns:1fr}
  .screen-workspace{grid-template-columns:1fr}
  .modal-detail-grid{grid-template-columns:1fr}
  .custom-wrap{grid-template-columns:1fr;padding:22px}
  .hero{padding:60px 0 18px}
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-text{max-width:100%}
  .hero-image{justify-content:center}
  .hero-image img{max-width:100%}

  .benefits-grid{grid-template-columns:1fr}
  .tripflow-wrap{grid-template-columns:1fr}
  .tripflow-logo{width:min(320px, 100%)}
  .tripflow-feature-grid{grid-template-columns:1fr}
  .tripflow-trial{display:block}
  .tripflow-trial strong{display:block;margin-bottom:4px}
  .zapfrete-wrap{grid-template-columns:1fr}
  .zapfrete-copy{max-width:100%}
  .zapfrete-cards{grid-template-columns:1fr}
  .zapfrete-finance{grid-template-columns:1fr}
  .zapfrete-finance span:last-child{text-align:left}
  .pilatesflow-wrap{grid-template-columns:1fr}
  .pilatesflow-copy{max-width:100%}
  .pilatesflow-schedule div{grid-template-columns:1fr}
  .pilatesflow-schedule span{text-align:left}
  .pilatesflow-metrics{grid-template-columns:1fr}
  .pilatesflow-trial{display:block}
  .pilatesflow-trial strong{display:block;margin-bottom:4px}
  .pdv-wrap-site{grid-template-columns:1fr}
  .pdv-copy{max-width:100%}
  .pdv-terminal-body{grid-template-columns:1fr}
  .pdv-pay-preview{grid-template-columns:repeat(2,1fr)}
  .pdv-trial{display:block}
  .pdv-trial strong{display:block;margin-bottom:4px}
  .services-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr}
  .before-after-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .contact-box{grid-template-columns:1fr}
  .logo-img{height:58px}

  .about-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .about-photo{
    justify-content:flex-start;
  }
  .about-photo img{
    width:120px;
    height:120px;
  }
}