/* Product introductions: airy scene panels, large real screenshots, compact icon catalogue. */
.home-page{--ink:#1f2329;--muted:#646a73;--module-radius:24px}
.home-page .shell{max-width:1240px;width:calc(100% - 96px)}
.home-page .section{padding:92px 0}
.home-page h2{font-size:42px;line-height:1.4;letter-spacing:-1.5px;font-weight:600}
.home-page h2 span{color:#3370ff}
.home-page .center-head{max-width:860px;margin:0 auto 48px;text-align:center}
.home-page .center-head>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#646a73;margin-top:18px}
.home-page .eyebrow{font-size:14px;letter-spacing:.04em;font-weight:500;color:#3370ff;margin-bottom:14px}
.home-page .button{border-radius:999px;font-weight:500;box-shadow:none;min-height:46px}
.home-page .text-link{font-size:15px;font-weight:500}
.home-page .product-position{border:0;padding:88px 0 24px}
.home-page .position-columns{gap:20px;margin:0}
.position-columns>a{position:relative;padding:28px 30px 34px;border-radius:18px;display:block;background:#f3f7ff;transition:transform .2s,box-shadow .2s}
.position-columns>a:nth-child(2){background:#eff9f6}.position-columns>a:nth-child(3){background:#f5f4ff}
.position-columns>a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #223f7810}
.position-columns>a>img{width:40px;height:40px;float:right}.position-columns>a>span{display:block;font-size:13px;color:#646a73}
.home-page .position-columns h3{font-size:26px;font-weight:600;margin:15px 0 12px}
.home-page .position-columns p{max-width:290px;font-size:15px;line-height:1.8}
.position-columns>a>b{position:absolute;right:27px;bottom:24px;font-size:22px;font-weight:400;color:#3370ff}
.home-page #product-tour{padding-bottom:80px}
.home-page .product-tabs{max-width:810px;margin:0 auto 30px;border:0;gap:6px;display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border-radius:40px;background:#f4f5f7}
.home-page .product-tabs button{border:0;border-radius:30px;padding:14px 12px;font-size:16px;font-weight:500;color:#646a73;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .15s}
.home-page .product-tabs button::after{display:none}.home-page .product-tabs button[aria-selected=true]{background:white;color:#245bdb;box-shadow:0 3px 12px #19396710}
.home-page .product-tabs img{width:25px;height:25px}
.home-page .product-showcase{display:grid;grid-template-columns:32% minmax(0,1fr);gap:28px;padding:48px 34px 32px 44px;border-radius:var(--module-radius);background:linear-gradient(130deg,#edf4ff,#e5efff 65%,#dce9ff);align-items:center;min-height:520px}
.home-page .product-showcase[data-product=projects]{background:linear-gradient(130deg,#edfaf6,#dcf3ed)}
.home-page .product-showcase[data-product=payroll]{background:linear-gradient(130deg,#f5f4ff,#eaeaff)}
.home-page .product-showcase[data-product=invoices]{background:linear-gradient(130deg,#edf7ff,#e1f0fc)}
.home-page .product-story{padding:0 8px 15px 0}.home-page .product-story h3{font-size:30px;line-height:1.5;font-weight:600;letter-spacing:-.8px}
.home-page .product-story>p{font-size:15px;line-height:1.9;color:#4f5e75;margin:20px 0}
.home-page .step-list{margin:24px 0}.home-page .step-list li{font-size:13px;line-height:1.7;padding-bottom:17px}
.home-page .screen-wrap{border:0;background:transparent;padding:0;border-radius:0;min-width:0;box-shadow:none}
.home-page .screen-label{margin-bottom:12px;font-size:11px;color:#586d90}.home-page .screen-label strong{font-size:13px;font-weight:500}
.home-page .screen-button.focused-shot{border:1px solid #ffffff;border-radius:12px;box-shadow:0 16px 38px #284e8c1a}
.home-page .screen-points{font-size:11px;line-height:1.7;gap:6px 16px}
.home-page .screen-wrap figcaption{font-size:10px;color:#60738c;margin-top:10px;line-height:1.7;padding:0}
.home-page .capabilities{background:linear-gradient(155deg,#edf6ff,#e0ecff);border-radius:32px;width:calc(100% - 40px);margin:0 auto;padding:70px 0 40px}
.home-page .capabilities .shell{width:calc(100% - 72px)}
.home-page .capability-grid{border:0;border-radius:20px;background:#fff;padding:26px;gap:4px;align-items:start;grid-template-columns:repeat(4,minmax(0,1fr))}
.capability-item{border:1px solid transparent;border-radius:16px;overflow:hidden;background:#fff}
.capability-item[open]{background:#f6f9ff;border-color:#d6e3ff}
.capability-item summary{padding:26px 16px 20px;text-align:center;list-style:none;cursor:pointer}
.capability-item summary::-webkit-details-marker{display:none}
.capability-item summary:hover{background:#f6f9ff}
.home-page .capability-grid img{width:49px;height:49px;margin:0 auto 18px;display:block}
.home-page .capability-grid h3{font-size:18px;letter-spacing:0;font-weight:600}
.home-page .capability-grid p{margin:10px 0 0;min-height:45px;font-size:13px;line-height:1.75;color:#646a73}
.cap-toggle{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;color:#7d8ba3;margin-top:14px}.cap-toggle i{font-size:15px;font-style:normal;transition:transform .2s}
.capability-item[open] .cap-toggle i{transform:rotate(45deg)}
.capability-detail{padding:0 18px 24px}.home-page .capability-grid ul{font-size:12px;line-height:2.1;margin:0 0 13px;color:#4e5e73}.home-page .capability-grid .text-link{font-size:12px}
.capability-bottom{display:flex;align-items:center;justify-content:space-between;padding:28px 10px 10px;font-size:17px;color:#334c73}.home-page .catalogue-note{text-align:center;font-size:10px;opacity:.9}
.home-page .advantage-grid{grid-template-columns:1fr 1fr;gap:24px}
.home-page .advantage-grid article{padding:0;border:0;border-radius:24px;overflow:hidden;background:#f7f8fa}
.adv-copy{padding:37px 40px 29px}.adv-copy>span{font-size:13px;color:#3370ff}
.home-page .advantage-grid h3{font-size:29px;font-weight:600;line-height:1.5;margin:14px 0}
.home-page .advantage-grid p{font-size:15px;line-height:1.85;margin-bottom:20px;max-width:440px}
.concept-path{display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(120deg,#ecf2ff,#e1eaff);padding:36px 22px}
.advantage-grid article:nth-child(2) .concept-path{background:linear-gradient(120deg,#e4f5ef,#d7eee8)}
.concept-path>div{background:#ffffffd9;border:1px solid #fff;border-radius:16px;padding:18px 13px;display:flex;flex-direction:column;align-items:center;gap:15px;flex:1;box-shadow:0 8px 22px #28417b08;max-width:125px}
.concept-path img{width:37px;height:37px}.concept-path b{font-size:13px;font-weight:500}.concept-path>span{color:#8b9cba;font-size:18px}
.home-page .agency-feature{padding:24px 0 80px}
.home-page .agency-block{border-radius:28px;overflow:hidden;grid-template-columns:48% 52%;gap:0;background:#f0f8f7}
.home-page .agency-copy{padding:45px 48px 45px 15px}.home-page .agency-copy h2{font-size:37px}.home-page .agency-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;margin:20px 0}
.home-page .agency-art{background:transparent;min-height:560px;border:0;border-radius:0;margin:0;display:flex;flex-direction:column;justify-content:center}
.home-page .agency-art img{mix-blend-mode:multiply;width:115%;max-width:none;position:relative;left:-8%;transform:none;object-fit:contain}.home-page .agency-art figcaption{position:static;text-align:center;font-size:11px;color:#5d7c76;padding:0 25px 22px;background:transparent}
.home-page .role-list{gap:18px;margin:25px 0}.home-page .role-list b{font-size:15px}.home-page .role-list span{font-size:13px}.home-page .role-list img{width:28px;height:28px}
.home-page .ai-line{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:50px 55px;border-radius:26px;background:#f6f7fb;border:0;margin-bottom:70px;overflow:hidden}
.ai-mark{position:absolute;left:38%;top:0;font-size:150px;line-height:1;color:#dfe9fc;transform:rotate(10deg);pointer-events:none}
.home-page .ai-line>div:not(.ai-mark){position:relative;padding:0}.home-page .ai-line h2{font-size:34px}.home-page .ai-line .muted{font-size:15px;line-height:1.8;margin-top:18px}
.home-page .question-list{display:flex;flex-direction:column;justify-content:center;gap:12px}.home-page .question-list button{border:1px solid #e4e9f3;border-radius:14px;background:white;font-size:15px;padding:20px 23px;box-shadow:0 4px 12px #1c427c04;text-align:left}.home-page .question-list button:hover{border-color:#85a8fa;transform:translateX(3px)}.home-page .question-list .caption{font-size:11px;margin:0;color:#7a8496}
.home-page .api-banner{background:linear-gradient(120deg,#edf4ff,#e0edff);border-radius:26px;padding:55px;gap:60px;color:var(--ink);border:0;box-shadow:none}.home-page .api-banner h2{font-size:38px;color:var(--ink)}.home-page .api-banner .eyebrow{color:#3370ff}.home-page .api-banner p:not(.eyebrow){color:#61728c;font-size:15px}.home-page .api-banner .white{background:#3370ff;color:#fff;border-color:#3370ff}
.home-page .api-links{gap:14px}.home-page .api-links a{background:#ffffffd9;border:1px solid #fff;border-radius:16px;padding:23px}.home-page .api-links img{width:38px;height:38px;margin-bottom:18px}.home-page .api-links b{font-size:17px;color:#253858}.home-page .api-links small{font-size:12px;color:#687a93}.home-page .api-links a:hover{background:#fff;box-shadow:0 10px 26px #476aa415}
.home-page .choice-grid{gap:22px}.home-page .choice{border:0;background:#f6f8fc;border-radius:22px;padding:34px}.home-page .choice:nth-child(2){background:#f0f8f5}.home-page .choice:nth-child(3){background:#f5f4fb}.home-page .choice>img{width:40px;height:40px;margin-bottom:22px}.home-page .choice h3{font-size:25px}.home-page .choice>p{font-size:15px;line-height:1.9;min-height:85px}
.home-page .faq{grid-template-columns:32% 1fr;gap:80px}.home-page .faq h2{font-size:33px}.home-page .faq-list details{background:white;border:0;border-radius:14px;padding:0 24px;margin-bottom:12px}.home-page .faq-list summary{font-weight:500;font-size:16px;padding:23px 30px 23px 0}.home-page .faq-list details p{font-size:14px;line-height:1.9;padding-bottom:24px}.home-page .closing{background:linear-gradient(110deg,#e7f0ff,#e3f4f5);padding:70px 0}.home-page .closing h2{font-size:35px}.home-page .closing p{font-size:15px}
/* Related detail pages inherit the same quieter module treatment. */
#main:not(.home-page) .workflow{gap:20px}#main:not(.home-page) .workflow article{border:0;border-radius:18px;background:#f4f7fc;padding:26px}#main:not(.home-page) .feature-list{gap:20px}#main:not(.home-page) .feature-list article{border:0;background:#f7f9fc;border-radius:18px;padding:27px}#main:not(.home-page) .terms-grid article,#main:not(.home-page) .api-card,#main:not(.home-page) .download-card{border-radius:20px;background:#f7f9fc;border-color:#edf1f7}#main:not(.home-page) .screen-wrap{border:0;border-radius:20px;padding:26px 26px 0;background:#edf3fc}.plan{border-radius:20px}.button{border-radius:999px}
@media(max-width:1000px){.home-page .shell{width:calc(100% - 48px)}.home-page h2{font-size:35px}.home-page .position-columns{gap:12px}.position-columns>a{padding:23px}.home-page .position-columns h3{font-size:23px}.home-page .product-showcase{grid-template-columns:1fr;padding:30px}.home-page .product-story{padding:0}.home-page .product-story .step-list{display:flex}.home-page .capability-grid{grid-template-columns:repeat(4,1fr);padding:16px}.capability-item summary{padding:20px 8px}.home-page .capability-grid h3{font-size:16px}.home-page .agency-block{grid-template-columns:40% 60%}.home-page .agency-copy{padding:32px}.home-page .agency-copy h2{font-size:31px}.home-page .agency-art{min-height:450px}.home-page .ai-line{padding:38px;gap:35px}.home-page .api-banner{padding:38px;gap:30px}.adv-copy{padding:30px}.concept-path{gap:10px;padding:26px 15px}.home-page .faq{gap:40px}}
@media(max-width:680px){.home-page .shell{width:calc(100% - 36px)}.home-page .section{padding:56px 0}.home-page h2{font-size:29px;letter-spacing:-1px}.home-page .center-head{margin-bottom:30px}.home-page .center-head>p:not(.eyebrow){font-size:14px;margin-top:13px}.home-page .eyebrow{font-size:12px}.home-page .product-position{padding:46px 0 0}.home-page .position-columns{grid-template-columns:1fr;gap:12px}.position-columns>a{padding:22px 24px}.position-columns>a>img{width:34px;height:34px}.home-page .position-columns h3{font-size:23px;margin:10px 0}.home-page .position-columns p{font-size:13px;max-width:250px}.home-page .product-tabs{padding:5px;gap:3px;border-radius:14px;grid-template-columns:1fr 1fr;overflow:visible}.home-page .product-tabs button{font-size:13px;padding:10px;border-radius:10px}.home-page .product-tabs img{width:22px;height:22px}.home-page .product-showcase{display:block;min-height:0;padding:26px 18px 20px;border-radius:20px}.home-page .product-story{padding:0 6px 26px}.home-page .product-story h3{font-size:25px}.home-page .product-story>p{font-size:14px;margin:15px 0}.home-page .product-story .step-list{display:none}.home-page .screen-label{font-size:9px}.home-page .screen-label strong{font-size:11px}.home-page .screen-points{font-size:10px;display:block}.home-page .screen-wrap figcaption{font-size:9px}.home-page #product-tour{padding-bottom:48px}.home-page .capabilities{width:calc(100% - 16px);border-radius:24px;padding:42px 0 24px}.home-page .capabilities .shell{width:calc(100% - 28px)}.home-page .capability-grid{grid-template-columns:1fr 1fr;padding:8px;gap:0;border-radius:16px}.capability-item summary{padding:22px 10px 15px}.home-page .capability-grid img{width:39px;height:39px;margin-bottom:14px}.home-page .capability-grid h3{font-size:15px}.home-page .capability-grid p{font-size:11px;min-height:58px;line-height:1.8}.cap-toggle{font-size:10px;margin-top:8px}.home-page .capability-grid ul{font-size:11px}.capability-detail{padding:0 10px 20px}.capability-bottom{display:block;text-align:center;font-size:14px;padding:22px 5px 6px}.capability-bottom .button{display:flex;width:max-content;margin:17px auto 0}.home-page .catalogue-note{font-size:9px;line-height:1.8}.home-page .advantage-grid{grid-template-columns:1fr;gap:18px}.adv-copy{padding:27px}.home-page .advantage-grid h3{font-size:26px}.home-page .advantage-grid p{font-size:14px}.concept-path{padding:25px 16px}.concept-path>div{padding:16px 7px;border-radius:12px;gap:12px}.concept-path b{font-size:11px}.concept-path img{width:30px;height:30px}.home-page .agency-feature{padding:0 0 45px}.home-page .agency-block{display:flex;flex-direction:column-reverse;border-radius:22px}.home-page .agency-copy{padding:30px 26px 10px}.home-page .agency-copy h2{font-size:29px}.home-page .agency-art{min-height:0;width:100%;max-height:none;padding-top:10px}.home-page .agency-art img{width:100%;left:0;max-height:300px;object-fit:contain}.home-page .agency-art figcaption{font-size:10px}.home-page .role-list{gap:16px}.home-page .role-list b{font-size:14px}.home-page .role-list span{font-size:12px}.home-page .ai-line{display:block;padding:30px 24px;margin-bottom:45px;border-radius:22px}.home-page .ai-line h2{font-size:28px}.home-page .ai-line .muted{font-size:14px}.home-page .question-list{margin-top:25px}.home-page .question-list button{font-size:13px;padding:18px}.home-page .question-list .caption{font-size:10px}.ai-mark{left:auto;right:5px;font-size:100px}.home-page .api-banner{padding:30px 24px;gap:28px;display:flex;border-radius:22px}.home-page .api-banner h2{font-size:29px}.home-page .api-banner p:not(.eyebrow){font-size:14px}.home-page .api-links{gap:10px}.home-page .api-links a{padding:18px 13px;border-radius:13px}.home-page .api-links b{font-size:15px}.home-page .api-links small{font-size:11px}.home-page .api-links img{width:30px;height:30px;margin-bottom:12px}.home-page .choice-grid{gap:13px}.home-page .choice{padding:27px;border-radius:18px}.home-page .choice>p{min-height:0;font-size:14px;margin:15px 0 20px}.home-page .choice h3{font-size:24px}.home-page .faq{grid-template-columns:1fr;gap:22px}.home-page .faq h2{font-size:28px}.home-page .faq-list details{padding:0 18px}.home-page .faq-list summary{font-size:14px}.home-page .closing{padding:44px 0}.home-page .closing h2{font-size:28px}#main:not(.home-page) .workflow article{padding:20px}.home-page .hero-stage{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.position-columns>a,.home-page .question-list button{transform:none!important;transition:none}}

.cap-less{display:none}.capability-item[open] .cap-more{display:none}.capability-item[open] .cap-less{display:inline}