/* Coming-soon page + preview gate (loaded after site.css) */

.soon-header { position: absolute; inset: 0 0 auto 0; z-index: 10; color: #fff; }
.soon-header .wrap { height: var(--header-h); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.soon-header .nav__phone svg { color: var(--brass-2); }
.soon-header--solid { position: relative; background: var(--ink); }
.soon-header__links { display: flex; align-items: center; gap: 28px; font-size: 15px; font-weight: 500; }
.soon-header__links a:hover { color: var(--brass-2); }
@media (max-width: 560px) { .soon-header__links .nav__phone span { display: none; } .soon-header__links { gap: 18px; } }

.soon { position: relative; overflow: hidden; isolation: isolate; background: var(--ink); color: #fff; padding: calc(var(--header-h) + clamp(40px, 7vw, 96px)) 0 clamp(64px, 8vw, 110px); }
.soon::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(60% 70% at 85% 10%, rgba(176, 141, 87, 0.22), transparent 60%), radial-gradient(50% 60% at 0% 100%, rgba(28, 47, 77, 0.9), transparent 70%), linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%); }
.soon__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(40px, 6vw, 96px); align-items: start; }
.soon h1 { margin: 24px 0 26px; font-size: clamp(42px, 5.4vw, 78px); }
.soon .lead { margin-bottom: 18px; }
.soon__status { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 12px; border: 1px solid var(--line-dark); border-radius: 999px; font-size: 13px; font-weight: 600; color: #d6dce6; }
.soon__status i { width: 8px; height: 8px; border-radius: 50%; background: var(--brass-2); box-shadow: 0 0 0 0 rgba(201,167,111,.6); animation: pulse 2.4s infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(201,167,111,.55); } 70% { box-shadow: 0 0 0 10px rgba(201,167,111,0); } 100% { box-shadow: 0 0 0 0 rgba(201,167,111,0); } }
.soon__facts { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0 0; }
.soon__facts li { font-size: 13.5px; padding: 7px 14px; border: 1px solid var(--line-dark); border-radius: 999px; color: #d6dce6; }
.soon .contact__details { margin-top: 36px; }
@media (max-width: 960px) { .soon__inner { grid-template-columns: 1fr; } }

/* Info band: preview gate + studio note */
.soon-band { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); }
.soon-card { background: var(--white); border: 1px solid var(--line); border-radius: 6px; padding: clamp(28px, 3.5vw, 44px); display: flex; flex-direction: column; }
.soon-card h2 { font-family: var(--serif); font-size: clamp(30px, 3vw, 40px); line-height: 1.1; margin: 16px 0 14px; }
.soon-card p { color: var(--muted); }
.soon-card .tano-badge { margin-top: auto; align-self: flex-start; }
@media (max-width: 860px) { .soon-band { grid-template-columns: 1fr; } }

.gate { display: flex; gap: 10px; margin-top: 8px; }
.gate input { flex: 1; min-width: 0; min-height: 54px; padding: 0 16px; font: inherit; font-size: 16px; color: var(--text); background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.gate input:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 3px rgba(176,141,87,.25); }
.gate .btn { flex-shrink: 0; }
.gate__msg { min-height: 1.5em; margin: 12px 0 0; font-size: 14px; }
.gate__msg.is-err { color: #9a2f1f; }
.gate__msg.is-ok { color: #1f4d2b; }
@media (max-width: 480px) { .gate { flex-direction: column; } }

.soon-footer { background: var(--ink); color: var(--muted-on-dark); border-top: 1px solid var(--line-dark); padding: 36px 0; font-size: 13.5px; }
.soon-footer .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.soon-footer ul { display: flex; flex-wrap: wrap; gap: 22px; }
.soon-footer a:hover { color: #fff; }

/* tanomedia badge (same as daradiant.com footer) */
.tano-badge { --tano-bg: #16161b; --tano-border: #26262e; --tano-muted: #8a8a92; --tano-name: #f2efe9;
  display: inline-flex; align-items: center; gap: 11px; padding: 10px 16px; border-radius: 10px;
  border: 1px solid var(--tano-border); background: var(--tano-bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 13px; line-height: 1; color: var(--tano-muted); text-decoration: none;
  box-shadow: 0 0 0 0 rgba(217,79,43,0); transition: box-shadow .26s ease, border-color .26s ease, transform .26s ease; }
.tano-badge.is-light { --tano-bg: #ffffff; --tano-border: #e4dfd4; --tano-muted: #6b6862; --tano-name: #101014; }
.tano-badge:hover { border-color: #d94f2b; transform: translateY(-1px); box-shadow: 0 6px 28px -6px rgba(217,79,43,.5); }
.tano-badge img { width: 22px; height: 22px; display: block; object-fit: contain; }
.tano-badge b { font-weight: 700; letter-spacing: -.01em; color: var(--tano-name); transition: color .26s ease; }
.tano-badge:hover b { color: #d94f2b; }
.tano-badge span { font-size: 13px; color: #d94f2b; transition: transform .26s ease; }
.tano-badge:hover span { transform: translate(2px, -2px); }
.tano-badge:focus-visible { outline: 2px solid #d94f2b; outline-offset: 3px; }

.soon-header .nav__phone { border: 0; min-height: 0; justify-content: flex-start; }
.tano-badge { white-space: nowrap; max-width: 100%; }
@media (max-width: 400px) { .soon-card .tano-badge { gap: 8px; padding: 10px 12px; font-size: 12px; } .soon-card .tano-badge span { font-size: 12px; } }