/* Workflow navigation, native-module differences, and hands-on examples. */
.ac-page .ac-story-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #d6e7eb;border-radius:11px;background:#f4f9fa;overflow:visible;scrollbar-width:none}
.ac-page .ac-story-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:76px;padding:11px 5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#3f6073;font-size:12px;font-weight:550;white-space:normal;line-height:1.45}
.ac-page .ac-story-tabs button:after{content:none}
.ac-page .ac-story-tabs button[aria-selected=true]{border-color:#9fd4dd;background:#dff3f6;color:#175e6d;box-shadow:0 2px 5px #3071870b}
.ac-page .ac-story-tabs button:hover{background:#eaf4f7}
.ac-tab-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#49839c;background:#e3eef4}
.ac-story-tabs button[data-ac-tab=time] .ac-tab-icon{color:#338067;background:#e1f2e9}
.ac-story-tabs button[data-ac-tab=feed] .ac-tab-icon{color:#a16b2c;background:#fff0d7}
.ac-story-tabs button[data-ac-tab=people] .ac-tab-icon{color:#8a5b9a;background:#f0e7f7}
.ac-story-tabs button[data-ac-tab=clients] .ac-tab-icon{color:#317684;background:#dcf2f3}
.ac-story-tabs button[data-ac-tab=money] .ac-tab-icon{color:#398258;background:#e2f0e4}
.ac-story-tabs button[data-ac-tab=ai] .ac-tab-icon{color:#aa6952;background:#f7e8e0}
.ac-story-tabs button[data-ac-tab=github] .ac-tab-icon{color:#425367;background:#e5eaf0}
.ac-page .ac-story-panel,.ac-page .ac-story-visual{overflow:visible;max-height:none}
.ac-page .ac-hero-mcp{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:21px;font-size:12px;line-height:1.6;color:#366c7c;text-decoration:none}
.ac-hero-mcp>span{display:flex;align-items:center;gap:8px;flex-shrink:0}.ac-hero-mcp img{display:block;width:21px;height:21px}.ac-hero-mcp>b{font-size:18px;font-weight:450}
.ac-page .ac-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding-top:26px;border-top:1px solid #dbe8ed}
.ac-page .ac-inline-cta p{font-size:16px;font-weight:450}.ac-inline-cta>div{display:flex;align-items:center;gap:25px;flex-shrink:0}
.ac-inline-cta .ac-button,.ac-comparison-cta .ac-button{min-height:44px;padding:10px 18px;font-size:13px}
.ac-page .ac-comparison-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:30px 0 34px;padding:25px 28px;border:1px solid #bedee5;border-radius:10px;background:linear-gradient(110deg,#ecf8fa,#f9fcfc)}
.ac-page .ac-comparison-cta h3{font-size:22px;max-width:510px;line-height:1.35}
.ac-page .ac-comparison-cta p{font-size:13px;line-height:1.8;margin-top:10px;max-width:530px}
.ac-comparison-cta>div:last-child{display:flex;align-items:center;gap:22px;flex-shrink:0}
.ac-page .ac-quick-missing{color:#b3484d}.ac-quick-missing>span{color:#b5414d;background:#fce8eb;border:1px solid #f0c6cb;line-height:1}.ac-quick-missing>span svg,.ac-negative-mark svg{display:block;width:12px;height:12px;flex-shrink:0}
.ac-quick-table td.ac-missing-cell{background:#fff9f9}.ac-quick-missing+.ac-quick-note{color:#785d67}
.ac-quick-qualified{color:#976329}.ac-quick-qualified>span{color:#9b672c;background:#fff4df;border-color:#e9d4ac}
.ac-quick-legend .ac-negative-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#b5414d;background:#fce8eb;border:1px solid #f0c6cb;line-height:1}.ac-quick-legend .ac-extra-mark{color:#976329}
.ac-page .ac-time-band>.ac-wrap{grid-template-columns:1.05fr 1fr;gap:85px}
.ac-page .ac-time-band .ac-actions{gap:20px;margin-top:27px}.ac-page .ac-time-band .ac-actions .ac-text-link{margin-top:0}
.ac-page .ac-attendance{--aq-content-color:#253c54;--aq-secondary-color:#607d8c}
.ac-page .ac-time-band .ac-attendance .ac-attendance-status{font-size:13px;margin:19px 0 16px;max-width:none;line-height:1.65}
.ac-page .ac-time-band .ac-attendance .ac-attendance-notice{font-size:11px;margin:17px 0 0;max-width:none;line-height:1.6}
.ac-page .ac-attendance .ac-attendance-work output{white-space:nowrap}
.ac-mcp-section{background:radial-gradient(ellipse at 95% 15%,#e6f6f8a8,transparent 53%),#fff}
.ac-mcp-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:80px;align-items:center}
.ac-mcp-copy>p:not(.ac-eyebrow){margin-top:23px;font-size:16px;line-height:1.8}
.ac-mcp-capabilities{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:12px}
.ac-mcp-capabilities li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.7}
.ac-mcp-capabilities li>span{display:inline-grid;place-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:#e3f4f6;color:#338496;font-size:11px}
.ac-page .ac-mcp-copy .ac-actions{gap:20px}.ac-mcp-copy .ac-button{font-size:14px;padding-inline:19px;gap:20px}
.ac-mcp-demo{min-width:0;border:1px solid #bedbe4;border-radius:14px;background:#fff;box-shadow:0 24px 65px #24576e15;overflow:hidden}
.ac-mcp-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid #d7e7ed;background:#f9fcfd}
.ac-mcp-clients{display:flex;gap:5px}.ac-mcp-clients button{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;font-weight:500;border:1px solid transparent;background:transparent;border-radius:7px;padding:9px 10px;color:#607886;min-height:41px}.ac-mcp-clients button[aria-pressed=true]{border-color:#c8dce4;background:#fff;color:#28495e;box-shadow:0 3px 7px #28495e0a}.ac-mcp-clients button img{width:21px;height:21px;display:block}
.ac-mcp-wire{display:flex;align-items:center;gap:7px;color:#5995a4;letter-spacing:.07em;font-size:9px;font-weight:650;flex:1;justify-content:center}.ac-mcp-wire i{height:1px;min-width:8px;flex:1;background:#a8d7df}.ac-mcp-wire i:last-child:after{content:"";display:block;width:4px;height:4px;border:1px solid #87bfca;border-left:0;border-bottom:0;rotate:45deg;margin:-2px 0 0 auto}
.ac-mcp-boss{width:70px;height:auto;flex-shrink:0;display:block}
.ac-mcp-chat{padding:22px;background:linear-gradient(135deg,#f3fafb,#fff 60%)}
.ac-mcp-example-label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;color:#7a929f;margin-bottom:20px}.ac-mcp-example-label>span:first-child{display:flex;align-items:center;gap:6px;color:#487c8d}.ac-mcp-example-label i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#55b7a0;box-shadow:0 0 0 3px #e1f4ed}
.ac-mcp-prompt{margin-left:38px;background:#e1f1f5;border:1px solid #c5e0e8;border-radius:12px 12px 3px 12px;color:#284e63;padding:15px 18px;font-size:14px;line-height:1.75}
.ac-mcp-response{display:flex;gap:12px;margin:22px 0 18px}.ac-mcp-response>.ac-ai-spark{font-size:25px;margin-top:4px;color:#b77f66}.ac-mcp-response strong{font-size:14px;color:#2b4a60;font-weight:550;line-height:1.6}.ac-page .ac-mcp-response p{font-size:12px;color:#607d8e;line-height:1.8;margin-top:5px}
.ac-mcp-task{padding:17px;border:1px solid #b9d6e1;border-left:3px solid #5bb7c5;background:#fff;border-radius:9px;box-shadow:0 6px 15px #2b526709}
.ac-mcp-task>div:first-child{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;color:#6a899b;flex-wrap:wrap}.ac-mcp-project-dot{width:8px;height:8px;border:2px solid #83c7be;border-radius:50%}.ac-mcp-task-status{margin-left:auto;display:inline-block;padding:3px 7px;border-radius:5px;background:#ece7f5;color:#7a6098;font-size:10px}
.ac-page .ac-mcp-task h3{font-size:18px;color:#29495f;font-weight:550;line-height:1.4;margin-top:14px}
.ac-mcp-task-fields{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:17px;font-size:12px;color:#4b6d80}.ac-mcp-task-fields>span{display:flex;align-items:center;gap:7px}.ac-mcp-task-fields strong{font-weight:500}.ac-mcp-task-fields img{border-radius:50%;object-fit:cover;width:27px;height:27px}.ac-mcp-task-fields>span:last-child{padding:5px 8px;border-radius:5px;background:#fff2db;color:#8d692d}
.ac-mcp-task-preview{display:flex;align-items:center;gap:7px;margin-top:17px}.ac-mcp-task-preview i{height:5px;width:31%;border-radius:4px;background:#e7eff2}.ac-mcp-task-preview i:nth-child(2){width:20%;background:#d6eae9}.ac-mcp-task-preview i:nth-child(3){width:12%;background:#e8e3ef}
.ac-mcp-review-note{display:flex;align-items:center;gap:7px;margin-top:17px;padding-top:12px;border-top:1px solid #e7eff2;font-size:11px;color:#508b79}
.ac-mcp-permission{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 15px;background:#eef7f9;border-top:1px solid #d2e6ec;font-size:11px;color:#4c7a8d}.ac-mcp-permission svg{flex-shrink:0}
.ac-import-steps li{gap:0}.ac-import-steps li>div{width:100%}
.ac-fixed-plan{display:flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid #d2e0e6;border-radius:6px;background:#f7fafb;color:#31546b;font-size:13px;font-weight:550}
.ac-fit-section>.ac-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ac-fit-section .ac-section-heading{margin:0}.ac-fit-section .ac-fit-grid{display:block;border-top:0;border-left:1px solid #dbe8ed;padding-left:52px}.ac-fit-section .ac-fit-grid article{padding:0}
@media(max-width:900px){.ac-fit-section>.ac-wrap{gap:35px}.ac-fit-section .ac-fit-grid{padding-left:30px}}
@media(max-width:650px){.ac-fit-section>.ac-wrap{grid-template-columns:1fr;gap:30px}.ac-fit-section .ac-fit-grid{border-left:0;border-top:1px solid #dbe8ed;padding:28px 0 0}}
.ac-module-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:32px;padding-top:27px;border-top:1px solid #dbe8ed}
.ac-module-links a{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 12px;color:#29455e;font-size:13px;font-weight:650;letter-spacing:.09em;text-decoration:none;border-radius:8px;transition:background .18s ease,color .18s ease}
.ac-module-links a:hover{background:#edf8fa;color:#227c8c}.ac-module-links a:focus-visible{outline:2px solid #49b7c8;outline-offset:3px}
.ac-module-links img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.ac-module-arrow{margin-left:auto;color:#6b9da8;font-weight:400;letter-spacing:0}
@media(max-width:900px){.ac-module-links{gap:8px}.ac-module-links a{padding:8px 4px;gap:8px;font-size:11px}.ac-module-links img{width:29px;height:29px}}
@media(max-width:650px){.ac-module-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px;margin-top:26px;padding-top:23px}.ac-module-links a{flex-direction:column;gap:8px;padding:10px 3px;font-size:11px}.ac-module-links img{width:34px;height:34px}.ac-module-arrow{display:none}}
@media(max-width:1100px){.ac-mcp-layout{gap:38px}.ac-page .ac-time-band>.ac-wrap{gap:40px}.ac-mcp-connection{padding:14px;gap:8px}.ac-mcp-clients button{padding:8px;font-size:11px}.ac-mcp-clients button img{width:18px;height:18px}.ac-mcp-boss{width:61px}.ac-mcp-copy h2{font-size:37px}.ac-comparison-cta>div:last-child{flex-direction:column;align-items:flex-start;gap:14px}.ac-page .ac-attendance{padding:23px}.ac-attendance .ac-attendance-timers{grid-template-columns:minmax(0,1fr) 105px;gap:13px}.ac-attendance .ac-attendance-work output{font-size:35px}.ac-attendance .ac-attendance-break{padding-inline:11px}}
@media(max-width:900px){.ac-page .ac-story-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.ac-page .ac-story-tabs button{min-height:72px;font-size:12px}.ac-page .ac-inline-cta{gap:22px}.ac-page .ac-inline-cta p{font-size:14px;max-width:320px}.ac-inline-cta>div{gap:18px}.ac-page .ac-time-band>.ac-wrap{grid-template-columns:1fr;gap:35px}.ac-time-band>.ac-wrap>div:first-child{max-width:580px}.ac-attendance{max-width:550px}.ac-page .ac-attendance .ac-attendance-work output{font-size:42px}.ac-mcp-layout{grid-template-columns:1fr;gap:38px}.ac-mcp-copy{max-width:660px}.ac-mcp-demo{width:min(580px,100%);margin-inline:auto}.ac-mcp-connection{padding:16px 20px}.ac-mcp-clients button{padding:9px 11px;font-size:13px}.ac-mcp-clients button img{width:22px;height:22px}.ac-mcp-boss{width:72px}.ac-mcp-wire{font-size:10px}.ac-mcp-copy h2{font-size:40px}}
@media(max-width:650px){.ac-page .ac-story-tabs{gap:4px;padding:4px;border-radius:9px}.ac-page .ac-story-tabs button{min-height:76px;padding:8px 3px;font-size:11px;gap:6px}.ac-tab-icon{width:27px;height:27px}.ac-tab-icon svg{width:17px;height:17px}.ac-page .ac-hero-mcp{font-size:11px;gap:8px;margin-top:18px;align-items:flex-start}.ac-hero-mcp img{width:18px;height:18px}.ac-hero-mcp>span{gap:5px;padding-top:2px}.ac-page .ac-inline-cta{display:block;margin-top:28px;padding-top:22px}.ac-page .ac-inline-cta p{max-width:none;font-size:15px}.ac-inline-cta>div{margin-top:18px;gap:24px;flex-wrap:wrap}.ac-page .ac-comparison-cta{display:block;padding:22px;margin-block:25px 28px}.ac-page .ac-comparison-cta h3{font-size:21px}.ac-page .ac-comparison-cta p{font-size:13px}.ac-comparison-cta>div:last-child{margin-top:21px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}.ac-page .ac-time-band .ac-actions{gap:20px}.ac-page .ac-attendance{padding:22px;max-width:460px}.ac-page .ac-attendance .ac-attendance-work output{font-size:35px}.ac-mcp-copy h2{font-size:34px}.ac-mcp-copy>p:not(.ac-eyebrow){font-size:14px}.ac-mcp-capabilities li{font-size:13px;align-items:flex-start}.ac-mcp-capabilities li>span{margin-top:2px}.ac-page .ac-mcp-copy .ac-actions{gap:22px}.ac-mcp-connection{flex-wrap:wrap;justify-content:center;padding:14px 17px;gap:14px}.ac-mcp-clients{justify-content:center;width:100%}.ac-mcp-wire{flex:0 1 110px}.ac-mcp-boss{width:68px}.ac-mcp-chat{padding:18px 16px}.ac-mcp-example-label{font-size:9px;gap:10px}.ac-mcp-prompt{font-size:13px;margin-left:19px;padding:13px 14px}.ac-mcp-response{gap:10px}.ac-mcp-response strong{font-size:13px}.ac-page .ac-mcp-response p{font-size:12px}.ac-mcp-task{padding:14px}.ac-page .ac-mcp-task h3{font-size:17px}.ac-mcp-task>div:first-child{font-size:9px;gap:5px}.ac-mcp-task-status{font-size:9px}.ac-mcp-task-fields{font-size:11px;gap:10px}.ac-mcp-task-fields img{width:24px;height:24px}.ac-mcp-review-note{font-size:10px}.ac-mcp-permission{font-size:10px;padding-inline:12px;gap:7px}}
@media(max-width:380px){.ac-page .ac-attendance{padding:18px}.ac-page .ac-attendance .ac-attendance-work output{font-size:29px}.ac-attendance .ac-attendance-timers{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.ac-page .ac-story-tabs button{font-size:10px}.ac-mcp-task-status{margin-left:15px}.ac-mcp-example-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ac-page .ac-story-tabs button{transition:none}}