:root { --pm-navy: #0b2940; --pm-blue: #0b75a6; --pm-blue-soft: #0e9ac4; --pm-ice: #e3f3fb; --pm-bg: #f3f6fb; --pm-card: #ffffff; --pm-border: #d5dfeb; --pm-text: #0f172a; --pm-muted: #6b7280; }
* { box-sizing: border-box; }
body { margin: 0px; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif; background: radial-gradient(circle at top left, #dceffd 0, var(--pm-bg) 45%, #eef2f7 100%); color: var(--pm-text); }
a { color: var(--pm-blue); text-decoration: none; }
a:hover { text-decoration: underline; }
.coop-page { max-width: 1180px; margin: 0px auto; padding: 30px 16px 80px; }
.coop-breadcrumb { font-size: 0.85rem; color: var(--pm-muted); margin-bottom: 16px; }
.coop-breadcrumb span { margin: 0px 4px; }
.coop-hero { display: grid; grid-template-columns: minmax(0px, 1.7fr) minmax(0px, 1.1fr); gap: 22px; align-items: stretch; margin-bottom: 32px; }
.coop-hero-main { position: relative; border-radius: 22px; padding: 26px 24px 30px; overflow: hidden; background: radial-gradient(circle at top right, rgba(255,255,255,0.12) 0, transparent 52%),
                linear-gradient(135deg, var(--pm-navy) 0%, var(--pm-blue) 42%, var(--pm-blue-soft) 100%); color: rgb(255, 255, 255); }
.coop-hero-main::after { content: ""; position: absolute; right: -80px; bottom: -100px; width: 260px; height: 260px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.45; }
.coop-hero-label { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.32); background: rgba(15, 23, 42, 0.22); font-size: 0.78rem; margin-bottom: 10px; }
.coop-hero-label span { display: inline-block; width: 7px; height: 7px; border-radius: 999px; margin-right: 6px; background: rgb(190, 243, 255); }
.coop-hero h1 { margin: 0px 0px 8px; font-size: 1.9rem; }
.coop-hero-sub { margin: 0px 0px 16px; font-size: 1rem; max-width: 34rem; }
.coop-pill-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.coop-pill { padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(15, 23, 42, 0.25); font-size: 0.78rem; }
.coop-hero-note { font-size: 0.88rem; max-width: 36rem; opacity: 0.98; }
.coop-hero-note a { color: rgb(236, 249, 255); }
.coop-hero-side { background: var(--pm-card); border-radius: 22px; border: 1px solid var(--pm-border); box-shadow: rgba(15, 23, 42, 0.09) 0px 18px 45px; padding: 20px 18px; display: flex; flex-direction: column; gap: 14px; }
.coop-hero-side h2 { margin: 0px; font-size: 1.15rem; color: var(--pm-blue); }
.coop-hero-side p { margin: 0px; font-size: 0.95rem; color: var(--pm-muted); }
.coop-hero-list { list-style: none; margin: 8px 0px 0px; padding: 0px; font-size: 0.93rem; }
.coop-hero-list li { padding: 3px 0px; }
.coop-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.coop-btn-primary, .coop-btn-ghost { display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border-radius: 999px; font-size: 0.9rem; font-weight: 500; border: 1px solid transparent; text-decoration: none; }
.coop-btn-primary { border-color: var(--pm-blue-soft); background: rgb(227, 243, 251); color: var(--pm-blue); }
.coop-btn-ghost { border-color: var(--pm-border); background: rgb(249, 250, 251); color: var(--pm-muted); }
.coop-small-note { font-size: 0.8rem; color: var(--pm-muted); }
.coop-section { background: var(--pm-card); border-radius: 18px; border: 1px solid var(--pm-border); padding: 22px 20px 24px; margin-bottom: 20px; }
.coop-section h3 { margin-top: 0px; margin-bottom: 8px; font-size: 1.26rem; color: var(--pm-blue); }
.coop-section p { margin: 0px 0px 12px; font-size: 0.98rem; line-height: 1.55; }
.coop-tiles { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; margin-top: 10px; }
.coop-tile { border-radius: 14px; border: 1px solid var(--pm-border); background: rgb(246, 249, 255); padding: 12px 12px 14px; font-size: 0.9rem; }
.coop-tile strong { display: block; margin-bottom: 4px; font-size: 0.92rem; color: var(--pm-blue); }
.coop-two-col { display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr); gap: 18px; margin-top: 10px; }
.coop-list { margin: 0px; padding-left: 18px; font-size: 0.95rem; }
.coop-list li { margin-bottom: 4px; }
.coop-inline-note { font-size: 0.9rem; color: var(--pm-muted); }
.coop-seo-ki { font-size: 0.9rem; color: var(--pm-muted); }
.coop-seo-ki strong { color: var(--pm-blue); }
.coop-seo-ki a { color: var(--pm-blue); }
@media (max-width: 900px) {
  .coop-hero { grid-template-columns: minmax(0px, 1fr); }
}
@media (max-width: 720px) {
  .coop-page { padding: 20px 12px 60px; }
  .coop-tiles { grid-template-columns: minmax(0px, 1fr); }
  .coop-two-col { grid-template-columns: minmax(0px, 1fr); }
  .coop-hero-main h1 { font-size: 1.6rem; }
}