/* ==========================================================================
   pages-company.css · Resources, Trust & security, About, Contact (owner: company-pages agent)
   Every rule is scoped under body.page-resources / .page-trust / .page-about / .page-contact.
   Builds on the shared template in css/pages.css (.pg-hero, .pg-section, .pg-cards, .pg-cta …).
   Tokens only from base.css. NO green / teal. No eyebrows. Status = .status-sq (base.css).
   Motion: decorative loops only run under [data-co-play].is-play (set in view by
   js/pages-company.js); the base styles are the calm, complete static state used for
   reduced motion and before JS.
   ========================================================================== */

:is(body.page-resources,body.page-trust,body.page-about,body.page-contact){
  --co-card:#1d1c1b;
  --co-line-2:#34312e;
  --co-ghost:#2a2826;
}

/* ------------------------------------------------------------------ hero */
:is(body.page-trust,body.page-about) .co-hero{padding-bottom:132px}
:is(body.page-trust,body.page-about) .pg-title{font-size:clamp(40px,5vw,76px)}
body.page-about .pg-title .pg-line:first-child > span,
body.page-trust .pg-title .pg-line:first-child > span{max-width:100%}
body.page-trust .co-meta{display:flex;align-items:center;gap:10px;margin-top:40px;font:600 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--taupe)}
body.page-trust .co-meta::before{content:"";width:28px;height:1px;background:var(--line)}

/* inline text link (body copy) */
:is(body.page-resources,body.page-trust,body.page-about,body.page-contact) .co-inline{color:var(--fg);
  background:linear-gradient(var(--accent),var(--accent)) 0 100%/100% 1px no-repeat;padding-bottom:1px;transition:color .2s var(--ease),background-size .35s var(--pg-out)}
:is(body.page-resources,body.page-trust,body.page-about,body.page-contact) .co-inline:hover{color:var(--accent)}

/* "Coming soon" state line (status square + label) */
:is(body.page-resources,body.page-about) .co-soon{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg)}

/* ================================================================ RESOURCES */
body.page-resources .co-index{margin-top:96px}
body.page-resources .co-index a{flex-direction:column;align-items:flex-start;gap:8px}
body.page-resources .co-index .pg-index__t{font-size:17px}
body.page-resources .co-groups{padding:16px 0 calc(var(--pg-sec)*.6)}
body.page-resources .co-group{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,6vw,96px);padding:96px 0;border-top:1px solid var(--line)}
body.page-resources .co-group:first-child{border-top:0}
body.page-resources .co-group__head{position:sticky;top:calc(var(--header-h) + 40px);align-self:start;min-width:0}
body.page-resources .co-group__title{font-size:clamp(32px,3.3vw,48px);font-weight:700;line-height:1.02;letter-spacing:-.03em;color:var(--fg);text-wrap:balance}
body.page-resources .co-group__lede{max-width:26em;margin-top:18px;font-size:18px;line-height:1.55;color:var(--pg-body)}
body.page-resources .co-group__head .pg-link{margin-top:24px}
body.page-resources .co-group__body{min-width:0}

/* guide / link cards */
body.page-resources .co-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.page-resources .co-guides > li{min-width:0}
:is(body.page-resources,body.page-about) .co-guide{position:relative;display:flex;flex-direction:column;height:100%;min-height:208px;padding:26px 26px 24px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--surface);overflow:hidden;transition:background-color .4s var(--ease),border-color .4s var(--ease),translate .5s var(--pg-out),box-shadow .5s var(--pg-out)}
body.page-resources .co-guide::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--pg-out)}
body.page-resources .co-guide:hover{background:#232221;border-color:#3a3734;translate:0 -4px;box-shadow:0 30px 50px -32px rgba(0,0,0,.85)}
body.page-resources .co-guide:hover::before,body.page-resources .co-guide:focus-visible::before{transform:scaleX(1)}
body.page-resources .co-guide__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#262524;border:1px solid var(--co-line-2);color:var(--fg);
  transition:background-color .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease),rotate .6s var(--pg-spring)}
body.page-resources .co-guide__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.page-resources .co-guide:hover .co-guide__ic{background:var(--accent-soft);border-color:rgba(255,143,90,.35);color:var(--accent);rotate:-6deg}
body.page-resources .co-guide__t{margin-top:28px;font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--fg)}
body.page-resources .co-guide__d{margin-top:8px;padding-right:48px;font-size:15px;line-height:1.5;color:var(--taupe)}
:is(body.page-resources,body.page-about) .co-guide__go{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #3a3734;color:var(--fg);
  transition:background-color .35s var(--ease),color .35s,border-color .35s}
:is(body.page-resources,body.page-about) .co-guide__go svg{width:12px;height:10px}
body.page-resources .co-guide:hover .co-guide__go,body.page-about .co-pcard--link:hover .co-guide__go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
body.page-resources .co-guide:hover .co-guide__go svg,body.page-about .co-pcard--link:hover .co-guide__go svg{animation:pg-kick .5s var(--pg-out)}

/* empty states ("Coming soon"): a ghosted preview of what will live here, never invented items */
body.page-resources .co-empty{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(180deg,#1c1b1a,#191818)}
body.page-resources .co-empty__art{position:relative;isolation:isolate;overflow:hidden;min-height:264px;padding:40px;display:grid;align-items:center}
body.page-resources .co-empty__art::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(234,227,221,.09) 1px,transparent 1.2px);background-size:16px 16px;
  -webkit-mask-image:radial-gradient(80% 90% at 50% 40%,#000 25%,transparent 85%);mask-image:radial-gradient(80% 90% at 50% 40%,#000 25%,transparent 85%)}
body.page-resources .co-empty__art::after{ /* soft fade so the ghost reads as "not here yet" */
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(25,24,24,0) 55%,rgba(25,24,24,.55))}
body.page-resources .co-empty__art > *{opacity:.95}
body.page-resources .co-empty .pg-sk{background:var(--co-ghost)}
body.page-resources .co-empty__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 24px;border-top:1px solid var(--line)}
body.page-resources .co-empty__link{margin-top:0}
/* shimmer sweep while in view */
body.page-resources .co-empty__art > *{position:relative}
body.page-resources [data-co-play].is-play .co-empty__art .pg-sk{background:linear-gradient(90deg,var(--co-ghost) 0%,#3a3633 50%,var(--co-ghost) 100%) 0 0/300% 100%;animation:co-shimmer 2.8s linear infinite}
@keyframes co-shimmer{from{background-position:100% 0}to{background-position:-200% 0}}

/* getting started: three ghost article cards */
body.page-resources .co-ghost-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.page-resources .co-ghost{display:flex;flex-direction:column;padding:12px 12px 16px;border:1px solid #2c2a28;border-radius:12px;background:#1d1c1b}
body.page-resources .co-ghost__thumb{position:relative;display:block;aspect-ratio:16/10;margin-bottom:14px;border-radius:8px;background:#232221;overflow:hidden}
body.page-resources .co-ghost__thumb i{position:absolute;left:12px;bottom:12px;width:22px;height:22px;border-radius:6px;background:#2e2c2a}
body.page-resources .co-ghost .pg-sk{height:7px}
body.page-resources [data-co-play].is-play .co-ghost:nth-child(2) .co-ghost__thumb i{animation:co-float 3.6s var(--pg-io) infinite}
@keyframes co-float{0%,100%{translate:0 0}50%{translate:0 -6px}}

/* tutorials: ghost player + step list */
body.page-resources .co-ghost-player{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:center}
body.page-resources .co-player{position:relative;display:grid;place-items:center;aspect-ratio:16/10;border-radius:12px;border:1px solid #2c2a28;background:radial-gradient(90% 90% at 50% 40%,#252322,#1b1a19)}
body.page-resources .co-player__play{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,143,90,.10);border:1px solid rgba(255,143,90,.28);color:var(--accent)}
body.page-resources .co-player__play svg{width:16px;height:16px;fill:currentColor;margin-left:2px}
body.page-resources .co-player__bar{position:absolute;left:14px;right:14px;bottom:14px;height:3px;border-radius:2px;background:#2e2c2a;overflow:hidden}
body.page-resources .co-player__bar i{display:block;width:34%;height:100%;border-radius:inherit;background:var(--taupe)}
body.page-resources .co-steps li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #2a2826}
body.page-resources .co-steps li:last-child{border-bottom:0}
body.page-resources .co-steps__n{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #3a3734;font:600 11px/1 var(--font-mono);color:var(--taupe);transition:color .3s,border-color .3s}
body.page-resources .co-steps .pg-sk{height:7px}
body.page-resources [data-co-play].is-play .co-player__bar i{animation:co-progress 6s linear infinite}
body.page-resources [data-co-play].is-play .co-steps li .co-steps__n{animation:co-step 6s linear infinite}
body.page-resources [data-co-play].is-play .co-steps li:nth-child(2) .co-steps__n{animation-delay:1.5s}
body.page-resources [data-co-play].is-play .co-steps li:nth-child(3) .co-steps__n{animation-delay:3s}
body.page-resources [data-co-play].is-play .co-steps li:nth-child(4) .co-steps__n{animation-delay:4.5s}
@keyframes co-progress{from{width:0}to{width:100%}}
@keyframes co-step{0%,24%{color:var(--accent);border-color:var(--accent)}25%,100%{color:var(--taupe);border-color:#3a3734}}

/* updates: ghost changelog */
body.page-resources .co-log{position:relative;display:grid;gap:22px;max-width:560px}
body.page-resources .co-log::before{content:"";position:absolute;left:4.5px;top:8px;bottom:8px;width:1px;background:#2e2c2a}
body.page-resources .co-log li{position:relative;display:grid;grid-template-columns:10px 72px minmax(0,1fr);gap:18px;align-items:start}
body.page-resources .co-log__node{width:10px;height:10px;margin-top:2px;border-radius:3px;background:#3a3734}
body.page-resources .co-log__date{height:8px;margin-top:3px;border-radius:4px;background:var(--co-ghost)}
body.page-resources .co-log__body{display:block;padding:14px 16px;border:1px solid #2c2a28;border-radius:10px;background:#1d1c1b}
body.page-resources .co-log .pg-sk{height:7px}
body.page-resources [data-co-play].is-play .co-log li:first-child .co-log__node{animation:co-node 2.4s var(--pg-io) infinite}
@keyframes co-node{0%,100%{background:#3a3734}50%{background:var(--taupe)}}

/* help */
body.page-resources .co-guides--help .co-guide{min-height:180px}

/* ================================================================== TRUST */
body.page-trust .co-tcards .pg-card__art{min-height:212px}
body.page-trust .co-tart > div{position:relative;width:100%;max-width:256px}
body.page-trust .co-tart svg{overflow:visible}
body.page-trust .co-node{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1f1e1d;border:1px solid var(--co-line-2);color:var(--fg)}
body.page-trust .co-node svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.page-trust .co-node--lexi{width:52px;height:52px;border-radius:14px;background:rgba(255,143,90,.10);border-color:rgba(255,143,90,.32)}
body.page-trust .co-dash{fill:none;stroke:#4a4541;stroke-width:1.4;stroke-dasharray:3 5;stroke-linecap:round}
body.page-trust .co-dash--out{stroke:var(--accent)}
body.page-trust [data-co-play].is-play .co-dash{animation:co-march 1s linear infinite}
@keyframes co-march{to{stroke-dashoffset:-16}}

/* 1 · data handling: sources -> Lexi -> your task */
body.page-trust .co-flow{height:130px}
body.page-trust .co-flow__srcs{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}
body.page-trust .co-flow__srcs i{position:relative;display:block;width:40px;height:26px;border-radius:6px;border:1px solid var(--co-line-2);background:#1f1e1d}
body.page-trust .co-flow__srcs i::before,body.page-trust .co-flow__srcs i::after{content:"";position:absolute;left:7px;height:3px;border-radius:2px;background:#3a3734}
body.page-trust .co-flow__srcs i::before{top:8px;width:22px}
body.page-trust .co-flow__srcs i::after{top:14px;width:15px}
body.page-trust .co-flow__lines{position:absolute;left:40px;top:0;width:calc(100% - 84px);height:130px}
body.page-trust .co-art-flow .co-node--lexi{position:absolute;left:calc(40px + (100% - 84px)*.359);top:39px}
body.page-trust .co-flow__out{position:absolute;right:0;top:43px;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--co-line-2);background:#1f1e1d}
body.page-trust .co-flow__out svg,body.page-trust .co-rep__ok svg{width:22px;height:22px;fill:none;stroke:var(--ok);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
body.page-trust [data-co-play].is-play .co-flow__out svg{animation:co-tick 3.2s var(--pg-out) infinite}
body.page-trust .co-art-flow.is-play .co-node--lexi{animation:co-breathe 3.2s var(--pg-io) infinite}
@keyframes co-tick{0%,30%{stroke-dashoffset:1}55%,100%{stroke-dashoffset:0}}
@keyframes co-breathe{0%,100%{scale:1}50%{scale:1.06}}

/* 2 · retention and deletion */
body.page-trust .co-del{display:flex;flex-direction:column;max-width:236px}
body.page-trust .co-del__row{display:flex;align-items:center;gap:10px;height:32px;margin-bottom:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#1f1e1d;overflow:hidden}
body.page-trust .co-del__row:last-child{margin-bottom:0}
body.page-trust .co-del__ic{flex:none;width:14px;height:14px;border-radius:4px;background:#34312e}
body.page-trust .co-del .pg-sk{flex:none;height:6px}
body.page-trust .co-del__bin{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-left:auto;color:var(--taupe)}
body.page-trust .co-del__bin svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.page-trust .co-del__row--go{border-color:#3a3734}
body.page-trust [data-co-play].is-play .co-del__row--go{animation:co-del 5s var(--pg-io) infinite}
body.page-trust [data-co-play].is-play .co-del__bin{animation:co-bin 5s var(--pg-io) infinite}
@keyframes co-del{
  0%,34%{height:32px;margin-bottom:8px;opacity:1;translate:0 0}
  46%{height:32px;margin-bottom:8px;opacity:0;translate:28px 0}
  56%,80%{height:0;margin-bottom:0;opacity:0;translate:28px 0;border-width:0}
  92%{height:32px;margin-bottom:8px;opacity:0;translate:0 0}
  100%{height:32px;margin-bottom:8px;opacity:1;translate:0 0}}
@keyframes co-bin{0%,18%{color:var(--taupe);scale:1}26%,40%{color:var(--accent);scale:1.15}48%,100%{color:var(--taupe);scale:1}}

/* 3 · access controls: per-app switches, one revoked */
body.page-trust .co-acc{display:flex;flex-direction:column;gap:10px;max-width:240px}
body.page-trust .co-acc__row{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:10px;background:#1f1e1d;transition:opacity .4s}
body.page-trust .co-acc__ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#262524;color:var(--taupe)}
body.page-trust .co-acc__ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.page-trust .co-acc .pg-sk{flex:none;height:6px;width:calc(var(--w) * .6)}
body.page-trust .co-sw{position:relative;flex:none;width:30px;height:18px;margin-left:auto;border-radius:9px;background:#34312e;transition:background-color .3s}
body.page-trust .co-sw::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--taupe);transition:translate .35s var(--pg-spring),background-color .3s}
body.page-trust .co-sw.is-on{background:var(--accent)}
body.page-trust .co-sw.is-on::after{translate:12px 0;background:var(--accent-ink)}
body.page-trust .co-acc__row--rev{opacity:.6}
body.page-trust [data-co-play].is-play .co-acc__row--rev{animation:co-rev-row 4.4s var(--pg-io) infinite}
body.page-trust [data-co-play].is-play .co-sw--flip{animation:co-sw 4.4s var(--pg-io) infinite}
body.page-trust [data-co-play].is-play .co-sw--flip::after{animation:co-sw-knob 4.4s var(--pg-io) infinite}
@keyframes co-rev-row{0%,48%{opacity:1}56%,100%{opacity:.6}}
@keyframes co-sw{0%,48%{background:var(--accent)}52%,100%{background:#34312e}}
@keyframes co-sw-knob{0%,48%{translate:12px 0;background:var(--accent-ink)}54%,100%{translate:0 0;background:var(--taupe)}}

/* 4 · encryption: readable -> lock -> cipher blocks */
body.page-trust .co-enc{display:flex;align-items:center;justify-content:center;gap:0;max-width:260px}
body.page-trust .co-enc__doc{flex:none;display:block;width:62px;padding:10px 9px;border:1px solid var(--co-line-2);border-radius:8px;background:#1f1e1d}
body.page-trust .co-enc__doc .pg-sk{height:4px}
body.page-trust .co-enc__doc .pg-sk + .pg-sk{margin-top:6px}
body.page-trust .co-enc__wire{position:relative;flex:1 1 18px;min-width:14px;height:1px;background:repeating-linear-gradient(90deg,#4a4541 0 3px,transparent 3px 7px)}
body.page-trust .co-enc__wire i{position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:1.5px;background:var(--accent);opacity:0}
body.page-trust .co-enc__lock{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,143,90,.10);border:1px solid rgba(255,143,90,.32);color:var(--accent)}
body.page-trust .co-enc__lock svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.page-trust .co-enc__grid{flex:none;display:grid;grid-template-columns:repeat(5,9px);gap:4px}
body.page-trust .co-enc__grid i{width:9px;height:9px;border-radius:2px;background:#34312e}
body.page-trust .co-enc__grid i:nth-child(3n+1){background:#45403c}
body.page-trust .co-enc__grid i:nth-child(7n+2){background:var(--taupe-2)}
body.page-trust [data-co-play].is-play .co-enc__wire i{animation:co-packet 2.4s linear infinite}
body.page-trust [data-co-play].is-play .co-enc__wire:last-of-type i{animation-delay:1.2s}
body.page-trust [data-co-play].is-play .co-enc__grid i{animation:co-flick 2.4s steps(1) infinite}
body.page-trust [data-co-play].is-play .co-enc__grid i:nth-child(2n){animation-delay:-.6s}
body.page-trust [data-co-play].is-play .co-enc__grid i:nth-child(3n){animation-delay:-1.3s;animation-duration:1.8s}
body.page-trust [data-co-play].is-play .co-enc__grid i:nth-child(5n+1){animation-delay:-.9s;animation-duration:3s}
body.page-trust [data-co-play].is-play .co-enc__shackle{animation:co-shackle 4.8s var(--pg-spring) infinite}
@keyframes co-packet{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 5px);opacity:0}}
@keyframes co-flick{0%{background:#34312e}33%{background:#4a4541}66%{background:var(--taupe-2)}}
@keyframes co-shackle{0%,70%{translate:0 0}78%{translate:0 -2.5px}88%,100%{translate:0 0}}

/* 5 · service providers: hub + three providers */
body.page-trust .co-prov{height:140px;max-width:240px}
body.page-trust .co-prov__lines{position:absolute;inset:0;width:100%;height:140px}
body.page-trust .co-prov__hub{position:absolute;left:50%;top:0;translate:-50% 0}
body.page-trust .co-prov__n{position:absolute;top:94px;translate:-50% 0;color:var(--taupe)}
body.page-trust .co-prov__n--1{left:calc(40 / 240 * 100%)}
body.page-trust .co-prov__n--2{left:50%}
body.page-trust .co-prov__n--3{left:calc(200 / 240 * 100%)}
body.page-trust [data-co-play].is-play .co-prov__n{animation:co-prov 4.5s var(--pg-io) infinite}
body.page-trust [data-co-play].is-play .co-prov__n--2{animation-delay:1.5s}
body.page-trust [data-co-play].is-play .co-prov__n--3{animation-delay:3s}
@keyframes co-prov{0%,100%{color:var(--taupe);border-color:var(--co-line-2)}12%,28%{color:var(--accent);border-color:rgba(255,143,90,.45)}40%{color:var(--taupe);border-color:var(--co-line-2)}}

/* 6 · report a concern */
body.page-trust .co-rep{display:flex;align-items:center;gap:12px;max-width:248px}
body.page-trust .co-rep__msg{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--co-line-2);border-radius:14px 14px 14px 4px;background:#1f1e1d}
body.page-trust .co-rep__flag{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
body.page-trust .co-rep__flag svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.page-trust .co-rep__lines{flex:1;min-width:0}
body.page-trust .co-rep__lines .pg-sk{height:6px}
body.page-trust .co-rep__send,body.page-trust .co-rep__ok{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%}
body.page-trust .co-rep__send{position:relative;z-index:1;background:var(--accent);color:var(--accent-ink)}
body.page-trust .co-rep__send svg{width:12px;height:10px}
body.page-trust .co-rep__ok{position:absolute;right:0;top:50%;margin-top:-20px;border:1px solid var(--co-line-2);background:#1f1e1d;opacity:0}
body.page-trust [data-co-play].is-play .co-rep__send{animation:co-send 4.6s var(--pg-io) infinite}
body.page-trust [data-co-play].is-play .co-rep__send svg{animation:co-fly 4.6s var(--pg-io) infinite}
body.page-trust [data-co-play].is-play .co-rep__ok{animation:co-ok 4.6s var(--pg-io) infinite}
body.page-trust [data-co-play].is-play .co-rep__ok svg{animation:co-ok-tick 4.6s var(--pg-out) infinite}
@keyframes co-send{0%,22%{scale:1;opacity:1}28%{scale:.88;opacity:1}36%{scale:1;opacity:1}44%,86%{scale:.6;opacity:0}96%,100%{scale:1;opacity:1}}
@keyframes co-fly{0%,30%{translate:0 0;opacity:1}42%{translate:16px 0;opacity:0}43%,100%{translate:0 0;opacity:1}}
@keyframes co-ok{0%,42%{opacity:0;scale:.7}50%,84%{opacity:1;scale:1}92%,100%{opacity:0;scale:.7}}
@keyframes co-ok-tick{0%,46%{stroke-dashoffset:1}62%,100%{stroke-dashoffset:0}}

body.page-trust .co-trust__note{max-width:880px}
body.page-trust .co-trust__note .co-inline{margin-left:4px;white-space:nowrap}

/* ================================================================== ABOUT */
body.page-about .co-state{padding:calc(var(--pg-sec) * .9) 0}
body.page-about .co-statement{max-width:21em;font-size:clamp(30px,4.4vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--fg);text-wrap:pretty}
body.page-about .co-statement.is-split .co-w{color:#3d3834;transition:color .5s var(--ease)}
body.page-about .co-statement.is-split .co-w.is-lit{color:var(--taupe)}
body.page-about .co-statement.is-split .co-w.is-b.is-lit{color:var(--fg)}

/* approach: the three beats (homepage promise copy) */
body.page-about .co-approach .pg-head .display{text-wrap:wrap}
body.page-about .co-approach .co-hl{display:block}
body.page-about .co-beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.page-about .co-beat{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 30px 34px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;
  transition:border-color .4s var(--ease),background-color .4s var(--ease)}
body.page-about .co-beat::after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--pg-out)}
body.page-about .co-beat:hover{border-color:#3a3734;background:#201f1e}
body.page-about .co-beat:hover::after{transform:scaleX(1)}
body.page-about .co-beat__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#262524;border:1px solid var(--co-line-2);color:var(--fg);transition:rotate .6s var(--pg-spring)}
body.page-about .co-beat:hover .co-beat__ic{rotate:-6deg}
body.page-about .co-beat__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.page-about .co-beat__ic--lexi{background:rgba(255,143,90,.10);border-color:rgba(255,143,90,.32)}
body.page-about .co-beat__t{margin-top:56px;font-size:24px;font-weight:700;line-height:1.12;letter-spacing:-.022em;color:var(--fg);text-wrap:balance}
body.page-about .co-beat__d{margin-top:12px;font-size:16px;line-height:1.55;color:var(--pg-body)}
body.page-about .co-statement .co-w__dot{transition:color .5s var(--ease)}
body.page-about .co-statement .co-w.is-lit .co-w__dot{color:var(--accent)}

body.page-about .co-pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.page-about .co-pcard{position:relative;display:flex;flex-direction:column;min-width:0;min-height:300px;padding:30px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
body.page-about .co-pcard__t{font-size:28px;font-weight:700;line-height:1.05;letter-spacing:-.025em;color:var(--fg)}
body.page-about .co-pcard .co-soon{margin-top:18px}
body.page-about .co-pcard__ghost{margin-top:auto;padding-top:40px;opacity:.75}
body.page-about .co-pcard__ghost .pg-sk{height:7px;background:var(--co-ghost)}
body.page-about .co-pcard__ghost--dl > div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:12px 0;border-top:1px solid #2a2826}
body.page-about .co-pcard__ghost--dl dt{height:7px;border-radius:4px;background:#34312e}
body.page-about .co-pcard__ghost--dl dd{margin:0}
body.page-about .co-pcard--link{transition:background-color .4s var(--ease),border-color .4s var(--ease),translate .5s var(--pg-out),box-shadow .5s var(--pg-out)}
body.page-about .co-pcard--link::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--pg-out)}
body.page-about .co-pcard--link:hover{background:#232221;border-color:#3a3734;translate:0 -4px;box-shadow:0 30px 50px -32px rgba(0,0,0,.85)}
body.page-about .co-pcard--link:hover::before,body.page-about .co-pcard--link:focus-visible::before{transform:scaleX(1)}
body.page-about .co-pcard__d{margin-top:12px;padding-right:48px;font-size:16px;line-height:1.55;color:var(--pg-body)}
body.page-about .co-pcard .co-guide__go{right:26px;bottom:26px}

/* ================================================================ CONTACT */
body.page-contact .co-hero--contact{padding-bottom:208px}
body.page-contact .co-contact{position:relative;z-index:1;margin-top:-128px;padding-bottom:calc(var(--pg-sec) * .8)}
body.page-contact .co-contact__wrap{position:relative;scroll-margin-top:calc(var(--header-h) + 24px);padding:40px;border:1px solid var(--line);border-radius:var(--r-xl);
  background:linear-gradient(180deg,#1f1e1d,#1a1919);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 60px 120px -60px rgba(0,0,0,.9)}
body.page-contact .co-form{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px}
body.page-contact .co-form[hidden]{display:none}
body.page-contact .co-topics{min-width:0;border:0;padding:0;margin:0}
body.page-contact .co-label{display:block;margin:0 0 10px;padding:0;font-size:14px;font-weight:500;line-height:1.3;color:var(--fg)}
body.page-contact .co-topics__grid{display:grid;gap:10px}
body.page-contact .co-topic{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:16px 18px 16px 16px;border:1px solid var(--co-line-2);border-radius:14px;
  background:#1a1918;cursor:pointer;transition:border-color .25s var(--ease),background-color .25s var(--ease),translate .45s var(--pg-out)}
body.page-contact .co-topic:hover{border-color:#4d4843;background:#1e1d1c}
body.page-contact .co-topic__in{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
body.page-contact .co-topic:has(.co-topic__in:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
body.page-contact .co-topic__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#262524;color:var(--taupe);transition:background-color .3s var(--ease),color .3s var(--ease)}
body.page-contact .co-topic__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.page-contact .co-topic__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
body.page-contact .co-topic__t{font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--fg)}
body.page-contact .co-topic__d{font-size:14px;line-height:1.4;color:var(--muted)}
body.page-contact .co-topic__mark{position:relative;width:20px;height:20px;border-radius:50%;border:1.5px solid #4a4541;transition:border-color .25s var(--ease)}
body.page-contact .co-topic__mark::after{content:"";position:absolute;inset:3.5px;border-radius:50%;background:var(--accent);scale:0;transition:scale .4s var(--pg-spring)}
body.page-contact .co-topic.is-on,body.page-contact .co-topic:has(.co-topic__in:checked){border-color:var(--accent);background:rgba(255,143,90,.06)}
body.page-contact .co-topic.is-on .co-topic__ic,body.page-contact .co-topic:has(.co-topic__in:checked) .co-topic__ic{background:var(--accent-soft);color:var(--accent)}
body.page-contact .co-topic.is-on .co-topic__mark,body.page-contact .co-topic:has(.co-topic__in:checked) .co-topic__mark{border-color:var(--accent)}
body.page-contact .co-topic.is-on .co-topic__mark::after,body.page-contact .co-topic:has(.co-topic__in:checked) .co-topic__mark::after{scale:1}
body.page-contact .co-topics.is-invalid .co-topic:not(:hover){border-color:rgba(255,122,122,.55)}

body.page-contact .co-panel{display:flex;flex-direction:column;min-width:0}
body.page-contact .co-panel__grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;gap:20px}
body.page-contact .co-field{display:flex;flex-direction:column;min-width:0}
body.page-contact .co-field--full{grid-column:1/-1}
body.page-contact .co-input{width:100%;min-height:52px;padding:14px 16px;border-radius:var(--r);background:#141414;border:1px solid #3a3633;color:var(--fg);font-size:16px;line-height:1.4;outline:0;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
body.page-contact .co-input--area{flex:1;min-height:200px;resize:vertical}
body.page-contact .co-input:hover{border-color:#4d4843}
body.page-contact .co-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body.page-contact .co-input[aria-invalid="true"]{border-color:var(--danger)}
body.page-contact .co-input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(255,122,122,.18)}
body.page-contact .co-err{display:none;margin-top:8px;font-size:13px;line-height:1.4;color:var(--danger)}
body.page-contact .co-err:not(:empty){display:flex;align-items:center;gap:8px;animation:co-err-in .3s var(--pg-out)}
body.page-contact .co-err:not(:empty)::before{content:"!";flex:none;display:grid;place-items:center;width:15px;height:15px;border-radius:4px;background:var(--danger);color:#2a0d0d;font:700 10px/1 var(--font-display)}
@keyframes co-err-in{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
body.page-contact .co-panel__foot{display:flex;align-items:center;gap:16px;margin-top:24px}
body.page-contact .co-submit{position:relative;min-width:184px;transition:background-color .2s var(--ease),translate .35s var(--pg-spring),box-shadow .35s var(--pg-out)}
body.page-contact .co-submit:hover{translate:0 -2px;box-shadow:0 12px 28px -12px rgba(255,143,90,.55)}
body.page-contact .co-submit:disabled{cursor:progress}
body.page-contact .co-submit__spin{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(43,17,5,.25);border-top-color:var(--accent-ink);opacity:0}
body.page-contact .co-submit.is-loading .co-submit__label,body.page-contact .co-submit.is-loading .arrow{opacity:0}
body.page-contact .co-submit.is-loading .co-submit__spin{opacity:1;animation:co-spin .8s linear infinite}
@keyframes co-spin{to{rotate:360deg}}

body.page-contact .co-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:inherit;padding:64px 24px;text-align:center}
body.page-contact .co-success[hidden]{display:none}
body.page-contact .co-contact__wrap.is-sent{display:flex;align-items:center;justify-content:center}
body.page-contact .co-success__mark{width:72px;height:72px}
body.page-contact .co-success__mark svg{width:72px;height:72px;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.page-contact .co-success__ring{stroke:rgba(255,210,138,.35);stroke-width:2;stroke-dasharray:132;stroke-dashoffset:0;animation:co-ring .9s var(--pg-out) both}
body.page-contact .co-success__tick{stroke:var(--ok);stroke-width:3;stroke-dasharray:30;stroke-dashoffset:0;animation:co-draw .6s var(--pg-out) .35s both}
@keyframes co-ring{from{stroke-dashoffset:132}to{stroke-dashoffset:0}}
@keyframes co-draw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
body.page-contact .co-success__t{max-width:16em;margin-top:28px;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--fg);outline:0;animation:pg-in .8s var(--pg-out) .2s both}
body.page-contact .co-success__d{margin-top:14px;font-size:18px;line-height:1.5;color:var(--pg-body);overflow-wrap:anywhere;animation:pg-in .8s var(--pg-out) .3s both}
body.page-contact .co-success__d span{color:var(--fg);font-weight:600}

/* ============================================================= RESPONSIVE */
@media (max-width:1024px){
  :is(body.page-trust,body.page-about) .co-hero{padding-bottom:104px}
  body.page-resources .co-index{margin-top:72px}
  body.page-resources .co-index ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-resources .co-index li:last-child{grid-column:1/-1;border-left:0}
  body.page-resources .co-group{grid-template-columns:minmax(0,1fr);gap:36px;padding:80px 0}
  body.page-resources .co-group__head{position:static}
  body.page-about .co-pcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-about .co-beats{grid-template-columns:minmax(0,1fr)}
  body.page-about .co-beat{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:24px;padding:26px}
  body.page-about .co-beat__ic{grid-row:1/3}
  body.page-about .co-beat__t{margin-top:2px}
  body.page-about .co-beat::after{left:26px;right:26px}
  body.page-about .co-pcard--link{grid-column:1/-1;min-height:200px}
  body.page-contact .co-form{grid-template-columns:minmax(0,1fr);gap:36px}
  body.page-contact .co-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-contact .co-hero--contact{padding-bottom:176px}
  body.page-contact .co-contact{margin-top:-104px}
}
@media (max-width:640px){
  :is(body.page-trust,body.page-about) .co-hero{padding-bottom:80px}
  :is(body.page-trust,body.page-about) .pg-title{font-size:clamp(36px,10vw,52px)}
  body.page-trust .co-meta{margin-top:28px}
  body.page-resources .co-index{margin-top:56px}
  body.page-resources .co-index ol{grid-template-columns:minmax(0,1fr)}
  body.page-resources .co-index li:nth-child(even){border-left:0}
  body.page-resources .co-index li a,body.page-resources .co-index li:nth-child(even) a{flex-direction:column;align-items:flex-start;gap:4px;padding:16px 0}
  body.page-resources .co-index .pg-index__d{display:block}
  body.page-resources .co-groups{padding-top:0}
  body.page-resources .co-group{gap:28px;padding:64px 0}
  body.page-resources .co-group__lede{font-size:17px}
  body.page-resources .co-guides{grid-template-columns:minmax(0,1fr);gap:12px}
  body.page-resources .co-guide,body.page-resources .co-guides--help .co-guide{min-height:0;padding:20px 20px 22px}
  body.page-resources .co-guide__t{margin-top:20px;font-size:20px}
  body.page-resources .co-guide__go{right:18px;bottom:18px;width:36px;height:36px}
  body.page-resources .co-empty__art{min-height:0;padding:24px 18px}
  body.page-resources .co-ghost-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.page-resources .co-ghost:nth-child(3){display:none}
  body.page-resources .co-ghost-player{grid-template-columns:minmax(0,1fr);gap:12px}
  body.page-resources .co-steps li:nth-child(n+3){display:none}
  body.page-resources .co-log li{grid-template-columns:10px minmax(0,1fr);gap:14px}
  body.page-resources .co-log__date{display:none}
  body.page-resources .co-empty__foot{padding:16px 18px}

  body.page-trust .co-tcards .pg-card__art{min-height:196px}

  body.page-about .co-pcards{grid-template-columns:minmax(0,1fr);gap:12px}
  body.page-about .co-beats{gap:12px}
  body.page-about .co-beat{grid-template-columns:minmax(0,1fr);padding:22px}
  body.page-about .co-beat__ic{grid-row:auto;width:44px;height:44px}
  body.page-about .co-beat__t{margin-top:28px;font-size:21px}
  body.page-about .co-beat::after{left:22px;right:22px}
  body.page-about .co-pcard{min-height:0;padding:22px}
  body.page-about .co-pcard__t{font-size:24px}
  body.page-about .co-pcard__ghost{padding-top:28px}
  body.page-about .co-pcard--link{min-height:160px}
  body.page-about .co-pcard .co-guide__go{right:18px;bottom:18px}

  body.page-contact .co-hero--contact{padding-bottom:136px}
  body.page-contact .co-contact{margin-top:-80px}
  body.page-contact .co-contact__wrap{padding:20px 16px 24px;border-radius:var(--r-lg)}
  body.page-contact .co-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.page-contact .co-topic{grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto auto;gap:12px 8px;align-items:start;padding:14px 12px 16px}
  body.page-contact .co-topic__ic{width:36px;height:36px;border-radius:10px}
  body.page-contact .co-topic__ic svg{width:19px;height:19px}
  body.page-contact .co-topic__txt{grid-column:1/-1;grid-row:2}
  body.page-contact .co-topic__mark{grid-column:2;grid-row:1}
  body.page-contact .co-topic__t{font-size:15px}
  body.page-contact .co-topic__d{font-size:13px}
  body.page-contact .co-panel__grid{grid-template-columns:minmax(0,1fr);gap:16px}
  body.page-contact .co-input--area{min-height:168px}
  body.page-contact .co-submit{width:100%}
  body.page-contact .co-success{padding:48px 8px}
}

/* reduced motion: calm, complete static state (loops never start; see js/pages-company.js) */
@media (prefers-reduced-motion:reduce){
  body.page-about .co-statement.is-split .co-w{transition:none}
  body.page-contact .co-success__ring,body.page-contact .co-success__tick,body.page-contact .co-success__t,body.page-contact .co-success__d{animation:none}
}