/* live-website-lw5 (owner approved 2026-10-14, the Live Website step 09): the standalone section pages. On top of noviera-side.css
   (fonts, night ground, form, footer). The display's look: the official wordmark, the section tabs with the green underline,
   the copper lines of the homepage display, a thin display title, navy cards with a green tile, the hand-over bar.
   Dark only, as the public site is. Logical properties throughout, so Arabic mirrors. */
.nvx{--tile:rgba(34,197,94,.14);--tile-rim:rgba(34,197,94,.45);--palette-card:#111A2E;--palette-card-rim:#243049;--palette-rule:#1E293B;--palette-muted:#94A3B8;--palette-soft:#CBD5E1;--palette-mint:#86EFAC;--palette-nav:#E2E8F0;--palette-copper:#C9A27E;
 --card-x:var(--palette-card);--card-rim:var(--palette-card-rim);--rule:var(--palette-rule);--muted:var(--palette-muted);--soft:var(--palette-soft);--mint:var(--palette-mint)}
.nvx-wave{position:fixed;inset-block:0;inset-inline-end:-6%;height:100%;width:auto;max-width:none;pointer-events:none;z-index:0}
.nvx-wave path{fill:none;stroke:var(--palette-copper);stroke-width:6;stroke-linecap:round;opacity:.55;vector-effect:non-scaling-stroke}
.nvx-wave path.thin{stroke-width:3;opacity:.35}
[dir=rtl] .nvx-wave{transform:scaleX(-1)}
.nvx-top,.nvx-main,.nvx-bar,.nvx-foot{position:relative;z-index:1}
/* header: wordmark, tabs, the visitor's links and the clock */
.nvx-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px 32px;padding:calc(28px + env(safe-area-inset-top)) var(--gut) 0}
.nvx-logo{display:inline-flex;line-height:0}.nvx-logo img{width:clamp(112px,9.2vw,136px);height:auto}
.nvx-tabs{display:flex;gap:clamp(18px,2.2vw,32px);justify-content:center;font-size:15px;font-weight:600}
.nvx-tabs a{color:var(--muted);text-decoration:none;padding:9px 0 7px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s}
.nvx-tabs a:hover{color:var(--ink)}
.nvx-tabs a[aria-current]{color:#fff;border-bottom-color:var(--signal)}
.nvx-nav{display:flex;align-items:center;gap:24px;font-size:15px;font-weight:600}
.nvx-nav a{color:var(--palette-nav);text-decoration:none}.nvx-nav a:hover{color:#fff}
.nvx-time{font-family:var(--display);font-weight:300;font-size:clamp(22px,1.95vw,30px);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* hero */
.nvx-main{max-width:1440px;padding:clamp(56px,11vh,132px) var(--gut) 0}
.nvx-eyebrow{margin:0;font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.nvx-hero h1{margin:14px 0 0;max-width:16ch;font-family:var(--display);font-weight:250;font-size:clamp(44px,6.2vw,92px);line-height:1;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.nvx-lead{margin:22px 0 0;max-width:34em;text-wrap:pretty;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--soft)}
/* cards */
.nvx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(40px,6vh,64px)}
.nvx-grid[data-n="3"],.nvx-grid[data-n="5"],.nvx-grid[data-n="6"],.nvx-grid[data-n="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.nvx-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}.nvx-grid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.nvx-card{min-height:180px;background:var(--card-x);border:1px solid var(--card-rim);border-radius:18px;padding:20px 20px 22px;display:flex;flex-direction:column}
.nvx-card i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--tile);border:1px solid var(--tile-rim);color:var(--signal-hi)}
.nvx-card i svg{width:20px;height:20px;display:block}
.nvx-card h2{margin:30px 0 6px;font-family:var(--text);font-size:21px;font-weight:500;line-height:1.2;letter-spacing:-.005em;color:var(--ink)}
.nvx-card p{margin:0;font-size:15.5px;line-height:1.45;color:var(--muted)}
.nvx-card a{color:var(--mint);text-decoration:none;font-weight:600;overflow-wrap:anywhere}.nvx-card a:hover{text-decoration:underline}
.nvx-form{margin-top:28px;max-width:720px}
.nvx .nvs-hp{left:0;top:0;clip-path:inset(50%);opacity:0} /* the hidden trap fields stay inside the page (left:-9999px scrolls a right to left page) */
/* hand-over bar */
.nvx-bar{display:flex;justify-content:space-between;align-items:center;gap:12px 32px;flex-wrap:wrap;margin:clamp(48px,8vh,88px) var(--gut) 0;padding:20px 0 0;border-top:1px solid var(--rule);font-size:16px;color:var(--soft)}
.nvx-bar p{margin:0;display:flex;flex-wrap:wrap;gap:4px 0}
.nvx-bar p span:not(:last-child)::after{content:"\00B7";margin-inline:.55em;color:var(--muted)}
.nvx-bar b{color:var(--mint);font-weight:600}
.nvx-bar a{color:var(--mint);font-weight:600;text-decoration:none;white-space:nowrap}.nvx-bar a:hover{color:#fff}
[dir=rtl] .nvx-bar a span{display:inline-block;transform:scaleX(-1)}
.nvx-foot{max-width:1440px}
.nvx-bar+.nvx-foot{padding-top:32px}
:focus-visible{outline:2px solid var(--signal-hi);outline-offset:3px;border-radius:4px}
/* tablet: tabs on their own row */
@media (max-width:1100px){
 .nvx-top{grid-template-columns:auto 1fr}
 .nvx-nav{justify-content:flex-end}
 .nvx-tabs{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 .nvx-grid,.nvx-grid[data-n="3"],.nvx-grid[data-n="5"],.nvx-grid[data-n="6"],.nvx-grid[data-n="9"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* phone: wordmark and clock, the tabs as one scrolling row, one card per row; the orbit wheel carries the links */
@media (max-width:640px){
 .nvx-top{grid-template-columns:1fr auto;gap:16px;padding-top:calc(20px + env(safe-area-inset-top))}
 .nvx-nav a,.nvx-nav .nvl{display:none}
 .nvx-time{font-size:20px}
 .nvx-wave path{stroke-width:3;opacity:.32}.nvx-wave path.thin{stroke-width:2;opacity:.2}
 .nvx-tabs{gap:8px;margin-inline:calc(var(--gut) * -1);padding:2px var(--gut) 4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;font-size:14px}
 .nvx-tabs::-webkit-scrollbar{display:none}
 .nvx-tabs a{padding:8px 14px;border:1px solid var(--card-rim);border-radius:999px;color:var(--soft)}
 .nvx-tabs a[aria-current]{border-color:var(--signal);background:rgba(34,197,94,.12);color:#fff}
 .nvx-main{padding-top:36px}
 .nvx-eyebrow{font-size:13px}
 .nvx-hero h1{font-size:clamp(38px,11vw,48px);line-height:1.02}
 .nvx-grid,.nvx-grid[data-n]{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:32px}
 .nvx-card{min-height:0;padding:18px;display:grid;grid-template-columns:36px 1fr;column-gap:14px;align-items:start}
 .nvx-card i{grid-row:1/3;margin:2px 0 0}
 .nvx-card h2{margin:0 0 4px;font-size:18px}
 .nvx-card p{font-size:15px}
 .nvx-bar{flex-direction:column;align-items:flex-start;font-size:15px}
}
@media (prefers-reduced-motion:reduce){.nvx-tabs a{transition:none}}