/* Zid Gold accents sit alongside the brand's primary Royal and Lavender. */
body{background:#fff;color:#1f0433}
body[data-page=home] .film-cta{background:#f9e683;color:#1f0433;box-shadow:0 7px 24px #12081d35}
body[data-page=home] .film-cta:hover{background:#fff0a8}
body[data-page=home] .film-content h1 em{color:#f9e683}
body[data-page=home] .film-scroll i{background:#f9e683}
body[data-page=home] .proof.section-pad{background:#faf6e8;color:#1f0433}
body[data-page=home] .proof .section-head h2>span{color:#614077}
body[data-page=home] .proof .case-card,body[data-page=home] .proof .case-card:nth-child(2){background:#fff;border:1px solid #eae2ce;border-top:4px solid #f9e683;box-shadow:0 6px 22px #3c1c5409;color:#1f0433}
body[data-page=home] .proof .case-stat strong{color:#3c1c54}
body[data-page=home] .proof .case-card .case-store,body[data-page=home] .proof .case-card .case-stat>span{color:#655b68}
body[data-page=home] .proof .case-voice{border-color:#eee6d8}
body[data-page=home] .difference .section-head h2>span{color:#76509a}
body[data-page=home] .demo-workbench{background:#f5f4f6;border-color:#e8e4eb}
body[data-page=home] .demo-topbar,body[data-page=home] .demo-bottom{background:#fff}
body[data-page=home] .demo-tabs button[aria-selected=true]{background:#f9e683;color:#1f0433;border-color:#f9e683}
body[data-page=home] .demo-tabs button[aria-selected=true]:hover{background:#f9e683}
body[data-page=home] .before-after{background:#e8e4eb;border-color:#d8cfe0}
body[data-page=home] .before-after button[aria-pressed=true]{background:#3c1c54;color:#fff}
body[data-page=home] .before-after button[aria-pressed=false]{background:#fff;color:#3c1c54}
body[data-page=home] .demo-paths .button{background:#3c1c54;color:#fff}
body[data-page=home] .demo-paths .button:hover{background:#1f0433}
body[data-page=home] .start-section{background:#f9e683;color:#1f0433}
body[data-page=home] .start-copy p,body[data-page=home] .end-lead-form label{color:#3c1c54}
body[data-page=home] .end-form-row .button{background:#3c1c54;color:#fff}
body[data-page=home] .end-form-row .button:hover{background:#1f0433}
body[data-page=home] .end-lead-form .form-status{color:#3c1c54}
body[data-page=home] .end-lead-form .form-status.is-error{color:#9b1e46}
body[data-page=guide]{background:#f5f4f6;color:#1f0433}
body[data-page=guide] .task-panel{border-color:#e8e4eb}
body[data-page=guide] .task-instructions li::before{background:#f9e683;color:#3c1c54}
body[data-page=guide] .dashboard-action{background:#3c1c54;color:#fff}
body[data-page=guide] .desktop-complete{border-color:#c8bad1;color:#3c1c54}
body[data-page=guide] .completion-logo{background:#f9e683;color:#3c1c54}
body[data-page=guide] .guide-sidebar progress{accent-color:#3c1c54}
@media(max-width:760px){body[data-page=home] .demo-tabs button[aria-selected=true]{background:#f9e683;border-color:#f9e683;color:#1f0433}body[data-page=home] .demo-tabs button[aria-selected=false]{background:#f8f6fa;border-color:#e8e4eb;color:#3c1c54}}
/* Make the outcome and the work behind it understandable at a glance. */
body[data-page=home] .proof .results-intro{font-size:14px;line-height:1.8;color:#665875;margin-top:8px}
body[data-page=home] .proof .case-card{padding:18px;display:flex;flex-direction:column;gap:11px}
body[data-page=home] .proof .case-store{font-size:13px;font-weight:600;margin:0;color:#3c1c54}
body[data-page=home] .proof .case-stat{text-align:right;display:block;margin:0}
body[data-page=home] .proof .case-stat strong{font-size:38px;line-height:1.2}
body[data-page=home] .proof .case-stat>span{display:block;font-size:12px;line-height:1.7;margin-top:5px;max-width:none;color:#3c1c54}
body[data-page=home] .proof .case-stat small{display:block;color:#766a7e;font-size:10px;margin-top:2px}
body[data-page=home] .case-changes{border-top:1px solid #eee6d8;padding-top:10px;margin-top:auto}
body[data-page=home] .case-changes b{font-size:12px;color:#3c1c54}
body[data-page=home] .case-changes p{font-size:12px;line-height:1.8;color:#675570;margin:4px 0 0}
@media(max-width:760px){body[data-page=home] .proof .results-intro{font-size:12px;line-height:1.7;margin-top:6px}body[data-page=home] .proof .case-card{padding:13px 12px;gap:9px}body[data-page=home] .proof .case-store{font-size:12px}body[data-page=home] .proof .case-stat strong{font-size:30px}body[data-page=home] .proof .case-stat>span{font-size:11px;line-height:1.7}body[data-page=home] .proof .case-stat small{font-size:10px}body[data-page=home] .case-changes b{font-size:11px}body[data-page=home] .case-changes p{font-size:11px;line-height:1.75}}

body[data-page=home] .proof .case-card,body[data-page=home] .proof .case-card:nth-child(2){border:1px solid #e8e4eb;box-shadow:0 6px 22px #3c1c5409}

/* Preserve the requested three-line headline without awkward wrapping. */
.film-content h1 .hero-second-line{white-space:nowrap}
@media(max-width:760px){.film-content h1 .hero-second-line{font-size:clamp(19px,6vw,29px)}}
/* Results are readable in normal document flow on every screen. */
body[data-page=home] .proof .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body[data-page=home] .proof .case-card{padding:24px;min-width:0}
@media(max-width:760px){body[data-page=home] .proof .case-grid{grid-template-columns:1fr;gap:10px}body[data-page=home] .proof .case-card{padding:18px}}

/*
Coverflow behavior adapted from Smooth UI by Eduardo Calvo.
Source: https://github.com/educlopez/smoothui (b6312bc)

MIT License

Copyright (c) 2024 Eduardo Calvo

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

*/
body[data-page=home] .proof.section-pad{overflow:clip}

body[data-page=home] .proof .section-head h2{white-space:nowrap}
@media(max-width:760px){body[data-page=home] .proof .section-head h2{font-size:clamp(16px,4.8vw,23px)}}
body[data-page=home] .proof .section-head h2>span{display:inline}

/* Swipeable, looping results cards on mobile; desktop stays as a grid. */
@media(max-width:760px){
 body[data-page=home] .proof .case-grid{position:relative;display:flex;direction:ltr;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:12px 7%;scroll-padding-inline:7%;touch-action:pan-x pan-y}
 body[data-page=home] .proof .case-grid::-webkit-scrollbar{display:none}
 body[data-page=home] .proof .case-card{direction:rtl;flex:0 0 82%;min-height:218px;scroll-snap-align:center;box-shadow:0 8px 20px #1f043314;transform-origin:center;backface-visibility:hidden}
 body[data-page=home] .case-swipe-hint{display:block;text-align:center;color:#765f82;font-size:11px;margin:4px 0 0}
}
@media(min-width:761px){body[data-page=home] .case-swipe-hint{display:none}}

/* Distinguish illustrative examples from measured merchant results. */
body[data-page=home] .demo-example-label{font-size:11px;color:#75677e;margin:14px 0 0;line-height:1.6}
body[data-page=home] .demo-result{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #e8e4eb;line-height:1.7}
body[data-page=home] .demo-result span{font-size:11px;color:#766882}
body[data-page=home] .demo-result p{font-size:12px;color:#3c1c54;margin:4px 0 0}
body[data-page=home] .demo-result strong{font-size:17px;display:inline-block}
@media(max-width:760px){body[data-page=home] .demo-copy .demo-example-label,body[data-page=home] .demo-copy .demo-result{grid-column:1/-1}body[data-page=home] .demo-result{margin:3px 0 0}}

/* Photographic product imagery for the illustrative store. */
body[data-page=home] .banner-art{opacity:1;overflow:hidden;position:absolute;left:0;top:0;bottom:0;width:49%;min-height:0}
body[data-page=home] .banner-art>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;transform:none;filter:none}
body[data-page=home] .banner-halo,body[data-page=home] .banner-ring,body[data-page=home] .banner-seal{display:none}
body[data-page=home] .merchant-banner{background:#e9e2d8;color:#281638}
body[data-page=home] .banner-message{position:relative;z-index:2;max-width:58%}
body[data-page=home] .product-picture img,body[data-page=home] .option-cup img,body[data-page=home] .home-featured-image img{width:100%;height:100%;object-fit:cover;transform:none}
body[data-page=home] .category-thumb img,body[data-page=home] .category-feed img{object-fit:cover}

body[data-page=home] .merchant-banner .banner-message p,body[data-page=home] .merchant-banner .banner-overline{color:#5d4b66;opacity:1}
body[data-page=home] .merchant-banner .banner-message em{color:#68408b}

/* User-provided after banner: show each original device layout without distorting it. */
body[data-page=home] .provided-banner{position:relative;width:100%;aspect-ratio:961/449;overflow:hidden;background:#f5dfbd;border-radius:8px}
body[data-page=home] .provided-banner img{position:absolute;width:133.2%;height:auto;max-width:none;left:-1.873%;top:-4.01%}
body[data-page=home] .poor-banner{position:relative;min-height:250px;overflow:hidden;border-radius:8px;background:#ad9682;color:#fff}
body[data-page=home] .poor-banner-image{position:absolute;inset:0;background:linear-gradient(90deg,#0004,#0008),url('assets/box-banner-before.png') center/cover no-repeat;filter:brightness(.68)}
body[data-page=home] .poor-banner .banner-message{position:relative;max-width:none;z-index:1;padding:40px 24px;text-align:center;color:#fff}
body[data-page=home] .poor-banner h3{font-size:26px;line-height:1.4;margin:16px 0;color:#fff}
body[data-page=home] .poor-banner p,body[data-page=home] .poor-banner span{color:#eee;font-size:13px}
body[data-page=home] .poor-banner-button{display:inline-block;background:#8c8c8c;padding:8px 18px;margin-top:12px;border-radius:3px}
@media(max-width:760px){body[data-page=home] .provided-banner{aspect-ratio:264/449}body[data-page=home] .provided-banner img{width:484.85%;left:-377.65%;top:-4.01%}body[data-page=home] .poor-banner{aspect-ratio:264/449}body[data-page=home] .poor-banner .banner-message{padding:30% 15px}}

body[data-page=home] .demo-example-label:empty{display:none}

/* Product options comparison */
.cup-options-example .option-cup img{object-fit:contain;transform:none;max-width:100%;height:180px}
.cup-options-example .option-values button[aria-pressed="true"]{background:#3c1c54;color:#fff;border-color:#3c1c54}
.cup-options-example .option-selection{min-height:1.5em}
@media(max-width:760px){.cup-options-example .option-cup img{height:135px}.cup-options-example .option-product h3{font-size:17px;line-height:1.6}.cup-options-example .option-values{display:flex;flex-wrap:wrap}}

.cup-options-example .options-empty{color:#6b6270;font-size:13px;padding:16px 0;margin:0}
.cup-quantity{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;font-weight:600}
.cup-quantity-control{display:flex;align-items:center;gap:0;border:1px solid #d7cfe0;border-radius:9px;overflow:hidden}
.cup-quantity-control button{background:#fff;border:0;color:#3c1c54;width:42px;height:42px;font-size:20px;cursor:pointer}
.cup-quantity-control button:focus-visible{outline:2px solid #3c1c54;outline-offset:-3px}
.cup-quantity-control output{min-width:36px;text-align:center;direction:ltr}

.cup-description{position:relative;margin-top:22px;padding:16px 12px;color:#30233a;font-size:14px;line-height:1.9}
.cup-description strong{display:block;font-size:13px;color:#3c1c54;margin-bottom:6px}
.cup-description p{margin:0}
@media(max-width:760px){.cup-description{font-size:13px;line-height:1.9;margin-top:18px}}

/* Compact anonymous category example. */
.category-comparison-example{max-width:620px;margin:auto;color:#261d28}
.category-disclaimer{font-size:11px;line-height:1.7;color:#655c66;margin:10px 0 0}
.category-single{position:relative;min-width:0}
.category-frame{overflow:hidden;background:#f8f7f1;border:1px solid #e9e7e0;border-radius:10px}
.category-frame img{display:block;width:100%;height:auto}
@media(max-width:760px){.category-disclaimer{font-size:10px}}

/* Reviews presented from supplied reference images. */
.provided-reviews-example{max-width:580px;margin:auto;color:#241d29}
.provided-store-banner{background:#f4eee9;border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;color:#3c1c54}
.provided-store-banner b{font-size:17px}.provided-store-banner span{font-size:11px}
.store-device .provided-testimonials,.provided-testimonials{background:#faf9f6;border:1px solid #e7e2dd;border-radius:12px;margin:22px 4px 4px;padding:18px;min-height:185px}
.provided-testimonials h3{font-size:18px;margin:0 0 14px;color:#211c22}
.provided-empty{min-height:145px;display:grid;place-items:center;text-align:center;color:#817882;font-size:13px}
.provided-review-card{background:#fff;border:1px solid #f0ede8;border-radius:12px;padding:16px;min-height:130px;box-shadow:0 4px 18px #342a1e0b}
.provided-review-card[hidden]{display:none}
.provided-review-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.provided-review-meta b{font-size:14px}.provided-review-meta time{font-size:11px;color:#877f84}
.provided-review-card p{margin:13px 0 0;font-size:14px;line-height:1.9;color:#39323a}
.provided-review-controls{display:flex;justify-content:center;gap:7px;margin-top:12px}
.provided-review-controls button{width:36px;height:36px;border:1px solid #dfd8e2;border-radius:50%;background:#fff;color:#3c1c54;cursor:pointer;font-size:12px}
.provided-review-controls button[aria-pressed="true"]{background:#3c1c54;color:#fff;border-color:#3c1c54}
.provided-review-controls button:focus-visible{outline:2px solid #8e5ab3;outline-offset:2px}
.provided-review-note{display:block;margin-top:10px;color:#756e73;font-size:10px;line-height:1.6}
@media(max-width:760px){.store-device .provided-testimonials,.provided-testimonials{padding:14px;margin:16px 2px 2px}.provided-review-card{padding:13px;min-height:120px}.provided-review-card p{font-size:13px;line-height:1.85}.provided-store-banner{padding:15px}.provided-review-controls button{width:40px;height:40px}}

/* Rebuild the category labels as readable text while keeping the original photos. */
.category-tiles-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 2px 8px;scrollbar-width:thin}
.category-tiles-scroll:focus-visible{outline:2px solid #8050a5;outline-offset:2px}
.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px;min-width:444px}
.category-tile{min-width:0;border:1px solid #e9e2dc;border-radius:11px;padding:6px;background:#faf8f4;overflow:hidden}
.category-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#e0c7b1}
.category-tile span{display:flex;justify-content:center;align-items:center;min-height:40px;padding:6px 2px;text-align:center;font-size:12px;font-weight:600;line-height:1.45;color:#201a24}
.category-scroll-hint{text-align:center;color:#776e78;font-size:10px;margin:7px 0 0}
@media(max-width:760px){.category-tile span{font-size:12px}.category-tiles{grid-template-columns:repeat(4,105px)}}

/* Mobile presentation for the updated comparison examples. */
@media(max-width:760px){
  body[data-page=home] .demo-tabs button{font-size:12px;line-height:1.45;min-height:48px;padding:8px 4px}
  body[data-page=home] .demo-copy .before-after button{font-size:13px;min-height:44px}
  body[data-page=home] .demo-stage{min-width:0;padding-inline:10px}
  .store-device-body{min-width:0;padding:14px 10px}
  .cup-options-example .option-product{grid-template-columns:minmax(85px,.9fr) minmax(0,1.1fr);gap:10px}
  .store-device .cup-options-example .option-product h3,.task-example .cup-options-example .option-product h3{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
  .store-device .cup-options-example .option-product b,.task-example .cup-options-example .option-product b{font-size:20px}
  .store-device .cup-options-example .option-cup img,.task-example .cup-options-example .option-cup img{height:125px;object-fit:contain;transform:none}
  .store-device .cup-options-example .option-field label,.task-example .cup-options-example .option-field label{font-size:13px;line-height:1.6}
  .store-device .cup-options-example .option-values button,.task-example .cup-options-example .option-values button{font-size:13px;min-height:44px;white-space:normal;line-height:1.4}
  .store-device .cup-options-example .option-selection,.task-example .cup-options-example .option-selection{font-size:12px;line-height:1.6}
  .cup-quantity-control button{width:44px;height:44px}
  .store-device .cup-description-example #product-description.changed-target,.task-example .cup-description-example #product-description{font-size:13px;line-height:1.9;padding:12px 8px}
  .store-device .cup-options-example .visual-disclaimer,.task-example .cup-options-example .visual-disclaimer{display:block;font-size:10px;line-height:1.7;color:#6f6474;margin-top:12px}
  .provided-testimonials h3{font-size:16px;line-height:1.5}
  .provided-review-card p{font-size:14px;line-height:1.85;overflow-wrap:anywhere}
  .provided-review-controls button{width:44px;height:44px}
  .category-tiles-scroll{max-width:100%;-webkit-overflow-scrolling:touch}
  .category-tiles{grid-template-columns:repeat(4,110px);min-width:464px}
  .category-tile span{font-size:12px;line-height:1.5;min-height:44px}
  .category-scroll-hint,.category-disclaimer,.provided-review-note{font-size:11px;line-height:1.7}
}
@media(max-width:360px){
  .cup-options-example .option-product{grid-template-columns:minmax(78px,.85fr) minmax(0,1.15fr);gap:8px}
  .store-device .cup-options-example .option-product h3,.task-example .cup-options-example .option-product h3{font-size:15px}
  .store-device .cup-options-example .option-cup img,.task-example .cup-options-example .option-cup img{height:110px}
}

/* The before example leaves a clear empty category area and shows two products. */
.category-empty-space{height:clamp(58px,13vw,96px);background:#f8f7f1}
.category-before-products{position:relative;aspect-ratio:586 / 350;overflow:hidden;background:#f8f7f1}
.category-before-products img{position:absolute;top:0;left:-25.6%;width:125.6%;max-width:none;height:auto}

.capacity-field{margin-top:18px;min-width:0}
.capacity-label{display:block;font-size:13px;font-weight:600;line-height:1.6}
.capacity-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.capacity-values button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid #d8cfe0;border-radius:9px;background:#fff;color:#3c1c54;font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.capacity-values button[aria-pressed="true"]{background:#3c1c54;border-color:#3c1c54;color:#fff}
.capacity-values button:focus-visible{outline:2px solid #8050a5;outline-offset:2px}
.capacity-selection{font-size:12px;color:#716579;line-height:1.6;margin:8px 0 0}
@media(max-width:360px){.capacity-values{gap:5px}.capacity-values button{font-size:12px}}