/* LawAstra: task-first visual system in the original Poppins, navy and gold brand. */
body.la3-site.la4-site { --la4-navy:#0f1f4a; --la4-ink:#0a1638; --la4-teal:#152a5e; --la4-cream:#f6f7fb; --la4-line:#e3e6f0; --la4-gold:#e0a83e; background:#fff; color:var(--la4-ink); }
.la4-shell { width:min(calc(100% - 72px),1360px); margin-inline:auto; }
.la4-eyebrow { display:block; margin-bottom:14px; color:#4a5578; font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.la4-overline { display:flex; align-items:center; gap:10px; color:#4a5578; font-size:11px; font-weight:600; letter-spacing:.12em; }
.la4-overline-mark { display:grid; place-items:center; width:26px; height:26px; border:1px solid #e3e6f0; border-radius:50%; color:var(--la4-teal); }
.la4-overline-mark svg { width:15px; height:15px; }
body.la4-site h1, body.la4-site h2, body.la4-site h3 { letter-spacing:-.028em; }
body.la4-site h2 { font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:clamp(28px,2.5vw,36px); font-weight:500; line-height:1.15; }
body.la4-site h2 em { color:#9a6b20; font-style:normal; }
body.la4-site .la4-focus h2 em,body.la4-site .la4-stage-body h2 em,body.la4-site .la4-ending h2 em { color:#e0a83e; }
body.la4-site p { line-height:1.56; }
body.la4-site .la3-header { background:rgba(255,255,255,.96); backdrop-filter:blur(18px); border-bottom-color:#e3e6f0; }
body.la4-site .la3-header-inner { min-height:68px; }
body.la4-site .la3-nav > a, body.la4-site .la3-nav > details > summary { font-size:13px; }
body.la4-site .la3-header-actions .la3-button { border-radius:99px; }

/* The hero borrows the speed of a product application without pretending an answer is live. */
.la4-hero { padding:28px 0 34px; background:linear-gradient(128deg,#f6f7fb 0%,#f6f7fb 57%,#f6f7fb 100%); }
.la4-hero-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:24px; align-items:stretch; }
.la4-hero-copy { position:relative; overflow:hidden; min-width:0; display:flex; flex-direction:column; min-height:617px; padding:clamp(30px,3.4vw,52px); border:1px solid #e3e6f0; border-radius:24px; background:radial-gradient(circle at 95% 3%,#f6f7fb 0,transparent 37%),#ffffff; box-shadow:0 14px 36px rgba(10,22,56,.035); }
.la4-hero-copy::after { content:""; position:absolute; top:-151px; right:-154px; width:330px; height:330px; border:1px solid rgba(21,42,94,.15); border-radius:50%; pointer-events:none; }
.la4-hero h1 { position:relative; z-index:1; max-width:610px; margin:33px 0 14px; color:#0f1f4a; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:clamp(38px,3.75vw,56px); font-weight:500; line-height:1.09; }
.la4-hero h1 em { color:#9a6b20; font-style:normal; }
.la4-hero-copy > p:not(.la4-hero-disclosure) { max-width:48ch; margin-bottom:24px; color:#4a5578; font-size:16px; }
.la4-brief { position:relative; z-index:1; width:100%; margin-top:auto; border:1px solid #e3e6f0; border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(15,31,74,.06); }
.la4-brief > label { display:block; padding:20px 21px 0; color:#152a5e; font-size:15px; font-weight:600; }
.la4-brief textarea { display:block; width:100%; min-height:91px; padding:12px 21px; border:0; outline:none; resize:vertical; background:transparent; color:#152a5e; font-size:15px; line-height:1.46; }
.la4-brief textarea::placeholder { color:#4a5578; }
.la4-brief:focus-within { border-color:#7180a5; box-shadow:0 0 0 3px rgba(21,42,94,.11),0 12px 28px rgba(15,31,74,.06); }
.la4-brief-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:67px; margin:0 16px; border-top:1px solid #f6f7fb; }
.la4-brief-bottom > span { color:#4a5578; font-size:11px; line-height:1.35; }
.la4-brief-actions { display:flex; align-items:center; gap:7px; padding:8px 0; }
.la4-brief-actions button { min-height:44px; border-radius:9px; font-size:13px; font-weight:600; }
.la4-voice { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid #e3e6f0; background:#ffffff; color:#152a5e; }
.la4-voice svg { width:16px; height:16px; }
.la4-voice[aria-pressed="true"] { border-color:#152a5e; background:#f6f7fb; }
.la4-submit { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding:8px 18px; border:1px solid #0f1f4a; background:#0f1f4a; color:white; }
.la4-submit:hover { background:#152a5e; }
.la4-submit span { margin-left:8px; color:#e0a83e; }
.la4-prompt-row { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:16px; }
.la4-prompt-row > span { margin-right:2px; color:#4a5578; font-size:11px; }
.la4-prompt-row button { min-height:30px; padding:3px 10px; border:1px solid #e3e6f0; border-radius:99px; background:#ffffff; color:#152a5e; font-size:11px; line-height:1.3; }
.la4-prompt-row button:hover { border-color:#c7cfe6; background:#f6f7fb; }
.la4-hero-disclosure { max-width:68ch; margin:19px 0 0; color:#4a5578 !important; font-size:11px; line-height:1.45 !important; }
.la4-hero-disclosure strong { color:#4a5578; font-weight:600; }
.la4-hero-stage { position:relative; overflow:hidden; display:flex; flex-direction:column; min-width:0; min-height:617px; border-radius:24px; background:radial-gradient(circle at 105% 0%,rgba(113,128,165,.28) 0,transparent 47%),linear-gradient(145deg,#0f1f4a 0%,#0f1f4a 53%,#0a1638 100%); color:#fff; box-shadow:0 20px 54px rgba(10,22,56,.18); }
.la4-hero-stage::before { content:""; position:absolute; top:-170px; right:-190px; width:570px; height:570px; border:1px solid rgba(199,207,230,.17); border-radius:50%; pointer-events:none; }
.la4-stage-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:27px clamp(24px,3vw,43px) 18px; }
.la4-stage-brand { display:flex; align-items:center; gap:8px; color:#f6f7fb; font-size:12px; font-weight:600; letter-spacing:.11em; }
.la4-stage-brand svg { width:20px; height:20px; color:#e0a83e; }
.la4-stage-brand i { margin-left:5px; padding:3px 7px; border:1px solid rgba(227,230,240,.3); border-radius:99px; color:#c7cfe6; font-size:9px; font-style:normal; letter-spacing:.06em; }
.la4-stage-top > a { color:#f6f7fb; font-size:11px; border-bottom:1px solid rgba(224,238,233,.4); }
.la4-stage-tabs { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); width:min(calc(100% - 64px),400px); margin:9px clamp(24px,3vw,43px) 0; padding:4px; border:1px solid rgba(227,230,240,.28); border-radius:11px; background:rgba(246,247,251,.08); }
.la4-stage-tabs button { min-height:37px; padding:6px 9px; border:0; border-radius:7px; background:transparent; color:#c7cfe6; font-size:12px; white-space:nowrap; }
.la4-stage-tabs button[aria-selected="true"] { background:#f6f7fb; color:#0f1f4a; box-shadow:0 3px 9px rgba(0,0,0,.13); }
.la4-stage-body { position:relative; z-index:1; padding:21px clamp(24px,3vw,43px) 23px; }
.la4-stage-small { color:#c7cfe6; font-size:10px; font-weight:600; letter-spacing:.13em; }
.la4-stage-body h2 { margin:9px 0 17px; color:#ffffff; font-size:clamp(25px,2.3vw,31px); line-height:1.16; }
.la4-stage-visual { padding:14px; border:1px solid rgba(227,230,240,.24); border-radius:13px; background:rgba(246,247,251,.055); box-shadow:inset 0 1px rgba(255,255,255,.06); }
.la4-stage-source, .la4-stage-outcome { display:flex; align-items:center; gap:11px; padding:11px 12px; border:1px solid rgba(246,247,251,.13); border-radius:9px; background:rgba(255,255,255,.08); }
.la4-stage-icon, .la4-stage-outcome > span { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border:1px solid rgba(246,247,251,.26); border-radius:8px; color:#e3e6f0; }
.la4-stage-source svg, .la4-stage-outcome svg { width:19px; height:19px; }
.la4-stage-source small, .la4-stage-outcome small { display:block; margin-bottom:1px; color:#c7cfe6; font-size:9px; letter-spacing:.1em; }
.la4-stage-source strong, .la4-stage-outcome strong { display:block; color:#f6f7fb; font-size:12px; font-weight:500; line-height:1.26; }
.la4-stage-dot { width:7px; height:7px; margin-left:auto; border-radius:50%; background:#e0a83e; box-shadow:0 0 0 4px rgba(224,168,62,.12); }
.la4-stage-flow { display:flex; align-items:center; gap:8px; padding:13px 5px; }
.la4-stage-flow span { flex:1; padding:7px 4px; border:1px solid rgba(227,230,240,.22); border-radius:6px; color:#e3e6f0; font-size:9px; text-align:center; }
.la4-stage-flow i { flex:0 0 11px; height:1px; background:#7180a5; }
.la4-stage-outcome { background:rgba(113,128,165,.18); }
.la4-stage-link { display:inline-flex; align-items:center; gap:8px; margin-top:14px; color:#fff; font-size:12px; font-weight:600; border-bottom:1px solid #e0a83e; }
.la4-stage-link span { color:#e0a83e; }
.la4-stage-photo { position:relative; overflow:hidden; min-height:97px; margin-top:auto; }
.la4-stage-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,22,56,.53),rgba(10,22,56,.08)); }
.la4-stage-photo img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center 60%; }
.la4-stage-photo span { position:relative; z-index:1; display:block; padding:34px clamp(24px,3vw,43px); color:#fff; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:16px; }

/* The three client routes replace the former text-heavy preview. */
.la4-path-stage { isolation:isolate; background:radial-gradient(circle at 51% 45%,#233b78 0%,#152a5e 40%,#0f1f4a 78%); }
.la4-path-stage::after { content:""; position:absolute; z-index:-1; left:-12%; bottom:-40%; width:76%; aspect-ratio:1; border:1px solid rgba(255,255,255,.09); border-radius:50%; pointer-events:none; }
.la4-path-header { position:relative; z-index:2; display:flex; justify-content:space-between; gap:16px; padding:35px clamp(29px,4vw,58px) 28px; color:#c7cfe6; font-size:11px; font-weight:600; letter-spacing:.14em; }
.la4-path-header span:last-child { color:#e0a83e; }
.la4-path-tabs { position:relative; z-index:3; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; width:calc(100% - clamp(58px,8vw,116px)); margin:0 auto; padding:6px; border:1px solid rgba(227,230,240,.4); border-radius:18px; background:rgba(255,255,255,.07); box-shadow:inset 0 1px rgba(255,255,255,.06); }
.la4-path-tabs button { min-width:0; min-height:60px; padding:11px 9px; border:0; border-radius:12px; background:transparent; color:#c7cfe6; font-size:clamp(14px,1.55vw,20px); font-weight:500; line-height:1.2; transition:color .2s,background .2s,box-shadow .2s,transform .2s; }
.la4-path-tabs button:hover { color:#fff; }
.la4-path-tabs button[aria-selected="true"] { background:#fff; color:#0f1f4a; box-shadow:0 8px 22px rgba(3,12,35,.23); }
.la4-path-tabs button:focus-visible { outline:3px solid #e0a83e; outline-offset:3px; }
.la4-label-mobile { display:none; }
.la4-path-panel { position:relative; z-index:1; display:flex; flex:1; flex-direction:column; justify-content:flex-end; min-height:0; padding:0 clamp(29px,4vw,58px) 36px; }
.la4-path-art { position:relative; flex:1; min-height:250px; max-height:322px; margin:2px 0 13px; }
.la4-path-orbit { position:absolute; left:50%; top:50%; border:1px solid rgba(214,223,248,.14); border-radius:50%; transform:translate(-50%,-50%); }
.la4-path-orbit-one { width:248px; height:248px; }
.la4-path-orbit-two { width:338px; height:338px; border-style:dashed; opacity:.65; }
.la4-path-ray { position:absolute; left:50%; top:50%; width:1px; height:132px; background:linear-gradient(#e0a83e,rgba(224,168,62,0)); transform-origin:top; opacity:.38; }
.la4-path-ray-one { transform:rotate(47deg); }
.la4-path-ray-two { transform:rotate(164deg); }
.la4-path-ray-three { transform:rotate(284deg); }
.la4-path-core { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:150px; height:150px; border:1px solid rgba(224,168,62,.75); border-radius:36px; background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.035)); color:#fff; box-shadow:0 0 0 12px rgba(224,168,62,.035),0 24px 80px rgba(1,8,30,.29); transform:translate(-50%,-50%) rotate(-8deg); transition:transform .35s,box-shadow .35s; }
.la4-path-core > span { display:grid; place-items:center; width:100%; height:100%; transform:rotate(8deg); }
.la4-path-core > span[hidden] { display:none; }
.la4-path-core svg { width:71px; height:71px; stroke-width:1.15; }
.la4-path-stage[data-active="business"] .la4-path-core { transform:translate(-50%,-50%) rotate(0); }
.la4-path-stage[data-active="teams"] .la4-path-core { transform:translate(-50%,-50%) rotate(8deg); }
.la4-path-stage[data-active="business"] .la4-path-core > span { transform:rotate(0); }
.la4-path-stage[data-active="teams"] .la4-path-core > span { transform:rotate(-8deg); }
.la4-path-satellite { position:absolute; display:grid; place-items:center; width:49px; height:49px; border:1px solid rgba(217,226,251,.25); border-radius:14px; background:#23386c; color:#c7cfe6; box-shadow:0 10px 25px rgba(0,0,0,.15); transition:transform .3s,background .3s,color .3s; }
.la4-path-satellite svg { width:24px; height:24px; }
.la4-path-satellite-one { left:23%; top:18%; transform:rotate(-10deg); }
.la4-path-satellite-two { right:19%; top:20%; transform:rotate(8deg); }
.la4-path-satellite-three { right:25%; bottom:7%; transform:rotate(-5deg); }
.la4-path-stage[data-active="personal"] .la4-path-satellite-one,.la4-path-stage[data-active="business"] .la4-path-satellite-two,.la4-path-stage[data-active="teams"] .la4-path-satellite-three { background:#e0a83e; border-color:#e0a83e; color:#0a1638; transform:translateY(-6px); }
.la4-path-destination { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:3px 14px; padding-top:24px; border-top:1px solid rgba(227,230,240,.25); }
.la4-path-destination > span { grid-column:1 / -1; color:#c7cfe6; font-size:10px; font-weight:600; letter-spacing:.14em; }
.la4-path-destination h2 { margin:0; color:#fff; font-size:clamp(28px,2.7vw,38px); font-weight:500; }
.la4-path-destination a { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:45px; padding:10px 16px; border:1px solid #e0a83e; border-radius:8px; color:#0a1638; background:#e0a83e; font-size:13px; font-weight:600; transition:transform .2s,background .2s; }
.la4-path-destination a:hover { background:#f0bd58; transform:translateY(-2px); }
.la4-path-destination a:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.la4-path-destination a b { font-size:17px; font-weight:400; }

/* Purposeful transitions between photo, service taxonomy, product specimens, and process. */
.la4-ways, .la4-products, .la4-industry, .la4-reading { padding:clamp(69px,7vw,103px) 0; }
.la4-heading-row { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.la4-heading-row h2 { margin:0; max-width:700px; }
.la4-heading-row > a, .la4-desk-grid > div:first-child > a { flex:none; padding-bottom:2px; color:#152a5e; border-bottom:1px solid #c7cfe6; font-size:13px; font-weight:600; }
.la4-way-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.la4-way-grid a { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:248px; padding:24px; border:1px solid #e3e6f0; border-radius:15px; background:#fff; box-shadow:0 5px 18px rgba(10,22,56,.025); transition:transform .2s,box-shadow .2s,border-color .2s; }
.la4-way-grid a:hover { transform:translateY(-4px); border-color:#c7cfe6; box-shadow:0 16px 33px rgba(10,22,56,.09); }
.la4-way-icon { display:grid; place-items:center; width:47px; height:47px; margin-bottom:auto; border:1px solid #e3e6f0; border-radius:12px; background:#f6f7fb; color:#152a5e; }
.la4-way-icon svg { width:23px; height:23px; }
.la4-way-number { margin-top:28px; color:#9a6b20; font-size:10px; font-weight:600; letter-spacing:.11em; }
.la4-way-grid strong { display:block; margin-top:4px; color:#0f1f4a; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:22px; font-weight:500; line-height:1.2; }
.la4-way-grid small { display:block; max-width:28ch; margin-top:8px; color:#4a5578; font-size:12px; line-height:1.4; }
.la4-way-grid b { position:absolute; top:23px; right:22px; color:#9a6b20; font-size:19px; font-weight:400; }
.la4-focus { padding:clamp(58px,6vw,92px) 0; background:#0f1f4a; color:#fff; }
.la4-focus-grid { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); gap:clamp(45px,7vw,110px); align-items:center; }
.la4-focus .la4-eyebrow { color:#c7cfe6; }
.la4-focus h2 { max-width:470px; margin-bottom:16px; color:#fff; }
.la4-focus p { max-width:46ch; color:#e3e6f0; font-size:15px; }
.la4-focus-bits { display:flex; flex-wrap:wrap; gap:7px; margin:25px 0 31px; }
.la4-focus-bits span { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:6px 10px; border:1px solid rgba(227,230,240,.22); border-radius:99px; color:#e3e6f0; font-size:12px; }
.la4-focus-bits svg { width:14px; height:14px; }
.la4-light-button { display:inline-flex; align-items:center; gap:22px; padding:11px 17px; border-radius:7px; background:#f6f7fb; color:#0f1f4a!important; font-size:13px; font-weight:600; }
.la4-case-board { overflow:hidden; border:1px solid #c7cfe6; border-radius:17px; background:#f6f7fb; color:#152a5e; box-shadow:18px 18px 0 rgba(224,241,233,.045),0 25px 60px rgba(0,0,0,.19); }
.la4-case-top { display:flex; justify-content:space-between; gap:12px; padding:17px 22px; border-bottom:1px solid #e3e6f0; color:#4a5578; font-size:10px; font-weight:600; letter-spacing:.1em; }
.la4-case-live { color:#4a5578; }
.la4-case-live i { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#c7cfe6; }
.la4-case-main { padding:31px clamp(22px,3vw,42px) 35px; }
.la4-case-main small { display:block; margin-bottom:11px; color:#4a5578; font-size:10px; font-weight:600; letter-spacing:.1em; }
.la4-case-main > div:first-child > strong { display:block; max-width:31ch; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:23px; font-weight:400; line-height:1.3; }
.la4-case-arrow { margin:12px 0 15px 9px; color:#7180a5; font-size:24px; line-height:1; }
.la4-case-route { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.la4-case-route span { display:grid; gap:11px; min-height:72px; padding:11px; border:1px solid #e3e6f0; border-radius:8px; background:#fff; color:#4a5578; font-size:10px; }
.la4-case-route span b { color:#152a5e; font-size:12px; font-weight:600; }
.la4-case-bottom { padding:13px 22px; border-top:1px solid #e3e6f0; color:#4a5578; font-size:11px; }
.la4-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.la4-product-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); min-height:322px; border:1px solid #e3e6f0; border-radius:18px; transition:transform .2s,box-shadow .2s; }
.la4-product-card:hover { transform:translateY(-4px); box-shadow:0 15px 34px rgba(10,22,56,.1); }
.la4-product-contract { background:#f6f7fb; }
.la4-product-guard { background:#f6f7fb; }
.la4-product-copy { display:flex; flex-direction:column; min-width:0; padding:32px 13px 30px 30px; }
.la4-product-copy > span { color:#7180a5; font-size:10px; font-weight:600; letter-spacing:.12em; }
.la4-product-copy h3 { max-width:11ch; margin:28px 0 8px; color:#152a5e; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:27px; font-weight:500; line-height:1.12; }
.la4-product-copy p { max-width:27ch; margin-bottom:20px; color:#4a5578; font-size:13px; }
.la4-product-copy b { margin-top:auto; color:#152a5e; font-size:12px; font-weight:600; }
.la4-contract-art, .la4-guard-art { align-self:center; overflow:hidden; min-height:238px; margin:28px -45px 28px 9px; border:1px solid #e3e6f0; border-radius:11px; background:#fff; box-shadow:0 13px 28px rgba(10,22,56,.08); transform:rotate(-3deg); transition:transform .2s; }
.la4-product-card:hover .la4-contract-art, .la4-product-card:hover .la4-guard-art { transform:rotate(0); }
.la4-art-bar { display:flex; align-items:center; gap:4px; height:31px; padding:0 12px; border-bottom:1px solid #f6f7fb; background:#ffffff; }
.la4-art-bar i { width:5px; height:5px; border-radius:50%; background:#c7cfe6; }
.la4-art-bar span { margin-left:auto; color:#4a5578; font-size:8px; letter-spacing:.07em; }
.la4-art-document { width:72%; margin:19px auto 14px; padding:13px; border:1px solid #e3e6f0; border-radius:6px; box-shadow:0 5px 14px rgba(15,31,74,.07); }
.la4-art-document > span { display:block; margin-bottom:13px; color:#152a5e; font-size:11px; font-weight:600; }
.la4-art-document > i { display:block; width:100%; height:5px; margin:6px 0; border-radius:4px; background:#f6f7fb; }
.la4-art-document > i:nth-child(3) { width:82%; }
.la4-art-document > i:nth-child(4) { width:67%; }
.la4-art-document > div { display:flex; flex-direction:column; gap:2px; margin-top:15px; padding:9px; border-left:2px solid #7180a5; background:#f6f7fb; }
.la4-art-document small { color:#4a5578; font-size:8px; }
.la4-art-document strong { color:#152a5e; font-size:9px; }
.la4-art-track { display:flex; justify-content:center; gap:7px; margin-bottom:12px; }
.la4-art-track span { padding:3px 6px; border-radius:99px; background:#f6f7fb; color:#7180a5; font-size:8px; }
.la4-guard-art { padding:18px; border-color:#e3e6f0; background:#ffffff; transform:rotate(3deg); }
.la4-guard-art > div:first-child { display:flex; justify-content:space-between; align-items:center; padding-bottom:12px; border-bottom:1px solid #e3e6f0; }
.la4-guard-art > div:first-child span { color:#4a5578; font-size:9px; letter-spacing:.07em; }
.la4-guard-art > div:first-child strong { color:#152a5e; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:25px; font-weight:400; }
.la4-guard-bars { display:flex; align-items:end; gap:9px; height:69px; padding:10px 0; }
.la4-guard-bars i { flex:1; height:55%; border-radius:4px 4px 0 0; background:#c7cfe6; }
.la4-guard-bars i:nth-child(2) { height:75%; background:#7180a5; }
.la4-guard-bars i:nth-child(3) { height:41%; }
.la4-guard-bars i:nth-child(4) { height:92%; background:#152a5e; }
.la4-guard-bars i:nth-child(5) { height:62%; }
.la4-guard-row { display:flex; align-items:center; gap:6px; padding:10px 0; border-top:1px solid #f6f7fb; color:#4a5578; font-size:10px; }
.la4-guard-row span { color:#7180a5; }
.la4-guard-row b { margin-left:auto; color:#4a5578; font-size:8px; font-weight:500; }
.la4-desk { padding:clamp(66px,7vw,102px) 0; background:#f6f7fb; }
.la4-desk-grid { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(45px,9vw,135px); }
.la4-desk-grid > div:first-child { align-self:center; }
.la4-desk h2 { max-width:380px; margin-bottom:13px; }
.la4-desk p { max-width:45ch; margin-bottom:22px; color:#4a5578; font-size:15px; }
.la4-desk-list { border-top:1px solid #e3e6f0; }
.la4-desk-list a { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:18px; min-height:67px; border-bottom:1px solid #e3e6f0; transition:padding-left .2s,background .2s; }
.la4-desk-list a:hover { padding-left:10px; background:rgba(255,255,255,.35); }
.la4-desk-list a > span { display:grid; place-items:center; width:34px; height:34px; border:1px solid #e3e6f0; border-radius:8px; color:#152a5e; }
.la4-desk-list svg { width:18px; height:18px; }
.la4-desk-list strong { color:#152a5e; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:19px; font-weight:500; }
.la4-desk-list b { margin-right:5px; color:#9a6b20; font-size:18px; font-weight:400; }
.la4-industry { background:#fff; }
.la4-industry-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.la4-industry-grid a { display:flex; justify-content:space-between; align-items:center; min-height:59px; padding:13px 18px; border:1px solid #e3e6f0; border-radius:8px; color:#152a5e; font-size:14px; }
.la4-industry-grid a:hover { border-color:#c7cfe6; background:#f6f7fb; }
.la4-industry-grid span { color:#9a6b20; }
.la4-terms { padding:clamp(59px,6vw,85px) 0; background:#f6f7fb; }
.la4-terms-grid { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:clamp(34px,7vw,100px); align-items:center; }
.la4-terms h2 { margin-bottom:12px; }
.la4-terms p { max-width:47ch; margin:0; color:#4a5578; font-size:15px; }
.la4-terms ol { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; padding:0; margin:0; list-style:none; }
.la4-terms li { display:flex; flex-direction:column; min-height:129px; padding:16px 11px; border:1px solid #e3e6f0; border-radius:10px; background:#fff; }
.la4-terms li > span { margin-bottom:auto; color:#7180a5; font-size:11px; }
.la4-terms li strong { color:#152a5e; font-size:13px; font-weight:600; line-height:1.25; }
.la4-terms li small { color:#4a5578; font-size:10px; }
.la4-reading-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.la4-reading-grid a { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:160px; padding:20px; border:1px solid #e3e6f0; border-radius:12px; background:#fff; }
.la4-reading-grid a:hover { border-color:#c7cfe6; }
.la4-reading-grid span { color:#4a5578; font-size:10px; letter-spacing:.1em; }
.la4-reading-grid strong { max-width:25ch; padding-right:15px; color:#152a5e; font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:20px; font-weight:400; line-height:1.24; }
.la4-reading-grid b { position:absolute; right:20px; bottom:17px; color:#9a6b20; font-size:18px; font-weight:400; }
.la4-ending { padding:70px 0; background:#0a1638; color:#fff; text-align:center; }
.la4-ending span { color:#c7cfe6; font-size:10px; letter-spacing:.15em; }
.la4-ending h2 { margin:13px 0 23px; color:white; }
.la4-ending > div > div { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:11px; }
.la4-ending a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 17px; border:1px solid #e3e6f0; border-radius:7px; color:#fff; font-size:13px; font-weight:600; }
.la4-ending a:first-child { background:#f6f7fb; color:#0f1f4a; }

/* Shared page templates get the same precise visual grammar. */
body.la4-site .la3-detail-hero { position:relative; overflow:hidden; padding:clamp(60px,6vw,90px) 0; background:radial-gradient(circle at 90% -40%,rgba(113,128,165,.25),transparent 38%),#0f1f4a; }
body.la4-site .la3-detail-hero::after { content:""; position:absolute; top:-230px; right:-110px; width:610px; height:610px; border:1px solid rgba(227,230,240,.14); border-radius:50%; pointer-events:none; }
body.la4-site .la3-detail-hero-grid { position:relative; z-index:1; gap:clamp(30px,5vw,72px); }
body.la4-site .la3-detail-hero h1 { max-width:690px; font-size:clamp(34px,3.4vw,47px); line-height:1.12; }
body.la4-site .la3-detail-hero h1 span { display:block; margin-top:5px; color:#e0a83e; font-size:.76em; }
.la4-detail-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:27px; border:1px solid rgba(227,230,240,.36); border-radius:11px; background:rgba(199,207,230,.11); color:#e3e6f0; }
.la4-detail-icon svg { width:25px; height:25px; }
body.la4-site .la3-detail-hero .la3-ui, body.la4-site .la3-service-visual { border:1px solid #e3e6f0; border-radius:14px; box-shadow:0 23px 47px rgba(10,22,56,.22); }
body.la4-site .la3-detail-work, body.la4-site .la3-faq, body.la4-site .la3-collection { background:#f6f7fb; }
body.la4-site .la3-collection-hero { position:relative; overflow:hidden; background:linear-gradient(120deg,#f6f7fb,#f6f7fb); border-bottom:1px solid #e3e6f0; }
body.la4-site .la3-collection-hero::after { content:""; position:absolute; width:370px; height:370px; right:-80px; top:-240px; border:1px solid rgba(21,42,94,.22); border-radius:50%; pointer-events:none; }
body.la4-site .la3-collection-hero h1 { max-width:820px; font-size:clamp(36px,3.55vw,47px); }
.la4-hub-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:clamp(40px,7vw,110px); }
.la4-hub-spotlights { position:relative; z-index:1; overflow:hidden; padding:17px 20px 12px; border:1px solid #e3e6f0; border-radius:13px; background:rgba(255,255,255,.6); box-shadow:0 12px 28px rgba(15,31,74,.045); }
.la4-hub-spotlights > span { display:block; padding-bottom:8px; color:#4a5578; font-size:10px; font-weight:600; letter-spacing:.12em; }
.la4-hub-spotlights a { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:11px; min-height:47px; border-top:1px solid #e3e6f0; }
.la4-hub-spotlights i,.la4-directory-icon { display:grid; place-items:center; width:31px; height:31px; border:1px solid #e3e6f0; border-radius:7px; background:#f6f7fb; color:#152a5e; font-style:normal; }
.la4-hub-spotlights svg,.la4-directory-icon svg { width:17px; height:17px; }
.la4-hub-spotlights strong { color:#152a5e; font-size:13px; font-weight:500; }
.la4-hub-spotlights b { color:#9a6b20; font-weight:400; }
body.la4-site .la3-directory { gap:14px; border:0; }
body.la4-site .la3-directory-card { min-height:145px; padding:21px 26px; border:1px solid #e3e6f0; border-radius:11px; background:#fff; box-shadow:0 3px 12px rgba(10,22,56,.025); transition:transform .2s,border-color .2s,box-shadow .2s; }
body.la4-site .la3-directory-card:hover { transform:translateY(-3px); border-color:#c7cfe6; box-shadow:0 12px 28px rgba(10,22,56,.09); }
body.la4-site .la3-directory-card::after { right:20px; top:17px; }
body.la4-site .la3-directory-card .la4-directory-icon { width:36px; height:36px; margin-bottom:19px; }
body.la4-site .la3-directory-card .la4-directory-icon svg { width:19px; height:19px; }
body.la4-site .la3-directory-card h2 { font-family:Poppins,"Segoe UI",Arial,sans-serif; font-size:21px; font-weight:400; }
body.la4-site .la3-directory-card p { font-size:12px; }
body.la4-site .la3-faq details, body.la4-site .la3-work-detail details { border-color:#e3e6f0; }
body.la4-site .la3-cta { background:#0f1f4a; }
body.la4-site .la3-footer { padding-top:49px; }
body.la4-site .la3-footer-brand img { background:#fff; }
body.la4-site .la3-receipt { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.la4-site .la3-receipt:has(> div:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }

@media (max-width:1100px) {
  .la4-way-grid { grid-template-columns:repeat(2,1fr); }
  .la4-hero-grid { grid-template-columns:1fr 1fr; gap:14px; }
  .la4-hero-copy,.la4-hero-stage { min-height:600px; }
  .la4-hero-copy { padding:28px; }
  .la4-hero h1 { font-size:clamp(35px,4vw,46px); }
  .la4-stage-top,.la4-stage-body { padding-inline:26px; }
  .la4-stage-tabs { margin-inline:26px; width:min(calc(100% - 52px),400px); }
  .la4-product-card { grid-template-columns:1fr; }
  .la4-product-copy { padding:26px 28px 10px; }
  .la4-product-copy h3 { max-width:none; margin-top:18px; }
  .la4-contract-art,.la4-guard-art { width:75%; min-height:205px; margin:0 auto -47px; }
}
@media (max-width:780px) {
  .la4-shell { width:min(calc(100% - 40px),640px); }
  .la4-hero { padding:0 0 26px; }
  .la4-hero-grid { display:block; width:100%; }
  .la4-hero-copy { min-height:0; padding:38px 20px 31px; border:0; border-radius:0; box-shadow:none; }
  .la4-hero h1 { margin:25px 0 11px; font-size:clamp(34px,6.1vw,43px); }
  .la4-hero-copy > p:not(.la4-hero-disclosure) { margin-bottom:23px; font-size:14px; }
  .la4-hero-stage { width:min(calc(100% - 40px),640px); min-height:0; margin:0 auto; border-radius:18px; }
  .la4-stage-photo { min-height:105px; }
  .la4-focus-grid,.la4-desk-grid,.la4-terms-grid { grid-template-columns:1fr; gap:29px; }
  .la4-focus h2,.la4-desk h2 { max-width:none; }
  .la4-case-board { box-shadow:0 12px 35px rgba(0,0,0,.13); }
  .la4-industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .la4-terms ol { grid-template-columns:repeat(4,1fr); }
  .la4-heading-row { align-items:flex-start; flex-direction:column; gap:10px; }
  .la4-heading-row > a { margin-top:2px; }
  .la4-hub-hero-grid { grid-template-columns:1fr; gap:23px; }
  .la4-hub-spotlights { max-width:560px; }
}
@media (max-width:600px) {
  .la4-shell { width:calc(100% - 36px); }
  body.la4-site h2,.la4-focus h2,.la4-desk h2 { font-size:26px; line-height:1.17; }
  body.la4-site .la4-hero h1 { font-size:clamp(24px,7.7vw,37px); line-height:1.08; }
  .la4-hero-copy { padding:34px 18px 29px; }
  .la4-hero-copy > p:not(.la4-hero-disclosure) { max-width:38ch; }
  .la4-brief > label { padding:16px 16px 0; font-size:14px; }
  .la4-brief textarea { min-height:83px; padding:8px 16px; font-size:14px; }
  .la4-brief-bottom { align-items:flex-end; flex-direction:column; gap:7px; padding:9px 0 10px; }
  .la4-brief-bottom > span { width:100%; }
  .la4-brief-actions { width:100%; justify-content:flex-end; padding:0; }
  .la4-voice span { display:none; }
  .la4-hero-disclosure { font-size:10px; }
  .la4-prompt-row > span { display:none; }
  .la4-prompt-row button { font-size:10px; }
  .la4-stage-top { padding:21px 21px 13px; }
  .la4-stage-brand { font-size:11px; }
  .la4-stage-top > a { font-size:10px; }
  .la4-stage-tabs { width:calc(100% - 42px); margin:4px 21px 0; }
  .la4-stage-tabs button { font-size:11px; }
  .la4-stage-body { padding:18px 21px 20px; }
  .la4-stage-body h2 { font-size:24px; }
  .la4-stage-visual { padding:10px; }
  .la4-stage-flow { gap:4px; }
  .la4-stage-flow span { font-size:8px; }
  .la4-stage-flow i { flex-basis:7px; }
  .la4-stage-photo { min-height:75px; }
  .la4-stage-photo span { padding:25px 21px; font-size:13px; }
  .la4-ways,.la4-products,.la4-industry,.la4-reading { padding:59px 0; }
  .la4-heading-row { margin-bottom:22px; }
  .la4-way-grid { gap:9px; }
  .la4-way-grid a { min-height:186px; padding:15px; }
  .la4-way-icon { width:35px; height:35px; border-radius:8px; }
  .la4-way-icon svg { width:18px; height:18px; }
  .la4-way-number { margin-top:20px; font-size:9px; }
  .la4-way-grid strong { font-size:18px; }
  .la4-way-grid small { display:none; }
  .la4-way-grid b { top:14px; right:14px; font-size:16px; }
  .la4-focus { padding:60px 0; }
  .la4-focus-bits { margin:17px 0 23px; }
  .la4-focus-bits span { font-size:11px; }
  .la4-case-main { padding:22px 17px; }
  .la4-case-route { gap:4px; }
  .la4-case-route span { min-height:62px; padding:7px 5px; font-size:9px; }
  .la4-case-route span b { font-size:10px; }
  .la4-product-grid { grid-template-columns:1fr; }
  .la4-product-card { min-height:0; }
  .la4-product-copy h3 { font-size:24px; }
  .la4-product-copy p { margin-bottom:17px; }
  .la4-contract-art,.la4-guard-art { width:72%; min-height:180px; margin:7px auto -45px; }
  .la4-desk { padding:60px 0; }
  .la4-desk-list a { min-height:58px; gap:11px; }
  .la4-desk-list strong { font-size:17px; }
  .la4-industry-grid { gap:7px; }
  .la4-industry-grid a { min-height:58px; padding:9px 11px; font-size:12px; line-height:1.25; }
  .la4-terms { padding:60px 0; }
  .la4-terms ol { grid-template-columns:repeat(2,1fr); }
  .la4-terms li { min-height:91px; }
  .la4-reading-grid { grid-template-columns:1fr; gap:8px; }
  .la4-reading-grid a { min-height:100px; }
  .la4-reading-grid strong { font-size:18px; }
  .la4-ending { padding:59px 0; }
  .la4-ending > div > div { align-items:stretch; flex-direction:column; }
  body.la4-site .la3-detail-hero h1,body.la4-site .la3-collection-hero h1 { font-size:28px; }
  .la4-detail-icon { width:41px; height:41px; margin-bottom:20px; }
  .la4-detail-icon svg { width:21px; height:21px; }
  .la4-hub-spotlights { padding:13px 15px 8px; }
  .la4-hub-spotlights a { min-height:43px; }
  body.la4-site .la3-directory { gap:8px; }
  body.la4-site .la3-directory-card { min-height:0; padding:17px 21px; }
  body.la4-site .la3-directory-card h2 { font-size:19px; }
  body.la4-site .la3-receipt,body.la4-site .la3-receipt:has(> div:nth-child(3):last-child) { grid-template-columns:1fr; }
}
@media (max-width:360px) {
  .la4-brief-actions { gap:6px; }
  .la4-voice { flex:0 0 38px; justify-content:center; padding-inline:0; }
  .la4-submit { min-width:0; padding-inline:12px; font-size:12px; }
  .la4-stage-top > a { max-width:86px; text-align:right; line-height:1.2; }
  .la4-way-grid strong { font-size:16px; }
  .la4-case-route span b { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .la4-way-grid a,.la4-product-card,.la4-contract-art,.la4-guard-art,.la4-desk-list a { transition:none; }
}

/* Keep the centered navigation and utility actions separate at laptop widths. */
@media (min-width:1260px) {
  body.la4-site .la3-header-inner { grid-template-columns:160px minmax(0,1fr) auto; gap:16px; }
  body.la4-site .la3-nav { gap:clamp(9px,1.1vw,15px); }
  body.la4-site .la3-header-actions { gap:11px; }
}
@media (min-width:981px) and (max-width:1170px) {
  body.la4-site .la3-nav { gap:8px; }
  body.la4-site .la3-nav > a,body.la4-site .la3-nav > details > summary { font-size:12px; }
  body.la4-site .la3-header-actions { gap:11px; }
  body.la4-site .la3-header-actions .la3-login { display:inline-flex; }
  body.la4-site .la3-header-actions .la3-button { display:none; }
}

/* Concise home cards: symbols and destinations carry the information. */
.la4-hero-copy,.la4-path-stage { min-height:570px; }
.la4-way-grid a { min-height:196px; }
.la4-way-grid strong { max-width:17ch; }
.la4-product-card { min-height:294px; }
.la4-product-copy h3 { margin-bottom:27px; }
.la4-desk-grid > div:first-child > a { display:inline-flex; margin-top:17px; }
.la4-industry-grid a { justify-content:flex-start; gap:12px; transition:transform .2s,border-color .2s,box-shadow .2s; }
.la4-industry-grid a:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(15,31,74,.07); }
.la4-industry-grid i { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border:1px solid #e3e6f0; border-radius:7px; background:#f6f7fb; color:#152a5e; font-style:normal; }
.la4-industry-grid i svg { width:16px; height:16px; }
.la4-industry-grid a > span { margin-left:auto; }
.la4-reading-grid a > i { display:grid; place-items:center; width:34px; height:34px; margin-bottom:12px; border:1px solid #e3e6f0; border-radius:8px; background:#f6f7fb; color:#152a5e; font-style:normal; }
.la4-reading-grid a > i svg { width:18px; height:18px; }
@media (max-width:1100px) {
  .la4-path-stage { min-height:570px; }
}
@media (max-width:780px) {
  .la4-hero-copy { min-height:0; }
  .la4-path-stage { min-height:465px; }
  .la4-path-art { min-height:215px; max-height:255px; }
  .la4-path-header { padding:27px 29px 20px; }
  .la4-path-tabs { width:calc(100% - 58px); }
  .la4-path-panel { padding:0 29px 28px; }
}
@media (max-width:600px) {
  .la4-path-stage { min-height:402px; }
  .la4-hero-stage.la4-path-stage { width:100%; }
  .la4-path-header { padding:23px 19px 17px; font-size:9px; }
  .la4-path-tabs { width:calc(100% - 38px); padding:4px; border-radius:13px; }
  .la4-path-tabs button { min-height:47px; padding:7px 3px; border-radius:9px; font-size:12px; white-space:nowrap; }
  .la4-path-panel { padding:0 20px 23px; }
  .la4-path-art { min-height:205px; max-height:215px; margin-bottom:4px; }
  .la4-path-orbit-one { width:190px; height:190px; }
  .la4-path-orbit-two { width:255px; height:255px; }
  .la4-path-core { width:111px; height:111px; border-radius:27px; }
  .la4-path-core svg { width:54px; height:54px; }
  .la4-path-satellite { width:38px; height:38px; border-radius:11px; }
  .la4-path-satellite svg { width:20px; height:20px; }
  .la4-path-ray { height:99px; }
  .la4-label-full { display:none; }
  .la4-label-mobile { display:inline; }
  .la4-path-destination { grid-template-columns:1fr; gap:5px; padding-top:15px; }
  .la4-path-destination > span { grid-column:1; }
  .la4-path-destination h2 { font-size:25px; }
  .la4-path-destination a { justify-self:start; min-height:39px; gap:7px; padding:7px 10px; font-size:11px; }
  .la4-way-grid a { min-height:149px; }
  .la4-product-card { min-height:0; }
  .la4-product-copy h3 { margin-bottom:21px; }
  .la4-industry-grid a { gap:7px; }
  .la4-industry-grid i { flex-basis:24px; width:24px; height:24px; }
  .la4-reading-grid a { min-height:115px; }
}
@media (max-width:360px) {
  .la4-path-tabs button { font-size:11px; }
  .la4-path-header { letter-spacing:.08em; }
  .la4-path-destination a { font-size:10px; }
  .la4-industry-grid a { min-width:0; gap:5px; padding-inline:7px; font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .la4-path-core,.la4-path-satellite,.la4-path-tabs button,.la4-path-destination a,.la4-industry-grid a { transition:none; }
}