.product-showcase{padding:95px 0;overflow:hidden;background:radial-gradient(ellipse at 80% 70%,#e1eddf80,transparent 60%),#f6f8f6}.showcase-heading{margin:0 7%;display:flex;align-items:end;justify-content:space-between;gap:30px}.showcase-heading h2{font-size:clamp(27px,3vw,42px);line-height:1.7;margin-bottom:0}.showcase-heading>p{font-size:14px;line-height:2;color:var(--muted);margin:0}.carousel-controls{display:flex;gap:9px;margin:24px 7% 10px;align-items:center}.carousel-controls button{font:inherit;font-size:14px;color:#25544e;background:#fff;border:1px solid #d6e3da;border-radius:50%;height:42px;min-width:42px;cursor:pointer;transition:.2s}.carousel-controls .carousel-pause{border-radius:30px;padding:0 19px}.carousel-controls button:hover{background:#e2eddf}.product-rail{display:flex;gap:22px;overflow-x:auto;padding:25px 7% 40px;direction:rtl;scrollbar-width:thin;scrollbar-color:#a9c2b3 transparent;overscroll-behavior-x:contain}.brand-card{flex:0 0 228px;min-height:215px;background:linear-gradient(145deg,#fff,#fbfdfb);border:1px solid #dce7de;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-decoration:none;color:#173b3b;box-shadow:0 9px 25px #173e2e06;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s}.brand-card:after{content:'';position:absolute;bottom:0;width:46px;height:3px;background:#6b9c87;border-radius:4px;opacity:.4;transition:width .3s}.brand-card:hover,.brand-card:focus-visible{transform:translateY(-9px);border-color:#91b49d;box-shadow:0 20px 35px #1a483815}.brand-card:hover:after{width:100px;opacity:1}.brand-card img{width:160px;height:86px;object-fit:contain}.brand-card h3{font-size:18px;font-weight:700;margin:0}.brand-initial{font-size:40px}.detail-nav{padding:25px 7%;background:#0b3036;display:flex;justify-content:space-between;align-items:center;color:white}.detail-nav>a:last-child{color:#d5e8da;text-decoration:none;font-size:14px}.product-intro{padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.product-intro h1{font-size:44px;line-height:1.6;margin:15px 0}.detail-logo{background:white;border:1px solid #dfebe1;border-radius:20px;padding:20px;width:200px;box-shadow:0 10px 35px #204a3209}.detail-logo img{width:160px;height:75px;object-fit:contain}.detail-summary{font-size:18px;line-height:2;color:#526b71;margin-bottom:28px}.detail-copy .button{display:inline-block}.new-tab-note{display:block;font-size:12px;color:#617773;margin-top:12px}.product-overview{border-right:2px solid #b6d0bb;padding:10px 30px}.product-overview h2{font-size:27px;line-height:1.8}.product-overview p{line-height:2.2;color:#526b71}.site-preview{padding:15px 7% 90px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.preview-heading h2{font-size:27px}.preview-heading a{color:#277467;text-decoration:none;font-size:14px}.browser-frame{border:1px solid #d5e3da;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #133e3512;background:#fff}.browser-bar{display:flex;align-items:center;gap:25px;padding:14px 22px;background:#e6ede8;direction:ltr}.browser-bar span{font-size:12px;letter-spacing:4px;color:#88a799}.browser-bar b{font:12px Arial,sans-serif;color:#4b685e;overflow-wrap:anywhere}.browser-frame img{display:block;width:100%;height:auto}.preview-empty{padding:60px 25px;text-align:center;color:#617773}.product-page footer{margin-top:0}
@media(max-width:700px){.product-showcase{padding:60px 0}.showcase-heading{display:block}.showcase-heading>p{margin-top:15px}.brand-card{flex-basis:190px;min-height:195px}.product-rail{gap:15px}.brand-card img{width:140px;height:75px}.product-intro{grid-template-columns:1fr;padding-block:45px;gap:35px}.product-intro h1{font-size:34px}.detail-nav{gap:20px}.detail-nav .brand span{display:none}.preview-heading{display:block}.preview-heading h2{font-size:23px}.browser-bar{gap:8px;padding:12px}.site-preview{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.brand-card{transition:none}}