.product-hero{overflow:hidden;background:radial-gradient(circle at 75% 40%,#14745e 0,#0a3b45 22%,var(--navy) 58%);color:#fff;padding:76px 0}.product-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:300px}.product-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,6vw,5rem);line-height:1;margin:14px 0 20px}.product-hero p{max-width:630px;color:#c7dcde;font-size:1.1rem}.orbit{height:270px;position:relative;animation:float 5s ease-in-out infinite}.orbit i{position:absolute;width:155px;height:155px;border:1px solid #82d7b880;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 32px #ffffff08,0 0 0 64px #ffffff06}.orbit span{position:absolute;z-index:2;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900;box-shadow:0 16px 40px #0018}.orbit span:nth-child(1){left:48%;top:4%}.orbit span:nth-child(2){right:4%;top:39%}.orbit span:nth-child(3){left:43%;bottom:0}.orbit span:nth-child(4){left:4%;top:39%}.finder-bar{position:sticky;top:88px;z-index:10;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 16px 45px #0b303311;display:flex;gap:14px;align-items:center;justify-content:space-between}.product-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:9px 13px;min-width:300px}.product-search span{font-size:1.4rem;color:var(--green)}.product-search input{border:0;outline:0;width:100%;font:inherit;background:transparent}.filter-chips{display:flex;gap:8px;overflow:auto;padding:2px}.filter-chip{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:99px;font:inherit;font-size:.86rem;font-weight:800;white-space:nowrap;cursor:pointer}.filter-chip b{font-size:.72rem;margin-left:3px}.filter-chip:hover,.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.result-count{color:var(--muted);font-size:.9rem;margin:22px 0 14px}.interactive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.interactive-card{position:relative;overflow:hidden;text-align:left;min-height:290px;border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s}.interactive-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-55px;background:linear-gradient(135deg,var(--mint),#eefaf5);transition:transform .35s}.interactive-card:hover,.interactive-card:focus-visible{transform:translateY(-7px);box-shadow:0 22px 50px #0629361a;border-color:#7ccbad;outline:none}.interactive-card:hover:before{transform:scale(1.35)}.material-code{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:var(--navy);color:#fff;font-weight:900;font-size:1.1rem;margin-bottom:28px;box-shadow:8px 8px 0 var(--mint)}.interactive-card .badge{position:absolute;right:16px;top:16px}.interactive-card h2{font-family:Georgia,serif;font-size:1.6rem;margin:0 0 6px}.interactive-card p{color:var(--muted);margin:0 0 28px}.explore{position:absolute;bottom:22px;left:26px;color:var(--green);font-weight:800}.explore b{display:inline-block;transition:transform .2s}.interactive-card:hover .explore b{transform:translate(4px,-4px)}.product-photo-card{padding-top:154px}.product-card-photo{position:absolute;inset:0 0 auto;width:100%;height:130px;object-fit:cover;object-position:center 54%;border-bottom:1px solid var(--line)}.product-photo-card:before{display:none}.product-photo-card .material-code{position:absolute;left:26px;top:104px;width:64px;height:64px;margin:0}.product-photo-card .badge{top:142px}.dialog-product-photo{display:none;width:100%;height:210px;object-fit:cover;border-radius:14px;margin:0 0 22px}.dialog-product-photo.is-visible{display:block}.dialog-product-photo.is-visible~.dialog-code{display:none}.interactive-card.hide{display:none}.interactive-card.reveal{animation:cardIn .38s both}.empty-products{padding:60px;text-align:center;border:1px dashed var(--line);border-radius:16px}.empty-products strong,.empty-products span{display:block}.product-dialog{width:min(520px,calc(100% - 28px));border:0;border-radius:20px;padding:36px;box-shadow:0 35px 100px #001b}.product-dialog::backdrop{background:#001a24bd;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:14px;border:0;background:#edf4f2;width:38px;height:38px;border-radius:50%;font-size:1.5rem;cursor:pointer}.dialog-code{width:82px;height:82px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:20px;box-shadow:9px 9px 0 var(--mint)}.product-dialog h2{font-family:Georgia,serif;font-size:2.2rem;line-height:1.1}.detail-block{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.detail-block p{color:var(--muted);margin:3px 0}.dialog-note{font-size:.86rem;color:var(--muted);background:var(--paper);padding:12px;border-radius:8px}.product-dialog[open]{animation:dialogIn .25s both}
@keyframes cardIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@keyframes float{50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){.product-hero-grid{grid-template-columns:1fr}.orbit{display:none}.finder-bar{align-items:stretch;flex-direction:column;top:82px}.product-search{min-width:0}.interactive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.interactive-grid{grid-template-columns:1fr}.filter-chips{margin:0 -2px}.product-hero{padding:58px 0}.product-browser{padding-top:36px}.finder-bar{position:relative;top:auto}.interactive-card{min-height:270px}}
.interactive-card{min-height:370px}.product-photo-card{min-height:405px}.application-preview{position:absolute;left:26px;right:26px;bottom:55px;padding:12px 14px;border-radius:11px;background:#eff8f4;color:#526561;line-height:1.35;transition:transform .25s ease,background .25s ease}.application-preview b,.application-preview span{display:block}.application-preview b{color:var(--green);font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}.application-preview span{font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.interactive-card:hover .application-preview,.interactive-card:focus-visible .application-preview{transform:translateY(-3px);background:#e2f4ec}@media(max-width:560px){.interactive-card{min-height:360px}.product-photo-card{min-height:400px}}