.pc-main{overflow:hidden}
.pc-hero{
  display:grid;grid-template-columns:1.2fr .55fr;gap:80px;align-items:end;
  max-width:1440px;margin:auto;padding:96px 72px 82px
}
.pc-hero h1{margin:0;font:400 clamp(4rem,7.5vw,7.5rem)/.88 var(--serif);letter-spacing:-.065em}
.pc-hero h1 em{color:var(--green);font-style:normal}
.pc-hero>div>p:last-child{max-width:760px;margin:32px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.7}
.pc-live-card{
  display:grid;align-content:center;min-height:280px;padding:30px;border:1px solid #bfd2c7;border-radius:24px;
  background:#e7f0eb;box-shadow:0 25px 70px rgba(31,90,67,.10)
}
.pc-live-card>span{color:var(--green);font-size:9px;font-weight:900;letter-spacing:.14em}
.pc-live-card>strong{margin-top:12px;font:400 5rem/.9 var(--serif);letter-spacing:-.06em;color:var(--green-deep)}
.pc-live-card>b{margin-top:5px;font-size:13px}
.pc-live-card>small{margin-top:24px;color:#627168;font-size:9px}
.pc-live-card>i{margin-top:9px;color:#829087;font-size:8px;font-style:normal;line-height:1.5}
.pc-mission{
  display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1440px;margin:auto;padding:90px 72px;border-top:1px solid var(--line)
}
.pc-mission h2,.pc-browser h2,.pc-explain h2{margin:0;font:400 clamp(2.8rem,5.2vw,5.1rem)/1 var(--serif);letter-spacing:-.05em}
.pc-mission>div:last-child p{margin:0 0 18px;color:#59655e;font-size:1rem;line-height:1.72}
.pc-mission strong{color:var(--ink)}
.pc-browser{padding:100px max(42px,calc((100vw - 1296px)/2));background:#17231e;color:#edf1ee}
.pc-browser-head{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end}
.pc-browser .lc-section-kicker{color:#91b09f}
.pc-search-wrap{display:grid;gap:8px}
.pc-search-wrap label{color:#a9b7af;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.pc-search-wrap input{
  width:100%;min-height:52px;padding:12px 15px;border:1px solid #405149;border-radius:13px;background:#1e2d26;color:#fff;
  font:inherit;font-size:13px;outline:none
}
.pc-search-wrap input:focus{border-color:#7aa38e;box-shadow:0 0 0 3px rgba(122,163,142,.12)}
.pc-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px}
.pc-filters button{
  min-height:39px;padding:8px 12px;border:1px solid #3b4c44;border-radius:999px;background:#1d2b25;color:#aebbb4;
  font-size:9px;font-weight:800;cursor:pointer
}
.pc-filters button span{margin-left:5px;color:#6f877a}
.pc-filters button.is-active{border-color:#7aa38e;background:#dceae2;color:#173d2f}
.pc-filters button.is-active span{color:#44705a}
.pc-results-bar{display:flex;justify-content:space-between;gap:25px;margin:24px 0 18px;padding-top:18px;border-top:1px solid #314039}
.pc-results-bar span{font-size:10px;font-weight:760}
.pc-results-bar small{max-width:600px;color:#819087;font-size:8px;text-align:right;line-height:1.45}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pc-product{
  display:grid;align-content:start;min-height:320px;padding:20px;border:1px solid #33433b;border-radius:17px;background:#1c2a24
}
.pc-product[hidden]{display:none}
.pc-product-top{display:flex;justify-content:space-between;gap:14px;align-items:center}
.pc-product-top span{color:#88a696;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.pc-product-top b{padding:5px 7px;border-radius:8px;background:#26382f;color:#dbe7e0;font-size:9px}
.pc-product h3{margin:21px 0 0;font:400 1.4rem/1.17 var(--serif);letter-spacing:-.025em}
.pc-product-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:24px}
.pc-product-specs>div{display:grid;gap:3px;padding:8px;border-radius:9px;background:#22332b}
.pc-product-specs small{color:#7f9187;font-size:7px}
.pc-product-specs strong{font-size:9px}
.pc-product-price{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-top:16px;padding-top:15px;border-top:1px solid #33443b}
.pc-product-price span{color:#819087;font-size:8px}
.pc-product-price strong{font:400 1.18rem var(--serif)}
.pc-product-actions{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px}
.pc-product-actions a{color:#b8d5c5;text-decoration:none;font-size:8px;font-weight:800}
.pc-empty{margin-top:20px;padding:30px;border:1px dashed #405149;border-radius:14px;color:#94a39b;text-align:center}
.pc-explain{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;max-width:1440px;margin:auto;padding:110px 72px}
.pc-explain-steps{display:grid;gap:8px}
.pc-explain-steps article{display:grid;grid-template-columns:35px 120px 1fr;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:13px;background:#faf9f5}
.pc-explain-steps b{color:#9aa19d;font-size:8px}
.pc-explain-steps strong{font-size:11px}
.pc-explain-steps span{color:#6b756f;font-size:10px}
@media(max-width:980px){
  .pc-hero,.pc-mission,.pc-browser-head,.pc-explain{grid-template-columns:1fr}
  .pc-live-card{max-width:520px}
  .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .pc-hero,.pc-mission,.pc-explain{padding:65px 18px}
  .pc-browser{padding:70px 18px}
  .pc-hero{gap:38px}.pc-mission,.pc-explain{gap:35px}
  .pc-live-card{min-height:220px}.pc-live-card>strong{font-size:4rem}
  .pc-grid{grid-template-columns:1fr}
  .pc-results-bar{align-items:flex-start;flex-direction:column}.pc-results-bar small{text-align:left}
  .pc-product{min-height:290px}
  .pc-explain-steps article{grid-template-columns:30px 95px 1fr}
}