#capabilities .capability-tabs{margin:48px 0 26px;padding:8px 0 12px;gap:10px;justify-content:center;flex-wrap:wrap;overflow:visible;mask-image:none;-webkit-mask-image:none}
#capabilities .capability-tab{padding:13px 19px;font-size:13px;border-radius:16px}
#capabilities .capability-tab:focus-visible,#capabilities .planning-demo button:focus-visible{outline:2px solid #6388c8;outline-offset:3px}
#capabilities .cap-diagnosis{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:center;min-height:590px;padding:48px 38px;border:0;border-radius:38px;background:radial-gradient(ellipse at 88% 12%,#d2e0f299,transparent 60%),linear-gradient(145deg,#dfebf6,#eff3ee 75%,#f4efe5);box-shadow:none;mask-image:none;-webkit-mask-image:none}
#capabilities .cap-diagnosis .capability-copy{display:block;padding:25px 25px;align-self:center}
#capabilities .cap-diagnosis .capability-kicker{display:none}
#capabilities .cap-diagnosis .capability-copy h3{font-size:clamp(32px,3.1vw,44px);line-height:1.14;letter-spacing:-.045em;margin:0 0 28px;max-width:340px;font-weight:500}
#capabilities .cap-diagnosis .capability-copy>p{font-size:14px;line-height:1.9;margin:0;color:#63748c;max-width:290px}
#capabilities .cap-diagnosis .capability-copy ul{display:none}
#capabilities .cap-diagnosis .capability-art{min-height:470px;display:flex;align-items:center;padding:22px 0;overflow:visible;border:0;border-radius:0;background:transparent;isolation:auto}
#capabilities .cap-diagnosis .art-frame{position:relative;inset:auto;width:100%;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;overflow:visible;backdrop-filter:none}
#capabilities .cap-diagnosis .art-glow,#capabilities .cap-diagnosis .art-material,#capabilities .cap-diagnosis .art-frame>img,#capabilities .cap-diagnosis .native-visual,#capabilities .cap-diagnosis .capability-art:before,#capabilities .cap-diagnosis .capability-art:after,#capabilities .cap-diagnosis .art-focus-card,#capabilities .cap-diagnosis .art-action,#capabilities .cap-diagnosis .art-chip,#capabilities .cap-diagnosis .art-frame:after{display:none}
.planning-demo{display:none;position:relative;font-family:Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#2b3d59}
.cap-diagnosis .planning-demo{display:block}
.planning-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#f5f7f6c9;border:1px solid #cbd3d166;border-radius:15px 15px 0 0;border-bottom:0}
.planning-header strong{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:-.02em}.planning-header strong svg{width:24px;height:24px;padding:4px;background:#65aa97;border-radius:6px;color:white}
.planning-header>span{font-size:9px;color:#8c9797}
.planning-workspace{display:grid;grid-template-columns:154px minmax(0,1fr);gap:0;align-items:stretch;background:#f7f9f6a1;border:1px solid #cbd3d166;border-radius:0 0 15px 15px;border-top:0;padding:4px 0 12px 8px}
.planning-channels{display:grid;grid-template-rows:repeat(8,1fr);gap:1px;padding:5px 10px 5px 0;min-height:330px}
.planning-channel{--tone:#bf915e;display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:#5c676b;font:inherit;text-align:left;cursor:pointer;transition:background .25s,color .25s}
.planning-channel.tone-1{--tone:#9ea9a8}.planning-channel.tone-2{--tone:#63a48b}
.planning-channel[aria-pressed=true]{background:#e1ebe5;color:#254b3e;box-shadow:inset 0 0 0 1px #d1e0d6}
.planning-channel-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;flex:none;background:color-mix(in srgb,var(--channel-color) 10%,#fff);color:var(--channel-color);font-size:12px;font-weight:650}
.planning-channel>b{font-size:11px;font-weight:550;white-space:nowrap}
.planning-channel-score{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;color:#6f7c7d}
.planning-channel-score>i{display:block;width:4px;height:4px;border-radius:50%;background:var(--tone)}
.planning-report{display:flex;flex-direction:column;min-width:0;padding:21px 23px 17px;border:1px solid #d6ddda;border-radius:12px;background:#fffffffa;box-shadow:0 2px 3px #263c3020,0 12px 25px #3d55400b;position:relative;right:-12px;margin-top:9px;margin-bottom:7px}
.planning-report-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a0aaa7;font-size:9px}.planning-report-identity{display:flex;align-items:center;gap:8px}.planning-report-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:color-mix(in srgb,var(--channel-color) 12%,#fff);color:var(--channel-color);font-size:13px;font-weight:650}
.planning-report-channel{color:#4b5855;font-weight:600;font-size:12px}
.planning-finding{font-size:20px;font-weight:550;line-height:1.4;letter-spacing:-.025em;margin:19px 0 23px;min-height:58px;color:#283632}
.planning-pages{position:relative;min-height:154px;flex:1}
.planning-page[hidden]{display:none}
.planning-page{animation:planning-page .3s ease}
.planning-observation{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:start;padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid #edf0ed}.planning-observation:last-child{border:0;margin:0;padding-bottom:0}
.planning-observation>span{font-size:10px;color:#56947e;padding-top:2px;font-weight:550}
.planning-observation+.planning-observation>span{color:#bb905f}
.planning-observation>p{margin:0;color:#6a7570;font-size:12px;line-height:1.65}
.planning-evidence-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#54675f}
.planning-source{font-size:9px;color:#9ca8a1}
.planning-bars{display:grid;gap:16px;margin-top:23px}
.planning-bars>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px;color:#7d8ca4}
.planning-bars b{font-weight:600;color:#536e60}
.planning-bars i{grid-column:1/-1;height:6px;border-radius:2px;background:#eff2ed;overflow:hidden}
.planning-bars em{display:block;width:var(--bar);height:100%;border-radius:2px;background:#83b29c;animation:planning-bar .7s cubic-bezier(.2,.7,.2,1);transform-origin:left}
.planning-bars>div+div em{background:#c0cbb6}
.planning-page[data-page="2"]{padding:0;border:0;background:none}.planning-next-label{font-size:10px;font-weight:500;color:#87978d}
.planning-next{font-size:15px;font-weight:550;line-height:1.65;letter-spacing:-.015em;margin:10px 0 22px;color:#3e5e4e}
.planning-output{display:flex;align-items:center;gap:9px;border:1px solid #e3e9e1;border-radius:7px;padding:11px 10px;background:#f6f8f3;color:#617260;font-size:10px;line-height:1.5}.planning-document-icon{font-size:17px;color:#8ba47b}.planning-document-ready{display:grid;place-items:center;width:17px;height:17px;margin-left:auto;flex:none;background:#dcebe0;border-radius:50%;color:#5b8d69;font-size:10px}
.planning-steps{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf0ec;padding-top:14px;margin-top:20px;font-size:8px;color:#afb7b0}
.planning-steps>span{position:relative;transition:color .3s}
.planning-steps>span.is-current{color:#628d74}
.planning-steps>span.is-current:before{content:"";position:absolute;top:-15px;left:0;right:0;height:2px;background:#9dbba5}
.planning-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 4px 0;min-height:0;margin:0;border:0;background:transparent;font-size:8px;color:#909e95}
.planning-play{display:flex;align-items:center;gap:6px;white-space:nowrap;background:transparent;border:0;padding:3px 0;color:#7c91b2;font:inherit;font-size:9px;cursor:pointer}
.planning-cursor{position:absolute;z-index:5;width:21px;height:25px;pointer-events:none;filter:drop-shadow(0 3px 3px #526f9b33);transition:left .3s cubic-bezier(.3,.05,.2,1),top .3s cubic-bezier(.3,.05,.2,1)}
.planning-cursor[hidden]{display:none}.planning-cursor svg{width:100%;height:100%}.planning-cursor i{position:absolute;inset:-7px;border:1px solid #87a5d3;border-radius:50%;opacity:0}
.planning-demo.is-clicking .planning-cursor svg{animation:planning-click .3s}.planning-demo.is-clicking .planning-cursor i{animation:planning-ring .35s}
@keyframes planning-click{40%{transform:scale(.78)}100%{transform:scale(1)}}
.planning-workspace{position:relative}
.planning-week{position:absolute;z-index:4;inset:0;padding:22px;background:#fffcf4;border:1px solid #e8dfcf;border-radius:13px;box-shadow:0 14px 35px #31456319;visibility:hidden;opacity:0;transform:translateY(10px);transition:transform .3s,opacity .2s,visibility .2s;overflow:auto;color:#29394e}
.planning-demo.show-week-plan .planning-week{visibility:visible;opacity:1;transform:none}
.planning-demo.show-week-plan .planning-workspace>*:not(.planning-week){visibility:hidden}
.planning-week-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.planning-week-head>div>span{font-size:8px;letter-spacing:.14em;color:#a26730;display:block;margin-bottom:7px}.planning-week-head strong{font-size:25px;line-height:1.1;letter-spacing:-.055em;font-weight:600;display:block;color:#27394d}.planning-week-head>span{font-size:8px;letter-spacing:.07em;color:#a99981;padding-top:2px;white-space:nowrap}
.planning-week-context{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:12px}.planning-week-context>span{font-size:10px;color:#718094}.planning-week-context>strong{font-size:23px;letter-spacing:-.06em;color:#2d4770;font-weight:550}.planning-week-context strong span{font-size:11px;letter-spacing:0;color:#a0a6af}
.planning-week-budget{display:grid;grid-template-columns:45fr 120fr 45fr 30fr;gap:3px;margin:7px 0 0;height:5px}.planning-week-budget i{display:block;background:#d79a50;transform-origin:left}.planning-week-budget i:nth-child(2){background:#365997}.planning-week-budget i:nth-child(3){background:#76a48d}.planning-week-budget i:nth-child(4){background:#e8e4da}
.planning-demo.show-week-plan .planning-week-budget i:not(:last-child){animation:weekBudget .6s ease-out both}
.planning-week-reason{font-size:12px;line-height:1.45;color:#53647a;background:transparent;margin:14px 0;padding:0 0 12px;border-bottom:1px solid #e6e0d4}
.planning-week-tasks{display:flex;flex-direction:column;gap:0}
.planning-week-tasks>div{display:grid;grid-template-columns:43px 1fr 28px;gap:10px;min-height:64px;position:relative;padding:7px 0;opacity:1}
.planning-week-tasks>div>span{font-size:10px;font-weight:650;color:#9c6e38;position:relative;padding-top:4px}
.planning-week-tasks>div>span i{display:block;position:absolute;right:0;top:8px;width:6px;height:6px;border-radius:50%;background:#d79a50;box-shadow:0 0 0 3px #fffcf4;z-index:1}
.planning-week-tasks>div:not(:last-child)>span:after{content:"";position:absolute;right:2px;top:15px;bottom:-11px;width:1px;background:#dedccf}
.planning-week-tasks>div:nth-child(2)>span{color:#365997}.planning-week-tasks>div:nth-child(2)>span i{background:#365997}.planning-week-tasks>div:nth-child(3)>span{color:#668b79}.planning-week-tasks>div:nth-child(3)>span i{background:#76a48d}
.planning-week-tasks>div>div{padding-left:4px}.planning-week-tasks strong{display:block;font-size:15px;line-height:1.3;font-weight:550;letter-spacing:-.02em;color:#2c4059}
.planning-week-tasks small{display:block;font-size:10px;line-height:1.4;color:#9b8b74;margin-top:6px}
.planning-week-tasks em{font-size:10px;font-style:normal;color:#949a9c;padding-top:4px;text-align:right}
.planning-demo.show-week-plan .planning-week-tasks>div>div{animation:weekSchedule .35s var(--task-delay) ease-out both}
@keyframes weekBudget{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes weekSchedule{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:650px){.planning-week{padding:17px}.planning-week-head strong{font-size:23px}.planning-week-tasks strong{font-size:14px}.planning-week-context{margin-top:14px}.planning-week-reason{font-size:11px}.planning-week-tasks>div{min-height:66px;grid-template-columns:35px 1fr 25px;gap:8px}}
@media(prefers-reduced-motion:reduce){.planning-week *{animation:none!important}}
@keyframes planning-ring{0%{opacity:.8;transform:scale(.2)}100%{opacity:0;transform:scale(1.3)}}
@keyframes planning-page{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes planning-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){#capabilities .cap-diagnosis{grid-template-columns:.65fr 1.35fr;padding:35px 24px;gap:15px}#capabilities .cap-diagnosis .capability-copy{padding:20px 10px}.planning-workspace{grid-template-columns:137px minmax(0,1fr);gap:10px}.planning-channel{padding-inline:7px;gap:5px}.planning-channel>b{font-size:10px}.planning-report{padding:21px 18px 17px}.planning-finding{font-size:20px;min-height:58px}.planning-observation{grid-template-columns:1fr;gap:5px;margin-bottom:14px}.planning-pages{min-height:180px}}
@media(max-width:800px){#capabilities .cap-diagnosis{grid-template-columns:1fr;padding:28px 25px;gap:18px;min-height:0}#capabilities .cap-diagnosis .capability-copy{padding:10px 5px}#capabilities .cap-diagnosis .capability-copy h3{font-size:34px;max-width:440px;margin-bottom:17px}#capabilities .cap-diagnosis .capability-copy>p{max-width:none}#capabilities .cap-diagnosis .capability-art{min-height:0;padding:10px 0}.planning-workspace{grid-template-columns:155px minmax(0,1fr)}.planning-finding{font-size:21px}.planning-pages{min-height:160px}.planning-observation{grid-template-columns:55px 1fr;gap:8px}.planning-channel>b{font-size:11px}}
@media(max-width:520px){#capabilities .capability-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:30px}#capabilities .capability-tab{font-size:10px;padding:12px 6px}#capabilities .cap-diagnosis{padding:25px 15px;border-radius:27px}#capabilities .cap-diagnosis .capability-copy h3{font-size:31px}#capabilities .cap-diagnosis .capability-copy>p{font-size:12px}.planning-header{padding-bottom:13px}.planning-workspace{grid-template-columns:103px minmax(0,1fr);gap:8px}.planning-channel{gap:3px;padding:7px 4px}.planning-channel-icon{width:17px;height:22px;border-radius:6px;font-size:11px}.planning-channel>b{font-size:9px}.planning-channel-score{font-size:10px;gap:3px}.planning-channel-score>i{width:3px;height:3px}.planning-channels{min-height:355px}.planning-report{padding:18px 13px 15px;border-radius:18px}.planning-finding{font-size:18px;min-height:75px;margin:15px 0 18px}.planning-report-meta{font-size:9px}.planning-observation{grid-template-columns:1fr;gap:5px;margin-bottom:16px}.planning-observation>p{font-size:11px}.planning-pages{min-height:184px}.planning-next{font-size:13px}.planning-steps{font-size:8px;gap:4px}.planning-output{font-size:9px}.planning-footer{font-size:7px;gap:6px}.planning-play{font-size:8px}}
@media(prefers-reduced-motion:reduce){.planning-demo *{animation:none!important;transition:none!important}.planning-cursor{display:none}}
