.page-pickup-card { --mc-dark:#143f35; --mc-tint:#f1f5f0; }
.page-pickup-card h1,.page-pickup-card h2,.page-pickup-card h3 { letter-spacing:0; text-wrap:balance; }
.page-pickup-card main section[id] { scroll-margin-top:calc(var(--site-header-height) - 28px); }
.page-pickup-card main a:focus-visible,.page-pickup-card main button:focus-visible { outline:3px solid #bca15a; outline-offset:4px; }
.page-pickup-card .mc-hero-grid { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); min-height:600px; gap:36px; }
.page-pickup-card .mc-edition { margin-bottom:22px; }
.page-pickup-card .mc-hero h1 { font-size:clamp(36px,3.8vw,49px); }
.page-pickup-card .mc-hero h1>span { font-size:22px; margin-top:8px; }
.page-pickup-card .mc-hero-visual img { display:block; width:100%; height:auto; }
.page-pickup-card .mc-heading h2 { font-size:clamp(28px,3.15vw,38px); }
.page-pickup-card .mc-diagram-dialog.is-zoomed img { width:auto; }
.pc-tint { background:#f3f5ef; }
.pc-value-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.pc-value-grid article { border-top:1px solid #d9e3d7; padding-top:25px; }
.pc-value-grid svg { width:29px; height:29px; color:#6d8a68; margin-bottom:16px; }
.pc-value-grid h3,.pc-card-grid h3,.pc-admin-grid h3,.pc-scenario-grid h4 { color:#2e503d; font-size:20px; font-weight:500; margin:0 0 10px; }
.pc-value-grid p,.pc-card-grid p,.pc-admin-grid p,.pc-scenario-grid p { color:#687468; font-size:14px; line-height:1.85; margin:0; }
.pc-workflow { max-width:1110px; margin:0 auto; }
.pc-channel-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:43px; }
.pc-channel-grid article { padding:27px 30px; background:#fff; border:1px solid #dce5d9; border-radius:9px; }
.pc-channel-grid span { display:block; color:#9a7c4d; font-size:14px; margin-bottom:9px; }
.pc-channel-grid h3 { color:#31553e; font-size:22px; font-weight:500; margin:0 0 9px; }
.pc-channel-grid p { color:#677367; font-size:15px; line-height:1.85; margin:0; }
.pc-split { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); align-items:center; gap:48px; }
.pc-split>* { min-width:0; }
.pc-step-list { list-style:none; padding:0; margin:0; display:grid; gap:2px; }
.pc-step-list li { display:grid; grid-template-columns:50px 1fr; gap:17px; align-items:start; padding:22px 0; border-bottom:1px solid #dfe6dc; }
.pc-step-list li:last-child { border-bottom:0; }
.pc-step-list>li>span { color:#b0925c; font-size:15px; padding-top:3px; }
.pc-step-list h3 { color:#31533d; font-size:20px; font-weight:500; margin:0 0 7px; }
.pc-step-list p { color:#69756a; font-size:14px; line-height:1.8; margin:0; }
.pc-dark { color:#e4e9df; background:radial-gradient(ellipse at 80% 48%,#315845 0,transparent 59%),#153e33; }
.pc-dark .mc-heading h2 { color:#e8d9ac; }
.pc-dark .mc-heading p { color:#c5d1bd; }
.pc-reverse { grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr); }
.pc-reverse>figure { grid-column:2; grid-row:1; }
.pc-reverse>.pc-feature-list { grid-column:1; grid-row:1; }
.pc-dark-visual { padding:8px; border-radius:10px; background:#f8faf6; }
.pc-feature-list { margin:0; display:grid; gap:25px; }
.pc-feature-list>div { padding-left:17px; border-left:2px solid #829a72; }
.pc-feature-list dt { color:#e6d8ad; font-size:20px; font-weight:500; margin-bottom:8px; }
.pc-feature-list dd { color:#c5d1c0; font-size:14px; line-height:1.85; margin:0; }
.pc-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 25px; }
.pc-card-grid article { padding:0 0 21px; border-bottom:1px solid #dce4d9; }
.pc-card-grid svg { display:block; width:28px; height:28px; margin-bottom:13px; color:#708c68; }
.pc-admin-visual { max-width:1050px; margin:0 auto 45px; }
.pc-admin-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.pc-admin-grid article { padding:23px 21px; border:1px solid #dce5d9; border-radius:8px; background:#fafbf7; }
.pc-admin-grid h3 { font-size:19px; }
.pc-scenario-group>h3 { color:#31543d; font-size:22px; font-weight:500; margin:0 0 20px; }
.pc-product-list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; list-style:none; margin:0; padding:0; }
.pc-product-list li { display:flex; align-items:center; gap:11px; min-height:58px; padding:12px 14px; border:1px solid #dce5d9; border-radius:8px; background:#fafbf7; color:#34533e; font-size:15px; }
.pc-product-list svg { width:23px; height:23px; flex:0 0 auto; color:#6d8966; }
.pc-scenario-scenes { margin-top:40px; }
.pc-scenario-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.pc-scenario-grid article { padding:29px 26px; background:#fafbf7; border:1px solid #e0e7db; border-radius:9px; }
.pc-scenario-grid article>span { display:grid; place-items:center; width:48px; height:48px; margin-bottom:20px; border-radius:50%; background:#e9f1e7; color:#6d8966; }
.pc-scenario-grid svg { width:25px; height:25px; }
@media (max-width:1100px) {
    .page-pickup-card .mc-hero-grid { grid-template-columns:1fr; gap:12px; min-height:0; }
    .page-pickup-card .mc-hero-visual { max-width:680px; }
    .pc-value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pc-split { gap:32px; }
    .pc-admin-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .pc-product-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:800px) {
    .pc-split,.pc-reverse { grid-template-columns:1fr; gap:31px; }
    .pc-split>figure { width:100%; max-width:700px; margin-inline:auto; }
    .pc-reverse>figure,.pc-reverse>.pc-feature-list { grid-column:auto; grid-row:auto; }
    .pc-reverse>.pc-feature-list { order:2; }
    .pc-scenario-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
    .page-pickup-card main section[id] { scroll-margin-top:calc(var(--site-header-height) + 10px); }
    .page-pickup-card .mc-hero h1 { font-size:35px; }
    .page-pickup-card .mc-hero h1>span { font-size:19px; }
    .page-pickup-card .mc-edition { margin-bottom:17px; }
    .page-pickup-card .mc-hero-description { font-size:15px; }
    .page-pickup-card .mc-nav a { white-space:nowrap; }
    .pc-workflow { max-width:430px; }
    .pc-value-grid { gap:22px 18px; }
    .pc-value-grid article { padding-top:20px; }
    .pc-value-grid h3,.pc-card-grid h3 { font-size:19px; }
    .pc-channel-grid { grid-template-columns:1fr; gap:14px; margin-top:29px; }
    .pc-channel-grid article { padding:23px 22px; }
    .pc-channel-grid h3 { font-size:20px; }
    .pc-channel-grid p { font-size:14px; }
    .pc-step-list li { grid-template-columns:41px 1fr; gap:12px; padding:18px 0; }
    .pc-step-list h3 { font-size:19px; }
    .pc-feature-list { gap:22px; }
    .pc-feature-list dt { font-size:19px; }
    .pc-card-grid { gap:22px 18px; }
    .pc-admin-visual { margin-bottom:28px; }
    .pc-admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .pc-admin-grid article { padding:21px 18px; }
    .pc-admin-grid h3 { font-size:18px; }
    .pc-scenario-group>h3 { font-size:20px; margin-bottom:16px; }
    .pc-product-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .pc-product-list li { min-height:54px; padding:11px 12px; font-size:14px; }
    .pc-scenario-scenes { margin-top:29px; }
    .pc-scenario-grid { gap:12px; }
    .pc-scenario-grid article { padding:22px 18px; }
    .pc-scenario-grid h4 { font-size:18px; }
}
@media (max-width:370px) {
    .pc-value-grid,.pc-card-grid,.pc-admin-grid,.pc-scenario-grid { grid-template-columns:1fr; }
}

/* Product-specific atmosphere and progressive motion. */
.page-pickup-card .pc-hero { background:radial-gradient(ellipse at 82% 30%,#81704755,transparent 52%),linear-gradient(120deg,#123b32,#254c3d 62%,#514d35); }
.page-pickup-card .pc-hero::before { background:radial-gradient(ellipse at 75% 45%,#e7cb8c40,transparent 44%); }
.page-pickup-card .pc-hero::after { inset:0; width:100%; height:100%; border:0; border-radius:0; box-shadow:none; background:linear-gradient(115deg,transparent 39%,#e6cc9620 40%,#e6cc9608 48%,transparent 49%),linear-gradient(155deg,transparent 53%,#e6cc9629 53.2%,transparent 53.5%); background-size:cover; mask-image:linear-gradient(90deg,transparent 20%,#000); animation:pc-atmosphere 18s ease-in-out infinite alternate paused; }
.page-pickup-card .mc-hero-visual { filter:drop-shadow(0 24px 28px #071e2638); }
.page-pickup-card .pc-tint { background:radial-gradient(ellipse at 95% 5%,#eadcc34d,transparent 55%),#f7f5ef; }
.page-pickup-card .mc-edition { background:#ffffff08; border-color:#d8bc7b80; }
.page-pickup-card .mc-hero .button { box-shadow:0 9px 28px #061d2426; transition:transform .25s,box-shadow .25s; }
.page-pickup-card .mc-hero .button:hover { transform:translateY(-3px); box-shadow:0 14px 34px #061d2440; }
@keyframes pc-atmosphere { from { transform:translateY(-10px); opacity:.4; } to { transform:translateY(12px); opacity:1; } }
@keyframes pc-arrival { from { opacity:.2; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:no-preference) {
 .page-pickup-card .mc-hero-copy { animation:pc-arrival .7s ease-out both; }
 .page-pickup-card .mc-hero-visual { animation:pc-arrival .9s .1s ease-out both; }
}
.motion-paused .page-pickup-card .pc-hero::after { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce) {
 .page-pickup-card .pc-hero::before,.page-pickup-card .pc-hero::after { animation:none; }
 .page-pickup-card .mc-hero .button { transition:none; transform:none; }
}

:is(.pc-channel-grid article,.pc-admin-grid article,.pc-scenario-grid article) { transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 :is(.pc-channel-grid article,.pc-admin-grid article,.pc-scenario-grid article):hover { transform:translateY(-4px); box-shadow:0 14px 30px #163e3510; border-color:#c9b685; }
}

.page-pickup-card .pc-hero.motion-running::after { animation-play-state:running; }
.motion-paused .page-pickup-card .pc-hero.motion-running::after { animation-play-state:paused; }