/* Six coloured category labels; outlined task pills on the existing paper theme. */
.tl-pickup{position:relative;color:#1a1a1a;padding:96px max(28px,6vw) 112px;font-family:'LINE Seed JP',sans-serif;scroll-margin-top:40px}
.tl-pickup *, .tl-pickup *::before, .tl-pickup *::after{box-sizing:border-box}
.tl-pickup__inner{max-width:1200px;margin:0 auto}
.tl-pickup__heading{display:grid;grid-template-columns:1.15fr 1fr;gap:20px 7%;align-items:end;margin:0 0 36px}
.tl-pickup__eyebrow{grid-column:1/-1;font-size:14px;font-weight:800;letter-spacing:.1em;margin:0}
.tl-pickup h2{font-size:clamp(32px,3.5vw,51px);font-weight:800;line-height:1.4;letter-spacing:-.03em;margin:0}
.tl-pickup__intro{font-size:16px;font-weight:700;line-height:1.9;margin:0 0 5px}
.tl-pickup__guide{font-size:13px;color:#535353;line-height:1.7;margin:0 0 36px}
.tl-pickup__grid{display:grid;gap:38px}
.tl-capability{min-width:0}
.tl-capability>header{display:flex;align-items:center;gap:20px;margin:0 0 16px}
.tl-capability h3{display:flex;align-items:center;gap:12px;min-height:48px;background:var(--tl-tint);border-radius:17px;font-size:19px;font-weight:800;line-height:1.4;padding:11px 25px;margin:0;white-space:nowrap}
.tl-capability__index{font-size:11px;font-weight:800;letter-spacing:.07em;opacity:.65}
.tl-capability>header>p{font-size:13px;font-weight:700;line-height:1.7;margin:0;color:#454545}
.tl-pickup .tl-task-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.tl-task-list>li{min-width:0;margin:0;padding:0}
.tl-task{border:1px solid #535353;border-radius:24px;min-width:0;background:transparent;overflow:hidden}
.tl-task>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:13px 19px;font-size:14px;font-weight:700;line-height:1.6;color:#1a1a1a;text-align:left;overflow-wrap:anywhere}
.tl-task>summary::-webkit-details-marker{display:none}
.tl-task__plus{font-weight:400;font-size:19px;flex-shrink:0;line-height:1;transition:transform .15s}
.tl-task[open]{background:#ffffff90;border-color:#1a1a1a}
.tl-task[open] .tl-task__plus{transform:rotate(45deg)}
.tl-task__detail{border-top:1px solid #d1d1d1;margin:0 18px;padding:14px 0 18px;font-size:13px;line-height:1.9}
.tl-task__detail>p{margin:0 0 12px}
.tl-task__detail .tl-task__stage{display:inline-block;font-size:10px;line-height:1.6;font-weight:700;background:var(--tl-tint);border-radius:5px;padding:4px 7px;margin-bottom:12px}
.tl-task__detail a{display:block;font-size:12px;font-weight:700;color:#1a1a1a;text-decoration:underline;text-underline-offset:4px;line-height:1.7}
.tl-pickup__scope{margin:30px 0 0;padding:22px 0;border-top:1px solid #bdbdbd;font-size:12px;line-height:1.9;color:#555}
.tl-pickup__scope p{margin:0 0 8px}.tl-pickup__scope p:last-child{margin-bottom:0;color:#1a1a1a;font-size:13px}
.tl-pickup__bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;border-top:1px solid #bdbdbd;margin-top:8px;padding:36px 0 0}
.tl-pickup__bottom-label{font-size:10px;letter-spacing:.1em;font-weight:800;margin:0 0 13px}
.tl-pickup__bottom h3{font-size:clamp(25px,2.5vw,35px);line-height:1.5;font-weight:800;margin:0 0 15px;letter-spacing:-.02em}
.tl-pickup__bottom p:not(.tl-pickup__bottom-label){font-size:14px;line-height:1.9;margin:0}
.tl-pickup__actions{max-width:400px;width:100%;justify-self:end}
.tl-pickup__consult,.tl-pickup__resources{display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.7;padding:20px 24px;border-radius:50px}
.tl-pickup__consult{background:#1a1a1a;color:#fff!important}
.tl-pickup__resources{border:1px solid #535353;color:#1a1a1a!important;margin-top:12px}
.tl-pickup__dots{display:flex;gap:7px;justify-content:center;margin-top:22px}
.tl-pickup__dots i{width:8px;height:8px;background:#22c55e;border-radius:50%}
.tl-pickup__dots i:nth-child(2){background:#3b82f6}.tl-pickup__dots i:nth-child(3){background:#f472b6}.tl-pickup__dots i:nth-child(4){background:#fbbf24}.tl-pickup__dots i:nth-child(5){background:#a78bfa}.tl-pickup__dots i:nth-child(6){background:#55c9aa}
.tl-pickup__adjacent{margin-top:16px;font-size:12px;max-width:520px}
.tl-pickup__adjacent summary{cursor:pointer;font-size:12px;font-weight:700;line-height:1.8;list-style:none;text-decoration:underline;text-underline-offset:4px}
.tl-pickup__adjacent summary::-webkit-details-marker{display:none}
.tl-pickup__adjacent[open]>p{padding-top:12px;font-size:12px}
.tl-pickup summary:focus-visible,.tl-pickup a:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}
@media(hover:hover){.tl-task>summary:hover{background:#ffffff75}.tl-pickup__consult:hover{background:#333}.tl-pickup__resources:hover{background:#fff}}
@media(max-width:1000px){.tl-pickup{padding:72px 32px 90px}.tl-pickup .tl-task-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-pickup__intro{font-size:14px}.tl-pickup__bottom{gap:30px}}
@media(max-width:700px){.tl-pickup{padding:60px 22px 80px}.tl-pickup__heading{display:block;margin-bottom:24px}.tl-pickup__eyebrow{font-size:12px;margin-bottom:16px}.tl-pickup h2{font-size:32px}.tl-pickup__intro{font-size:14px;margin:20px 0 0}.tl-pickup__guide{font-size:11px;margin-bottom:28px}.tl-pickup__grid{gap:30px}.tl-capability>header{display:block;margin-bottom:12px}.tl-capability h3{display:inline-flex;min-height:44px;font-size:17px;padding:10px 19px;border-radius:15px}.tl-capability>header>p{font-size:12px;margin-top:10px}.tl-pickup .tl-task-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tl-task{border-radius:19px}.tl-task>summary{min-height:78px;padding:11px 12px;font-size:12px;gap:6px;line-height:1.65}.tl-task__plus{font-size:15px}.tl-task__detail{margin:0 12px;font-size:12px}.tl-task__detail a{font-size:11px}.tl-task__detail .tl-task__stage{font-size:9px}.tl-pickup__scope{font-size:11px;margin-top:25px}.tl-pickup__scope p:last-child{font-size:12px}.tl-pickup__bottom{grid-template-columns:1fr;gap:25px;padding-top:28px}.tl-pickup__bottom h3{font-size:27px}.tl-pickup__bottom p:not(.tl-pickup__bottom-label){font-size:13px}.tl-pickup__actions{justify-self:start;max-width:100%}.tl-pickup__consult,.tl-pickup__resources{font-size:13px;padding:17px 20px}}
@media(max-width:360px){.tl-pickup{padding-left:16px;padding-right:16px}.tl-pickup h2{font-size:28px}.tl-pickup .tl-task-list{grid-template-columns:1fr}.tl-task>summary{min-height:56px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.tl-task__plus{transition:none}}
/* Homepage: six compact gateways, three examples each. Full inventory is on /capabilities/. */
.tl-pickup--compact{padding-top:80px;padding-bottom:85px}
.tl-pickup--compact .tl-pickup__heading{margin-bottom:36px}
.tl-pickup-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
.tl-pickup-preview{min-width:0}
.tl-pickup-preview h3{margin:0 0 12px;font-size:17px;font-weight:800;line-height:1.5}
.tl-pickup-preview h3 a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tl-tint);border-radius:15px;padding:12px 19px;color:#1a1a1a;text-decoration:none;min-height:49px}
.tl-pickup-preview h3 span{font-size:15px;font-weight:400}
.tl-pickup-preview ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.tl-pickup-preview li{margin:0;padding:10px 18px;border:1px solid #777;border-radius:22px;font-size:14px;font-weight:700;line-height:1.6;color:#1a1a1a;background:transparent}
.tl-pickup-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px}
.tl-pickup-preview-bottom p{margin:0;font-size:14px;line-height:1.8}
.tl-pickup-preview-bottom>a{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-shrink:0;background:#1a1a1a;color:#fff!important;border-radius:40px;text-decoration:none;padding:18px 26px;font-size:14px;font-weight:700;line-height:1.6}
.tl-pickup-preview-note{margin:21px 0 0;font-size:11px;line-height:1.8;color:#555}
@media(hover:hover){.tl-pickup-preview h3 a:hover{filter:brightness(.96)}.tl-pickup-preview-bottom>a:hover{background:#333}}
@media(max-width:1000px){.tl-pickup-preview-grid{gap:23px}.tl-pickup-preview h3{font-size:15px}.tl-pickup-preview li{font-size:13px;padding:10px 14px}}
@media(max-width:700px){.tl-pickup--compact{padding-top:55px;padding-bottom:65px}.tl-pickup-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.tl-pickup-preview h3{font-size:13px;margin-bottom:9px}.tl-pickup-preview h3 a{padding:10px 12px;gap:6px;border-radius:13px;min-height:43px}.tl-pickup-preview h3 span{font-size:12px}.tl-pickup-preview li{font-size:11px;padding:8px 10px;border-radius:16px;min-height:36px}.tl-pickup-preview ul{gap:7px}.tl-pickup-preview-bottom{display:block;margin-top:26px}.tl-pickup-preview-bottom p{font-size:13px}.tl-pickup-preview-bottom>a{margin-top:20px;font-size:13px;padding:17px 22px}.tl-pickup-preview-note{font-size:10px;margin-top:17px}}
@media(max-width:360px){.tl-pickup-preview-grid{grid-template-columns:1fr}.tl-pickup-preview h3{font-size:16px}.tl-pickup-preview li{font-size:13px}}
/* Actual LINE Seed JP ExtraBold (800), with the original local emoji set. */
.tl-pickup-preview h3,.tl-pickup-preview h3 a,.tl-capability h3{font-weight:800}
.tl-category-label{display:flex;align-items:center;gap:9px;min-width:0}
.tl-category-label>span{font-size:inherit!important;font-weight:800!important}
.tl-category-emoji{display:block;width:30px;height:30px;object-fit:contain;flex-shrink:0}
.tl-capability h3{gap:10px;font-size:20px}
@media(max-width:1000px){.tl-pickup-preview h3{font-size:16px}}
@media(max-width:700px){.tl-pickup-preview h3{font-size:13px}.tl-category-label{gap:6px}.tl-pickup-preview .tl-category-emoji{width:22px;height:22px}.tl-capability h3{font-size:18px}.tl-capability .tl-category-emoji{width:28px;height:28px}.tl-pickup-preview h3 a{padding-left:10px;padding-right:10px}}
/* Match the existing About card CTA; same atlas, size, placement and rounded arrow. */
.tl-pickup-preview-bottom{margin-top:68px}
.tl-pickup-preview-bottom>.tl-pickup-brand-button{display:block;position:relative;box-sizing:border-box;width:350px;max-width:100%;padding:23px 27px;background:#fff;color:#1a1a1a!important;border-radius:26px;overflow:visible;transition:transform .3s ease}
.tl-pickup-brand-button__en{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.5;color:#0860e4;margin-bottom:16px}
.tl-pickup-brand-button__title{display:block;font-size:20px;font-weight:700;line-height:1.5;padding-right:24px}
.tl-pickup-brand-button__character{position:absolute;right:14px;top:-54px;width:65px;height:65px;margin:0;pointer-events:none}
.tl-pickup-brand-button__character svg{display:block;width:100%;height:100%}
.tl-pickup-brand-button__arrow{position:absolute;width:24px;height:21px;right:20px;bottom:25px;fill:#1a1a1a}
@media(hover:hover){.tl-pickup-preview-bottom>.tl-pickup-brand-button:hover{background:#fff;transform:translate(5px,5px)}}
@media(max-width:700px){.tl-pickup-preview-bottom{margin-top:26px}.tl-pickup-preview-bottom>.tl-pickup-brand-button{margin-top:49px;width:350px;padding:19px 15px;border-radius:20px}.tl-pickup-brand-button__en{font-size:9px;margin-bottom:12px}.tl-pickup-brand-button__title{font-size:14px}.tl-pickup-brand-button__character{width:44px;height:44px;top:-36.5px;right:5px}.tl-pickup-brand-button__arrow{width:20px;height:18px;right:15px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.tl-pickup-preview-bottom>.tl-pickup-brand-button{transition:none}}
/* Supplied reference: horizontal white face, solid offset shadow, pink arrow, press travel. */
.tl-pickup-preview-bottom>.tl-pickup-brand-button{width:560px;max-width:100%;padding:0;border-radius:38px;background:transparent;isolation:isolate;transform:none;transition:none;flex-shrink:1}
.tl-pickup-brand-button::after{content:'';position:absolute;inset:10px -10px -10px 10px;background:rgba(0,0,0,.15);border-radius:38px;z-index:0;pointer-events:none;mix-blend-mode:multiply}
.tl-pickup-brand-button__face{position:relative;z-index:1;display:flex;align-items:center;gap:18px;min-height:108px;padding:26px 30px;background:#fff;border-radius:38px;transition:transform .25s ease}
.tl-pickup-brand-button__title{padding:0;font-size:21px;font-weight:800;line-height:1.5}
.tl-pickup-brand-button__en{margin:0;color:#000;font-size:13px;font-weight:800;letter-spacing:.02em;line-height:1.5;white-space:nowrap}
.tl-pickup-brand-button__arrow-bg{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:17px;background:#f45199;margin-left:auto}
.tl-pickup-brand-button__arrow{position:static;width:22px;height:19px;fill:#fff}
.tl-pickup-brand-button__character{right:14px;top:-54px;width:65px;height:65px;z-index:2}
.tl-pickup-preview-bottom>.tl-pickup-brand-button:active .tl-pickup-brand-button__face{transform:translate(10px,10px)}
@media(hover:hover){.tl-pickup-preview-bottom>.tl-pickup-brand-button:hover{background:transparent;transform:none}.tl-pickup-brand-button:hover .tl-pickup-brand-button__face{transform:translate(6px,6px)}.tl-pickup-brand-button:active .tl-pickup-brand-button__face{transform:translate(10px,10px)}}
@media(max-width:1000px) and (min-width:701px){.tl-pickup-preview-bottom>.tl-pickup-brand-button{width:470px}.tl-pickup-brand-button__face{gap:12px;padding:24px;min-height:96px}.tl-pickup-brand-button__title{font-size:17px}.tl-pickup-brand-button__en{font-size:11px}.tl-pickup-brand-button__arrow-bg{width:38px;height:38px;border-radius:15px}}
@media(max-width:700px){.tl-pickup-preview-bottom>.tl-pickup-brand-button{width:100%;border-radius:28px}.tl-pickup-brand-button::after{inset:8px -8px -8px 8px;border-radius:28px}.tl-pickup-brand-button__face{gap:10px;min-height:82px;padding:20px 17px;border-radius:28px}.tl-pickup-brand-button__title{font-size:13px}.tl-pickup-brand-button__en{font-size:9px}.tl-pickup-brand-button__arrow-bg{width:32px;height:32px;border-radius:12px}.tl-pickup-brand-button__arrow{width:17px;height:15px}.tl-pickup-brand-button__character{width:44px;height:44px;top:-36.5px;right:5px}.tl-pickup-preview-bottom>.tl-pickup-brand-button:active .tl-pickup-brand-button__face{transform:translate(8px,8px)}}
@media(prefers-reduced-motion:reduce){.tl-pickup-brand-button__face{transition:none}}
/* Tighten the copy below the list without taking space away from the peeking character. */
.tl-pickup-preview-bottom{margin-top:24px;align-items:flex-start}
.tl-pickup-preview-copy{min-width:0}
.tl-pickup-preview-bottom .tl-pickup-preview-note{margin:12px 0 0;font-size:11px;line-height:1.8;color:#555}
@media(min-width:701px){.tl-pickup-preview-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:28px}.tl-pickup-preview-bottom>.tl-pickup-brand-button{margin-top:40px}}
@media(min-width:701px) and (max-width:1000px){.tl-pickup-preview-bottom{grid-template-columns:minmax(0,1fr) minmax(0,470px)}}
@media(max-width:700px){.tl-pickup-preview-bottom{margin-top:22px}.tl-pickup-preview-bottom .tl-pickup-preview-note{font-size:10px;margin-top:10px}}
/* Balance the copy and CTA as one bottom-aligned row, between the earlier spacing extremes. */
@media(min-width:701px){.tl-pickup-preview-bottom{margin-top:40px;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:end}.tl-pickup-preview-bottom>.tl-pickup-brand-button{width:480px;margin-top:24px}.tl-pickup-brand-button__face{min-height:88px;padding:22px 24px;gap:14px}.tl-pickup-brand-button__title{font-size:18px}.tl-pickup-brand-button__en{font-size:11px}.tl-pickup-brand-button__arrow-bg{width:36px;height:36px;border-radius:14px}.tl-pickup-brand-button__arrow{width:19px;height:17px}.tl-pickup-preview-copy{align-self:end}}
@media(min-width:701px) and (max-width:1000px){.tl-pickup-preview-bottom{grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:24px}.tl-pickup-preview-bottom>.tl-pickup-brand-button{width:430px}.tl-pickup-brand-button__face{padding:20px;gap:10px}.tl-pickup-brand-button__title{font-size:16px}}
