:root {
  --bg:#f8f5f1; --bg2:#f0e8df; --text:#352f2b; --muted:#85796f;
  --accent:#c35f36; --accent2:#ad6845; --pink:#b77c59; --green:#668c7e;
  --blue:#69858a; --amber:#a57b49; --card:#fffcf8; --border:#e4d8cd;
}
html { scroll-snap-type:none; scroll-padding-top:90px; }
body { font-family:Inter,system-ui,sans-serif; padding-top:80px; }
.business-header { position:fixed; top:0; left:0; right:0; z-index:110; height:80px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 max(28px,calc((100vw - 1140px)/2)); background:#f8f5f1f5; border-bottom:1px solid #e7ded5; backdrop-filter:blur(12px); }
.business-brand { font:400 29px 'Cormorant Garamond',Georgia,serif; letter-spacing:2px; color:var(--accent); text-decoration:none; white-space:nowrap; }
.business-header nav { display:flex; align-items:center; gap:26px; }
.business-header nav a { color:var(--text); text-decoration:none; font-size:12px; }
.business-header nav a:last-child { border:1px solid #d9cbbf; padding:11px 20px; border-radius:30px; }
section { min-height:0; scroll-snap-align:none; padding:80px 32px; overflow:visible; border-bottom:1px solid #e9e0d7; }
section:before { display:none; }
section:nth-of-type(even) { background:#f1ebe4; }
.container { max-width:1140px; padding:0; }
h1,h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; letter-spacing:-1.1px; }
h1 { font-size:clamp(64px,7vw,92px); }
h2 { font-size:clamp(38px,4.1vw,56px); line-height:1.08; max-width:900px; }
h3 { font-weight:500; }
p { color:#796b60; font-size:15px; line-height:1.8; }
.gradient-text,.gradient-amber { background:none; -webkit-text-fill-color:currentColor; color:var(--accent); }
.gradient-green { background:none; -webkit-text-fill-color:currentColor; color:var(--green); }
.tag { border:0; background:none; border-radius:0; padding:0; font-size:10px; font-weight:500; letter-spacing:2px; margin-bottom:22px; }
.tag-green,.tag-blue,.tag-amber { background:none; }
.divider,.divider-green,.divider-amber { height:1px; width:64px; background:#c99d7f; margin:24px 0 28px; }
.card,.card-green,.problem-item,.wl-card,.tier,.plan { background:linear-gradient(135deg,#fffcf8,#f8f1e9); border:1px solid var(--border); box-shadow:0 6px 22px #5f402704; backdrop-filter:none; border-radius:16px; }
.cards { gap:18px; margin-top:32px; }
.card { padding:26px; }
.card p,.card-green p { color:#85776c; }
.card .icon,.problem-item .icon { display:grid; place-items:center; width:42px; height:42px; background:#eee4d8; border-radius:50%; font-size:22px; margin-bottom:20px; }
.card h3,.problem-item h3 { font-size:17px; }
.tier.highlight,.plan.gold { background:#f0e2d4; border-color:#c78a65; }
.tier { padding:24px 14px; }
.tier-price { font-weight:500; }
.stat-num,.plan-price { font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; background:none; -webkit-text-fill-color:currentColor; color:var(--accent); }
.stat-num { font-size:58px; }
.stat { border-right:1px solid var(--border); }
.stat:last-child { border:0; }
.step-num,.tl-dot { background:#f0e2d4; border:1px solid #e0cbb8; color:var(--accent); font-weight:400; }
.step-num { font-family:'Cormorant Garamond',Georgia,serif; font-size:32px; }
.steps:before { background:#d6b49c; height:1px; }
.tech-tag { background:#f3ece4; font-weight:500; }
.cta-btn { background:linear-gradient(135deg,#d27748,#b8532c); color:#fff; border-radius:9px; padding:15px 26px; font-size:14px; font-weight:500; box-shadow:0 6px 15px #a9582d18; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid #c35f36; outline-offset:4px; }
.cta-btn:hover { filter:brightness(.96); }
.mock,.screen-card { background:#fffaf5; border-color:#e4d6c9; }
.mock-bar,.screen-header { background:#f0e6db; border-color:#e4d6c9; }
.bubble-in { background:#eee3d6; color:#6b594c; }
.bubble-out { background:#e4cbb8; color:#513c2c; }
.slide-num { color:#aa9481; bottom:22px; right:40px; font-weight:400; letter-spacing:1px; }
.nav { right:10px; gap:8px; }
.nav a { background:#d6c6b6; width:6px; height:6px; }
#s1 { padding:36px 32px 62px; }
#s1>.container { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; text-align:left!important; }
.business-hero-copy { min-width:0; }
.business-hero-copy .divider { margin-left:0!important; }
.business-hero-copy>p { margin-left:0!important; }
.business-hero-copy>div[style*="display:flex"] { justify-content:flex-start!important; gap:10px!important; margin-top:24px!important; }
.business-hero-copy>div[style*="display:flex"]>div { padding:14px 18px!important; }
.business-hero-copy>div[style*="display:flex"]>div>div:first-child { font-size:18px!important; font-weight:500!important; }
.business-hero-copy>p:last-child { font-size:11px!important; margin-top:26px!important; color:var(--muted)!important; }
.business-hero-visual { height:570px; border-radius:19px; overflow:hidden; border:1px solid #e2d6c9; background:#eee2d2; }
.business-hero-visual img { height:100%; width:100%; object-fit:cover; object-position:73% center; display:block; }
#s14 button { font-family:inherit; font-weight:500!important; }
#s17 { background:linear-gradient(135deg,#eee2d5,#f8f4ee); }
#s17 h2 { margin-left:auto; margin-right:auto; }
@media(max-width:1000px) {
  .business-header { padding:0 24px; }
  #s1>.container { gap:25px; grid-template-columns:1.15fr .85fr; }
  .business-hero-visual { height:580px; }
  .cards.col4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tiers { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
  body { padding-top:68px; }
  .business-header { height:68px; padding:0 18px; gap:10px; }
  .business-brand { font-size:22px; letter-spacing:1px; }
  .business-header nav { gap:12px; }
  .business-header nav a { font-size:10px; }
  .business-header nav a:first-child { display:none; }
  .business-header nav a:last-child { padding:8px 12px; }
  section { padding:52px 22px; }
  #s1 { padding:30px 22px 48px; }
  #s1>.container { grid-template-columns:1fr; gap:28px; }
  .business-hero-visual { height:310px; }
  .business-hero-visual img { object-position:70% 60%; }
  .business-hero-copy>p:first-of-type { font-size:19px!important; }
  .business-hero-copy>p { font-size:14px!important; }
  h1 { font-size:66px; }
  h2 { font-size:39px; }
  .cards.col2,.cards.col3,.cards.col4,.tiers,.pricing,.problem-list { grid-template-columns:1fr; }
  .card,.card-green,.problem-item,.plan { padding:22px; }
  .nav { display:none; }
  .slide-num { right:22px; bottom:15px; font-size:9px; }
  .stats { gap:22px 8px; }
  .stat:nth-child(2) { border:0; }
  #s14>.container>div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr!important; }
  #s14 button { padding:10px 14px!important; font-size:12px!important; }
  #s17>.container>div[style*="grid-template-columns"] { grid-template-columns:1fr!important; }
  #s17 a { margin-left:0!important; margin-right:8px; margin-top:16px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* A single text-led hero and shared fine line icons across the presentation. */
#s1>.container { display:block; max-width:1140px; }
.business-hero-copy { max-width:900px; }
.business-icon { display:inline-block; width:20px; height:20px; vertical-align:-4px; flex-shrink:0; margin-right:3px; color:inherit; }
.icon .business-icon,.tl-dot .business-icon,.feature-icon .business-icon { margin:0; width:23px; height:23px; }
.pipeline-stage>div:first-child .business-icon { width:32px; height:32px; margin:0; }
.step-num .business-icon { width:27px; height:27px; margin:0; }
h3 .business-icon,h4 .business-icon { width:19px; height:19px; }
button .business-icon { width:18px; height:18px; }

/* Centre every glyph inside its tile and use the same quiet finish. */
.business-icon-holder { display:flex!important; align-items:center; justify-content:center; line-height:1; flex-shrink:0; }
.business-icon-holder>.business-icon { display:block; margin:0; width:23px; height:23px; }
.business-icon-tile { background:#efe5d9!important; color:#936c4f!important; border:1px solid #e0cfbe!important; border-radius:12px!important; flex-shrink:0!important; }
.card>div[style*="display:flex"]>div:first-child { flex-shrink:0; }
.card>div[style*="display:flex"] h3 { color:#4e4035!important; }
.screen-header { display:flex; align-items:center; gap:8px; background:#eee3d7!important; color:#805f49!important; border-bottom:1px solid #e0d0c0; min-height:44px; }
.screen-header .business-icon { margin:0; width:17px; height:17px; }
.screen-body { color:#66574b; }
#s9 { background:#f0e9e1!important; }
#s17 p>.business-icon { color:#936c4f; width:16px; height:16px; margin-right:5px; vertical-align:-3px; }
#s13 .business-icon-holder>.business-icon { width:28px; height:28px; color:#a67a55; }

#s17 .b2b-copyright { color:#766355!important; font-size:12px!important; line-height:1.6; }

@media(max-width:360px) { h1 { font-size:clamp(52px,17vw,60px); } h2 { font-size:32px; overflow-wrap:break-word; } }
