.pl-section{padding:70px 20px 90px}.pl-layout{gap:48px;display:grid}.pl-main{min-width:0}.pl-cats-title{letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin:0 0 20px;font-size:16px;font-weight:500}.pl-cats ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pl-cat{color:var(--ink);border-radius:12px;padding:10px 16px;font-size:16px;line-height:1.4;text-decoration:none;transition:color .3s,background-color .3s;display:block}a.pl-cat:hover{background:var(--off);color:var(--navy)}a.pl-cat:focus-visible{outline:2px solid var(--kraft);outline-offset:2px}a.pl-cat.is-active{background:var(--navy);color:#fff;font-weight:600}.pl-cat.is-disabled{opacity:.5;cursor:not-allowed}.pl-head{max-width:900px;margin-bottom:48px}.pl-grid{gap:24px;margin:0;padding:0;list-style:none;display:grid}.pl-grid>li{min-width:0;display:flex}.pl-card{border:1px solid var(--line);width:100%;color:inherit;background:#fff;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;overflow:hidden}.pl-card:hover{transform:translateY(-4px);box-shadow:0 26px 40px -30px #073d6980}.pl-card:focus-visible{outline:2px solid var(--kraft);outline-offset:4px}.pl-card-img{border-bottom:1px solid var(--line);background:#fff;display:block}.pl-card-img img{width:100%;height:auto;display:block}.pl-card-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.pl-card-body h3{color:var(--navy);margin:0;font-size:1.25rem;line-height:1.3}.pl-link{color:var(--navy);align-items:center;gap:8px;margin-top:auto;font-size:15px;font-weight:600;transition:color .3s,gap .3s;display:inline-flex}.pl-card:hover .pl-link,.pl-card:focus-visible .pl-link{color:#8a6a35;gap:12px}.pd-intro{gap:36px;padding:70px 20px 50px;display:grid}.pd-img{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.pd-img img{width:100%;height:auto;display:block}.pd-name{color:var(--navy);margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2}.pd-options{gap:16px;margin:26px 0 0;display:grid}.pd-options dt{letter-spacing:.06em;text-transform:uppercase;color:#5d6b76;font-size:13px;font-weight:600}.pd-options dd{color:var(--navy);margin:4px 0 0;font-weight:600}.pd-sizes{margin-top:26px}.pd-sizes-title{letter-spacing:.06em;text-transform:uppercase;color:#5d6b76;margin:0;font-size:15px;font-weight:600}.pd-sizes ul{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.pd-sizes li{border:1px solid var(--line);color:var(--navy);border-radius:8px;padding:7px 12px;font-size:14px;font-weight:500}.pd-sizes-link{border-bottom:1px solid var(--kraft);color:var(--navy);margin-top:12px;padding-bottom:2px;font-size:14px;font-weight:600;transition:color .3s;display:inline-block}.pd-sizes-link:hover,.pd-sizes-link:focus-visible{color:#8a6a35}.pd-note{color:var(--navy);margin:20px 0 0;font-weight:600}.pd-actions{flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:32px;display:flex}.pd-features{background:var(--off);margin-top:30px;padding:64px 20px}.pd-features-head{max-width:1000px}.pd-features h2{margin:0}.pd-features ul{gap:18px;margin:48px 0 0;padding:0;list-style:none;display:grid}.pd-features li{isolation:isolate;background:#fff;border-radius:20px;align-content:start;min-height:280px;padding:30px 26px;transition:transform .4s,box-shadow .4s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #0c233512}.pd-features li:before{content:"";z-index:-1;background:var(--navy);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.65,0,.2,1);position:absolute;inset:0;transform:scaleY(0)}.pd-features li:after{content:"";background:var(--kraft);border-radius:0 0 4px 4px;width:56px;height:4px;transition:width .45s;position:absolute;top:0;left:26px}.pd-features-icon{background:var(--off);width:58px;height:58px;color:var(--navy);border-radius:50%;place-items:center;transition:color .4s,background-color .4s;display:grid}.pd-features h3{color:var(--navy);margin:36px 0 0;font-size:1.25rem;line-height:1.3;transition:color .4s}.pd-features li p{margin:10px 0 0;font-size:15px;line-height:1.65;transition:color .4s}.pd-features li:hover{transform:translateY(-8px);box-shadow:0 24px 48px #0c23352e}.pd-features li:hover:before{transform:scaleY(1)}.pd-features li:hover:after{width:calc(100% - 52px)}.pd-features li:hover .pd-features-icon{background:var(--kraft);color:var(--navy)}.pd-features li:hover h3{color:#fff}.pd-features li:hover p{color:#fffc}.pd-features+.pd-apps,.pd-specs+.pd-apps{margin-top:0}.pd-apps{background:var(--navy);color:#fff;margin:30px 0 0;padding:64px 20px;position:relative;overflow:hidden}.pd-apps:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8a87442 0%,#c8a87400 68%);border-radius:50%;width:460px;height:460px;position:absolute;top:-180px;right:-120px}.pd-apps-head{max-width:720px;position:relative}.pd-apps .eyebrow{color:#d3dee6}.pd-apps .brand-lines:before,.pd-apps .brand-lines:after{background:var(--mint)}.pd-apps h2{color:#fff;margin:0}.pd-apps h2 em{color:var(--kraft)}.pd-apps ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:38px 0 0;padding:0;list-style:none;display:grid;position:relative}.pd-apps li{font-family:var(--font-manrope), sans-serif;text-align:center;color:#fff;background:#ffffff0d;border:1px solid #ffffff29;border-radius:16px;align-content:start;justify-items:center;gap:16px;padding:26px 12px;font-size:15px;font-weight:600;line-height:1.3;transition:transform .3s,border-color .3s,background-color .3s;display:grid}.pd-apps-icon{width:64px;height:64px;color:var(--kraft);border:1px solid #c8a87499;border-radius:50%;place-items:center;transition:color .3s,background-color .3s;display:grid}.pd-apps li:hover{border-color:var(--kraft);background:#ffffff1a;transform:translateY(-6px)}.pd-apps li:hover .pd-apps-icon{background:var(--kraft);color:var(--navy)}.pd-related{padding:64px 20px}.pd-specs{padding:30px 20px 90px}.pd-features+.pd-related{padding:64px 20px}.pd-related-head{max-width:720px}.pd-related h2{margin:0}.pd-related .pl-grid{margin-top:48px}.pd-specs{padding-top:70px}.pd-table-block{margin-top:36px}.pd-table-block h3{color:var(--navy);margin:0 0 14px;font-size:1.25rem;line-height:1.3}.pd-table-scroll{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.pd-table{border-collapse:collapse;text-align:center;width:100%;min-width:460px;font-size:15px}.pd-table th{background:var(--navy);color:#fff;white-space:nowrap;padding:13px 16px;font-weight:600}.pd-table td{white-space:nowrap;padding:11px 16px}.pd-table tbody tr:nth-child(2n){background:var(--off)}@media (min-width:640px){.pl-grid,.pd-features ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.pl-section{padding:100px 4vw 120px}.pd-intro{padding:100px 4vw 60px}.pd-features,.pd-apps,.pd-related{padding:80px 4vw}.pd-apps ul{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-specs{padding:40px 4vw 120px}.pd-features+.pd-specs{padding-top:90px}}@media (min-width:992px){.pl-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:48px}.pl-cats{position:sticky;top:110px}.pl-cats ul{flex-direction:column;gap:6px}.pd-intro{grid-template-columns:minmax(0,500px) minmax(0,600px);justify-content:center;align-items:center;gap:clamp(40px,5vw,90px);padding:120px 8vw 70px}.pd-features,.pd-apps,.pd-related{padding:96px 8vw}.pd-related .pl-grid{margin-top:60px}.pd-specs{padding:40px 8vw 140px}.pd-features+.pd-specs{padding-top:110px}.pd-features ul{margin-top:60px}}@media (min-width:1200px){.pd-apps ul{grid-template-columns:repeat(6,minmax(0,1fr))}.pd-related .pl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-features ul{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:36px}.pd-features li:nth-child(2n){margin-top:36px;margin-bottom:-36px}.pl-grid{gap:28px}}@media (min-width:1400px){.pl-section{padding:120px 8vw 140px}}@media (min-width:1200px){.pl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pl-card,.pl-cat,.pl-link,.pd-features li,.pd-features li:before,.pd-features li:after,.pd-apps li{transition:none}.pl-card:hover,.pd-features li:hover,.pd-apps li:hover{transform:none}}
