.website-samples-section{padding:88px 0;background:#f7f9fa;scroll-margin-top:90px}
.website-samples-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:38px}
.website-samples-heading h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.18;color:#102332;letter-spacing:-.035em;margin:0}
.website-samples-heading .website-samples-eyebrow{display:block;color:#007da8;text-transform:uppercase;font-size:.6875rem;font-weight:700;letter-spacing:.13em;margin-bottom:16px}
.website-samples-heading p{font-size:.9375rem;line-height:1.85;color:#5b6e7c;margin:0 0 14px}
.website-samples-heading a{font-size:.8125rem;color:#007da8;font-weight:650}
.website-samples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.website-sample{min-width:0;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 12px 40px #1634490a,0 2px 6px #16344903;scroll-margin-top:100px}
.website-sample-preview{display:block;position:relative;padding:24px 24px 0;background:#e9efec;color:#53666e}
.website-sample:nth-child(2) .website-sample-preview{background:#e5f1ef}.website-sample:nth-child(3) .website-sample-preview{background:#e5ebf1}.website-sample:nth-child(4) .website-sample-preview{background:#edf0f4}.website-sample:nth-child(5) .website-sample-preview{background:#efebe5}.website-sample:nth-child(6) .website-sample-preview{background:#e8ece4}
.website-sample-browser{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;padding:12px 14px;border-radius:10px 10px 0 0;font-size:.6rem;line-height:1.4}
.website-sample-browser>span:first-child{color:#b4c4ce;font-size:.55rem;letter-spacing:3px;white-space:nowrap}
.website-sample-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;box-shadow:0 10px 24px #122a3a14}
.website-sample-open{display:flex;justify-content:space-between;align-items:center;padding:15px 2px 18px;color:#294955;font-size:.7rem;font-weight:600;min-height:44px}
.website-sample-open i{transform:rotate(45deg);transition:transform .2s}.website-sample-preview:hover .website-sample-open i{transform:rotate(45deg) translateY(-3px)}
.website-sample-copy{padding:28px 30px 30px}.website-sample-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:18px}.website-sample-meta>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#007da8}.website-sample-meta small{font-size:.625rem;background:#f0f5f7;padding:5px 10px;border-radius:30px;color:#5b6e7c}
.website-sample-copy h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em;color:#102332;margin:0 0 13px}.website-sample-copy p{font-size:.8125rem;line-height:1.85;color:#617480;margin:0 0 17px}.website-sample-features{display:block;color:#526c77;font-size:.6875rem;line-height:1.8}.website-sample-enquire{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#007da8;font-size:.75rem;font-weight:650;margin-top:20px;min-height:44px}
.website-samples-section a:focus-visible{outline:3px solid #007da8;outline-offset:4px}
@media(max-width:767px){.website-samples-section{padding:52px 0}.website-samples-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.website-samples-grid{grid-template-columns:1fr;gap:24px}.website-sample-preview{padding:16px 14px 0}.website-sample-copy{padding:24px}.website-sample-browser{padding:10px;font-size:.53rem}.website-sample-browser>span:first-child{letter-spacing:1px}.website-sample-copy h3{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){.website-sample-open i{transition:none}}

/* Compact horizontal gallery on the homepage only. */
.baze-home .website-samples-section{padding:56px 0}
.baze-home .website-samples-section>.bh-container{max-width:1600px;width:100%;padding:0 40px}
.baze-home .website-samples-heading{gap:40px;margin-bottom:22px}
.baze-home .website-samples-heading h2{font-size:clamp(1.7rem,2.4vw,2.25rem)}
.baze-home .website-samples-heading p{font-size:.8125rem;line-height:1.75}
.baze-home .website-samples-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;padding:8px 4px 22px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.baze-home .website-samples-grid::-webkit-scrollbar{display:none;width:0;height:0}
.website-slider-stage{position:relative}
.website-slider-arrow{position:absolute;top:calc(50% - 7px);transform:translateY(-50%);z-index:2}
.website-slider-arrow[data-slide="previous"]{left:-22px}
.website-slider-arrow[data-slide="next"]{right:-22px}
.baze-home .website-sample{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;border-radius:20px}
.baze-home .website-sample-preview{padding:14px 14px 0}
.baze-home .website-sample-browser{padding:9px 10px;font-size:.52rem}
.baze-home .website-sample-open{padding:10px 0;min-height:38px;font-size:.65rem}
.baze-home .website-sample-copy{padding:18px 20px}
.baze-home .website-sample-meta{margin:0;gap:8px}
.baze-home .website-sample-meta>span{font-size:.65rem}
.baze-home .website-sample-copy h3,.baze-home .website-sample-copy p,.baze-home .website-sample-features,.baze-home .website-sample-enquire{display:none}
.website-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.website-slider-controls[hidden]{display:none}
.website-slider-controls>a{color:#007da8;font-size:.8rem;font-weight:650}
.website-slider-buttons{display:flex;gap:10px}
.website-slider-buttons button,.website-slider-arrow{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#007da8;box-shadow:0 4px 18px #16344920;cursor:pointer}
.website-slider-buttons button:disabled,.website-slider-arrow:disabled{opacity:.45;cursor:default}
.website-slider-buttons button:focus-visible,.website-slider-arrow:focus-visible,.baze-home .website-samples-grid:focus-visible{outline:3px solid #007da8;outline-offset:3px}
@media(max-width:1100px){.baze-home .website-sample{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:767px){.baze-home .website-samples-section{padding:40px 0}.baze-home .website-samples-section>.bh-container{padding:0 20px}.baze-home .website-samples-heading{gap:16px}.baze-home .website-samples-grid{gap:16px}.baze-home .website-sample{flex-basis:88%}.baze-home .website-sample-copy{padding:16px}.website-slider-controls>a{font-size:.75rem}}
@media(max-width:767px){.website-slider-arrow[data-slide="previous"]{left:-12px}.website-slider-arrow[data-slide="next"]{right:-12px}}