/* Medallion XLN — LP-5 landing, in the LP-3 visual language (2026-10-16/17 revision).
   Production look (white / grey / navy bands, heavy tight display type, tracked gold section labels,
   3px gold uppercase buttons, white cards, gold medallion, + accordions) carrying the LP-5 content.
   Palette is gold, navy, white and grey only — no greens or teals (owner's direction, 2026-10-17).
   Fields (data-field) define each band's colour; every component reads --f-*, light and dark.
   Content is visible by default; html.lp5-motion only opts elements into Motion entrances. */

:root{
  --lp5-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --lp5-display:var(--lp5-font);
  --lp5-body:var(--lp5-font);
  --lp5-margin:20px;
  --lp5-header:68px;
  --lp5-ease-out:cubic-bezier(.23,1,.32,1);
  --lp5-ease-in-out:cubic-bezier(.77,0,.175,1);
  --lp5-radius:3px;
  --lp5-radius-card:8px;
  --lp5-gold:#E8BA4D;
  --lp5-gold-hover:#F4C961;
  --lp5-gold-ink:#172234;
  --lp5-card:#FFFFFF;
  --lp5-card-line:#D5D9E0;
  --lp5-ui-bg:#FFFFFF;
  --lp5-ui-bg-2:#F1F2F4;
  --lp5-ui-ink:#152B3C;
  --lp5-ui-muted:#505A69;
  --lp5-ui-ink-2:#33405A;
}
@media (min-width:640px){:root{--lp5-margin:clamp(24px,5vw,88px)}}

/* ---- Fields ---------------------------------------------------------------------------- */
[data-field="paper"]{--f-bg:#F7F6F3;--f-bg-2:#EEEDE9;--f-ink:#0D1B2B;--f-muted:#525C6B;--f-edge:#8E99A8;--f-route:#A16F18;--f-line:#D5D8DE;--f-accent:#77551B;--f-eyebrow:#7A4F0F;--f-node:#FFFFFF;--f-node-ink:#152B3C;--f-node-line:#D5D9E0;--f-node-shadow:0 14px 30px -18px rgba(13,27,43,.3);--f-hub:#112638;--f-hub-ink:#F3D17C;--f-focus:#7A4F0F;--f-chip:#FFF4D2;--f-chip-ink:#68470D;--f-chip-line:#A16F18}
[data-field="grey"]{--f-bg:#E7E8EB;--f-bg-2:#DADCE1;--f-ink:#0D1B2B;--f-muted:#4B5565;--f-edge:#838D9C;--f-route:#8A6116;--f-line:#C3C7CF;--f-accent:#6E4A0E;--f-eyebrow:#6E4A0E;--f-node:#FFFFFF;--f-node-ink:#152B3C;--f-node-line:#C9CED6;--f-node-shadow:0 14px 30px -18px rgba(13,27,43,.3);--f-hub:#112638;--f-hub-ink:#F3D17C;--f-focus:#6E4A0E;--f-chip:#FFF4D2;--f-chip-ink:#68470D;--f-chip-line:#A16F18}
[data-field="navy"]{--f-bg:#0C1A2C;--f-wash:radial-gradient(circle at 73% 45%,#213A5C,rgba(33,58,92,0) 42%);--f-bg-2:#16294A;--f-ink:#F4F5F7;--f-muted:#C3CBD8;--f-edge:#7F8FA6;--f-route:#E8BA4D;--f-line:#2C3F5C;--f-accent:#E8BA4D;--f-eyebrow:#F6D57C;--f-node:#FFFFFF;--f-node-ink:#152B3C;--f-node-line:#D5D9E0;--f-node-shadow:0 25px 50px -20px rgba(2,10,24,.6);--f-hub:#E8BA4D;--f-hub-ink:#172234;--f-focus:#F6D57C;--f-chip:#1E3354;--f-chip-ink:#F3D17C;--f-chip-line:#E8BA4D}
[data-field="deep"]{--f-bg:#0A1626;--f-wash:radial-gradient(circle at 20% 15%,#1B3152,rgba(27,49,82,0) 45%);--f-bg-2:#142540;--f-ink:#F4F5F7;--f-muted:#C3CBD8;--f-edge:#7F8FA6;--f-route:#E8BA4D;--f-line:#26385A;--f-accent:#E8BA4D;--f-eyebrow:#E8CB84;--f-node:#FFFFFF;--f-node-ink:#152B3C;--f-node-line:#C9CED6;--f-node-shadow:0 18px 45px -18px rgba(2,10,24,.6);--f-hub:#E8BA4D;--f-hub-ink:#172234;--f-focus:#E8CB84;--f-chip:#1E3354;--f-chip-ink:#F3D17C;--f-chip-line:#E8BA4D}

/* ---- Base -------------------------------------------------------------------------------- */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--lp5-header) + 8px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The landing always renders its designed white / grey / navy bands, whatever the OS or app theme (owner's call,
   2026-10-17: production never had a dark landing). */
html:has(body.lp5){background-color:#F7F6F3;color-scheme:light;scrollbar-color:#8E99A8 transparent}
body.lp5{margin:0;background:#F7F6F3;color:#0D1B2B;font:17px/1.6 var(--lp5-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.lp5) *,:where(.lp5) *::before,:where(.lp5) *::after{box-sizing:border-box}
:where(.lp5) :where(h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote){margin:0}
:where(.lp5) :where(ul,ol){padding:0;list-style:none}
:where(.lp5) a{color:inherit}
:where(.lp5) img{display:block;max-width:100%}
:where(.lp5) :where(button,select){font:inherit;color:inherit}
.lp5 [data-field]{background-color:var(--f-bg);color:var(--f-ink)}
.lp5 [data-field][data-field="navy"],.lp5 [data-field][data-field="deep"]{background-image:var(--f-wash,none)}
.lp5 ::selection{background:#E8BA4D;color:#172234}
.lp5 :focus-visible{outline:3px solid var(--f-focus,#7A4F0F);outline-offset:3px}
.lp5-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lp5-skip{position:absolute;left:12px;top:-80px;z-index:100;padding:12px 18px;background:var(--lp5-gold);color:var(--lp5-gold-ink);font-weight:800;border-radius:var(--lp5-radius)}
.lp5-skip:focus{top:10px}
.lp5-wrap{width:min(100% - 2*var(--lp5-margin),1360px);margin-inline:auto}
.lp5-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---- Type -------------------------------------------------------------------------------- */
.lp5-eyebrow{font:800 13px/1.5 var(--lp5-font);letter-spacing:.12em;text-transform:uppercase;color:var(--f-eyebrow)}
.lp5-display{font:850 clamp(44px,5.8vw,96px)/.98 var(--lp5-display);letter-spacing:-.04em;text-wrap:balance}
.lp5-display .lp5-line{display:block}
.lp5-grad{color:var(--f-accent)}
.lp5-h2{font:800 clamp(36px,4.4vw,74px)/1.02 var(--lp5-display);letter-spacing:-.04em;text-wrap:balance}
.lp5-lead,.lp5-head p:not(.lp5-eyebrow),.lp5-picker-head > p{font-size:clamp(17px,1.25vw,19px);line-height:1.6;max-width:44ch;color:var(--f-muted);text-wrap:pretty}
.lp5-label{font:800 13px/1.4 var(--lp5-font);letter-spacing:.1em;text-transform:uppercase;color:var(--f-eyebrow)}
.lp5-tag{display:inline-flex;align-items:center;min-height:22px;padding:1px 8px;border-radius:2px;background:var(--f-chip,#FFF4D2);color:var(--f-chip-ink,#68470D);font:800 11px/1.4 var(--lp5-font);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.lp5-note{margin-top:22px;font-size:13px;color:var(--f-muted)}

/* ---- Controls ---------------------------------------------------------------------------- */
.lp5-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:0 22px;border:0;border-radius:var(--lp5-radius);background:var(--lp5-gold);color:var(--lp5-gold-ink);font:800 13px/1.2 var(--lp5-font);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform 160ms var(--lp5-ease-out),background-color 200ms ease,box-shadow 200ms ease}
.lp5-btn .lp5-icon{width:16px;height:16px;transition:transform 200ms var(--lp5-ease-out)}
.lp5-btn:active{transform:scale(.97)}
.lp5-btn--sm{min-height:44px;padding:0 16px;font-size:12px;white-space:nowrap}
.lp5-short{display:none}
@media (max-width:479px){.lp5-btn--sm .lp5-long{display:none}.lp5-btn--sm .lp5-short{display:inline}}
.lp5-btn--lg{min-height:58px;padding:0 26px;font-size:13px}
.lp5-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:750 16px/1.3 var(--lp5-font);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--f-route)}
.lp5-link .lp5-icon{transition:transform 200ms var(--lp5-ease-out)}
.lp5-link--inline{min-height:0;margin-left:4px}
@media (hover:hover) and (pointer:fine){
  .lp5-btn:hover{background:var(--lp5-gold-hover);transform:translateY(-1px);box-shadow:0 5px 12px rgba(5,17,32,.12)}
  .lp5-btn:hover .lp5-icon{transform:translate(2px,-2px)}
  .lp5-link:hover{text-decoration-color:currentColor}
  .lp5-link:hover .lp5-icon{transform:translateY(2px)}
}

/* ---- Header (constant cream bar, as in production) ---------------------------------------- */
.lp5-header{position:sticky;top:0;z-index:50;background:rgba(247,246,243,.95);border-bottom:1px solid #D5D8DE;color:#0D1B2B}
.lp5-header[data-field]{background-image:none}
.lp5-bar{display:flex;align-items:center;gap:16px;height:var(--lp5-header);padding-inline:var(--lp5-margin);max-width:calc(1360px + 2*var(--lp5-margin));margin-inline:auto}
.lp5-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font:800 15px/1 var(--lp5-font);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.lp5-brand img{width:36px;height:36px;object-fit:contain}
.lp5-brand b{font-weight:800;color:#8A5A00}
.lp5-footer .lp5-brand b{color:#E8BA4D}
.lp5-nav{display:none;gap:2px;margin-left:auto}
.lp5-nav a,.lp5-login{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;font:700 13px/1 var(--lp5-font);text-decoration:none;border-radius:var(--lp5-radius)}
.lp5-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.lp5-nav+.lp5-bar-actions{margin-left:6px}
.lp5-login{display:none}
@media (hover:hover) and (pointer:fine){.lp5-nav a:hover,.lp5-login:hover{color:#A36B0D;text-decoration:underline;text-underline-offset:5px}}
.lp5-goalmenu{position:relative;display:none}
.lp5-goalmenu summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:var(--lp5-radius);background:#EEEDE9;cursor:pointer;list-style:none;font:700 13px/1 var(--lp5-font);white-space:nowrap}
.lp5-goalmenu summary::-webkit-details-marker{display:none}
.lp5-goalmenu-k{font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7A4F0F}
.lp5-goalmenu .lp5-icon{width:15px;height:15px;transition:transform 200ms var(--lp5-ease-out)}
.lp5-goalmenu[open] summary .lp5-icon{transform:rotate(180deg)}
.lp5-goalmenu-panel{position:absolute;right:0;top:calc(100% + 8px);width:300px;padding:8px;border:1px solid #D5D9E0;border-radius:6px;background:#FFFFFF;color:#152B3C;box-shadow:0 25px 50px rgba(2,13,24,.25);transform-origin:top right}
.lp5-goalmenu-panel>p{padding:8px 10px;font:800 11px/1.3 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:#505A69}
.lp5-goalmenu-panel a{display:flex;flex-direction:column;gap:2px;min-height:48px;padding:8px 10px;border-radius:4px;text-decoration:none;font:800 15px/1.25 var(--lp5-font)}
.lp5-goalmenu-panel a span{font:600 12px/1.3 var(--lp5-font);color:#505A69}
.lp5-goalmenu-panel a[aria-current="true"]{background:#FFF4D2;color:#68470D}
@media (hover:hover) and (pointer:fine){.lp5-goalmenu-panel a:hover{background:#F1F2F4}}
.lp5-goalmenu-panel :focus-visible{outline-color:#7A4F0F}
.lp5-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px}
.lp5-progress span{display:block;height:100%;background:#E8BA4D;transform:scaleX(0);transform-origin:left}
@media (min-width:640px){.lp5-goalmenu{display:block}}
@media (min-width:1024px){.lp5-nav{display:flex}.lp5-login{display:inline-flex}.lp5-bar-actions{margin-left:0}}

/* Chapter marker: the gold medallion and its tag, fixed at the right edge on wide screens. */
.lp5-medallion{position:relative;display:inline-block;flex:none;width:40px;height:40px;border-radius:50%;
  background:radial-gradient(circle,transparent 0 21%,#8E651C 22% 27%,transparent 28% 43%,#8E651C 44% 49%,transparent 50%),#E8BA4D;
  box-shadow:0 0 0 1px rgba(142,101,28,.45),0 0 0 6px rgba(232,186,77,.18)}
.lp5-medallion--lg{width:96px;height:96px;box-shadow:0 0 0 1px rgba(142,101,28,.45),0 0 0 12px rgba(232,186,77,.16),0 20px 40px -12px rgba(142,101,28,.5)}
.lp5-marker-tag{display:inline-block;padding:4px 8px;background:#0D1B2B;color:#F7F6F3;font:800 11px/1.2 var(--lp5-font);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.lp5-marker{position:fixed;right:22px;top:50%;z-index:40;display:none;flex-direction:column;align-items:center;gap:10px;transform:translateY(-50%);pointer-events:none}
@media (min-width:1560px){.lp5-marker{display:flex}}

/* ---- Hero ---------------------------------------------------------------------------------- */
.lp5-hero-band{padding:clamp(56px,10vh,120px) 0 clamp(64px,10vh,120px)}
.lp5-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vh,64px);align-items:center}
.lp5-hero .lp5-display{margin-top:22px}
.lp5-hero .lp5-lead{margin-top:clamp(22px,3vh,32px);max-width:40ch}
.lp5-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:clamp(24px,4vh,36px)}
.lp5-intent{display:grid;justify-items:start;gap:22px}
.lp5-rings{position:relative;display:grid;place-items:center;width:clamp(200px,22vw,300px);aspect-ratio:1}
.lp5-rings i{position:absolute;inset:0;border:1px solid rgba(169,125,40,.55);border-radius:50%}
.lp5-rings i:nth-child(2){inset:9%}
.lp5-rings i:nth-child(3){inset:18%}
.lp5-ripple{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:1.5px solid rgba(201,150,47,.55);opacity:0;pointer-events:none}
.lp5-rings small{position:absolute;top:calc(50% + 58px);font:800 11px/1 var(--lp5-font);letter-spacing:.2em;text-transform:uppercase;color:var(--f-eyebrow)}
.lp5-intent-goal{font:800 12px/1.4 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:var(--f-muted)}
.lp5-intent-goal b{color:var(--f-ink)}
.lp5-moves{display:grid;justify-items:start;gap:10px;font:750 clamp(26px,2.6vw,40px)/1.12 var(--lp5-display);letter-spacing:-.05em}
.lp5-moves em{font-style:normal}
.lp5-mv{padding-bottom:.06em;background:linear-gradient(rgba(169,125,40,.65),rgba(169,125,40,.65)) left bottom/100% 2px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.lp5-moves em{color:var(--f-accent)}
.lp5-mv::after{content:"."}
@media (min-width:1024px){
  .lp5-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,5vw,96px)}
  .lp5-intent{justify-items:center;text-align:center}
  .lp5-moves{justify-items:start;text-align:left}
}
@media (min-width:1024px) and (min-height:700px){.lp5-hero-band{min-height:calc(100svh - var(--lp5-header));display:flex;align-items:center}}

/* Picker band */
.lp5-picker-band{padding:clamp(72px,11vh,128px) 0}
.lp5-picker-head{display:grid;gap:18px;margin-bottom:clamp(32px,5vh,52px)}
.lp5-picker-head .lp5-h2{margin-top:14px;max-width:16ch}
.lp5-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lp5-scenarios button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px;min-height:84px;padding:14px 16px 14px 42px;border:1px solid var(--f-node-line);border-radius:4px;background:var(--f-node);color:var(--f-node-ink);text-align:left;cursor:pointer;transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,transform 160ms var(--lp5-ease-out)}
.lp5-scenarios button::before{content:"";position:absolute;left:16px;bottom:18px;width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor;transition:box-shadow 200ms var(--lp5-ease-out)}
.lp5-scenarios button span{font:800 11px/1.3 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp5-ui-muted)}
.lp5-scenarios button b{font:800 17px/1.2 var(--lp5-font);letter-spacing:-.02em}
.lp5-scenarios button:active{transform:scale(.98)}
.lp5-scenarios button[aria-pressed="true"]{background:#112638;border-color:#112638;color:#F3D17C}
.lp5-scenarios button[aria-pressed="true"] span{color:#C3CBD8}
.lp5-scenarios button[aria-pressed="true"]::before{box-shadow:inset 0 0 0 6.5px currentColor}
@media (hover:hover) and (pointer:fine){.lp5-scenarios button:not([aria-pressed="true"]):hover{border-color:var(--f-route);transform:translateY(-2px)}}
.lp5-summary{margin-top:28px;max-width:58ch;font-size:17px;line-height:1.6;color:var(--f-ink)}
.lp5-summary .lp5-tag{margin-right:8px}
.lp5-summary b{font-weight:800}
@media (min-width:640px){.lp5-scenarios{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.lp5-picker-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px}.lp5-picker-head > p{justify-self:end}}
@media (min-width:1180px){.lp5-scenarios{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* ---- Chapters ---------------------------------------------------------------------------- */
.lp5-chapter{padding:clamp(88px,12vh,150px) 0}
@media (min-width:1024px) and (min-height:720px){.lp5-chapter{min-height:calc(100svh - var(--lp5-header));display:flex;flex-direction:column;justify-content:center}}
.lp5-head{display:grid;gap:16px;margin-bottom:clamp(40px,6vh,72px)}
.lp5-head .lp5-h2{max-width:17ch}
.lp5-head > div > .lp5-h2,.lp5-head > .lp5-eyebrow + .lp5-h2{margin-top:6px}
@media (min-width:1024px){.lp5-head--split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px}.lp5-head--split > p{justify-self:end}}
.lp5-graph{position:relative}
.lp5-graph figcaption,.lp5-matrix figcaption,.lp5-bars figcaption{margin-top:28px;max-width:64ch;font-size:14px;line-height:1.55;color:var(--f-muted)}
.lp5-graph figcaption .lp5-tag{margin-right:8px}

/* Edges (drawn by landing-lp5.js) */
.lp5-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.lp5-edges path{fill:none;stroke:var(--f-edge);stroke-width:1.5;stroke-linecap:round;transition:opacity 260ms ease,stroke 260ms ease}
.lp5-edges path.is-dashed{stroke-dasharray:6 5}
.lp5-edges path.is-accent{stroke:var(--f-route);stroke-width:2.5}
.lp5-edges path.is-dim{opacity:.3}

/* Nodes: production cards */
.lp5-node{position:relative;z-index:1;display:inline-flex;flex-direction:column;gap:2px;max-width:100%;padding:12px 18px;border:1px solid var(--f-node-line);border-radius:6px;background:var(--f-node);color:var(--f-node-ink);font:750 15px/1.3 var(--lp5-font);box-shadow:var(--f-node-shadow);transition:border-color 220ms ease,background-color 220ms ease,color 220ms ease,transform 160ms var(--lp5-ease-out)}
.lp5-node small{font:800 11px/1.35 var(--lp5-font);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.lp5-node--hub{border-color:transparent;background:var(--f-hub);color:var(--f-hub-ink);padding:18px 22px}
.lp5-node--hub b{font:850 clamp(20px,1.7vw,26px)/1.12 var(--lp5-display);letter-spacing:-.035em}
.lp5-node--hub small{opacity:.85}
button.lp5-node{cursor:pointer;text-align:left}
button.lp5-node:active{transform:scale(.98)}
button.lp5-node[aria-pressed="true"],.lp5-node.is-traced{border-color:var(--f-route);box-shadow:inset 0 0 0 1px var(--f-route),var(--f-node-shadow)}
.lp5-node.is-dim{color:var(--lp5-ui-muted)}
@media (hover:hover) and (pointer:fine){button.lp5-node:hover{border-color:var(--f-route);transform:translateY(-2px)}}
.lp5-portrait{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#E8BA4D;color:#172234;box-shadow:0 0 0 4px rgba(232,186,77,.22)}
.lp5-portrait i{font:850 17px/1 var(--lp5-font);font-style:normal}
.lp5-portrait--lg{width:56px;height:56px}
.lp5-portrait--lg i{font-size:21px}
.lp5-portrait--sm{width:30px;height:30px;box-shadow:0 0 0 3px rgba(232,186,77,.2)}
.lp5-portrait--sm i{font-size:13px}
.lp5-portrait--xs{width:22px;height:22px;box-shadow:none}
.lp5-portrait--xs i{font-size:11px}

/* ---- Direction: goal relationship graph ------------------------------------------------- */
.lp5-goalgraph{display:grid;gap:28px}
.lp5-gcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.lp5-gcol ul{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.lp5-gcol li{max-width:100%}
@media (max-width:767px){
  .lp5-goalgraph{grid-template-columns:minmax(0,1fr);gap:12px}
  .lp5-goalgraph .lp5-gcol,.lp5-goalgraph .lp5-gcol ul,.lp5-goalgraph .lp5-gcol li:not(.lp5-node){display:contents}
  .lp5-goalgraph .lp5-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lp5-goalgraph [data-node]{justify-self:start;margin-bottom:4px}
  .lp5-goalgraph [data-node="g"]{grid-row:1;margin-bottom:20px}
  .lp5-goalgraph [data-node="n0"]{grid-row:2}.lp5-goalgraph [data-node="h0"]{grid-row:3}.lp5-goalgraph [data-node="a0"]{grid-row:4}
  .lp5-goalgraph [data-node="n1"]{grid-row:5}.lp5-goalgraph [data-node="h1"]{grid-row:6}.lp5-goalgraph [data-node="a1"]{grid-row:7}
  .lp5-goalgraph [data-node="n2"]{grid-row:8}.lp5-goalgraph [data-node="h2"]{grid-row:9}.lp5-goalgraph [data-node="a2"]{grid-row:10}
  .lp5-goalgraph [data-node^="n"]{margin-top:16px;margin-left:20px}
  .lp5-goalgraph [data-node^="h"]{margin-left:52px}
  .lp5-goalgraph [data-node^="a"]{margin-left:84px}
  .lp5-goalgraph [data-node^="h"]::before{content:"Who can help";font:800 11px/1.3 var(--lp5-font);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
  .lp5-goalgraph [data-node^="a"]::before{content:"You could";font:800 11px/1.3 var(--lp5-font);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
  .lp5-goalgraph figcaption{grid-row:11}
}
@media (min-width:768px){
  .lp5-goalgraph{grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));column-gap:clamp(40px,5.5vw,104px)}
  .lp5-goalgraph figcaption{grid-column:1/-1}
  .lp5-goalgraph .lp5-gcol{display:grid;grid-template-rows:auto 1fr;align-items:center;row-gap:18px}
  .lp5-goalgraph .lp5-gcol ul{align-items:stretch;gap:20px}
  .lp5-goalgraph .lp5-node{display:flex;width:100%}
}
@media (min-width:768px) and (max-width:1023px){.lp5-goalgraph .lp5-node{font-size:14px;padding:10px 14px}}

/* ---- Context ----------------------------------------------------------------------------- */
.lp5-context-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vh,72px)}
.lp5-ctx{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.lp5-ent{position:relative;z-index:1;display:grid;gap:6px;padding:22px 24px;border:1px solid var(--f-node-line);border-radius:var(--lp5-radius-card);background:var(--f-node);color:var(--f-node-ink);box-shadow:var(--f-node-shadow)}
.lp5-ent h3{font:850 clamp(26px,2.4vw,38px)/1.02 var(--lp5-display);letter-spacing:-.05em}
.lp5-ent p{color:var(--lp5-ui-muted);font-size:15px}
.lp5-ex{justify-self:start;margin-top:6px;padding:6px 9px;border-bottom:1px solid #A16F18;background:#FFF4D2;color:#68470D;font:750 13px/1.3 var(--lp5-font)}
.lp5-trio{display:flex;margin-bottom:6px}
.lp5-trio .lp5-portrait+.lp5-portrait{margin-left:-6px}
.lp5-ctx-hub{justify-self:start;order:-1}
.lp5-verb{font:800 11px/1.3 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:var(--f-eyebrow)}
.lp5-ctx .lp5-verb{display:none}
.lp5-ctx figcaption{grid-column:1/-1}
@media (max-width:899px){.lp5-ctx .lp5-edges{display:none}}
@media (min-width:900px){
  .lp5-ctx{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(88px,auto) auto;column-gap:clamp(40px,7vw,140px);row-gap:28px;align-items:center}
  .lp5-ent--people{grid-column:1;grid-row:1}
  .lp5-ent--comms{grid-column:3;grid-row:1}
  .lp5-ent--opps{grid-column:2;grid-row:3}
  .lp5-ctx-hub{grid-column:2;grid-row:2;justify-self:center;align-items:center;text-align:center;order:0}
  .lp5-ctx .lp5-verb.is-placed{display:block;position:absolute;z-index:1;padding:4px 10px;background:var(--f-bg);text-align:center;max-width:24ch;transform:translate(-50%,-50%)}
}
.lp5-compare{display:grid;font-size:16px;border-bottom:1px solid var(--f-line)}
.lp5-compare-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 24px;padding:16px 0;border-top:1px solid var(--f-line)}
.lp5-compare-row [role="rowheader"]{font:800 16px/1.3 var(--lp5-font)}
.lp5-compare-row [role="cell"]{color:var(--f-muted)}
.lp5-compare-row [role="cell"].is-us{color:var(--f-ink);font-weight:750}
.lp5-compare-row--head{display:none}
.lp5-compare-row [role="cell"]::before{content:attr(data-col);display:block;font:800 11px/1.4 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:var(--f-eyebrow)}
@media (min-width:900px){
  .lp5-compare-row{grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);align-items:baseline;padding:18px 0}
  .lp5-compare-row--head{display:grid;border-top:0;padding-top:0}
  .lp5-compare-row--head span{font:800 11px/1.4 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:var(--f-eyebrow)}
  .lp5-compare-row [role="cell"]::before{display:none}
}

/* ---- Product fragments ([data-ui]) -------------------------------------------------------- */
.lp5-ui{position:relative;z-index:1;background:var(--lp5-ui-bg);color:var(--lp5-ui-ink);border:1px solid var(--lp5-card-line);border-radius:var(--lp5-radius-card);padding:clamp(20px,2vw,26px);box-shadow:0 18px 40px -18px rgba(22,55,68,.35)}
[data-field="navy"] .lp5-ui,[data-field="deep"] .lp5-ui{box-shadow:0 25px 50px -18px rgba(2,13,24,.6)}
.lp5-ui-tabs{display:flex;flex-wrap:wrap;gap:4px 18px;margin:14px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--lp5-card-line);font:700 13px/1.3 var(--lp5-font);color:var(--lp5-ui-muted)}
.lp5-ui-tabs .is-on{color:var(--lp5-ui-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:13px;text-decoration-color:#A16F18}

/* ---- Your work --------------------------------------------------------------------------- */
.lp5-workgraph{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.lp5-profile-head{display:flex;align-items:center;gap:14px}
.lp5-profile-head b{display:block;font:850 20px/1.15 var(--lp5-display);letter-spacing:-.04em}
.lp5-profile-head small{display:block;font-size:14px;color:var(--lp5-ui-muted)}
.lp5-profile ul{display:grid;gap:8px}
.lp5-pitem{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border-radius:4px;background:var(--lp5-ui-bg-2);border-left:3px solid #C9962F}
.lp5-pitem-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lp5-ui-bg);color:#8A6116}
.lp5-pitem small{display:block;font:800 11px/1.3 var(--lp5-font);letter-spacing:.12em;text-transform:uppercase;color:var(--lp5-ui-muted)}
.lp5-pitem b{display:block;font:750 15px/1.3 var(--lp5-font)}
.lp5-pitem em{grid-column:2;font:italic 500 13px/1.3 var(--lp5-body);color:var(--lp5-ui-muted)}
.lp5-pitem.is-unused{background:transparent;border-left-color:transparent;box-shadow:inset 0 0 0 1px var(--lp5-card-line)}
.lp5-pitem.is-unused .lp5-pitem-ic{color:var(--lp5-ui-muted)}
.lp5-node--tag{background:var(--f-chip);color:var(--f-chip-ink);border:0;border-bottom:1px solid var(--f-chip-line);border-radius:2px;box-shadow:none}
@media (max-width:899px){.lp5-workgraph .lp5-edges{display:none}.lp5-work-tags ul{flex-direction:row;flex-wrap:wrap;gap:10px}}
@media (min-width:900px){
  .lp5-workgraph{grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,2fr);column-gap:clamp(40px,5vw,88px);align-items:center}
  .lp5-workgraph figcaption{grid-column:1/-1}
  .lp5-work-tags{justify-content:center}
  .lp5-work-tags ul{gap:38px}
}

/* ---- Opportunity ------------------------------------------------------------------------- */
.lp5-oppgraph{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.lp5-oppcard{display:grid;gap:12px;align-content:start;border-left:3px solid #C9962F}
.lp5-oppcard-k{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:800 11px/1.3 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:var(--lp5-ui-muted)}
.lp5-oppcard-k .lp5-tag{margin-left:auto}
.lp5-oppcard h3{font:850 clamp(24px,2vw,32px)/1.08 var(--lp5-display);letter-spacing:-.045em}
.lp5-oppcard>p{font-size:15px;color:var(--lp5-ui-ink-2)}
.lp5-why{border-top:1px solid var(--lp5-card-line);border-bottom:1px solid var(--lp5-card-line)}
.lp5-why summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer;list-style:none;font:800 14px/1.2 var(--lp5-font)}
.lp5-why summary::-webkit-details-marker{display:none}
.lp5-why summary .lp5-icon{color:#A16F18;transition:transform 200ms var(--lp5-ease-out)}
.lp5-why[open] summary .lp5-icon{transform:rotate(180deg)}
.lp5-why ul{display:grid;gap:8px;padding:0 0 16px;font-size:14px}
.lp5-why li{padding-left:16px;position:relative}
.lp5-why li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#C9962F}
.lp5-oppcard-actions{display:flex;flex-wrap:wrap;gap:8px;font:750 13px/1 var(--lp5-font);color:var(--lp5-ui-ink-2)}
.lp5-oppcard-actions span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border-radius:3px;background:var(--lp5-ui-bg-2)}
.lp5-oppcard-actions .lp5-icon{width:15px;height:15px}
.lp5-opp-ev ul+.lp5-label{margin-top:18px}
.lp5-key{display:inline-block;width:26px;height:0;margin-left:8px;vertical-align:middle;border-top:2px solid currentColor}
.lp5-key--dashed{border-top-style:dashed}
.lp5-node--ev{font-size:14px}
.lp5-node--inferred{border-style:dashed;box-shadow:none}
.lp5-opp-in ul{gap:16px}
@media (max-width:899px){.lp5-oppgraph .lp5-edges{display:none}}
@media (min-width:900px){
  .lp5-oppgraph{grid-template-columns:minmax(0,3fr) minmax(0,4.4fr) minmax(0,3.4fr);column-gap:clamp(40px,5vw,88px);align-items:center}
  .lp5-oppgraph figcaption{grid-column:1/-1}
  .lp5-opp-ev ul{gap:14px}
}

/* ---- Conversation (numbered steps, as in production) -------------------------------------- */
.lp5-conv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vh,64px)}
.lp5-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.lp5-seg button{display:grid;align-content:start;gap:6px;min-height:76px;padding:12px 0 0;border:0;border-top:2px solid var(--f-line);background:transparent;text-align:left;cursor:pointer;font:800 16px/1.2 var(--lp5-font);color:var(--f-ink);transition:border-color 200ms ease,color 200ms ease}
.lp5-step-n{font:800 11px/1 var(--lp5-font);letter-spacing:.14em;color:var(--f-eyebrow)}
.lp5-seg button[aria-pressed="true"]{border-top-color:var(--f-route)}
.lp5-seg button:not([aria-pressed="true"]){color:var(--f-muted)}
@media (hover:hover) and (pointer:fine){.lp5-seg button:not([aria-pressed="true"]):hover{color:var(--f-ink);border-top-color:var(--f-edge)}}
.lp5-pathgraph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 72px auto;row-gap:8px;column-gap:12px;align-items:center}
.lp5-pnode{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:4px;padding:6px;pointer-events:none}
.lp5-pnode b,.lp5-pnode small{padding:0 6px;background:var(--f-bg);border-radius:2px}
.lp5-pnode b{font:800 15px/1.2 var(--lp5-font)}
.lp5-pnode small{font-size:13px;line-height:1.35;color:var(--f-muted);max-width:18ch}
.lp5-pnode--you{grid-column:1;grid-row:2}
.lp5-pnode--conn{grid-column:2;grid-row:1}
.lp5-pnode--person{grid-column:3;grid-row:2}
.lp5-pnode--grp{grid-column:2;grid-row:3}
.lp5-dot{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--f-hub);color:var(--f-hub-ink);font:800 18px/1 var(--lp5-font);transition:opacity 220ms ease}
.lp5-dot .lp5-icon{width:22px;height:22px}
.lp5-dot:has(.lp5-portrait){width:auto;height:auto;background:none}
.lp5-pathgraph .lp5-portrait{width:52px;height:52px;margin-bottom:4px}
.lp5-pathgraph .lp5-portrait i{font-size:19px}
.lp5-dot--grp{background:#2C3F5C;color:#F4F5F7}
.lp5-pathgraph [data-node].is-on .lp5-portrait{box-shadow:0 0 0 4px var(--f-bg),0 0 0 6px var(--f-route)}
.lp5-pathgraph [data-node].is-on .lp5-dot--grp{background:#E8BA4D;color:#172234}
.lp5-pathgraph [data-node].is-dim .lp5-dot{opacity:.4}
.lp5-pathgraph [data-node].is-dim b{color:var(--f-muted);font-weight:600}
/* Composer: production's dark message composer on navy */
.lp5-composer{grid-column:1/-1;grid-row:4;margin-top:24px;display:grid;gap:12px;background:#16294A;color:#E6EAF0;border-color:#3A4E6E;border-radius:6px}
.lp5-composer-k{display:flex;justify-content:space-between;gap:8px;font:800 11px/1.3 var(--lp5-font);letter-spacing:.14em;text-transform:uppercase;color:#E8CB84}
.lp5-composer .lp5-tag{background:#112638;color:#E8CB84}
.lp5-composer blockquote{padding:14px 16px;border:1px solid #3A4E6E;border-radius:4px;background:#0F2140;color:#E6EAF0;font-size:15px;line-height:1.55;min-height:6.2em}
.lp5-composer-foot{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#C3CBD8}
.lp5-send{display:grid;place-items:center;width:38px;height:38px;border-radius:3px;background:#E8BA4D;color:#172234}
.lp5-pathgraph figcaption{grid-column:1/-1;grid-row:5}
@media (max-width:479px){.lp5-pnode small{display:none}.lp5-pathgraph{grid-template-rows:auto 48px auto}.lp5-seg button{font-size:14px}}
@media (min-width:1024px){
  .lp5-conv-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(48px,6vw,112px);align-items:center}
  .lp5-conv-grid .lp5-head{margin-bottom:0}
  .lp5-pathgraph{grid-template-rows:auto 120px auto}
}

/* ---- Together ---------------------------------------------------------------------------- */
.lp5-together-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vh,64px)}
.lp5-together-grid .lp5-head{margin-bottom:0}
.lp5-workspace{display:grid;gap:4px}
.lp5-ws-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px}
.lp5-ws-head b{font:850 22px/1.15 var(--lp5-display);letter-spacing:-.04em}
.lp5-workspace h3{font:800 16px/1.3 var(--lp5-font);margin:4px 0 10px}
.lp5-tasks{display:grid;gap:0}
.lp5-tasks li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border-top:1px solid var(--lp5-card-line);border-left:3px solid transparent}
.lp5-tasks li:has([data-state="in-progress"]){background:#FFF6DD;border-left-color:#A16F18}
.lp5-tasks b{font:700 15px/1.3 var(--lp5-font)}
.lp5-task-state{display:inline-flex;align-items:center;gap:6px;min-width:96px;font:800 11px/1.2 var(--lp5-font);letter-spacing:.1em;text-transform:uppercase;color:var(--lp5-ui-ink-2)}
.lp5-task-state::before{content:"";width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor}
.lp5-task-state[data-state="done"]::before{box-shadow:inset 0 0 0 6px #112638}
.lp5-task-state[data-state="done"]{color:#112638}
.lp5-task-state[data-state="in-progress"]::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.lp5-assignee{display:inline-flex}
.lp5-ws-activity{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--lp5-ui-ink-2)}
.lp5-ws-activity .lp5-icon{color:#A16F18}
.lp5-ws-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:13px;color:var(--lp5-ui-muted)}
.lp5-ws-legend > span{display:inline-flex;align-items:center;gap:6px}
@media (min-width:1024px){.lp5-together-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(48px,6vw,112px);align-items:center}}

/* ---- Network ----------------------------------------------------------------------------- */
.lp5-network-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vh,64px);margin-bottom:clamp(48px,8vh,88px)}
.lp5-ledger{display:grid;gap:22px}
.lp5-ledger div{display:grid;grid-template-columns:minmax(4ch,auto) minmax(0,1fr);align-items:baseline;gap:20px;padding-top:16px;border-top:1px solid var(--f-line)}
.lp5-ledger dt{min-width:1.25em;font:850 clamp(56px,6vw,96px)/1 var(--lp5-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-align:right;color:var(--f-accent)}
.lp5-ledger dd{font-size:16px;max-width:26ch}
.lp5-bars ol{display:grid;gap:10px;margin-top:16px}
.lp5-bars li{display:grid;grid-template-columns:minmax(0,13ch) minmax(0,1fr) 2ch;align-items:center;gap:14px;font-size:14px}
.lp5-bar-name{font:700 14px/1.25 var(--lp5-font)}
.lp5-bar-track{display:block;height:10px;background:var(--f-bg-2);border-radius:1px;overflow:hidden}
.lp5-bar-track i{display:block;height:100%;width:100%;background:var(--f-edge);transform:scaleX(var(--v));transform-origin:left;transition:background-color 260ms ease}
.lp5-bar-n{font:800 14px/1 var(--lp5-font);font-variant-numeric:tabular-nums;text-align:right}
.lp5-bars li.is-on .lp5-bar-name{font-weight:850}
.lp5-bars li.is-on .lp5-bar-name::after{content:" · your example";font-weight:600;color:var(--f-muted)}
.lp5-bars li.is-on .lp5-bar-track i{background:#C9962F}
@media (min-width:1024px){.lp5-network-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(48px,6vw,112px);align-items:start}.lp5-bars li{grid-template-columns:minmax(0,17ch) minmax(0,1fr) 2ch}}
.lp5-matrix-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;contain:paint}
.lp5-matrix-scroll:focus-visible{outline-offset:4px}
.lp5-matrix table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0;font-size:14px}
.lp5-matrix caption{text-align:left;padding-bottom:16px;font:800 12px/1.3 var(--lp5-font);letter-spacing:.16em;text-transform:uppercase;color:var(--f-eyebrow)}
.lp5-matrix th,.lp5-matrix td{padding:10px 8px;text-align:center;vertical-align:middle;border-top:1px solid var(--f-line)}
.lp5-matrix thead th{vertical-align:bottom;border-top:0;font:700 12px/1.25 var(--lp5-font);color:var(--f-muted)}
.lp5-matrix thead th span{display:block;max-width:11ch;margin-inline:auto}
.lp5-matrix thead th:first-child,.lp5-matrix tbody th{position:sticky;left:0;z-index:1;background:var(--f-bg);text-align:left;font:750 14px/1.25 var(--lp5-font);color:var(--f-ink);white-space:nowrap;padding-right:16px}
.lp5-matrix .is-on{background:var(--f-chip)}
.lp5-matrix thead th.is-on{color:var(--f-chip-ink);font-weight:850;box-shadow:inset 0 3px 0 #C9962F}
.lp5-mark{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--f-ink);vertical-align:middle}
.lp5-matrix td.is-on .lp5-mark{background:#C9962F;box-shadow:0 0 0 3px rgba(201,150,47,.25)}
@media (hover:hover) and (pointer:fine){.lp5-matrix tbody tr:hover td,.lp5-matrix tbody tr:hover th{background:var(--f-bg-2)}}

/* ---- Next move: FAQ accordion + the closing network ---------------------------------------- */
.lp5-next{padding:0;display:block}
@media (min-width:1024px) and (min-height:720px){.lp5-next{min-height:0}}
.lp5-band{padding:clamp(88px,12vh,140px) 0}
.lp5-faq{display:grid;gap:28px}
.lp5-faq .lp5-h2{margin-top:14px;max-width:14ch;font-size:clamp(34px,3.6vw,58px)}
.lp5-faq-list details{border-top:1px solid #C3C7CF}
.lp5-faq-list details:last-child{border-bottom:1px solid #C3C7CF}
.lp5-faq-list summary{position:relative;display:flex;align-items:center;min-height:60px;padding:16px 40px 16px 0;cursor:pointer;list-style:none;font:800 16px/1.4 var(--lp5-font)}
.lp5-faq-list summary::-webkit-details-marker{display:none}
.lp5-faq-list summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font:600 24px/1 var(--lp5-font);color:#866117}
.lp5-faq-list details[open] summary::after{content:"−"}
.lp5-faq-a p{max-width:62ch;padding:0 0 20px;color:var(--f-muted);font-size:16px}
@media (min-width:1024px){.lp5-faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,112px)}}
.lp5-close-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
.lp5-close{display:grid;gap:22px;justify-items:start}
.lp5-close-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.08em .3em;font:850 clamp(40px,5.2vw,86px)/1 var(--lp5-display);letter-spacing:-.055em}
.lp5-select{position:relative;display:inline-flex;align-items:center;max-width:100%}
.lp5-select select{appearance:none;-webkit-appearance:none;field-sizing:content;max-width:100%;padding:0 1.05em 0 0;border:0;border-bottom:3px solid #E8BA4D;border-radius:0;background:transparent;color:#F6D57C;font:inherit;letter-spacing:inherit;cursor:pointer;text-overflow:ellipsis}
.lp5-select select option{color:#0D1B2B;background:#FFFFFF;font-size:16px;letter-spacing:0}
.lp5-select .lp5-icon{position:absolute;right:.12em;width:.55em;height:.55em;pointer-events:none;color:#E8BA4D}
.lp5-close-copy{max-width:46ch;font-size:18px;color:var(--f-muted)}
.lp5-close-band .lp5-btn{box-shadow:0 0 0 6px rgba(232,186,77,.24),0 14px 34px 4px rgba(232,186,77,.1)}
.lp5-close-note{max-width:52ch;font-size:14px;color:var(--f-muted)}
@media (max-width:639px){.lp5-close-line{font-size:clamp(32px,9vw,40px)}.lp5-select,.lp5-select select{width:100%}}
/* The closing ring: six product stages around you (production's final network, without the overlaps). */
.lp5-ring{position:relative;display:none;width:min(100%,600px);aspect-ratio:1/.9;justify-self:center}
.lp5-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lp5-ring-orbit{fill:none;stroke:rgba(184,196,212,.35);stroke-width:1;vector-effect:non-scaling-stroke}
.lp5-ring-spokes path{fill:none;stroke:rgba(184,196,212,.45);stroke-width:1;vector-effect:non-scaling-stroke}
.lp5-ring-route{fill:none;stroke:#E8BA4D;stroke-width:1.75;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.lp5-ring-core{position:absolute;left:50%;top:50%;display:grid;justify-items:center;gap:8px;transform:translate(-50%,-30%)}
.lp5-rc{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);z-index:1;display:grid;justify-items:center;gap:2px;min-width:118px;max-width:30%;padding:10px 14px;border-radius:4px;background:#FFFFFF;color:#152B3C;text-align:center;transform:translate(-50%,-50%);box-shadow:0 18px 36px -14px rgba(2,10,24,.6)}
.lp5-rc b{font:850 11px/1.3 var(--lp5-font);letter-spacing:.16em;text-transform:uppercase}
.lp5-rc small{font:600 13px/1.3 var(--lp5-font);color:#505A69;text-wrap:balance}
.lp5-rc .lp5-portrait{position:absolute;left:-12px;top:-12px}
@media (min-width:900px){.lp5-ring{display:block}}
@media (min-width:1024px){.lp5-close-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(48px,6vw,112px)}}

/* ---- Footer ------------------------------------------------------------------------------ */
.lp5-footer{padding:44px 0 36px}
.lp5-footer[data-field]{background-color:#08121F;background-image:none;color:#F4F5F7}
.lp5-footer-row{display:grid;gap:22px}
.lp5-footer-row--end{margin-top:28px;padding-top:22px;border-top:1px solid #1E2C44}
.lp5-footer nav{display:flex;flex-wrap:wrap;gap:4px 6px}
.lp5-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;margin-left:-10px;font:700 14px/1 var(--lp5-font);text-decoration:none;color:#D9DEE6}
@media (hover:hover) and (pointer:fine){.lp5-footer nav a:hover{color:#F6D57C;text-decoration:underline;text-underline-offset:5px}}
.lp5-legal{font-size:13px;color:#A5AFBE}
.lp5-footer :focus-visible{outline-color:#F6D57C}
@media (min-width:900px){.lp5-footer-row{grid-template-columns:auto 1fr;align-items:center}.lp5-footer-row nav{justify-self:end}.lp5-footer-row--end{grid-template-columns:1fr auto}}

/* ---- Splash motion (html.lp5-motion only; reduced motion never sets it) -------------------- */
/* Headline and lede move with transform only, so the LCP text is painted on the first frame. */
@keyframes lp5-rise{from{transform:translateY(.34em)}to{transform:none}}
@keyframes lp5-rise-sm{from{transform:translateY(18px)}to{transform:none}}
@keyframes lp5-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes lp5-ring-in{from{opacity:0;transform:scale(.62)}to{opacity:1;transform:none}}
@keyframes lp5-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.04)}100%{transform:none}}
@keyframes lp5-underline{from{background-size:0 2px}to{background-size:100% 2px}}
@keyframes lp5-ripple{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(3.1)}}
html.lp5-motion .lp5-hero .lp5-line{animation:lp5-rise .95s var(--lp5-ease-out) both}
html.lp5-motion .lp5-hero .lp5-line:nth-child(2){animation-delay:.09s}
html.lp5-motion .lp5-hero .lp5-line:nth-child(3){animation-delay:.18s}
html.lp5-motion .lp5-hero .lp5-lead{animation:lp5-rise-sm .9s .2s var(--lp5-ease-out) both}
html.lp5-motion .lp5-hero .lp5-eyebrow{animation:lp5-fade-up .7s var(--lp5-ease-out) both}
html.lp5-motion .lp5-hero .lp5-actions{animation:lp5-fade-up .8s .34s var(--lp5-ease-out) both}
html.lp5-motion .lp5-hero .lp5-note{animation:lp5-fade-up .8s .44s var(--lp5-ease-out) both}
html.lp5-motion .lp5-rings i{animation:lp5-ring-in 1.1s .15s var(--lp5-ease-out) both}
html.lp5-motion .lp5-rings i:nth-of-type(2){animation-delay:.27s}
html.lp5-motion .lp5-rings i:nth-of-type(3){animation-delay:.39s}
html.lp5-motion .lp5-rings .lp5-medallion{animation:lp5-pop .8s .08s var(--lp5-ease-out) both}
html.lp5-motion .lp5-rings small{animation:lp5-fade-up .6s .6s var(--lp5-ease-out) both}
html.lp5-motion .lp5-intent-goal{animation:lp5-fade-up .7s .55s var(--lp5-ease-out) both}
html.lp5-motion .lp5-moves > *{animation:lp5-fade-up .7s var(--lp5-ease-out) both}
html.lp5-motion .lp5-moves .lp5-mv{animation:lp5-underline .8s var(--lp5-ease-in-out) both}
html.lp5-motion .lp5-moves > :nth-child(1){animation-delay:.68s}
html.lp5-motion .lp5-moves > :nth-child(2){animation-delay:.78s}
html.lp5-motion .lp5-moves > :nth-child(3){animation-delay:.88s}
html.lp5-motion .lp5-moves > :nth-child(1) .lp5-mv{animation-delay:1.05s}
html.lp5-motion .lp5-moves > :nth-child(2) .lp5-mv{animation-delay:1.15s}
html.lp5-motion .lp5-moves > :nth-child(3) .lp5-mv{animation-delay:1.25s}
/* Ambient: the goal radiates while the hero is on screen and motion is not paused. */
html.lp5-motion .lp5-ripple{animation:lp5-ripple 3.8s cubic-bezier(.22,.61,.36,1) 1.2s infinite}
html.lp5-motion .lp5-ripple+.lp5-ripple{animation-delay:3.1s}
.lp5-hero.is-still .lp5-ripple{animation-play-state:paused;opacity:0}
/* Goal cycle (landing-lp5.js): the intent panel steps through the example goals until a visitor picks one. */
/* Once the entrance has played, the panel settles (entrance keyframes released) and the cycle takes over. */
html.lp5-motion .lp5-intent.is-settled .lp5-moves > *,html.lp5-motion .lp5-intent.is-settled .lp5-moves .lp5-mv,html.lp5-motion .lp5-intent.is-settled .lp5-intent-goal{animation:none;transition:opacity .22s ease,transform .22s ease}
html.lp5-motion .lp5-intent.is-settled [data-cycle-out]{opacity:0;transform:translateY(-10px)}
html.lp5-motion .lp5-intent.is-settled .is-cycling-in{animation:lp5-fade-up .5s var(--lp5-ease-out) both}
html.lp5-motion .lp5-intent.is-settled .is-cycling-in .lp5-mv{animation:lp5-underline .7s var(--lp5-ease-in-out) both;animation-delay:inherit}
.lp5-motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;padding:0;border:0;background:none;cursor:pointer;font:700 13px/1 var(--lp5-font);color:var(--f-muted);text-decoration:underline;text-underline-offset:4px}
.lp5-motion-toggle[hidden]{display:none}
.lp5-motion-icon{position:relative;width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.lp5-motion-toggle[aria-pressed="true"] .lp5-motion-icon{width:0;height:0;border:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
@media (hover:hover) and (pointer:fine){.lp5-motion-toggle:hover{color:var(--f-ink)}}

/* ---- Motion opt-in (landing-lp5.js) ------------------------------------------------------ */
html.lp5-motion [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(24px)}
html.lp5-motion .lp5-bars:not([data-revealed]) .lp5-bar-track i{transform:scaleX(0)}
html.lp5-motion [data-cascade]:not([data-revealed]) .lp5-gcol .lp5-label,html.lp5-motion [data-cascade]:not([data-revealed]) .lp5-gcol [data-node]{opacity:0}
@media (prefers-reduced-motion:reduce){
  .lp5 *{transition-duration:.01ms!important}
  .lp5-btn:active,.lp5-scenarios button:active,button.lp5-node:active{transform:none}
}
@media print{.lp5-header,.lp5-edges,.lp5-skip,.lp5-marker{display:none}.lp5 [data-field]{background:#fff;color:#000}}