/* Product catalogue in the approved direction 04 visual system. */
.feature-page{--f-muted:#525b56;--f-green:#003f2b;--f-light:#ffffff}
.feature-page .feature-hero{height:640px;background-position:center 44%}
.feature-page .hero-scrim{background:linear-gradient(180deg,#0c20152b,#0c20156b 65%,#0c20154a)}
.feature-page .travel-hero-copy{padding-top:134px}
.feature-page .feature-kicker{font-size:10px;letter-spacing:.15em;font-weight:600;margin-bottom:18px}
.feature-page .feature-hero h1{font-size:68px;line-height:1.02;letter-spacing:-.05em;margin-bottom:22px}
.feature-page .travel-hero-copy>p:not(.feature-kicker){font-size:14px;line-height:1.7}
.feature-page .travel-hero-copy>.travel-button{margin-top:27px;min-height:46px;padding:14px 22px;font-size:12px}
.feature-hero-index{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);max-width:1000px;width:calc(100% - 100px);padding:24px 18px;background:#fff;border-radius:15px;box-sizing:border-box}
.feature-hero-index>a{padding:0 22px;border-right:1px solid var(--line);display:grid;grid-template-columns:23px 1fr;gap:7px 9px;align-items:center;min-width:0}
.feature-hero-index>a:last-child{border:0}.feature-hero-index>a>span{color:#7b8176;font-size:10px}.feature-hero-index strong{font-size:19px;font-weight:500;letter-spacing:-.5px}.feature-hero-index small{grid-column:2;font-size:10px;color:var(--f-muted)}
.feature-jumps{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:20px 0 19px;border-bottom:1px solid var(--line)}
.feature-jumps a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:4px 12px;border-radius:30px;font-size:12px;color:#485040;white-space:nowrap}
.feature-jumps a:hover,.feature-jumps a:focus-visible{background:var(--accent);color:#14220f}
.feature-section{padding-top:88px;scroll-margin-top:35px}
.feature-section-head{display:grid;grid-template-columns:1.18fr 1fr;gap:85px;align-items:end;margin-bottom:34px}
.feature-page h2{font-size:42px;line-height:1.07;letter-spacing:-.045em;margin:0;font-weight:500}
.feature-page .feature-label{font-size:10px;letter-spacing:.12em;font-weight:600;margin:0 0 19px;color:#47554e;line-height:1.6}
.feature-section-head>p{font-size:14px;color:var(--f-muted);line-height:1.85;margin:0 0 2px;max-width:410px;justify-self:end}
.feature-intro{padding-top:65px}
.feature-values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.feature-values svg,.customer-features svg,.catalogue-icon svg{width:23px;height:23px;display:block}
.feature-values h3{font-size:19px;margin:22px 0 10px;letter-spacing:-.4px}
.feature-page p{overflow-wrap:break-word}
.feature-values p{font-size:13px;line-height:1.85;color:var(--f-muted);margin:0;max-width:300px}
.portal-story{background:var(--f-green);color:white;border-radius:18px;overflow:hidden;padding:28px 34px 24px}
.portal-story-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#f0f7f3;padding-bottom:30px}
.portal-story-top>a{color:#2df26d;border-bottom:1px solid #658958;padding:8px 0}
.portal-story-top>a>span{margin-left:15px}
.portal-process{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;gap:30px}
.portal-process li{border-top:1px solid #3e7561;padding:24px 0 28px;position:relative}
.process-number{font-size:11px;color:#2df26d;display:block;margin-bottom:29px}
.portal-process h3{font-size:25px;line-height:1.14;letter-spacing:-.7px;margin:0 0 13px}
.portal-process p{font-size:12px;line-height:1.8;color:#f0f7f3;margin:0}
.portal-story-bottom{border-top:1px solid #3e7561;display:flex;gap:30px;padding-top:20px;justify-content:space-between;align-items:center}
.portal-story-bottom>span{font-size:13px;color:#2df26d}
.portal-story-bottom>p{font-size:11px;color:#f0f7f3;margin:0}
.feature-pairs{display:grid;grid-template-columns:1fr 1fr;gap:31px 70px;margin-top:33px}
.feature-pairs article{padding-left:19px;border-left:2px solid #ced6d1}
.feature-pairs h3{font-size:18px;letter-spacing:-.35px;margin:0 0 10px;line-height:1.3}
.feature-pairs p{font-size:13px;line-height:1.85;color:var(--f-muted);margin:0}
.feature-page .feature-footnote{font-size:11px;line-height:1.75;color:var(--f-muted);margin:24px 0 0;max-width:850px}
.feature-catalogue{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-catalogue article{padding:27px 23px 30px;background:var(--f-light);border-radius:15px;min-width:0}
.catalogue-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #ced6d1;border-radius:12px;background:white;margin-bottom:36px}
.feature-catalogue h3{font-size:20px;line-height:1.2;letter-spacing:-.5px;margin:0 0 14px}
.feature-catalogue p{font-size:13px;line-height:1.8;color:var(--f-muted);margin:0}
.feature-operation{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.operation-main{background:var(--f-light);border-radius:17px;padding:33px 37px}
.operation-main h3{font-size:36px;line-height:1.1;letter-spacing:-1.3px;margin:0 0 29px}
.operation-list{counter-reset:steps;list-style:none;margin:0;padding:0}
.operation-list li{counter-increment:steps;position:relative;padding:19px 0 18px 35px;border-top:1px solid #ced6d1}
.operation-list li:before{content:'0' counter(steps);position:absolute;left:0;top:22px;font-size:10px;color:#77806d}
.operation-list strong{font-size:15px;font-weight:500}
.operation-list p{font-size:13px;color:var(--f-muted);line-height:1.8;margin:8px 0 0}
.feature-page .story-link{font-size:12px;gap:12px}
.operation-main .story-link{margin-top:12px}
.operation-side{display:flex;flex-direction:column;gap:18px}
.operation-side>div:first-child{background:#2df26d;border-radius:17px;padding:36px;flex:1}
.operation-side svg{width:32px;height:32px;margin-bottom:29px}
.operation-side h3{font-size:36px;line-height:1.1;letter-spacing:-1.2px;margin:0 0 19px}
.operation-side p{font-size:13px;line-height:1.85;color:#47554e;max-width:340px;margin:0}
.operation-note{padding:25px 30px;border:1px solid #ced6d1;border-radius:17px}
.operation-note strong{font-size:15px;font-weight:500;display:block;margin-bottom:10px}
.operation-note p{font-size:12px}
.handover-features{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.handover-features article{padding:23px 0;border-top:1px solid #ced6d1}
.handover-features article>span{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border:1px solid #ced6d1;border-radius:50%;font-size:10px;margin-bottom:30px}
.handover-features h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:0 0 15px}
.handover-features p{font-size:13px;line-height:1.85;color:var(--f-muted);margin:0}
.feature-text-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.key-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.key-heading{padding:35px;border-radius:17px;background:#2df26d}
.key-heading h2{font-size:37px}
.key-heading>p:last-child{font-size:14px;line-height:1.8;max-width:310px;margin:25px 0 0;color:#28411e}
.key-heading .feature-label{color:#28411e}
.key-capabilities article{border-top:1px solid var(--line);padding:22px 0}
.key-capabilities h3{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}
.key-capabilities p{font-size:13px;line-height:1.85;color:var(--f-muted);margin:0}
.finance-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-radius:17px;background:var(--f-light);padding:36px}
.finance-editorial h3{font-size:38px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 23px}
.finance-editorial>div>p:not(.feature-label){font-size:13px;line-height:1.9;color:var(--f-muted);max-width:370px;margin:0 0 12px}
.finance-explanations{margin:0}
.finance-explanations>div{padding:20px 0;border-bottom:1px solid #ced6d1}
.finance-explanations>div:first-child{padding-top:0}
.finance-explanations>div:last-child{border:0;padding-bottom:0}
.finance-explanations dt{font-size:18px;letter-spacing:-.4px;margin-bottom:9px}
.finance-explanations dd{font-size:13px;line-height:1.8;color:var(--f-muted);margin:0}
.online-payments{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid var(--line);padding-top:30px;margin-top:35px}
.online-payments h3{font-size:22px;line-height:1.2;letter-spacing:-.7px;margin:0 0 13px}
.online-payments>div>p{font-size:13px;color:var(--f-muted);line-height:1.8;margin:0}
.method-labels{display:flex;gap:7px;flex-wrap:wrap}
.method-labels span{padding:11px 14px;border:1px solid #ced6d1;border-radius:9px;font-size:12px;font-weight:500;background:white;white-space:nowrap}
.online-payments .feature-footnote{margin-top:15px}
.customer-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.customer-features article{border:1px solid var(--line);border-radius:15px;padding:29px}
.customer-features h3{font-size:23px;line-height:1.13;letter-spacing:-.7px;margin:35px 0 16px}
.customer-features p{font-size:13px;line-height:1.85;color:var(--f-muted);margin:0}
.team-catalogue{grid-template-columns:repeat(3,1fr)}
.team-catalogue .feature-text-link{margin-top:16px}
.usecase-layout{display:grid;grid-template-columns:.9fr 1.25fr;gap:65px;align-items:start}
.usecase-intro{padding:32px;border-radius:16px;background:#003f2b}
.usecase-intro>span{font-size:9px;letter-spacing:.13em}
.usecase-intro h3{font-size:38px;line-height:1.07;letter-spacing:-1.5px;margin:34px 0 24px}
.usecase-intro p{font-size:13px;line-height:1.85;color:var(--f-muted);margin:0}
.usecase-details details{border:0;border-bottom:1px solid #dfe3d8;padding:0 0 0;background:transparent;border-radius:0;margin:0}
.usecase-details summary{font-size:17px;line-height:1.4;letter-spacing:-.25px;list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:16px 0;font-weight:500;box-sizing:border-box}
.usecase-details summary:after{display:none}.usecase-details summary::-webkit-details-marker{display:none}
.usecase-details summary>span{font-size:23px;font-weight:400;width:22px;flex-shrink:0;text-align:center}
.usecase-details details[open] summary>span{transform:rotate(45deg)}
.usecase-details details>div{padding:0 22px 24px 0}
.usecase-details p{font-size:13px;line-height:1.85;color:var(--f-muted);margin:0 0 13px}
.usecase-details p strong{color:#333c2d;font-weight:500}
.usecase-details a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.partner-invite{margin-top:88px;padding:43px;background:var(--f-green);border-radius:18px;color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:85px;width:calc(100% - 96px);box-sizing:border-box}
.partner-invite .feature-label{color:#2df26d}
.partner-invite h2{font-size:41px}
.partner-invite p:not(.feature-label){font-size:14px;line-height:1.85;color:#f0f7f3;max-width:400px;margin:24px 0}
.partner-invite .travel-button{font-size:12px;min-height:46px;padding:14px 19px}
.partner-invite ul{list-style:none;margin:0;padding:0}
.partner-invite li{padding:21px 0;border-top:1px solid #3e7561}
.partner-invite strong{font-size:18px;letter-spacing:-.3px;display:block;font-weight:500;margin-bottom:11px}
.partner-invite li>span{font-size:13px;line-height:1.7;color:#f0f7f3;display:block}
.feature-faq .usecase-details{max-width:none}
.feature-page .feature-final{margin-top:80px;margin-bottom:24px;min-height:335px;padding-top:0}
.feature-final h2{font-size:43px}
@media(max-width:1100px){.feature-page .feature-hero h1{font-size:61px}.feature-section-head{gap:45px}.feature-page h2{font-size:36px}.feature-hero-index{width:calc(100% - 64px)}.feature-hero-index>a{padding:0 15px}.feature-hero-index strong{font-size:17px}.feature-catalogue{grid-template-columns:repeat(2,1fr)}.catalogue-icon{margin-bottom:25px}.feature-jumps{justify-content:center}.feature-jumps a{font-size:11px;padding:4px 10px}.portal-process h3{font-size:22px}.feature-operation{grid-template-columns:1.05fr 1fr}.operation-main{padding:30px}.operation-main h3,.operation-side h3{font-size:31px}.key-section{gap:35px}.key-heading h2{font-size:31px}.handover-features{grid-template-columns:repeat(2,1fr);gap:5px 30px}.finance-editorial{gap:40px}.customer-features{gap:15px}.customer-features article{padding:24px}.customer-features h3{font-size:20px}.team-catalogue{grid-template-columns:repeat(3,1fr)}.team-catalogue article{padding:24px 20px}.usecase-layout{gap:35px}.usecase-intro h3{font-size:32px}.partner-invite{gap:40px;width:calc(100% - 64px)}.partner-invite h2{font-size:35px}}
@media(max-width:760px){
.feature-page .feature-hero{height:690px;background-position:40% center}
.feature-page .travel-hero-copy{padding:129px 15px 0}
.feature-page .feature-kicker{font-size:9px;letter-spacing:.1em;margin-bottom:19px}
.feature-page .feature-hero h1{font-size:45px;line-height:1.03;letter-spacing:-2px;margin-bottom:20px}
.feature-page .travel-hero-copy>p:not(.feature-kicker){font-size:12px;line-height:1.8;max-width:290px}
.feature-page .travel-hero-copy>.travel-button{font-size:11px;padding:13px 17px;margin-top:23px}
.feature-hero-index{width:calc(100% - 30px);padding:22px 15px;bottom:19px;grid-template-columns:1fr 1fr;gap:24px 12px;border-radius:13px}
.feature-hero-index>a{padding:0;grid-template-columns:18px 1fr;gap:6px;border:0}
.feature-hero-index strong{font-size:16px}.feature-hero-index small{font-size:9px}.feature-hero-index>a>span{font-size:9px}
.feature-jumps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 2px;padding:13px 0;margin-bottom:0}
.feature-jumps a{font-size:10px;padding:4px 3px;min-height:40px;white-space:normal;text-align:center;line-height:1.3}
.feature-section{padding-top:53px;scroll-margin-top:20px}
.feature-section-head{grid-template-columns:1fr;gap:19px;margin-bottom:26px}
.feature-page h2{font-size:31px;line-height:1.09;letter-spacing:-1.2px}
.feature-page .feature-label{font-size:9px;letter-spacing:.09em;margin-bottom:16px}
.feature-section-head>p{font-size:13px;line-height:1.85;max-width:none;justify-self:start}
.feature-intro{padding-top:40px}.feature-values{grid-template-columns:1fr;gap:25px;margin-top:29px;padding-bottom:30px}
.feature-values>div{display:grid;grid-template-columns:25px 1fr;gap:0 17px}.feature-values h3{margin:0 0 9px;font-size:18px}.feature-values p{grid-column:2;max-width:none;font-size:12px}
.portal-story{padding:24px;border-radius:14px}.portal-story-top{align-items:start;font-size:10px;gap:16px;padding-bottom:23px}.portal-story-top>span{max-width:150px;line-height:1.6}.portal-story-top>a{white-space:nowrap;font-size:9px;padding:4px 0}.portal-story-top>a>span{margin-left:4px}
.portal-process{grid-template-columns:1fr;gap:0}.portal-process li{padding:22px 0 23px 31px}.process-number{position:absolute;top:26px;left:0;margin:0;font-size:9px}.portal-process h3{font-size:23px;margin-bottom:12px}.portal-process p{font-size:12px}.portal-story-bottom{display:block;padding-top:20px}.portal-story-bottom>span{font-size:13px}.portal-story-bottom>p{font-size:11px;line-height:1.8;margin-top:10px}
.feature-pairs{grid-template-columns:1fr;gap:24px;margin-top:27px}.feature-pairs article{padding-left:15px}.feature-pairs h3{font-size:18px}.feature-pairs p{font-size:12px}.feature-page .feature-footnote{font-size:10px;line-height:1.85}
.feature-catalogue{grid-template-columns:1fr 1fr;gap:11px}.feature-catalogue article{padding:21px 16px 23px}.catalogue-icon{width:39px;height:39px;border-radius:10px;margin-bottom:27px}.catalogue-icon svg{width:20px;height:20px}.feature-catalogue h3{font-size:18px;line-height:1.2;margin-bottom:12px}.feature-catalogue p{font-size:12px;line-height:1.8}
.feature-operation{grid-template-columns:1fr;gap:13px}.operation-main{padding:27px 24px}.operation-main h3{font-size:31px;margin-bottom:25px}.operation-list strong{font-size:14px}.operation-list p{font-size:12px}.operation-side>div:first-child{padding:28px 24px}.operation-side svg{width:29px;height:29px;margin-bottom:24px}.operation-side h3{font-size:32px}.operation-side p{font-size:12px}.operation-note{padding:23px 24px}.operation-note strong{font-size:14px}.operation-side{gap:13px}
.handover-features{gap:5px 20px}.handover-features article{padding:20px 0}.handover-features article>span{margin-bottom:24px}.handover-features h3{font-size:19px;line-height:1.2}.handover-features p{font-size:12px}.feature-text-link{font-size:11px;gap:12px}
.key-section{grid-template-columns:1fr;gap:23px}.key-heading{padding:28px 24px;border-radius:14px}.key-heading h2{font-size:31px}.key-heading>p:last-child{font-size:13px;margin-top:22px}.key-capabilities h3{font-size:20px}.key-capabilities p{font-size:12px}.key-capabilities article:last-child{padding-bottom:0}
.finance-editorial{grid-template-columns:1fr;gap:29px;padding:27px 24px;border-radius:14px}.finance-editorial h3{font-size:33px;letter-spacing:-1.2px}.finance-editorial>div>p:not(.feature-label){font-size:12px}.finance-explanations dt{font-size:18px}.finance-explanations dd{font-size:12px}.finance-explanations>div:first-child{padding-top:20px;border-top:1px solid #ced6d1}
.online-payments{grid-template-columns:1fr;gap:20px;margin-top:30px;padding-top:26px}.online-payments h3{font-size:23px}.online-payments>div>p{font-size:12px}.method-labels span{font-size:11px;padding:11px 13px}
.customer-features{grid-template-columns:1fr;gap:13px}.customer-features article{padding:26px 24px}.customer-features h3{font-size:24px;margin:26px 0 14px}.customer-features p{font-size:12px}.team-catalogue{grid-template-columns:1fr}.team-catalogue article{padding:25px}.team-catalogue h3{font-size:23px}.team-catalogue p{max-width:400px}
.usecase-layout{grid-template-columns:1fr;gap:20px}.usecase-intro{padding:28px 24px}.usecase-intro h3{font-size:34px;margin:27px 0 22px}.usecase-intro p{font-size:12px}.usecase-details summary{font-size:16px;min-height:74px;gap:15px;line-height:1.45}.usecase-details p{font-size:12px}.usecase-details details>div{padding-right:0}.usecase-details a{font-size:11px}
.partner-invite{grid-template-columns:1fr;gap:30px;margin-top:53px;width:calc(100% - 40px);padding:29px 24px;border-radius:14px}.partner-invite h2{font-size:31px}.partner-invite p:not(.feature-label){font-size:12px;margin:23px 0}.partner-invite .travel-button{font-size:10px;padding:13px 16px;gap:10px;min-height:44px}.partner-invite strong{font-size:17px}.partner-invite li>span{font-size:12px}
.feature-page .feature-final{margin-top:53px;min-height:320px;margin-bottom:15px}.feature-final h2{font-size:31px}.feature-final p{font-size:12px}.feature-page .feature-final .travel-button{font-size:12px}
}
@media(max-width:370px){.feature-page .feature-hero h1{font-size:39px}.feature-page .feature-hero{height:705px}.feature-hero-index{padding-left:12px;padding-right:12px}.feature-hero-index strong{font-size:14px}.feature-hero-index small{font-size:8px}.feature-page h2,.key-heading h2{font-size:28px}.feature-catalogue{grid-template-columns:1fr}.feature-catalogue h3{font-size:21px}.handover-features{grid-template-columns:1fr}.handover-features article{padding:22px 0}.portal-story{padding:21px}.portal-story-top{display:block}.portal-story-top>span{display:block;max-width:none}.portal-story-top>a{display:inline-flex;margin-top:12px;gap:12px}.portal-process h3{font-size:21px}.partner-invite .travel-button{font-size:10px;white-space:normal;text-align:left}.operation-main h3,.operation-side h3{font-size:29px}}
