/* ───────────────────────────────────────────────────────────
   NauWare component styles
   Glass UI reflects the NauWare app dashboard, tuned for web.
─────────────────────────────────────────────────────────── */
:root {
  --nau-glass-bg:     rgba(16, 24, 36, 0.58);
  --nau-glass-border: rgba(255, 255, 255, 0.14);
  --nau-glass-blur:   16px;
  --nau-glass-radius: 16px;
  --nau-glass-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 10px 34px rgba(8,18,32,0.28);
  --nau-status-ok:    #33BE6B;
  --nau-on-glass:     rgba(255, 255, 255, 0.96);
  --nau-on-glass-dim: rgba(255, 255, 255, 0.66);
  --nau-icon:         rgba(255, 255, 255, 0.82);
}

.nau-glass {
  background: var(--nau-glass-bg);
  backdrop-filter: blur(var(--nau-glass-blur)) saturate(1.2);
  -webkit-backdrop-filter: blur(var(--nau-glass-blur)) saturate(1.2);
  border: 1px solid var(--nau-glass-border);
  border-radius: var(--nau-glass-radius);
  box-shadow: var(--nau-glass-shadow);
}

/* Hero ------------------------------------------------------ */
.nau-hero .wp-block-cover__inner-container { width: 100%; }
.nau-hero__title { color: #fff; margin: 0 0 0.5rem; }
.nau-hero__sub   { color: rgba(255,255,255,0.88); margin: 0 0 1.75rem; max-width: 30ch; }

/* Online pill ---------------------------------------------- */
.nau-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px; margin: 0 0 4px;
  font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--nau-on-glass); font-weight: 600;
}
.nau-pill::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--nau-status-ok); box-shadow: 0 0 8px var(--nau-status-ok);
}

/* Stat cards ----------------------------------------------- */
.nau-hero__cards { display: flex; flex-direction: column; gap: 10px; }
.nau-stat {
  display: grid; grid-template-columns: 40px 1fr; column-gap: 14px;
  align-items: center; padding: 14px 18px;
}
.nau-stat::before {
  content: ""; grid-column: 1; grid-row: 1 / -1; align-self: center;
  width: 28px; height: 28px; background-color: var(--nau-icon);
  -webkit-mask: center / contain no-repeat var(--nau-ic);
          mask: center / contain no-repeat var(--nau-ic);
}
.nau-stat__label  { grid-column: 2; margin: 0; font-size: 0.70rem; letter-spacing: 0.08em;
                    text-transform: uppercase; color: var(--nau-on-glass-dim); font-weight: 600; }
.nau-stat__value  { grid-column: 2; margin: 0; font-family: Sora, sans-serif; font-weight: 600;
                    font-size: 1.4rem; line-height: 1.15; color: var(--nau-on-glass); }
.nau-stat__status { grid-column: 2; margin: 0; font-size: 0.8rem; color: var(--nau-on-glass-dim); }
.nau-stat__status.is-ok { color: var(--nau-status-ok); }

.nau-stat--anchor   { --nau-ic: url(../images/icons/anchor.svg); }
.nau-stat--position { --nau-ic: url(../images/icons/position.svg); }
.nau-stat--battery  { --nau-ic: url(../images/icons/battery.svg); }
.nau-stat--temp     { --nau-ic: url(../images/icons/thermometer.svg); }

/* Mobile: stack columns, cards below headline -------------- */
@media (max-width: 781px) {
  .nau-hero__sub { max-width: none; }
  .nau-hero__cards { margin-top: 1.5rem; }
}

/* ── Section helpers ─────────────────────────────────────── */
.nau-eyebrow {
  font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase;
  font-weight: 600; color: var(--wp--preset--color--blue); margin: 0 0 0.5rem;
}

/* ── Shift band (What is NauWare) ─────────────────────────── */
.nau-points { margin-top: 2.5rem; }
.nau-point__title { font-family: Sora, sans-serif; font-size: 1.05rem; font-weight: 600;
  color: var(--wp--preset--color--navy); margin: 0 0 0.35rem; }
.nau-point__text { font-size: 0.95rem; color: var(--wp--preset--color--ink); margin: 0; }

/* ── Five-pillar strip ───────────────────────────────────── */
.nau-pillars {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 16px; margin-top: 2.5rem;
}
.nau-pillar {
  background: #fff; border: 1px solid var(--wp--preset--color--line);
  border-radius: 14px; padding: 22px 20px;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.nau-pillar:hover {
  transform: translateY(-3px); border-color: var(--wp--preset--color--blue);
  box-shadow: 0 12px 30px rgba(17, 54, 102, 0.10);
}
.nau-pillar::before {
  content: ""; display: block; width: 34px; height: 34px; margin-bottom: 14px;
  background-color: var(--wp--preset--color--blue);
  -webkit-mask: center / contain no-repeat var(--nau-ic);
          mask: center / contain no-repeat var(--nau-ic);
}
.nau-pillar__title { font-size: 1.1rem !important; margin: 0 0 0.4rem; }
.nau-pillar__text  { font-size: 0.92rem; color: var(--wp--preset--color--ink); margin: 0; }
.nau-pillar--awareness { --nau-ic: url(../images/icons/awareness.svg); }
.nau-pillar--safety    { --nau-ic: url(../images/icons/safety.svg); }
.nau-pillar--security  { --nau-ic: url(../images/icons/security.svg); }
.nau-pillar--health    { --nau-ic: url(../images/icons/health.svg); }
.nau-pillar--control   { --nau-ic: url(../images/icons/control.svg); }

/* ── Stage 3.5 polish ────────────────────────────────────── */

/* Header: clean white bar, logo left */
header.wp-block-template-part { background: #fff; border-bottom: 1px solid var(--wp--preset--color--line); }

/* Lead paragraph (shift band intro).
   NOTE: cosmetics ONLY — no max-width, no side margins, no !important.
   Like .nau-eyebrow above, it inherits WordPress's constrained-layout
   positioning so it aligns with the heading automatically. (Earlier
   Stages 7–7.5 added margin/max-width overrides here that broke that
   alignment; they were all removed.) */
.nau-lead {
  font-size: 1.2rem; line-height: 1.55; color: var(--wp--preset--color--ink);
  margin: 0.85rem 0 0;
}

/* Pillar cards: equal height, content top-aligned */
.nau-pillars { align-items: stretch; }
.nau-pillar  { display: flex; flex-direction: column; }
.nau-pillar__text { margin-top: auto; }   /* push text to a consistent baseline if titles wrap */

/* Tighten heading rhythm a touch */
.nau-pillars h2, .nau-points + *, h2 { line-height: 1.15; }

/* ── Stage 3.6 — grid-child margin reset + build marker ──── */
.nau-pillars > *, .nau-hero__cards > * { margin-block: 0 !important; }
.nau-build { font-size: 0.72rem; letter-spacing: 0.06em;
  color: rgba(255,255,255,0.45); margin: 0.5rem 0 0; }

/* ── Stage 4 — boater recognition band ───────────────────── */
html { scroll-behavior: smooth; }
.nau-choose {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px; margin-top: 2.5rem;
}
.nau-choose > * { margin-block: 0 !important; }
.nau-choice {
  background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: 16px;
  padding: 30px 28px; display: flex; flex-direction: column;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.nau-choice:hover {
  transform: translateY(-3px); border-color: var(--wp--preset--color--blue);
  box-shadow: 0 14px 34px rgba(17,54,102,0.12);
}
.nau-choice::before {
  content: ""; display: block; width: 46px; height: 46px; margin-bottom: 16px;
  background-color: var(--wp--preset--color--blue);
  -webkit-mask: center / contain no-repeat var(--nau-ic);
          mask: center / contain no-repeat var(--nau-ic);
}
.nau-choice__title { font-size: 1.3rem !important; margin: 0 0 0.5rem; }
.nau-choice__text  { font-size: 0.95rem; color: var(--wp--preset--color--ink); margin: 0 0 1.25rem; }
.nau-choice__cta   { margin: auto 0 0; font-weight: 600; }
.nau-choice__cta a { color: var(--wp--preset--color--blue); text-decoration: none; }
.nau-choice__cta a:hover { color: var(--wp--preset--color--blue-bright); }
.nau-choice--sail  { --nau-ic: url(../images/icons/sailboat.svg); }
.nau-choice--motor { --nau-ic: url(../images/icons/motorboat.svg); }
#sailboat, #motorboat { scroll-margin-top: 90px; }

/* ── Stage 5 — sticky git-native header ──────────────────── */
.nau-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255,255,255,0.86);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--wp--preset--color--line);
}
.nau-header__inner { padding: 12px 0; align-items: center; }
.nau-logo { display: inline-flex; }
.nau-logo img { display: block; height: 40px; width: auto; }
.nau-nav { display: flex; align-items: center; gap: 26px; }
.nau-nav a {
  font-family: Inter, sans-serif; font-size: 0.95rem; font-weight: 500;
  color: var(--wp--preset--color--navy); text-decoration: none;
}
.nau-nav a:hover { color: var(--wp--preset--color--blue); }
.nau-nav__cta {
  background: var(--wp--preset--color--blue); color: #fff !important;
  padding: 9px 18px; border-radius: 8px;
}
.nau-nav__cta:hover { background: var(--wp--preset--color--blue-bright); color: #fff !important; }
/* keep anchored sections clear of the sticky header */
#what-is-nauware, #pillars, #your-boat { scroll-margin-top: 80px; }
@media (max-width: 781px) {
  .nau-nav { gap: 14px; }
  .nau-nav a:not(.nau-nav__cta) { display: none; }  /* mobile: keep logo + Contact only for now */
}

/* ── Stage 6 — boat functionality lists ──────────────────── */
.nau-funcs {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px 28px; margin-top: 2rem;
}
.nau-funcs > * { margin-block: 0 !important; }
.nau-func {
  padding: 16px 0; border-top: 1px solid var(--wp--preset--color--line);
}
.nau-func__title {
  font-family: Sora, sans-serif; font-size: 1.05rem !important; font-weight: 600;
  color: var(--wp--preset--color--navy); margin: 0 0 0.3rem;
}
.nau-func__text { font-size: 0.95rem; color: var(--wp--preset--color--ink); margin: 0; }
.nau-cta-row { margin-top: 2.5rem; }

/* ── Stage 7 — whole-page typographic polish ─────────────── */

/* (The .nau-lead rule that lived here was removed — it forced
   margin-left:0 / max-width and broke the paragraph's alignment.
   Lead sizing now lives in the single .nau-lead rule above.) */

/* Calm the section headings a notch (hero H1 is untouched).
   Reduces the "wall of text" weight without cutting any copy. */
.wp-block-group h2.wp-block-heading {
  font-size: clamp(1.7rem, 1.1rem + 2.2vw, 2.3rem);
  letter-spacing: -0.01em;
  line-height: 1.18;
}

/* Pillar cards: reserve two title lines so every card's body
   text starts on the same baseline (fixes the "Safety on the
   water" two-line title pushing its text down). */
.nau-pillar__title { min-height: 2.5em; }

/* ── Stage 7.6 — lead-paragraph alignment FINALLY fixed ───────
   Root cause of the whole 7.x saga: we kept ADDING margin/max-width
   overrides (with !important) to .nau-lead. The heading and eyebrow
   have NO such overrides, so they inherit WordPress's constrained-
   layout positioning and align correctly. The cure was to delete every
   override and let .nau-lead do the same. All Stage 7/7.1/7.2/7.3/7.4/
   7.5 .nau-lead rules have been removed; the only remaining .nau-lead
   rule (near the top) sets font cosmetics only — no box geometry.
   Nothing to add here. */

/* ── Stage 9 — richer stat cards + centered icons ────────── */
/* Icon: true vertical center of the whole card */
.nau-stat { align-items: center; }
.nau-stat::before { grid-row: 1 / -1; align-self: center; }
/* Sub-reading row inside a card (e.g. Deck · Cabin · Water) */
.nau-stat__row {
  grid-column: 2; margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 4px 14px;
  font-size: 0.9rem; color: var(--nau-on-glass-dim);
}
.nau-stat__row b { color: var(--nau-on-glass); font-weight: 600; }
/* Inline value+meta on one line (battery: 92% + Discharge) */
.nau-stat__line { grid-column: 2; margin: 0; display: flex; flex-wrap: wrap;
  align-items: baseline; gap: 4px 14px; }
.nau-stat__line .nau-stat__value { margin: 0; }
.nau-stat__meta { font-size: 0.9rem; color: var(--nau-on-glass-dim); }

/* ── Stage 9.1 — icon centering fix + value/meta colors ──────
   1) Icon was TOP-aligned: the original rule used `grid-row: 1 / -1`,
      but every row in .nau-stat is IMPLICIT (auto-created by content),
      so `-1` resolves to the end of the EXPLICIT grid = just row 1.
      The icon therefore spanned a single row. `span 99` makes the
      pseudo-element span all (implicit) rows so `align-self: center`
      can truly vertically center it across the whole card.
   2) `is-ok` was only defined for .nau-stat__status, so the battery
      "92%" <span class="nau-stat__value is-ok"> rendered white. Make
      the value variant green too.
   3) Battery discharge meta: warm amber to read as "energy out". */
.nau-stat::before { grid-row: 1 / span 99; align-self: center; }
.nau-stat__value.is-ok { color: var(--nau-status-ok); }
.nau-stat--battery .nau-stat__meta { color: #F0A85A; }

/* ── Stage 9.2 — temperature value colors (cold / hot) ───────
   Per-value classes on the env-row <b> tags so fridge reads cold
   and hot water reads hot. Override .nau-stat__row b (white). */
.nau-stat__row b.is-cold { color: #5BB8F0; } /* cold blue  */
.nau-stat__row b.is-hot  { color: #E8623C; } /* hard amber-red */

/* ── Stage 9.3 — battery charge bar (red→amber→green) ────────
   Row 1 of the battery card is now a horizontal charge bar + the
   green % to its right (mirrors the NauWare app). The fill carries
   the FULL red→amber→green spectrum sized to the whole track, so a
   92% fill shows the gradient ending in green — not a green-only bar
   that's been clipped. Bar width is data-driven via inline width. */
.nau-batt { display: flex; align-items: center; gap: 12px; }
.nau-batt__bar {
  flex: 1; height: 12px; border-radius: 999px; overflow: hidden;
  background: rgba(255,255,255,0.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
}
.nau-batt__fill {
  display: block; height: 100%; border-radius: 999px;
  /* gradient sized to the TRACK so the colour at any fill % is the
     colour the full spectrum would show at that point */
  background: linear-gradient(90deg, #E8463C 0%, #F0A85A 45%, #F5D24E 62%, #33BE6B 100%);
  background-size: calc(100% * (100 / 92)) 100%; /* track width ÷ fill width */
  background-repeat: no-repeat;
}
.nau-batt .nau-stat__value { margin: 0; font-size: 1.2rem; }

/* ── s11.0 · header language switcher ─────────────────────────── */
.nau-lang { display: inline-flex; align-items: center; gap: 2px; margin-left: 10px; padding-left: 14px; border-left: 1px solid var(--wp--preset--color--line); }
.nau-lang__item {
  font-family: Inter, sans-serif; font-size: 0.85rem; font-weight: 600;
  letter-spacing: 0.04em; padding: 4px 7px; border-radius: 6px;
  color: var(--wp--preset--color--navy); text-decoration: none; opacity: 0.5;
}
.nau-lang__item:hover { opacity: 1; color: var(--wp--preset--color--blue); }
.nau-lang__item.is-current { opacity: 1; background: var(--wp--preset--color--line); }
@media (max-width: 781px) {
  /* keep the language switcher visible on mobile (nav links stay hidden) */
  .nau-nav a.nau-lang__item { display: inline-flex; }
  .nau-lang { margin-left: 4px; padding-left: 8px; }
}

/* ── s12.0 (trial) · pillar diorama artwork replaces mask icons ── */
.nau-pillar::before {
  width: 100%; height: auto; aspect-ratio: 1 / 1;
  background: center / cover no-repeat var(--nau-photo);
  -webkit-mask: none; mask: none;
  border-radius: 10px; margin-bottom: 16px;
}
.nau-pillar--awareness { --nau-photo: url(../images/pillars/awareness.webp); }
.nau-pillar--safety    { --nau-photo: url(../images/pillars/safety.webp); }
.nau-pillar--security  { --nau-photo: url(../images/pillars/security.webp); }
.nau-pillar--health    { --nau-photo: url(../images/pillars/health.webp); }
.nau-pillar--control   { --nau-photo: url(../images/pillars/control.webp); }

/* ── s12.0 (trial) · six pillars in a 3×2 grid, bigger dioramas ── */
.nau-pillars { grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 980px) { .nau-pillars { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .nau-pillars { grid-template-columns: 1fr; } }
.nau-pillar--experience { --nau-photo: url(../images/pillars/experience.webp); }
.nau-pillar--experience::before { background-color: var(--wp--preset--color--navy); } /* graceful fallback until the artwork lands */

/* ── s13.0 · choice cards get landscape diorama artwork ── */
.nau-choice::before {
  width: 100%; height: auto; aspect-ratio: 3 / 2;
  background: center / cover no-repeat var(--nau-photo);
  -webkit-mask: none; mask: none;
  border-radius: 12px; margin-bottom: 18px;
}
.nau-choice--sail  { --nau-photo: url(../images/cards/sailboat.webp); }
.nau-choice--motor { --nau-photo: url(../images/cards/motorboat.webp); }

/* ── s13.0 · function-list line icons (existing icon set style) ── */
.nau-func[class*="nau-func--"] .nau-func__title::before {
  content: ""; display: inline-block; width: 20px; height: 20px;
  margin-right: 9px; vertical-align: -3px;
  background-color: var(--wp--preset--color--blue);
  -webkit-mask: center / contain no-repeat var(--nau-ic);
          mask: center / contain no-repeat var(--nau-ic);
}
.nau-func--anchor-watch { --nau-ic: url(../images/icons/anchor-watch.svg); }
.nau-func--storm        { --nau-ic: url(../images/icons/storm.svg); }
.nau-func--thermometer  { --nau-ic: url(../images/icons/thermometer.svg); }
.nau-func--battery      { --nau-ic: url(../images/icons/battery.svg); }
.nau-func--security     { --nau-ic: url(../images/icons/security.svg); }
.nau-func--position     { --nau-ic: url(../images/icons/position.svg); }
.nau-func--control      { --nau-ic: url(../images/icons/control.svg); }
.nau-func--charging     { --nau-ic: url(../images/icons/charging.svg); }


/* ── s14.0 · pricing page (nau-pr-*) ─────────────────────────── */
.nau-pr-step{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--wp--preset--color--blue);color:#fff;font-size:1.05rem;margin-right:12px;vertical-align:2px;}
.nau-pr-pkgs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;}
.nau-pr-pkg{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:24px 20px;cursor:pointer;position:relative;transition:all .15s ease;display:flex;flex-direction:column;}
.nau-pr-pkg:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(17,54,102,.10);}
.nau-pr-pkg.selected{border-color:var(--wp--preset--color--blue);box-shadow:0 0 0 2px var(--wp--preset--color--blue),0 12px 30px rgba(17,54,102,.12);}
.nau-pr-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#33BE6B;color:#fff;font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:99px;white-space:nowrap;}
.nau-pr-pkg h3{font-size:1.05rem !important;margin:0 0 2px;}
.nau-pr-sub{font-size:.78rem;color:var(--wp--preset--color--blue);font-weight:600;margin-bottom:12px;}
.nau-pr-price{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;color:var(--wp--preset--color--navy);margin-bottom:2px;}
.nau-pr-price small{font-size:.75rem;color:var(--wp--preset--color--ink);font-weight:400;}
.nau-pr-pkg ul{list-style:none;margin:12px 0 0;padding:0;flex:1;}
.nau-pr-pkg li{font-size:.83rem;padding:4px 0 4px 20px;position:relative;}
.nau-pr-pkg li::before{content:"✓";position:absolute;left:0;color:#33BE6B;font-weight:700;}
.nau-pr-pkg li.note::before{content:"+";color:var(--wp--preset--color--blue);}
.nau-pr-pkg li.opt::before{content:"○";color:var(--wp--preset--color--blue-bright);}
.nau-pr-req{font-size:.72rem;color:#8aa0b8;margin-top:10px;}
.nau-pr-warranty{margin-top:22px;background:#fff;border:1px solid #33BE6B;border-radius:12px;padding:14px 20px;font-size:.9rem;}
.nau-pr-warranty::before{content:"🛡 ";}
.nau-pr-toggle{display:inline-flex;border:1px solid var(--wp--preset--color--line);border-radius:99px;overflow:hidden;margin-top:18px;}
.nau-pr-toggle button{border:0;background:#fff;padding:8px 22px;font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;color:var(--wp--preset--color--ink);}
.nau-pr-toggle button.on{background:var(--wp--preset--color--blue);color:#fff;}
.nau-pr-plans{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin-top:26px;}
.nau-pr-plan{background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:16px;padding:26px 22px;}
.nau-pr-plan.featured{border-color:var(--wp--preset--color--blue);box-shadow:0 14px 34px rgba(17,54,102,.12);}
.nau-pr-plan h3{font-size:1.15rem !important;margin:0;}
.nau-pr-tag{font-size:.75rem;color:var(--wp--preset--color--blue);font-weight:600;}
.nau-pr-planprice{font-family:Sora,sans-serif;font-size:1.7rem;font-weight:700;color:var(--wp--preset--color--navy);margin:10px 0 2px;}
.nau-pr-plan ul{list-style:none;margin:14px 0 0;padding:0;}
.nau-pr-plan li{font-size:.85rem;padding:5px 0 5px 22px;position:relative;}
.nau-pr-plan li::before{content:"✓";position:absolute;left:0;color:#33BE6B;font-weight:700;}
.nau-pr-plan li.inherit{color:#7d93ab;}
.nau-pr-plan li.inherit::before{content:"↩";color:#b6c6d8;}
.nau-pr-sizes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 4px;}
.nau-pr-size{border:1px solid var(--wp--preset--color--line);border-radius:12px;padding:14px 16px;}
.nau-pr-size .lbl{font-size:.78rem;font-weight:600;}
.nau-pr-size .p{font-family:Sora,sans-serif;font-size:1.35rem;font-weight:700;color:var(--wp--preset--color--navy);margin-top:4px;}
.nau-pr-size .p small{font-size:.75rem;font-weight:400;color:var(--wp--preset--color--ink);}
.nau-pr-netbox{margin-top:24px;background:#EAF3FD;border:1px solid var(--wp--preset--color--blue-bright);border-radius:14px;padding:18px 22px;font-size:.92rem;}
.nau-pr-netbox::before{content:"🌐 ";}
.nau-pr-trust{margin-top:16px;background:var(--wp--preset--color--ink-dark, #0E2540);color:#fff;border-radius:14px;padding:18px 24px;display:flex;gap:14px;align-items:center;font-size:.92rem;}
.nau-pr-trust .dot{width:10px;height:10px;border-radius:50%;background:#33BE6B;flex:none;}
.nau-pr-xgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin-top:24px;}
.nau-pr-x{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--wp--preset--color--line);border-radius:10px;padding:12px 16px;font-size:.88rem;gap:8px;}
.nau-pr-x b{font-family:Sora,sans-serif;color:var(--wp--preset--color--navy);font-weight:600;font-size:.88rem;white-space:nowrap;}
.nau-pr-xnote{font-size:.85rem;color:var(--wp--preset--color--ink);margin-top:18px;max-width:860px;line-height:1.55;}
.nau-pr-sumbar{position:sticky;bottom:0;background:var(--wp--preset--color--navy);color:#fff;padding:14px 0;box-shadow:0 -8px 24px rgba(14,37,64,.25);z-index:50;}
.nau-pr-sumwrap{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.nau-pr-sumbar .item{font-size:.85rem;opacity:.85;}
.nau-pr-sumbar .total{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700;}
.nau-pr-sumbar .total small{font-size:.75rem;font-weight:400;opacity:.8;display:block;}
.nau-pr-cta{background:var(--wp--preset--color--blue);color:#fff !important;border-radius:10px;padding:12px 26px;font-weight:600;font-size:.95rem;text-decoration:none;}
.nau-pr-cta:hover{background:var(--wp--preset--color--blue-bright);}
@media(max-width:900px){.nau-pr-pkgs,.nau-pr-plans,.nau-pr-xgrid,.nau-pr-sizes{grid-template-columns:1fr;}}


/* ── s15.0 · contact page + CF7 brand styling (nau-ct) ───────── */
.nau-ct { margin-top: 2rem; }
.nau-ct .wpcf7 label { display:block; font-weight:600; font-size:.9rem; color:var(--wp--preset--color--navy); margin:16px 0 4px; }
.nau-ct .wpcf7 input[type="text"], .nau-ct .wpcf7 input[type="email"], .nau-ct .wpcf7 input[type="tel"],
.nau-ct .wpcf7 select, .nau-ct .wpcf7 textarea {
  width:100%; border:1px solid var(--wp--preset--color--line); border-radius:10px;
  padding:11px 14px; font-family:Inter,sans-serif; font-size:.95rem; color:var(--wp--preset--color--ink);
  background:#fff; box-sizing:border-box;
}
.nau-ct .wpcf7 input:focus, .nau-ct .wpcf7 select:focus, .nau-ct .wpcf7 textarea:focus {
  outline:none; border-color:var(--wp--preset--color--blue); box-shadow:0 0 0 2px rgba(45,126,226,.18);
}
.nau-ct .wpcf7 textarea { min-height:140px; }
.nau-ct .wpcf7-acceptance { display:block; margin:18px 0 6px; }
.nau-ct .wpcf7-acceptance .wpcf7-list-item { margin:0; }
.nau-ct .wpcf7-acceptance .wpcf7-list-item-label { font-weight:400; font-size:.88rem; }
.nau-ct .wpcf7-acceptance input[type="checkbox"] { width:auto; margin-right:8px; accent-color:var(--wp--preset--color--blue); }
.nau-ct .wpcf7 input[type="submit"] {
  background:var(--wp--preset--color--blue); color:#fff; border:0; border-radius:10px;
  padding:13px 30px; font-family:Inter,sans-serif; font-weight:600; font-size:1rem; cursor:pointer; margin-top:14px;
}
.nau-ct .wpcf7 input[type="submit"]:hover { background:var(--wp--preset--color--blue-bright); }
.nau-ct .wpcf7 input[type="submit"]:disabled { opacity:.55; cursor:not-allowed; }
.nau-ct .wpcf7-not-valid-tip { font-size:.8rem; color:#C4442A; margin-top:4px; }
.nau-ct .wpcf7-response-output { border-radius:10px; padding:12px 16px; margin:18px 0 0 !important; font-size:.92rem; }


/* ── s16.0 · contact info strip + hero demo CTA ─────────────── */
.nau-ct-info { display:flex; gap:22px; flex-wrap:wrap; margin-top:1.4rem; }
.nau-ct-info__item { font-family:Sora,sans-serif; font-weight:600; font-size:1.05rem; color:var(--wp--preset--color--navy); text-decoration:none; }
.nau-ct-info__item:hover { color:var(--wp--preset--color--blue); }
.nau-ct-visit { margin-top:.9rem; font-size:.98rem; color:var(--wp--preset--color--ink); }
.nau-hero__cta2 .wp-block-button__link { background:transparent; border:2px solid #fff; color:#fff; }
.nau-hero__cta2 .wp-block-button__link:hover { background:rgba(255,255,255,.15); }


/* ── s17.0 · dashboard band (nau-db) ─────────────────────────── */
.nau-db { display:grid; grid-template-columns: 1fr 1.05fr; gap:48px; align-items:center; }
.nau-db__text h2 { margin:0 0 .8rem; }
.nau-db__lead { font-size:1.08rem; line-height:1.6; color:var(--wp--preset--color--ink); }
.nau-db__ctas { display:flex; align-items:center; gap:22px; margin-top:1.4rem; flex-wrap:wrap; }
.nau-db__btn { background:var(--wp--preset--color--blue); color:#fff !important; border-radius:10px; padding:13px 26px; font-weight:600; text-decoration:none; }
.nau-db__btn:hover { background:var(--wp--preset--color--blue-bright); }
.nau-db__link { color:var(--wp--preset--color--blue); font-weight:600; text-decoration:none; }
.nau-db__link:hover { color:var(--wp--preset--color--blue-bright); }
.nau-db__note { margin-top:.9rem; font-size:.82rem; color:#7d93ab; }
.nau-db__visual { position:relative; padding-bottom:56px; }
.nau-db__laptop { background:#0E2540; border-radius:14px; padding:10px 10px 14px; box-shadow:0 24px 60px rgba(14,37,64,.28); }
.nau-db__laptop-bar { display:flex; gap:6px; padding:2px 4px 8px; }
.nau-db__laptop-bar span { width:9px; height:9px; border-radius:50%; background:#33475B; }
.nau-db__laptop img { display:block; width:100%; border-radius:8px; }
.nau-db__phone { position:absolute; right:-8px; bottom:0; width:27%; background:#0E2540; border-radius:26px; padding:7px; box-shadow:0 18px 44px rgba(14,37,64,.38); }
.nau-db__phone video { display:block; width:100%; border-radius:20px; }
@media (max-width: 900px) {
  .nau-db { grid-template-columns:1fr; gap:32px; }
  .nau-db__phone { width:32%; right:0; }
}

/* ── s18.0 · site footer links + plain content pages (nau-page) ── */
.nau-footer__legal { margin: 0; }
.nau-footer a { color: #fff; white-space: nowrap; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.4); text-underline-offset: 0.2em; }
.nau-footer a:hover, .nau-footer a:focus-visible { color: #fff; text-decoration-color: #fff; }
.nau-page h1 { margin-top: 0; }
.nau-page h2 { font-size: var(--wp--preset--font-size--x-large); margin-top: 2.2rem; }
.nau-page p, .nau-page li { line-height: 1.6; color: var(--wp--preset--color--ink); }
.nau-page ul { padding-left: 1.25rem; }
.nau-page li + li { margin-top: 0.45rem; }
.nau-page strong { color: var(--wp--preset--color--ink-dark); }