/* The entrance (templates/home.html), FL-042.
 *
 * Moved verbatim out of the <style> block in templates/home.html on 7
 * October 2026. An inline <style> block beats every stylesheet by load
 * order, which is how the fleet's nav bars drifted in July. The template
 * links this sheet at the exact place the block stood (in extra_head after
 * field.css, which base.html places after base.css and before
 * phronon-tokens.css), so every rule still wins the same cascade fights.
 * Polarity Profiler alone owns it: sync_shared_assets.py does not carry it.
 */

/* ── The Field (concept A, owner-picked 17 August 2026) ──────────────────
   The entrance lives in the simulation of its own idea: two unmarked poles,
   a field between them, a slow reversal. Deep indigo #10142e — deliberately
   NOT the backoffice navy (#0F1B2D) and not Orgsim's slate (#0f172a): the
   fleet's dark entrances are siblings, not clones.

   THE POLES ARE UNMARKED AND STAY THAT WAY. Naming an axis here would prime
   Part A (see field.js header and tests/test_home_page.py). */
body { background: #10142e; color: #eef1fb; }

/* NO NAVIGATION BAR (owner, 17 August 2026). An entrance has one thing to
   do, and a bar across the top of it is a menu for a site the visitor has
   not entered yet. The identity moved into the copy column, directly over
   the proposition, where it reads as a title rather than as chrome. The
   language control is the one thing that must stay reachable, so it floats
   in the corner with no bar under it. */
/* The tool names itself at the same size it makes its proposition (owner,
   17 August 2026). Same clamp as .field-prop, so the two lines scale together
   and the lockup never shrinks to a caption at one width and not another.
   The circles are sized in `em`, so they follow the type instead of needing
   their own breakpoint. */
.field-lockup {
  display: inline-flex; align-items: center; gap: .32em;
  font-size: clamp(1.9rem, 4.6vw, 2.9rem); font-weight: 650;
  line-height: 1.09; letter-spacing: -.015em; color: #eef1fb; margin: 0;
}
.field-lockup svg { width: 1.15em; height: 1.15em; flex-shrink: 0; }

.field-lang {
  position: absolute; z-index: 4; top: 1rem; right: 1.25rem;
}

.field-main { position: relative; overflow: hidden; min-height: calc(100dvh - 96px); display: flex; }

.field-inner {
  position: relative; z-index: 2;
  width: 100%; max-width: 1080px; margin: 0 auto;
  padding: 3.5rem 1.5rem; display: flex; align-items: center;
}
.field-copy { max-width: 33rem; display: flex; flex-direction: column; gap: 1.35rem; }
/* The lockup sits ON the proposition, not near it: one unit, two lines. */
/* Same size, one notch lighter, and a hair of air between them: the name and
   the claim are two statements, and at identical weight they read as one
   four-line sentence. */
.field-copy .field-lockup + .field-prop { margin-top: -.55rem; }

.field-prop {
  font-size: clamp(1.9rem, 4.6vw, 2.9rem); font-weight: 800;
  line-height: 1.09; letter-spacing: -.025em; text-wrap: balance; margin: 0;
}
.field-lede { color: #b9c2e0; font-size: 1rem; line-height: 1.6; margin: 0; }

.field-form { margin: 0; }
.field-form .form-label { color: #b9c2e0; font-weight: 600; font-size: .9rem; }
.field-form .form-control {
  background: #0b0f24; border: 1px dashed #3a4470; color: #eef1fb;
  font-size: 18px; letter-spacing: 1px; min-height: 48px;
}
.field-form .form-control::placeholder { color: #6a76a5; }
.field-form .form-control:focus {
  background: #0b0f24; color: #eef1fb; border-color: #4c86e8;
  border-style: solid; box-shadow: 0 0 0 3px rgba(76,134,232,.3);
}
/* The entrance has ONE action and it is a link now, not a form submit, so it
   is sized like a button rather than like a field: a 24rem-wide "Start" was
   the shape of the code input it replaced. */
.btn-field {
  display: inline-flex; align-items: center; justify-content: center;
  background: #eef1fb; color: #10142e; font-weight: 700; border: none;
  min-height: 48px; padding: 0 2.75rem; border-radius: 8px;
  text-decoration: none;
}
.btn-field:hover { background: #ffffff; color: #10142e; }
.btn-field:focus-visible { outline: 3px solid #4c86e8; outline-offset: 3px; }

.field-note { font-size: 12px; color: #8d96bd; margin: 0; }
.field-edu { font-size: 13px; margin: 0; }
.field-edu a { color: #8d96bd; text-decoration: none; }
.field-edu a:hover { color: #eef1fb; text-decoration: underline; }
.field-edu a:focus-visible { outline: 2px solid #4c86e8; outline-offset: 2px; border-radius: 3px; }

/* The shared footer is light by default; this page is dark. Same per-page
   recolour Orgsim's entrance uses — the shared sheet stays untouched. */
.ph-footer { background: #0b0f24; border-top: 1px solid #232a4d; color: #8d96bd; }
.ph-footer a { color: #8d96bd; }
.ph-footer a:hover { color: #eef1fb; }

@media (max-width: 720px) {
  .field-inner { align-items: flex-start; padding: 2rem 1.25rem 3rem; }
}