/* Product showcase: actual application footage, framed in the studio's visual language. */
.app-play-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:11px 20px 11px 11px;background:#112f23f2;color:#f1f9eb;border:1px solid #bddda866;border-radius:50px;box-shadow:0 8px 30px #0005;text-align:left;backdrop-filter:blur(10px);white-space:nowrap;transition:background .3s,box-shadow .3s}.app-play-preview[hidden]{display:none!important}.app-play-preview>span:first-child{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:50%;background:#d0e9bc;color:#153624;font-size:12px;padding-left:2px}.app-play-preview b{display:block;font:12px var(--body)}.app-play-preview small{display:block;font:8px var(--mono);color:#adc5af;margin-top:4px}.app-play-preview:hover{background:#1b4432;box-shadow:0 12px 35px #0006}
.app-showcase{padding:115px 0 105px;scroll-margin-top:55px}.app-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end;margin-bottom:55px}.app-section-heading .eyebrow{color:var(--muted)}.app-section-heading h2{font-size:clamp(42px,5vw,78px);line-height:1.01;letter-spacing:-.045em;margin-top:25px}.app-section-heading>p{max-width:475px;font-size:16px;line-height:1.8;color:var(--muted);padding-bottom:5px}
.app-feature{position:relative;color:#eaf2ed;background:#102922;isolation:isolate;border:1px solid #29473b;overflow:hidden}.app-feature:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 0% 0%,#285d3e70,transparent 55%),linear-gradient(125deg,transparent 70%,#1a3f3433);}.app-feature-top{display:flex;justify-content:space-between;gap:25px;margin:0 38px;padding:23px 0;border-bottom:1px solid #c2dbc223;font:8px var(--mono);letter-spacing:.07em;color:#95aca0}.app-release-label{display:flex;align-items:center;gap:9px;color:#c1dfbd}.app-release-label>i{width:5px;height:5px;border-radius:50%;background:#b1db92;box-shadow:0 0 0 4px #b1db9210}
.app-feature-layout{display:grid;grid-template-columns:.8fr 1.65fr;gap:5%;padding:45px 38px 35px;align-items:center}.app-product-identity{display:flex;align-items:center;gap:14px}.app-product-identity img{flex:none;width:46px;height:46px}.app-product-identity h3{font:500 40px/1 var(--heading);letter-spacing:-.04em}.app-product-identity h3>span{color:#a4d594}.app-product-headline{font:500 clamp(23px,2.35vw,34px)/1.12 var(--heading);letter-spacing:-.025em;margin:30px 0 20px}.app-product-description{font-size:13px;line-height:1.9;color:#afc2b5;max-width:370px}.app-capability-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.app-capability-tags>span{font:8px var(--mono);padding:7px 9px;border:1px solid #a8d3ac30;border-radius:30px;color:#b7cebb;white-space:nowrap}.app-product-stats{display:flex;gap:40px;margin:30px 0}.app-product-stats>div{display:flex;flex-direction:column;gap:5px}.app-product-stats strong{font:500 47px/1 var(--heading);letter-spacing:-.04em;color:#d1e9bb;font-variant-numeric:tabular-nums}.app-product-stats span{font:9px var(--mono);color:#a2b8a7}.app-demo-link{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:355px;background:#cee6b9;color:#183324;padding:16px 18px;font-size:12px;transition:background .3s,transform .3s}.app-demo-link>span:not(.screen-reader-only){font-size:23px;line-height:1}.app-demo-link:hover{background:#e1f3d1;transform:translateY(-2px)}.app-enquiry-link{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:355px;font-size:10px;padding:17px 0 3px;color:#afc8b6;transition:color .3s}.app-enquiry-link:hover{color:#fff}
.app-product-tour{min-width:0}.app-tour-tabs{display:flex;border-bottom:1px solid #a9c3ae3d;gap:20px;margin-bottom:17px}.app-tour-tabs>button{position:relative;padding:13px 0;display:flex;gap:8px;align-items:baseline;white-space:nowrap;color:#96af9f;font-size:11px;transition:color .3s}.app-tour-tabs>button>span{font:7px var(--mono);opacity:.65}.app-tour-tabs>button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#c5e5ab;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.app-tour-tabs>button[aria-selected=true]{color:#ebf8e0}.app-tour-tabs>button[aria-selected=true]:after{transform:scaleX(1)}.app-tour-panel{border:1px solid #a8c4af38;border-radius:10px;overflow:hidden;background:#0c1d17;box-shadow:0 22px 65px #0004;margin:0}.app-window-bar{padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#94afa0;font:6.5px var(--mono);background:#19352b;border-bottom:1px solid #a8c4af25}.app-window-dots{display:flex;gap:4px}.app-window-dots>i{width:5px;height:5px;border-radius:50%;background:#7e9b88}.app-window-dots>i:nth-child(2){opacity:.65}.app-window-dots>i:nth-child(3){opacity:.35}.app-demo-badge{border:1px solid #a6c5ac30;border-radius:3px;font-size:5.5px;padding:4px 6px;color:#aac3b1}.app-video-stage{position:relative;aspect-ratio:1280/900;background:#16332a;overflow:hidden}.app-preview-video{display:block;width:100%;height:100%;object-fit:contain;background:#16332a}.app-video-error{position:absolute;bottom:50px;left:15px;right:15px;padding:18px;color:#edf5e9;background:#0c2117ef;font-size:12px;text-align:center}.app-video-error[hidden]{display:none}.app-video-error a{text-decoration:underline}.app-tour-panel figcaption{display:flex;justify-content:space-between;gap:25px;padding:22px 24px;background:#17372b}.app-tour-kicker{display:block;font:7px var(--mono);letter-spacing:.06em;color:#94b59f}.app-tour-panel h4{font:500 25px/1.1 var(--heading);letter-spacing:-.02em;margin:10px 0 9px}.app-tour-panel figcaption p{color:#abc5b4;font-size:11px;line-height:1.65;max-width:500px}.app-tour-panel figcaption>a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #a8c4af38;border-radius:50%;flex:none;color:#cbe4bc;font-size:22px;transition:background .3s,transform .3s}.app-tour-panel figcaption>a:hover{transform:rotate(45deg);background:#adcba322}.app-tour-note{display:flex;gap:8px;font:8px/1.7 var(--mono);color:#8ca997;margin-top:14px}.app-tour-note>span{color:#bad8aa}.app-feature-bottom{border-top:1px solid #a8c4af25;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 38px}.app-feature-bottom>span:first-child{font:7px var(--mono);letter-spacing:.07em;color:#8fae9a}.app-feature-bottom p{font-size:10px;color:#a2bba9}.app-feature-bottom>span:last-child{color:#a8d18e;font-size:26px;line-height:1}.app-workflow-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:45px}.app-workflow-notes>div{border-top:1px solid var(--line);padding-top:25px}.app-workflow-notes .eyebrow{font-size:8px;color:var(--muted)}.app-workflow-notes h3{font-size:25px;line-height:1.1;margin:17px 0}.app-workflow-notes p{font-size:13px;line-height:1.8;color:var(--muted);max-width:360px}
@media(max-width:1100px){.app-feature-layout{grid-template-columns:.8fr 1.3fr;gap:4%;padding-inline:28px}.app-feature-top{margin-inline:28px}.app-tour-tabs{gap:14px}.app-tour-tabs>button{font-size:10px;gap:5px}.app-tour-tabs>button>span{display:none}.app-product-identity{gap:10px}.app-product-identity h3{font-size:34px}.app-product-identity img{width:38px;height:38px}.app-product-description{font-size:12px}.app-product-stats{gap:30px}.app-feature-bottom{padding-inline:28px}}
@media(max-width:809px){.app-showcase{padding:75px 0}.app-section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.app-section-heading h2{font-size:clamp(39px,7.5vw,58px)}.app-section-heading>p{font-size:14px;max-width:580px}.app-feature-top{margin:0 24px;font-size:6px;gap:15px;padding:19px 0}.app-feature-layout{grid-template-columns:1fr;gap:35px;padding:30px 24px}.app-product-identity h3{font-size:42px}.app-product-identity img{width:44px;height:44px}.app-product-headline{font-size:32px;margin:25px 0 18px}.app-product-description{font-size:14px;max-width:600px}.app-product-stats{margin:27px 0;gap:45px}.app-product-stats strong{font-size:43px}.app-demo-link,.app-enquiry-link{max-width:none}.app-enquiry-link{font-size:11px}.app-tour-tabs{gap:24px;justify-content:space-between}.app-tour-tabs>button{font-size:11px}.app-window-bar{font-size:6px;padding:11px}.app-demo-badge{font-size:5px;padding:4px}.app-tour-panel figcaption{padding:20px}.app-tour-panel h4{font-size:25px}.app-tour-panel figcaption p{font-size:12px}.app-tour-note{font-size:7px}.app-feature-bottom{padding:20px 24px;gap:20px;align-items:flex-start;flex-wrap:wrap}.app-feature-bottom>span:first-child{width:100%}.app-feature-bottom p{max-width:80%;font-size:11px}.app-workflow-notes{gap:30px;margin-top:35px;grid-template-columns:1fr}.app-workflow-notes>div{padding-top:20px}.app-workflow-notes h3{font-size:28px;margin:14px 0}.app-workflow-notes p{max-width:580px;font-size:14px}}
@media(max-width:479px){.app-feature-top{margin-inline:17px;flex-wrap:wrap;gap:12px}.app-feature-layout{padding:26px 17px}.app-product-identity h3{font-size:37px}.app-product-headline{font-size:29px}.app-product-description{font-size:13px}.app-tour-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.app-tour-tabs>button{font-size:12px;padding:12px 0;white-space:normal}.app-tour-tabs>button>span{display:inline;font-size:7px;margin-right:4px}.app-window-bar{gap:8px;font-size:5.5px}.app-window-dots{gap:3px}.app-window-dots>i{width:4px;height:4px}.app-demo-badge{display:none}.app-tour-panel figcaption{padding:18px 15px;gap:12px}.app-tour-panel h4{font-size:22px}.app-tour-panel figcaption p{font-size:11px}.app-tour-panel figcaption>a{width:30px;height:30px;font-size:19px}.app-feature-bottom{padding-inline:17px}.app-product-stats{gap:35px}.app-demo-link{padding:16px;font-size:12px}.app-tour-note{font-size:6.5px;gap:6px}}
@media(prefers-reduced-motion:reduce){.app-showcase *{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1101px){.app-feature-layout{grid-template-columns:.9fr 1.45fr}.app-video-stage{aspect-ratio:16/10}}