/* Coming-soon page for crm.webto.tech and wap.webto.tech. Palette follows the active site theme
   (set on <html data-theme> from /brand/manifest.json). System fonts keep it a single small file. */
:root { color-scheme: only light; --bg: #ffffff; --ink: #0d1330; --muted: #4a5170; --accent: #2b3ee6; --on-accent: #ffffff; --soft: #eef0fe; --font: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; }
[data-theme="b"] { --bg: #f5efe4; --ink: #1d1814; --muted: #5a4f46; --accent: #a8432a; --on-accent: #fffaf2; --soft: #ebe1d0; --font: Georgia, 'Times New Roman', serif; }
[data-theme="d"] { --bg: #faf7ff; --ink: #2d1640; --muted: #5d4a72; --accent: #5b2a86; --on-accent: #ffffff; --soft: #efe6fb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(60rem 30rem at 50% -10%, var(--soft), transparent 70%), var(--bg); color: var(--ink); font: 400 1.05rem/1.6 var(--font); }
.cs { width: min(40rem, 100% - 2rem); padding: 4rem 0; text-align: center; }
.cs__logo { display: inline-block; margin-bottom: 3rem; }
.cs__logo img { height: 40px; width: auto; max-width: 100%; }
.cs__tag { display: inline-block; margin: 0 0 1rem; padding: .3rem .8rem; border-radius: 99px; background: var(--soft); color: var(--accent); font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.cs__title { margin: 0 0 1rem; font-size: clamp(2rem, 1.4rem + 3vw, 3.2rem); line-height: 1.1; letter-spacing: -.02em; }
.cs__lead { margin: 0 auto 2rem; max-width: 32rem; color: var(--muted); }
.cs__actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; align-items: center; margin: 0; }
.cs__btn { padding: .85rem 1.4rem; border-radius: 99px; background: var(--accent); color: var(--on-accent); font-weight: 600; text-decoration: none; }
.cs__link { color: var(--ink); font-weight: 600; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }