#product{border-top:1px solid var(--line);padding:100px 0}.product-wrap{max-width:580px;margin-bottom:48px}.product-wrap h2{margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.4rem)}.product-wrap p{color:var(--text-mid);font-size:1rem}.product-cards{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:900px){.product-cards{grid-template-columns:1fr}}.product-card-inner{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.product-card-zarly{margin-top:24px}@media (min-width:901px){.product-card-zarly{margin-top:0}}.product-card-inner:hover{border-color:var(--line-bright);transform:translateY(-3px);box-shadow:0 10px 30px #00000080}.product-thumb{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);filter:grayscale(.15)brightness(.85)contrast(1.05);border-radius:10px;width:100%;margin-bottom:20px;transition:filter .3s,transform .3s,border-color .3s}.product-card-inner:hover .product-thumb{border-color:var(--red);filter:grayscale(0%)brightness()contrast(1.1)}.product-body{z-index:1;position:relative}.product-card-inner h3{margin-bottom:12px;font-size:1.6rem}.product-card-inner p{color:var(--text-mid);margin-bottom:24px}.product-features{flex-wrap:wrap;gap:12px;display:flex}.product-features span{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;color:var(--text-dim);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:.78rem}.badge{background:var(--red-soft);color:var(--red);font-size:.72rem;font-weight:600;font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;border:1px solid #ff1a1a33;border-radius:4px;padding:4px 12px;display:inline-block}.product-os-wrap{margin-top:64px;position:relative}.product-tag-eyebrow{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--red);align-items:center;gap:12px;margin-bottom:18px;font-size:.74rem;display:inline-flex}.product-tag-eyebrow .os-line{background:var(--red);opacity:.7;width:28px;height:1px;display:inline-block}.product-card-os{background:linear-gradient(135deg, #ff1a1a0f 0%, var(--surface) 60%);border:1px solid #ff1a1a2e;grid-template-columns:.95fr 1.1fr;align-items:stretch;gap:32px;padding:28px;display:grid}.product-card-os:hover{border-color:#ff1a1a73}.product-thumb-wrap{display:block;position:relative}.product-card-os .product-thumb{aspect-ratio:16/10;height:100%;margin-bottom:0}.badge-free{letter-spacing:.1em;background:var(--red);color:var(--white);z-index:2;border:1px solid #ffffff2e;padding:6px 12px;font-size:.78rem;position:absolute;top:12px;left:12px;box-shadow:0 8px 24px #ff1a1a59}.product-card-os .product-body{flex-direction:column;padding:4px 4px 4px 0;display:flex}.product-card-os h3{margin-bottom:14px;font-size:1.7rem}.product-card-os p{color:var(--text-mid);margin-bottom:22px}.product-os-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex}.btn-primary,.btn-ghost{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;letter-spacing:.04em;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,color .25s,box-shadow .25s;display:inline-flex}.btn-primary{background:var(--red);color:var(--white);border:1px solid #ffffff1f;box-shadow:0 10px 30px -10px #ff1a1a80,inset 0 0 0 1px #ff1a1a4d}.btn-primary:hover{background:#ff3838;transform:translateY(-2px);box-shadow:0 14px 38px -10px #ff1a1a99,inset 0 0 0 1px #ff1a1a73}.btn-primary .btn-arrow{transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-ghost{color:var(--text-mid);border:1px solid var(--line);background:0 0}.btn-ghost:hover{color:var(--white);border-color:var(--red);transform:translateY(-2px)}.inline-code{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;border:1px solid var(--line);color:var(--text-mid);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.85em}@media (max-width:900px){.product-card-os{grid-template-columns:1fr;gap:20px;padding:22px}.product-card-os .product-thumb{aspect-ratio:16/10}}
