/* The start page, since October 28, 2026: where every "Start building" on the feature pages lands. The mark, the home
   page's line, the box and the trust line on the salon still, nothing else to do but type. The box and its chat come
   from home.css and the home page's script, copied as they are. */
.start-page { background: var(--night); color: #fff; }
.start { position: relative; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 72px 24px 90px; text-align: center; overflow: hidden; }
.start-media { position: absolute; inset: 0; z-index: 0; }
.start-media img, .start-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.start-media video { opacity: 0; transition: opacity .6s; }
.start-media.has-video video { opacity: 1; }
.start-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .45) 40%, rgba(0, 0, 0, .7)); }
.start-in { position: relative; z-index: 2; width: 100%; max-width: 760px; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.start .brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 600; font-size: 22px; margin-bottom: 26px; }
.start .brand img { width: 34px; height: 34px; }
.start h1 { margin: 0; font-size: clamp(38px, 5vw, 68px); font-weight: 400; letter-spacing: -.045em; line-height: 1; text-wrap: balance; }
.start .sub { margin: 0; font-size: 19px; line-height: 1.5; color: rgba(255, 255, 255, .82); max-width: 46ch; }
.start .box { text-align: left; margin-top: 10px; }
.start .trust { margin-top: 2px; }
.start-foot { position: absolute; left: 0; right: 0; bottom: 22px; z-index: 2; margin: 0; display: flex; justify-content: center; gap: 22px; font-size: 15px; }
.start-foot a { color: rgba(255, 255, 255, .55); text-decoration: none; }
.start-foot a:hover { color: #fff; }
@media (max-width: 900px) { .start { padding: 48px 20px 80px; } .start .brand { margin-bottom: 14px; } }