/* LLC Station — About + Contact in the v3 light look (on top of v3.css + svc.css). Prefix .pg3-. */
.pg3 .v3-main :is(h1, h2, h3, p) { margin: 0; }
.pg3-ic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: #F1EAFD; color: var(--v3-violet); font-size: 1.15rem; margin-bottom: 1rem; }

/* about · hero: map with floating "done" chips */
.pg3-globe { position: relative; min-height: 420px; display: grid; place-items: center; }
.pg3-globe__map { width: 100%; max-width: 620px; transform: perspective(1200px) rotateX(38deg) rotateZ(-6deg); }
.pg3-chip { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: .6rem 1rem; border-radius: 999px; background: #fff; border: 1px solid var(--v3-line); box-shadow: 0 20px 40px -24px rgba(26, 21, 48, .45); font: 700 .88rem var(--v3-body); color: var(--v3-ink); white-space: nowrap; }
.pg3-chip i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--v3-signal-d); color: #fff; font-size: .65rem; }
.pg3-chip--1 { top: 8%; inset-inline-start: 6%; } .pg3-chip--2 { top: 30%; inset-inline-end: 0; } .pg3-chip--3 { bottom: 26%; inset-inline-start: 0; } .pg3-chip--4 { bottom: 6%; inset-inline-end: 10%; }
.pg3-chip { animation: vz-float 5s ease-in-out infinite; } .pg3-chip--2 { animation-delay: -1.2s; } .pg3-chip--3 { animation-delay: -2.4s; } .pg3-chip--4 { animation-delay: -3.6s; }

/* about · mission: words light up as you scroll */
.pg3-mission { padding-block: clamp(80px, 11vw, 150px); background: #fff; }
.pg3-mission__text { font: 800 clamp(1.6rem, 3.4vw, 2.9rem)/1.25 var(--v3-display); letter-spacing: -.02em; max-width: 26ch; color: var(--v3-ink); }
[dir="rtl"] .pg3-mission__text { line-height: 1.6; }
html.v3-anim .pg3-mission__text span { color: rgba(26, 21, 48, .14); transition: color .2s; }
html.v3-anim .pg3-mission__text span.on { color: var(--v3-ink); }

/* about · services + values + who */
.v3-main a.pg3-svc { text-decoration: none; color: inherit; display: block; }
.pg3-go { position: absolute; inset-inline-end: 22px; bottom: 22px; color: var(--v3-violet); transition: transform .25s; }
.pg3-svc:hover .pg3-go { transform: translateX(4px); }
[dir="rtl"] .pg3-svc:hover .pg3-go { transform: translateX(-4px) scaleX(-1); }
.pg3-values { margin-top: 2.4rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; }
.pg3-value { background: #fff; border: 1px solid var(--v3-line); border-radius: 22px; padding: 26px; box-shadow: 0 20px 50px -40px rgba(26, 21, 48, .35); }
.pg3-value h3 { font: 800 1.12rem var(--v3-display); color: var(--v3-ink); }
.pg3-value p { color: var(--v3-mist); margin-top: .45rem !important; }
.pg3-who__t { margin-top: 3rem !important; font-weight: 700; color: var(--v3-mist); }
.pg3-marquee { margin-top: 1rem; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.pg3-marquee__track { display: flex; gap: 14px; width: max-content; animation: pg3-marq 28s linear infinite; }
[dir="rtl"] .pg3-marquee__track { animation-direction: reverse; }
.pg3-marquee span { padding: .7rem 1.3rem; border-radius: 999px; background: #fff; border: 1px solid var(--v3-line); font: 700 1rem var(--v3-display); color: var(--v3-ink); white-space: nowrap; }
@keyframes pg3-marq { to { transform: translateX(-50%); } }

/* about · verified company */
.pg3-proof { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 28px; align-items: center; border-radius: 28px; padding: clamp(24px, 4vw, 48px); background: linear-gradient(135deg, #F4EEFE, #fff 60%, #ECFBF4); border: 1px solid var(--v3-line); }
.pg3-proof__link { margin-top: 1rem !important; font-weight: 700; }
.pg3-proof dl { position: relative; margin: 0; display: grid; gap: 12px; background: #fff; border-radius: 18px; padding: 22px; border: 1px solid var(--v3-line); box-shadow: 0 30px 60px -40px rgba(26, 21, 48, .4); }
.pg3-proof dt { font-size: .75rem; color: var(--v3-mist); }
.pg3-proof dd { margin: 0; font: 700 1.05rem var(--v3-typed); color: var(--v3-ink); }
.pg3-proof__seal { position: absolute; inset-inline-end: -14px; top: -14px; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--v3-signal-d); color: #fff; box-shadow: 0 10px 24px -8px rgba(18, 168, 119, .7); }

/* contact · hero chat */
.pg3-chat { width: min(420px, 92vw); justify-self: center; border-radius: 26px; overflow: hidden; background: #fff; border: 1px solid var(--v3-line); box-shadow: 0 50px 90px -40px rgba(26, 21, 48, .45), 0 0 60px -30px rgba(124, 65, 216, .4); }
.pg3-chat__head { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: #F7F4FD; border-bottom: 1px solid var(--v3-line); }
.pg3-chat__head img { width: 42px; height: 42px; object-fit: contain; border-radius: 50%; background: #fff; padding: 4px; border: 1px solid var(--v3-line); }
.pg3-chat__head b { display: block; color: var(--v3-ink); } .pg3-chat__head small { color: var(--v3-signal-d); font-weight: 700; }
.pg3-chat__body { padding: 18px; display: grid; gap: 10px; min-height: 300px; align-content: start; background: radial-gradient(circle at 20% 20%, #FBF9FF, #fff); }
.pg3-msg { max-width: 82%; padding: 11px 14px; border-radius: 18px; font-size: .94rem; line-height: 1.45; }
.pg3-msg--in { justify-self: start; background: #F1EEF7; color: var(--v3-ink); border-end-start-radius: 6px; }
.pg3-msg--out { justify-self: end; background: var(--v3-violet); color: #fff; border-end-end-radius: 6px; }
.pg3-typing { justify-self: start; display: flex; gap: 4px; padding: 12px 14px; border-radius: 18px; background: #F1EEF7; }
.pg3-typing i { width: 7px; height: 7px; border-radius: 50%; background: #A79DBF; animation: pg3-dot 1.2s infinite; }
.pg3-typing i:nth-child(2) { animation-delay: .2s; } .pg3-typing i:nth-child(3) { animation-delay: .4s; }
@keyframes pg3-dot { 50% { transform: translateY(-4px); opacity: .5; } }

/* contact · ways + form */
.v3-main a.pg3-way { text-decoration: none; color: inherit; display: block; }
.pg3-way b { display: block; color: var(--v3-violet); font-size: .95rem; margin-top: .5rem; overflow-wrap: anywhere; }
.pg3-way--wa .pg3-ic { background: #E6F8EF; color: #1E9E5A; }
.pg3-formgrid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 6vw, 80px); align-items: start; }
.pg3-tips { margin-block: 1.6rem; }
.pg3-form { background: #fff; border: 1px solid var(--v3-line); border-radius: 26px; padding: clamp(22px, 3.5vw, 38px); box-shadow: 0 40px 90px -50px rgba(26, 21, 48, .45); scroll-margin-top: 120px; }
.pg3-form h2 { font: 900 1.6rem var(--v3-display); color: var(--v3-ink); }
.pg3-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.pg3-field { display: grid; gap: 6px; margin-top: 16px; }
.pg3-field > span { font-weight: 600; font-size: .92rem; color: var(--v3-ink); }
.pg3-field :is(input, select, textarea) { width: 100%; font: inherit; color: var(--v3-ink); background: #F8F6FD; border: 1.5px solid #E4DEF1; border-radius: 14px; padding: .85rem 1rem; transition: border-color .2s, background-color .2s, box-shadow .2s; }
.pg3-field :is(input, select, textarea):focus { outline: none; border-color: var(--v3-violet); background: #fff; box-shadow: 0 0 0 4px rgba(124, 65, 216, .12); }
.pg3-send { width: 100%; margin-top: 20px; border: 0; cursor: pointer; }
.pg3-note { margin-top: .9rem !important; text-align: center; font-size: .85rem; color: var(--v3-mist); }
.pg3-msgbox { margin-top: 14px; border-radius: 12px; padding: 12px 14px; font-weight: 600; }
.pg3-msgbox--ok { background: #E7F7EF; color: #0F7A55; } .pg3-msgbox--err { background: #FDECEC; color: #B42318; }

@media (max-width: 1000px) {
  .pg3-proof, .pg3-formgrid { grid-template-columns: minmax(0, 1fr); }
  .pg3-globe { min-height: 320px; }
}
@media (max-width: 620px) {
  .pg3-row { grid-template-columns: minmax(0, 1fr); }
  .pg3-chip { font-size: .78rem; padding: .45rem .75rem; }
}
@media (prefers-reduced-motion: reduce) { .pg3-marquee__track, .pg3-chip { animation: none; } }