/* FAST POST website refresh (29 Oct 2026): the customer's reference — navy header, white page, teal actions,
   multi-industry hero with real product screenshots (laptop + phone), photo category tiles, three steps. */
.refresh{--navy:#0d1f3c;--teal:#0b7f80;--teal-2:#14a3a3;--teal-soft:#e4f4f4;--ink:#101a2b;--muted:#516073;--line:#e3e8ef;background:#fff}
.refresh .topbar{background:var(--navy);border:0;position:sticky;top:0;z-index:20}
.refresh .topbar .nav{min-height:64px}
.refresh .topbar nav a{color:#dbe5f3}
.refresh .topbar nav a:hover{color:#fff}
.button.teal{background:var(--teal);color:#fff;border-color:var(--teal)}
.button.teal:hover{background:#08686a}
.button.ghost{background:#fff;color:var(--teal);border:1.5px solid var(--teal)}
.hero2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;padding-block:56px 32px}
.hero2 h1{font-size:clamp(40px,5.4vw,72px);line-height:1.04;letter-spacing:-.02em;color:var(--ink);margin:0 0 18px}
.hero2 h1 span{color:var(--teal)}
.hero2 .lead{font-size:20px;color:var(--muted);max-width:34rem}
.hero2 .actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}
.hero2-visual{position:relative;padding-bottom:28px}
.laptop{position:relative;margin-inline-start:12%}
.laptop-screen{background:#111;border-radius:14px 14px 0 0;padding:10px;box-shadow:0 24px 50px -24px rgba(13,31,60,.45)}
.laptop-screen img{border-radius:6px;display:block;width:100%;height:auto}
.laptop-base{height:16px;background:linear-gradient(#d7dbe2,#b9bfc9);border-radius:0 0 14px 14px;margin-inline:-5%}
.phone{position:absolute;inset-inline-start:0;bottom:8px;width:27%;background:#111;border-radius:26px;padding:7px;box-shadow:0 20px 40px -18px rgba(13,31,60,.55)}
.phone img{border-radius:20px;display:block;width:100%;height:auto}
.hero2-visual .screenshot-open{display:block;border:0;padding:0;background:none;cursor:zoom-in;width:100%}
.hero2-visual .caption{position:absolute;bottom:-6px;inset-inline-end:0;font-size:13px;color:var(--muted)}
.cat-tiles{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.cat-tiles a{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;text-decoration:none}
.cat-tiles img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cat-tiles a:hover img{transform:scale(1.04)}
.cat-tiles span{position:absolute;inset-inline:0;bottom:0;padding:28px 14px 10px;background:linear-gradient(transparent,rgba(8,18,36,.78));color:#fff;font-weight:800;font-size:22px}
.how{margin-block:26px}
.how-steps{list-style:none;margin:0;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#eef6fb;border-radius:18px}
.how-steps li{display:flex;gap:14px;align-items:flex-start}
.how-steps .num{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1f6fe5;color:#fff;font-weight:800}
.how-steps h3{margin:0 0 2px;font-size:20px}
.how-steps p{margin:0;color:var(--muted)}
.feature-row{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-row li{display:flex;flex-direction:column;gap:4px;padding-inline-start:14px;border-inline-start:3px solid var(--teal-2)}
.feature-row strong{font-size:17px}.feature-row span{color:var(--muted);font-size:15px}
.soon{margin-block:34px}
.soon-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:26px;border:1px dashed #b9c6d6;border-radius:18px;background:#fafcfe}
.soon-card ul{margin:0;padding-inline-start:18px;display:grid;gap:8px;color:var(--ink)}
.soon-pill{display:inline-block;font-size:13px;font-weight:700;color:#6b4a00;background:#fdf1d2;border-radius:999px;padding:2px 12px;margin-bottom:8px}
.soon-card h2{margin:0 0 6px}
@media (max-width:960px){.hero2{grid-template-columns:1fr;padding-top:32px}.cat-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-row{grid-template-columns:repeat(2,1fr)}.soon-card{grid-template-columns:1fr}.refresh .topbar nav{display:none}}
@media (max-width:640px){.how-steps{grid-template-columns:1fr}.cat-tiles span{font-size:18px}.feature-row{grid-template-columns:1fr}.hero2 .lead{font-size:18px}}