/* ZAMPY / ATELIER REFINEMENTS — orange visual language, refined galleries. */
:root { --atelier-orange:#f4510b; --atelier-pale:#fff1e9; --atelier-line:#efe5de; }

/* A premium orange checkmark: soft ivory capsule, precise Zampy-orange stroke. */
.product-showcase .features-list{padding-top:18px;border-top:1px solid transparent;border-image:linear-gradient(90deg,#edb89c 0%,#f4e1d3 65%,transparent 100%) 1;gap:13px;}
.product-showcase .features-list li{display:flex;align-items:center;gap:13px;min-height:32px;line-height:1.5;color:#26383f;}
.product-showcase .features-list li .icon{
 width:28px;height:28px;min-width:28px;flex:0 0 28px;box-sizing:border-box;
 padding:6px;margin:0;stroke:var(--atelier-orange);stroke-width:3;
 background:linear-gradient(150deg,#fff7f1,#ffe9da);
 border:1px solid #f8cbb2;border-radius:10px;
 box-shadow:0 3px 10px rgba(244,81,11,.055);
}
/* Light editorial rules reinforce hierarchy without clutter. */
.section-product .section-heading::after,.section-competitor .section-heading::after{
 content:"";display:block;width:min(190px,29vw);height:2px;border-radius:100px;
 background:linear-gradient(90deg,var(--atelier-orange) 0%,#ffc7a8 45%,transparent 100%);margin:24px auto 0;
}
.section-competitor .section-heading.section-heading-split::after{margin:24px 0 0;}
.section-product .product-showcase{position:relative;}
.product-showcase .showcase-text{position:relative;}
.product-showcase .showcase-text::before{
 content:"";width:40px;height:3px;border-radius:100px;
 background:linear-gradient(90deg,var(--atelier-orange),#ffba91);
 margin-bottom:21px;flex:none;
}
.product-showcase .showcase-phone::after{
 content:"";position:absolute;z-index:1;pointer-events:none;inset:75px 17px 20px;
 border:1px solid rgba(238,157,110,.15);border-radius:22px;
}
.product-showcase .showcase-caption{display:none!important;}
.product-showcase .phone-visual{margin-bottom:0!important;}
.product-showcase .showcase-phone .showcase-corner{bottom:29px;}

/* Triple competitor narrative: consistent white cards and refined orange focus. */
.section-competitor .ecosystem-story .ecosystem-step,
.section-competitor .ecosystem-story .ecosystem-step-featured{
 color:#203038;background:#fff;border:1px solid var(--atelier-line);
 box-shadow:0 7px 31px rgba(28,24,21,.045);
 position:relative;overflow:hidden;
}
.section-competitor .ecosystem-story .ecosystem-step::before{
 content:"";position:absolute;left:23px;top:0;width:48px;height:3px;
 border-radius:0 0 6px 6px;background:linear-gradient(90deg,#f4510b,#ffc3a3);
}
.section-competitor .ecosystem-story .ecosystem-step-featured .ecosystem-step-index{
 color:var(--atelier-orange);font-weight:900;
}
.section-competitor .ecosystem-story .ecosystem-step-featured .ecosystem-step-title{color:#192b32;}
.section-competitor .ecosystem-story .ecosystem-step-featured .ecosystem-step-copy{color:#596970;}
.section-competitor .ecosystem-story .ecosystem-step-index{color:#e45b24;}
.section-competitor .ecosystem-story .ecosystem-step:hover{
 translate:0 -2px;box-shadow:0 10px 32px rgba(44,28,17,.08);
}

/* Full-screen gallery: always crisp, real screenshot, seamless next/previous controls. */
.screen-lightbox[hidden]{display:none!important;}
.screen-lightbox{
 position:fixed!important;z-index:1000;inset:0;
 display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;
 gap:12px;align-items:stretch;justify-items:stretch;
 padding:clamp(12px,2.5vh,22px) clamp(14px,3vw,36px) 15px!important;
 background:rgba(15,24,29,.985)!important;overscroll-behavior:contain;
}
.screen-lightbox-toolbar{width:min(100%,1120px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;}
.screen-lightbox-brand{color:#fee5d4;font-size:10px;letter-spacing:.18em;font-weight:800;white-space:nowrap;}
.screen-lightbox-index{color:#fff;font-size:13px;letter-spacing:.11em;font-weight:800;white-space:nowrap;}
.screen-lightbox .screen-lightbox-close{
 position:static!important;flex:none;top:auto!important;right:auto!important;
 font-family:inherit;color:#fff;background:#2e3a40;border:1px solid #66717a;
 border-radius:999px;padding:11px 19px;cursor:pointer;line-height:1.2;font-size:12px;
}
.screen-lightbox .screen-lightbox-close:hover{background:var(--atelier-orange);border-color:var(--atelier-orange);}
.screen-lightbox-stage{width:min(100%,1160px);min-height:0;height:100%;margin:auto;display:grid;grid-template-columns:66px minmax(0,1fr) 66px;align-items:center;justify-items:center;gap:12px;}
.screen-lightbox .screen-lightbox-inner{
 width:100%;max-width:850px;min-width:0;height:100%;min-height:0;max-height:100%;
 display:flex;align-items:center;justify-content:center;position:relative;
}
.screen-lightbox .screen-lightbox-inner img{
 display:block;width:100%;height:100%;max-width:100%;max-height:100%;
 object-fit:contain;filter:none!important;
}
.screen-lightbox-arrow{
 display:grid;place-items:center;width:52px;height:52px;border:1px solid #66737a;border-radius:50%;
 color:#fff;background:#303d43;cursor:pointer;
 transition:background .22s,border-color .22s,transform .24s;
}
.screen-lightbox-arrow .icon{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;}
.screen-lightbox-arrow-prev .icon{transform:rotate(180deg)}
.screen-lightbox-arrow:hover{background:var(--atelier-orange);border-color:var(--atelier-orange);transform:translateY(-2px)}
.screen-lightbox-arrow:focus-visible,.screen-lightbox-close:focus-visible{outline:3px solid #ff9d67;outline-offset:4px;}
.screen-lightbox-help{color:#b9c1c5;font-size:11px;text-align:center;margin:0 auto 4px;letter-spacing:.02em;}
body.is-zoomed{overflow:hidden;}
@media(max-width:760px){
 .screen-lightbox{padding:12px 8px 18px!important;gap:8px;}
 .screen-lightbox-toolbar{padding-inline:9px;gap:9px;}
 .screen-lightbox-brand{font-size:8px;letter-spacing:.055em;}
 .screen-lightbox-index{font-size:11px;}
 .screen-lightbox .screen-lightbox-close{padding:9px 12px;font-size:11px;}
 .screen-lightbox-stage{grid-template-columns:39px minmax(0,1fr) 39px;gap:4px;}
 .screen-lightbox-arrow{width:36px;height:36px;}
 .screen-lightbox-arrow .icon{width:17px;height:17px;}
 .screen-lightbox-help{font-size:9px;padding-inline:14px;line-height:1.5;}
 .product-showcase .features-list li .icon{width:26px;height:26px;min-width:26px;flex-basis:26px;}
 .product-showcase .showcase-phone::after{inset:66px 11px 10px;}
}
@media(prefers-reduced-motion:reduce){
 .screen-lightbox-arrow,.section-competitor .ecosystem-story .ecosystem-step{transition:none!important;}
}