/* Shared application discovery, with desktop adaptations below. */
.application-experience>.app-mobile,.application-experience .app-carousel-controls,.application-experience .app-selection-note{display:none}
.application-experience [hidden]{display:none!important}
@media(min-width:0px){
 .public-body--application{--application-tone:252,231,226;background:#f6f7f9}
 .public-body--application .public-header{background:rgb(var(--application-tone));border-bottom-color:transparent;box-shadow:none}
 .application-experience{--application-tone:252,231,226;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.6)),rgb(var(--application-tone));color:#172033}
 .application-experience>.app-mobile{display:block}
 .application-experience .public-application-hero{order:0;padding:18px 0 18px;background:transparent;border:0}
 .application-experience .public-breadcrumbs{display:flex;overflow-x:auto;white-space:nowrap;font-size:10px;padding-bottom:3px;margin-bottom:18px;scrollbar-width:none}
 .application-experience .public-application-hero__grid{display:block}
 .application-experience .public-application-hero h1{font-size:clamp(27px,7.5vw,38px);line-height:1.04;letter-spacing:-.045em}
 .application-experience .public-application-hero .eyebrow{display:none}
 .application-experience .public-application-hero__grid>div>p{margin:13px 0 0;font-size:13px;line-height:1.55;color:#49556a}
 .application-experience .public-application-hero__visual{display:none}
 .application-experience .public-application-hero__actions{display:flex;flex-direction:row;gap:8px;margin-top:17px}
 .application-experience .public-application-hero__actions .button{flex:1;min-width:0;min-height:44px;padding:10px;font-size:11px;border-radius:12px;text-align:center}
 .application-experience>.app-discovery{order:1;padding:5px 0 23px;min-width:0}
 .app-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 15px}
 .app-section-heading .eyebrow{margin-bottom:5px;font-size:9px;color:#832830}
 .app-section-heading h2{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.04em}
 .app-count-chip{flex:0 0 auto;max-width:100px;padding:8px 10px;border:1px solid #1720331c;border-radius:12px;background:#ffffff85;font-size:10px;line-height:1.35;text-align:center;font-weight:750}
 .application-experience [data-app-rail]{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;-webkit-overflow-scrolling:touch}
 .application-experience [data-app-rail]::-webkit-scrollbar{display:none}
 .app-story-rail{display:flex;gap:12px;padding:2px 20px 9px;overflow-x:auto}
 .app-story{position:relative;isolation:isolate;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;flex:0 0 90%;min-width:0;max-width:470px;min-height:375px;padding:23px;border:1px solid #17203312;border-radius:24px;overflow:hidden;background:#f4c9c1;scroll-snap-align:start}
 .app-story[data-app-tone=blue]{background:#bed8f5}.app-story[data-app-tone=mint]{background:#bce1d0}.app-story[data-app-tone=amber]{background:#ffe09d}.app-story[data-app-tone=lilac]{background:#d8c8ee}
 .app-story__number{display:block;margin:0 0 12px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.08em}
 .app-story__number>span{opacity:.6}
 .app-story__copy{position:relative;z-index:2;margin-top:115px}
 .app-story h3{margin:0 0 18px;font-size:clamp(25px,7.3vw,35px);font-weight:850;line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere}
 .app-story__copy>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;border-top:1px solid #1720332b;color:inherit;font-size:13px;font-weight:850;text-decoration:none}
 .app-story__copy>a>span{font-size:23px}
 .app-story__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2}
 .app-story--photo{color:#fff;background:#243442}
 .app-story--photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#15233408 10%,#15233485 45%,#101c2bf0 100%)}
 .app-story--photo .app-story__copy>a{border-color:#ffffff55}
 .app-story__art{position:absolute;top:20px;right:25px;display:grid;place-items:center;width:150px;height:130px;color:#172033;transform:rotate(-9deg)}
 .app-story__art svg{position:relative;z-index:1;width:96px;height:96px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
 .app-story__art>span{position:absolute;inset:5px 15px;border:17px solid #ffffff8a;border-radius:38px;transform:rotate(25deg)}
 .app-story__art>span:last-child{inset:25px -20px -10px 45px;border:1px solid #17203328;border-radius:50%;transform:rotate(-25deg)}
 .app-story__project{align-self:flex-start;position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:44px;margin:5px 0 -7px;padding:0;border:0;color:inherit;background:transparent;font:inherit;font-size:11px;font-weight:650;cursor:pointer}
 .application-experience .app-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 20px 0;color:#49566a;font-size:10px}
 .app-carousel-controls>div{display:flex;align-items:center;gap:9px}
 .app-carousel-controls button{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;padding:0;border:1px solid #17203322;border-radius:50%;background:#ffffffa6;color:#172033;font:inherit;font-size:19px;cursor:pointer}
 .app-carousel-controls button:disabled{opacity:.3;cursor:default}
 .app-carousel-controls [data-app-count]{min-width:34px;text-align:center;font-variant-numeric:tabular-nums;font-weight:750}
 .app-discovery__note{margin:9px 20px 0;color:#516073;font-size:10px;line-height:1.5}
 .application-experience .public-application-products{order:2;padding:23px 0 25px;background:#ffffff9c;border-block:1px solid #ffffff80;scroll-margin-top:calc(var(--application-header-height,130px) + 12px)}
 .application-experience .public-application-products>.public-shell{width:100%;min-width:0}
 .application-experience .public-application-products .section-heading{padding:0 20px;margin-bottom:17px;gap:12px;text-align:left;align-items:flex-start}
 .application-experience .public-application-products .section-heading h2{font-size:26px;line-height:1.08;letter-spacing:-.04em;max-width:460px}
 .application-experience .public-application-products .section-heading p{margin-top:9px;font-size:11px;line-height:1.5}
 .application-experience .public-application-products .section-heading .eyebrow{font-size:9px;margin-bottom:6px}
 .application-experience .public-application-products .section-heading>a{min-height:44px;padding:10px 13px;border-radius:12px;font-size:11px}
 .application-experience .public-product-grid--application{display:flex;gap:12px;min-width:0;padding:2px 20px 10px;overflow-x:auto}
 .application-experience .public-product-grid--application>.public-product-card{box-sizing:border-box;flex:0 0 72%;width:72%;min-width:0;max-width:300px;display:flex;flex-direction:column;margin:0;border:1px solid #e0e4eb;border-radius:21px;background:#fff;box-shadow:0 4px 14px #17203306;scroll-snap-align:start;transform:none}
 .application-experience .public-product-grid--application .public-product-card__image{height:185px;min-height:0;padding:17px;background:white}
 .application-experience .public-product-grid--application .public-product-card__image img{object-fit:contain;object-position:center;max-height:100%;width:100%;height:100%;transform:none}
 .application-experience .public-product-grid--application .public-product-card__image>b{top:auto;right:auto;left:10px;bottom:8px;font-size:8px;padding:5px 8px;max-width:calc(100% - 20px)}
 .application-experience .public-product-grid--application .public-product-card__body{display:flex;flex:1;flex-direction:column;padding:14px}
 .application-experience .public-product-grid--application .public-product-card__body>span{font-size:9px}
 .application-experience .public-product-grid--application h2{margin:8px 0;font-size:16px;line-height:1.25;letter-spacing:-.025em}
 .application-experience .public-product-grid--application .public-product-card__body>p:not(.public-card-price){font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .application-experience .public-product-grid--application .public-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:12px}
 .application-experience .public-product-grid--application .public-product-card__actions{display:flex;flex-direction:column;gap:7px;margin-top:12px}
 .application-experience .public-product-grid--application .public-product-card__actions .button{min-height:44px;justify-content:center;padding:10px;font-size:12px;border-radius:11px}
 .application-experience>.app-project-section{order:3;padding:24px 20px 16px;scroll-margin-top:calc(var(--application-header-height,130px) + 12px)}
 .app-project{min-width:0;overflow:hidden;border:1px solid #17203318;border-radius:23px;background:#ffffffbf}
 .app-project>summary{display:flex;align-items:center;gap:13px;padding:21px 17px;list-style:none;cursor:pointer}
 .app-project>summary::-webkit-details-marker{display:none}
 .app-project__symbol{display:grid;place-items:center;flex:0 0 43px;width:43px;height:53px;border-radius:15px;background:#172b3d;color:#e2f0ed;font-size:33px}
 .app-project>summary>span:nth-child(2){min-width:0;flex:1}
 .app-project summary small{display:block;font-size:9px;letter-spacing:.1em;font-weight:850;color:#7b4246}
 .app-project summary strong{display:block;margin:5px 0;font-size:21px;line-height:1.05;letter-spacing:-.04em}
 .app-project summary span span{display:block;color:#5d687b;font-size:10px;line-height:1.45}
 .app-project summary>b{font-size:23px;font-weight:400}
 .app-project[open] summary>b{transform:rotate(45deg)}
 .app-project__body{min-width:0;padding:0 0 20px;border-top:1px solid #17203313}
 .app-project__body>p,.app-project__body>small{display:block;margin:16px 17px;color:#566276;font-size:11px;line-height:1.5}
 .app-project__body>small{font-size:10px;margin-bottom:0}
 .app-project__rail{display:flex;gap:10px;padding:0 17px 7px;overflow-x:auto;scroll-padding-inline:17px!important}
 .app-project-step{box-sizing:border-box;flex:0 0 96%;min-width:0;display:flex;flex-direction:column;padding:20px 17px;border-radius:18px;background:#e5efeb;scroll-snap-align:start}
 .app-project-step:nth-child(2){background:#e1ecfa}.app-project-step:nth-child(3){background:#f8e8d3}
 .app-project-step__number{font-size:11px;letter-spacing:.1em;font-weight:850;color:#4c5b6e}
 .app-project-step h3{font-size:25px;line-height:1.05;letter-spacing:-.035em;margin:10px 0 17px}
 .app-project-step label{font-size:11px;font-weight:750;min-height:30px}
 .app-project-step textarea{box-sizing:border-box;width:100%;min-height:125px;padding:12px;resize:vertical;border:1px solid #17203326;border-radius:12px;background:#ffffffe0;color:#172033;font:inherit;font-size:16px;line-height:1.5}
 .app-project-step>button,.app-project-step>.button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:13px;padding:12px;border:0;border-radius:11px;background:#202938;color:white;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
 .application-experience .public-application-guide{order:4;background:transparent;padding:15px 0 24px}
 .application-experience .public-application-guide__grid{box-sizing:border-box;display:flex;gap:12px;width:100%;padding:0 20px 8px;overflow-x:auto}
 .application-experience .public-application-guide article{box-sizing:border-box;flex:0 0 89%;min-width:0;padding:24px 20px;border:1px solid #ffffffb3;border-radius:23px;background:#ffffffb8;scroll-snap-align:start}
 .application-experience .public-application-guide article:nth-child(2){background:#e6edfa}
 .application-experience .public-application-guide h2{font-size:26px;line-height:1.05;letter-spacing:-.035em}
 .application-experience .public-application-guide .eyebrow{font-size:9px;margin-bottom:9px}
 .application-experience .public-application-guide ul{border:0;counter-reset:application-points;gap:9px}
 .application-experience .public-application-guide li{min-height:36px;padding:11px 10px 11px 38px;border:0;border-radius:12px;background:#ffffffaa;font-size:12px;line-height:1.5;counter-increment:application-points}
 .application-experience .public-application-guide li:before{content:counter(application-points,decimal-leading-zero);top:12px;left:10px;width:auto;height:auto;border:0;border-radius:0;font-size:10px;line-height:1.6;font-weight:850;color:#8a2631}
 .application-experience .public-application-queries{width:calc(100% - 40px);box-sizing:border-box;padding:17px;margin-top:15px;border:1px solid #ffffffb0;border-radius:20px;background:#ffffff7a}
 .application-experience .public-application-queries>strong{font-size:10px;letter-spacing:.04em}
 .application-experience .public-application-queries>div{flex-wrap:nowrap;overflow-x:auto;padding:4px 0;scrollbar-width:none}
 .application-experience .public-application-queries a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;box-sizing:border-box;font-size:11px;padding:10px 13px}
 .application-experience .public-related-applications{order:5;background:#f6f7f9;padding:25px 0 32px}
 .application-experience .public-related-applications .section-heading{margin-bottom:12px;text-align:left}
 .application-experience .public-related-applications .section-heading h2{margin:0;font-size:16px;letter-spacing:.025em}
 .application-experience .public-related-applications .public-shell>div:last-child{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
 .application-experience .public-related-applications .public-shell>div:last-child>a{box-sizing:border-box;flex:0 0 auto;max-width:85%;min-width:0;min-height:44px;padding:11px 15px;gap:12px;scroll-snap-align:start;border-radius:999px;background:#fff;font-size:12px;line-height:1.4}
 .application-experience :focus-visible{outline:3px solid #8d1924;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.application-experience [data-app-rail]{scroll-behavior:auto}.app-story *,.app-project *{transition:none!important}}

/* Compact revision: no introductory block, home product tiles, photo/graphic alternation. */
@media(min-width:0px){
 .application-experience--compact .public-application-hero{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
 .application-experience--compact .public-application-hero .public-breadcrumbs,
 .application-experience--compact .public-application-hero .eyebrow,
 .application-experience--compact .public-application-hero__actions,
 .application-experience--compact .public-application-hero__grid>div>p{display:none}
 .application-experience>.app-discovery{padding:18px 0 14px}
 .app-section-heading{padding-bottom:12px}
 .app-section-heading h2{font-size:18px;letter-spacing:-.02em;text-transform:lowercase}
 .app-section-heading h2::first-letter{text-transform:uppercase}
 .app-story{min-height:315px;padding:20px;flex-basis:87%;border-radius:23px}
 .app-story__copy{margin-top:100px}
 .app-story h3{font-size:clamp(23px,6.7vw,31px);margin-bottom:12px;line-height:1.06}
 .app-story__number{font-size:10px;margin-bottom:9px}
 .app-story__copy>a{padding-right:30px;font-size:12px}
 .app-story__copy>a>span{font-size:20px}
 .app-story__project{position:absolute;right:14px;bottom:13px;display:grid;place-items:center;min-height:44px;width:44px;height:44px;margin:0;border:1px solid #17203325;border-radius:50%;font-size:21px}
 .app-story--photo .app-story__project{border-color:#ffffff60}
 .app-story__actions{display:flex;align-items:center;gap:10px;min-height:52px;border-top:1px solid #1720332b}
 .app-story--photo .app-story__actions{border-color:#ffffff55}
 .app-story__actions>a{flex:1;display:flex;align-items:center;min-width:0;min-height:44px;padding:0;color:inherit;font-size:12px;font-weight:850;text-decoration:none}
 .app-story__actions .app-story__project{position:static;display:flex;align-self:center;align-items:center;justify-content:center;gap:6px;flex:none;width:auto;height:40px;min-height:44px;margin:0;padding:8px 10px;border-radius:11px;background:#ffffff55;font-size:11px;font-weight:800}
 .app-story--photo .app-story__actions .app-story__project{background:#ffffff17}
 .app-project-icon{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .app-project__symbol .app-project-icon{width:25px;height:25px;stroke-width:1.5}
 .app-story__art{top:12px;right:22px;height:115px;width:130px}
 .app-story__art svg{width:80px;height:80px}
 .app-story--photo:after{background:linear-gradient(180deg,#15233400 5%,#15233448 35%,#101c2bf2 100%)}
 .application-experience--compact .public-application-products{display:none}
 .application-experience>.app-product-shopping{display:block;order:2;min-width:0;padding:0 0 18px;background:linear-gradient(180deg,#ffffff65,#ffffffc7);scroll-margin-top:calc(var(--application-header-height,130px) + 10px)}
 .app-priced-products{padding:26px 0 8px}
 .app-products-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 12px}
 .app-products-heading h2{margin:0;font-size:25px;line-height:1.05;letter-spacing:-.04em}
 .app-products-heading>a{display:flex;align-items:center;min-height:44px;color:#92242e;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
 .app-products-vat{margin:0 20px 13px;font-size:10px;color:#5c687c}
 .app-product-shopping .mobile-priced-track{padding:0 20px 6px}
 .app-product-shopping .mobile-mini-product--price.public-product-card{flex-basis:46%;min-width:0;max-width:230px}
 .app-product-shopping .mobile-mini-product--price .mobile-mini-product__image{height:138px}
 .app-product-shopping .mobile-mini-product--price h3{font-size:13px;min-height:36px}
 .app-grouped-products{padding:20px 0 0}
 .app-product-shopping .mobile-technical-group{padding:13px 12px 7px;flex-basis:89%}
 .app-product-shopping .mobile-technical-group__products{margin-bottom:2px}
 .app-product-shopping .mobile-technical-group .mobile-mini-product__image{height:110px}
 .app-product-shopping .mobile-technical-group .mobile-mini-product h3{min-height:32px;font-size:12px}
 .app-product-shopping .mobile-shopping__all{font-size:12px}
 .application-experience .public-application-guide{order:3;padding:18px 0}
 .application-experience .public-application-guide__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:calc(100% - 40px);padding:0;overflow:visible}
 .application-experience .public-application-guide article{width:100%;padding:21px 18px}
 .application-experience .public-application-guide h2{font-size:23px}
 .application-experience .public-application-guide li{font-size:11px;padding-block:10px;min-height:0}
 .application-experience>.app-project-section{order:4;padding-top:0}
 .application-experience .public-related-applications{order:5}
 .application-experience .app-selection-note{display:block;box-sizing:border-box;width:calc(100% - 40px);margin:12px auto 0;color:#576477;font-size:10px}
 .app-selection-note>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:750;letter-spacing:.04em}
 .app-selection-note p{margin-top:4px;line-height:1.5}
}

/* Desktop reuses the phone's content, products and project workflow. */
@media(min-width:821px){
 .public-body--application{--app-width:1320px;--app-gutter:72px;background:#f6f7fa}
 .public-body--application .public-header{background:rgb(var(--application-tone,252,231,226));border-bottom:1px solid #1720330a;box-shadow:none}
 .public-body--application .public-header__main{min-height:100px;gap:28px}
 .public-body--application .public-header .portal-brand__logo{width:74px;height:74px}
 .public-body--application .public-header-search{display:grid;grid-template-columns:minmax(0,1fr) auto 50px;height:56px;border:1px solid #c6c5cc;border-radius:18px;background:#fff;box-shadow:0 6px 20px #17203306}
 .public-body--application .public-header-search input{padding-left:20px;font-size:16px}
 .public-body--application .public-header-search>button[type=submit]{margin:5px 0;padding:0 19px;border-radius:12px;background:#b5121b;color:#fff}
 .public-body--application .public-header-search .mobile-photo-trigger{display:grid;place-items:center;min-width:40px;margin:5px;padding:0;border:0;border-radius:12px;background:transparent;color:#172033}
 .public-body--application .public-header-search .mobile-photo-trigger:hover{background:#fff1f0}
 .public-body--application .public-nav{background:transparent;border-top-color:#ffffff80}
 .public-body--application .public-nav>div{min-height:51px;gap:5px;padding:4px 0 8px}
 .public-body--application .public-nav a{padding:10px 15px;border:0;border-radius:12px}
 .public-body--application .public-nav a:hover,.public-body--application .public-nav a.is-active{background:#ffffffc9;color:#9c1720}
 .public-body--application .public-nav a.public-nav__quote{margin-block:0;background:#b5121b;color:#fff}
 .public-body--application .public-client-dock{display:none}
 .application-experience{--app-width:1320px;--app-gutter:72px}
 .application-experience--compact .public-application-hero{position:relative;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;margin:0;padding:25px 0 12px}
 .application-experience--compact .public-application-hero .public-breadcrumbs{display:flex;font-size:12px;margin:0 0 14px;padding:0}
 .application-experience .public-application-hero .public-shell{width:min(calc(100% - var(--app-gutter)*2),var(--app-width))}
 .application-experience .public-application-hero h1{font-size:clamp(29px,3vw,43px);line-height:1.1;letter-spacing:-.04em;margin:0}
 .application-experience>.app-discovery{padding:16px 0 30px}
 .application-experience .app-section-heading,.application-experience .app-products-heading{box-sizing:border-box;width:min(calc(100% - var(--app-gutter)*2),var(--app-width));margin:0 auto 19px;padding:0}
 .application-experience .app-section-heading h2{font-size:19px}
 .application-experience .app-products-heading h2{font-size:36px;line-height:1.1;letter-spacing:-.04em}
 .application-experience .app-rail-stage{position:relative;box-sizing:border-box;min-width:0;width:min(calc(100% - var(--app-gutter)*2),var(--app-width));margin-inline:auto}
 .application-experience .app-story-rail,.application-experience .app-product-shopping .mobile-technical-track,.application-experience .app-product-shopping .mobile-priced-track{box-sizing:border-box;display:flex;gap:20px;min-width:0;width:100%;margin:0;padding:3px 2px 14px;overflow-x:auto;scroll-padding-inline:2px;align-items:stretch}
 .application-experience .app-story{flex:0 0 calc((100% - 40px)/3);max-width:none;min-height:430px;padding:27px;border-radius:26px}
 .application-experience .app-story__copy{margin-top:160px}
 .application-experience .app-story__number{font-size:12px;margin-bottom:14px}
 .application-experience .app-story h3{min-height:2.12em;margin:0 0 18px;font-size:clamp(26px,2.4vw,35px);line-height:1.06;overflow-wrap:normal}
 .application-experience .app-story__art{top:28px;right:36px;width:180px;height:160px}
 .application-experience .app-story__art svg{width:116px;height:116px}
 .application-experience .app-story__actions>a{font-size:14px;min-height:48px}
 .application-experience .app-story__actions .app-story__project{padding:9px 12px;font-size:12px}
 .application-experience .app-project-icon{width:19px;height:19px}
 .application-experience>.app-product-shopping{padding:0 0 35px;scroll-margin-top:calc(var(--application-header-height,160px) + 18px)}
 .application-experience .app-grouped-products{padding:28px 0 0}
 .application-experience .app-product-shopping .mobile-technical-group{box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 calc((100% - 40px)/3);max-width:none;min-width:0;padding:20px;border-radius:26px;background:#d3c0ed;scroll-snap-align:start}
 .application-experience .mobile-technical-group[data-theme=amber]{background:#ffdc8f}
 .application-experience .mobile-technical-group[data-theme=mint]{background:#b5decb}
 .application-experience .mobile-technical-group[data-theme=blue]{background:#b7d5f5}
 .application-experience .mobile-technical-group[data-theme=peach]{background:#f4c5a6}
 .application-experience .mobile-technical-group[data-theme=rose]{background:#f4c6be}
 .application-experience .mobile-technical-group__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:10px}
 .application-experience .mobile-mini-product.public-product-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0;border-radius:16px;background:white;box-shadow:none;transform:none;opacity:1}
 .application-experience .mobile-mini-product::before,.application-experience .mobile-mini-product::after{display:none}
 .application-experience .mobile-mini-product>a{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px;color:#172033;text-decoration:none}
 .application-experience .app-product-shopping .mobile-mini-product__image{position:relative;box-sizing:border-box;display:grid;place-items:center;flex:none;height:126px;min-height:0;padding:0;overflow:hidden;background:white}
 .application-experience .mobile-mini-product__image img{position:absolute;inset:8px;display:block;width:calc(100% - 16px);height:calc(100% - 16px);min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}
 .application-experience .mobile-mini-product__image>span{font-size:24px;color:#aeb6c3}
 .application-experience .app-product-shopping .mobile-mini-product h3{display:block;height:1.4em;min-height:1.4em;margin:10px 0 3px;overflow:hidden;font-size:13px;font-weight:750;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal}
 .application-experience .mobile-mini-product>[data-card-purchase-status]{margin:0;padding:0 12px 10px;font-size:12px}
 .application-experience .mobile-shopping__all{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:auto;padding-top:12px;color:#232536;font-size:14px;font-weight:800;text-decoration:none}
 .application-experience .mobile-shopping__all>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #17203330;border-radius:50%}
 .application-experience .app-priced-products{padding:32px 0 0}
 .application-experience .app-products-vat{box-sizing:border-box;width:min(calc(100% - var(--app-gutter)*2),var(--app-width));margin:0 auto 16px;font-size:12px;color:#657085}
 .application-experience .app-product-shopping .mobile-mini-product--price.public-product-card{flex:0 0 calc((100% - 80px)/5);max-width:none;border:1px solid #e0e4eb;border-radius:20px;scroll-snap-align:start}
 .application-experience .mobile-mini-product--price>a{padding:17px}
 .application-experience .app-product-shopping .mobile-mini-product--price .mobile-mini-product__image{height:155px}
 .application-experience .app-product-shopping .mobile-mini-product--price h3{font-size:14px;margin-bottom:12px}
 .application-experience .mobile-mini-product__price-label{min-height:18px;margin-top:auto;color:#6c7483;font-size:12px;line-height:18px}
 .application-experience .mobile-mini-product__price{display:block;margin-top:5px;color:#b5121b;font-size:25px;font-weight:850;line-height:1.3;white-space:nowrap}
 .application-experience .app-carousel-controls{position:static;display:block;height:0;margin:0;padding:0;font-size:12px}
 .application-experience .app-carousel-controls>div{display:block;height:0}
 .application-experience .app-carousel-controls [data-app-count]{position:absolute;top:-35px;right:2px;min-width:40px;line-height:20px;text-align:right}
 /* Flex keeps the decorative chevron and zero-size fallback text on one axis. */
 .application-experience .app-carousel-controls button{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:60px;height:116px;padding:0;border:1px solid #dce0e6;border-radius:18px;background:#fff;color:#172033;box-shadow:0 5px 22px #17203326;font-size:0;transform:translateY(-50%);cursor:pointer}
 .application-experience .app-carousel-controls [data-app-prev]{left:-68px}
 .application-experience .app-carousel-controls [data-app-next]{right:-68px}
 .application-experience .app-carousel-controls button::before{content:'';width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-left:-6px}
 .application-experience .app-carousel-controls [data-app-prev]::before{transform:rotate(-135deg);margin-left:6px}
 .application-experience .app-carousel-controls button:hover:enabled{border-color:#b5121b;color:#b5121b;background:#fff9f8}
 .application-experience .app-carousel-controls button:disabled{visibility:hidden;pointer-events:none}
 .application-experience .public-application-guide{padding:28px 0;background:#f6f7fa}
 .application-experience .public-application-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(calc(100% - var(--app-gutter)*2),var(--app-width));padding:0;overflow:visible}
 .application-experience .public-application-guide article{padding:30px;border:1px solid #e2e6ed;border-radius:24px;background:#fff}
 .application-experience .public-application-guide article:nth-child(2){background:#e7eefb}
 .application-experience .public-application-guide h2{font-size:30px}
 .application-experience .public-application-guide li{font-size:14px;line-height:1.5;padding:13px 14px 13px 40px}
 .application-experience .public-application-queries{width:min(calc(100% - var(--app-gutter)*2),var(--app-width));margin-top:20px;padding:20px}
 .application-experience .public-application-queries a{font-size:13px}
 .application-experience .app-selection-note{width:min(calc(100% - var(--app-gutter)*2),var(--app-width));font-size:12px}
 .application-experience>.app-project-section{width:min(calc(100% - var(--app-gutter)*2),var(--app-width));box-sizing:border-box;margin-inline:auto;padding:12px 0 30px}
 .application-experience .app-project>summary{padding:25px}
 .application-experience .app-project summary strong{font-size:28px}
 .application-experience .app-project summary small{font-size:11px}
 .application-experience .app-project summary span span{font-size:13px}
 .application-experience .app-project__body>p,.application-experience .app-project__body>small{margin:20px 25px;font-size:13px}
 .application-experience .app-project .app-rail-stage{width:calc(100% - 50px);max-width:800px;margin:45px auto 25px}
 .application-experience .app-project__rail{gap:20px;padding:0 2px 8px;scroll-padding-inline:2px!important}
 .application-experience .app-project-step{flex-basis:100%;padding:25px}
 .application-experience .app-project-step label{font-size:14px}
 .application-experience .app-project-step textarea{min-height:130px}
 .application-experience .app-project-step>button,.application-experience .app-project-step>.button{font-size:14px}
 .application-experience .public-related-applications{padding:30px 0 40px}
 .application-experience .public-related-applications .public-shell{width:min(calc(100% - var(--app-gutter)*2),var(--app-width))}
 .application-experience .public-related-applications .section-heading h2{font-size:20px}
 .application-experience .public-related-applications .public-shell>div:last-child>a{font-size:14px;padding:12px 18px}
}
@media(min-width:821px) and (max-width:1100px){
 .public-body--application,.application-experience{--app-gutter:72px}
 .public-body--application .public-header__main{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding-block:12px}
 .public-body--application .public-header-search{grid-column:1/-1;grid-row:2}
 .public-body--application .public-header__tools{grid-column:2;grid-row:1}
 .public-body--application .public-nav>div{flex-wrap:wrap;gap:2px}
 .public-body--application .public-nav a{padding-inline:10px}
 .application-experience .app-story,.application-experience .app-product-shopping .mobile-technical-group{flex-basis:calc((100% - 20px)/2)}
 .application-experience .app-product-shopping .mobile-mini-product--price.public-product-card{flex-basis:calc((100% - 40px)/3)}
}