.products-body { background: var(--canvas); }
.products-hero { position: relative; overflow: hidden; padding: clamp(144px, 16vw, 198px) 0 clamp(88px, 11vw, 132px); border-bottom: 1px solid var(--line); background: var(--canvas-deep); }
.products-hero::before { position: absolute; top: 74px; right: max(var(--gutter), calc((100vw - var(--content)) / 2)); bottom: 0; left: max(var(--gutter), calc((100vw - var(--content)) / 2)); border-right: 1px solid rgba(205, 213, 228, 0.07); border-left: 1px solid rgba(205, 213, 228, 0.07); content: ""; pointer-events: none; }
.products-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr); align-items: center; gap: clamp(48px, 8vw, 116px); }
.products-hero .eyebrow { color: var(--blue-light); }
.products-title { max-width: 760px; margin: 22px 0 0; color: var(--paper); font-size: clamp(56px, 7.5vw, 106px); font-weight: 600; letter-spacing: -0.066em; line-height: 0.92; }
.products-title em, .products-list .section-title em { color: var(--blue-light); font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; font-size: 0.97em; font-style: italic; font-weight: 400; }
.products-lede { max-width: 510px; margin: 30px 0 0; color: var(--muted-strong); font-size: clamp(18px, 1.8vw, 21px); letter-spacing: -0.018em; line-height: 1.52; }
.products-hero-link { margin-top: 32px; color: var(--blue-light); }
.products-hero-art { position: relative; min-height: 400px; overflow: hidden; border: 1px solid var(--line-strong); background: linear-gradient(145deg, rgba(31, 37, 50, 0.96), rgba(18, 21, 28, 0.96)); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2); }
.products-hero-art::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(175, 208, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(175, 208, 255, 0.06) 1px, transparent 1px); background-size: 32px 32px; content: ""; }
.products-hero-art::after { position: absolute; inset: 0 0 auto; height: 42px; border-bottom: 1px solid var(--line); background: rgba(12, 14, 18, 0.7); content: ""; }
.products-hero-art svg { position: absolute; top: 25%; left: 50%; width: min(58%, 250px); height: auto; fill: var(--blue-bright); transform: translateX(-50%); }
.products-hero-art .products-hero-cut { fill: var(--surface); }
.products-hero-grid-lines { display: none; }
.products-hero-art > span { position: absolute; right: 15px; bottom: 14px; color: var(--blue-light); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 10px; letter-spacing: 0.08em; }

.products-list { background: var(--canvas); }
.product-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.product-card { display: grid; grid-template-rows: 340px 1fr auto; min-height: 720px; overflow: hidden; border: 1px solid var(--line-strong); background: var(--surface); transition: border-color 200ms var(--ease), box-shadow 200ms var(--ease), transform 200ms var(--ease); }
.product-card:hover { border-color: rgba(175, 208, 255, 0.48); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22); transform: translateY(-4px); }
.product-card-art { position: relative; overflow: hidden; }.product-art-cambio { background: #172033; }.product-art-cambio::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(175, 208, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(175, 208, 255, 0.08) 1px, transparent 1px); background-size: 44px 44px; content: ""; }.product-art-tico { background: #14254b; }.product-art-tico::before { position: absolute; inset: 0; background-image: radial-gradient(circle at 72% 25%, rgba(175, 208, 255, 0.33) 0 2px, transparent 3px), radial-gradient(circle at 25% 72%, rgba(175, 208, 255, 0.22) 0 2px, transparent 3px); background-size: 78px 78px, 62px 62px; content: ""; }
.product-art-meta { position: absolute; z-index: 2; top: 24px; right: 24px; left: 24px; display: flex; justify-content: space-between; gap: 16px; color: var(--muted-strong); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 10px; letter-spacing: 0.07em; text-transform: uppercase; }.product-art-meta span:last-child { color: var(--blue-light); text-align: right; }
.product-chart-grid { position: absolute; inset: 31% 9% 13%; background-image: linear-gradient(rgba(175, 208, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(175, 208, 255, 0.1) 1px, transparent 1px); background-size: 48px 48px; }.product-chart { position: absolute; inset: 31% 9% 13%; width: 82%; height: 56%; overflow: visible; }.product-chart path { fill: none; stroke: var(--blue-light); stroke-width: 2.5; vector-effect: non-scaling-stroke; }.product-chart-pill { position: absolute; top: 30%; right: 14%; min-width: 78px; padding: 10px 12px; border: 1px solid rgba(175, 208, 255, 0.28); background: rgba(12, 14, 18, 0.86); color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 9px; letter-spacing: 0.06em; text-transform: uppercase; }.product-chart-pill strong { display: block; margin-top: 3px; color: var(--paper); font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; font-size: 25px; font-style: italic; font-weight: 400; letter-spacing: -0.05em; line-height: 1; }.product-art-stamp { position: absolute; bottom: 22px; left: 24px; color: var(--muted-strong); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 11px; letter-spacing: 0.08em; }.product-art-stamp b { padding-inline: 6px; color: var(--blue-light); }.product-logo-chip { position: absolute; z-index: 3; display: grid; width: 74px; height: 74px; place-items: center; border: 1px solid rgba(175, 208, 255, 0.35); background: rgba(244, 242, 234, 0.96); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2); }.product-logo-chip img { display: block; width: 78%; height: 78%; object-fit: contain; }.product-logo-cambio { right: 24px; bottom: 22px; }.product-logo-tico { top: 54px; left: 24px; width: 80px; height: 80px; overflow: hidden; border-color: rgba(175, 208, 255, 0.4); background: #101725; }.product-logo-tico img { width: 96%; height: 96%; }
.tico-product-sun { position: absolute; top: 15%; left: 16%; width: 108px; height: 108px; border: 1px solid rgba(175, 208, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 25px rgba(175, 208, 255, 0.05), 0 0 0 50px rgba(175, 208, 255, 0.03); }.tico-product-orbit { position: absolute; border: 1px solid rgba(175, 208, 255, 0.35); border-radius: 50%; }.tico-product-orbit-a { inset: 18% 19% 17% 19%; transform: rotate(24deg); }.tico-product-orbit-b { inset: 25% 7% 23% 28%; transform: rotate(-34deg); }
.tico-product-card { position: absolute; display: flex; flex-direction: column; border: 1px solid rgba(175, 208, 255, 0.34); background: rgba(17, 19, 25, 0.92); color: var(--paper); box-shadow: 8px 9px 0 rgba(8, 10, 15, 0.24); }.tico-product-card-main { right: 12%; bottom: 17%; width: 48%; min-height: 150px; padding: 18px; transform: rotate(-4deg); }.tico-product-card-main span { color: var(--blue-light); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 11px; letter-spacing: 0.08em; }.tico-product-card-main strong { margin-top: auto; font-size: 22px; letter-spacing: -0.045em; line-height: 0.96; }.tico-product-card-main i { position: absolute; top: 18px; right: 18px; width: 25px; height: 25px; border: 4px solid var(--blue-light); border-right-color: rgba(175, 208, 255, 0.18); border-bottom-color: rgba(175, 208, 255, 0.18); border-radius: 50%; }.tico-product-card-mini { bottom: 12%; left: 12%; width: 90px; min-height: 92px; padding: 12px; transform: rotate(7deg); }.tico-product-card-mini small, .tico-product-card-mini span { color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 9px; text-transform: uppercase; }.tico-product-card-mini strong { margin: 5px 0 2px; color: var(--blue-light); font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; font-size: 21px; font-style: italic; font-weight: 400; }.tico-product-sticker { position: absolute; top: 13%; right: 10%; color: var(--blue-light); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 9px; letter-spacing: 0.06em; line-height: 1.35; text-transform: uppercase; }
.product-card-body { display: flex; flex-direction: column; padding: 34px 36px 28px; background: var(--surface); }.product-kind { margin: 0; color: var(--blue-light); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; }.product-card-body h2 { margin: 34px 0 16px; color: var(--paper); font-size: clamp(52px, 5.6vw, 78px); font-weight: 600; letter-spacing: -0.075em; line-height: 0.86; }.product-description { max-width: 390px; margin: 0; color: var(--muted-strong); font-size: 16px; letter-spacing: -0.012em; line-height: 1.5; }.product-metrics { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: auto; padding-top: 30px; color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 10px; }.product-metrics span::before { margin-right: 6px; color: var(--blue-light); content: "↗"; }.product-card-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 0 36px 32px; background: var(--surface); }.product-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }.product-card-link { display: inline-flex; align-items: center; gap: 9px; width: max-content; padding-bottom: 7px; border-bottom: 1px solid var(--line-strong); color: var(--paper); font-size: 13px; font-weight: 650; transition: border-color 180ms var(--ease), color 180ms var(--ease); }.product-card-link-compact { color: var(--blue-light); }.product-card-link:hover { border-color: var(--blue-light); color: var(--blue-light); }.product-card-link span { transition: transform 180ms var(--ease); }.product-card-link:hover span { transform: translate(2px, -2px); }.product-card-status { color: var(--muted); font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 10px; letter-spacing: 0.06em; text-align: right; text-transform: uppercase; }

@media (max-width: 900px) { .products-hero-grid { grid-template-columns: 1fr; }.products-hero-art { width: min(100%, 560px); min-height: 360px; }.product-cards { grid-template-columns: 1fr; }.product-card { min-height: 680px; } }
@media (max-width: 700px) { .products-hero { padding-top: 124px; }.products-hero::before { top: 62px; }.products-title { font-size: clamp(50px, 14.5vw, 76px); }.products-lede { font-size: 18px; }.products-hero-art { min-height: 310px; margin-top: 4px; }.products-hero-art svg { top: 25%; width: 60%; }.product-cards { gap: 24px; }.product-card { grid-template-rows: 310px 1fr auto; min-height: 660px; }.product-art-meta { top: 22px; right: 22px; left: 22px; }.product-card-body { padding: 30px; }.product-card-body h2 { margin-top: 32px; }.product-card-footer { align-items: flex-start; flex-direction: column; padding: 0 30px 28px; }.product-card-actions { gap: 10px 14px; }.product-card-status { max-width: 104px; }.product-logo-cambio { right: 20px; bottom: 20px; }.product-logo-tico { top: 50px; left: 20px; width: 72px; height: 72px; }.tico-product-card-main { right: 8%; bottom: 18%; width: 53%; min-height: 138px; }.tico-product-card-mini { left: 8%; bottom: 10%; width: 84px; min-height: 86px; } }