.product-page{padding-block:clamp(1.5rem,5vw,4.5rem);color:var(--text,#f4f6fa)}
:is(.product-page,.product-secondary){--product-night:#1d2733;--product-night-raised:#202b38;--product-night-text:#f5f7fa;--product-night-muted:#d2dbe5;--product-accent:#ff9bab}
.product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:clamp(1.5rem,5vw,4rem)}
.product-copy h1,.product-secondary h1{max-width:15ch;margin:.6rem 0 1rem;font-size:clamp(2.2rem,5.2vw,4.4rem);line-height:1.35}
.product-copy h1 span{color:var(--imnexa-brand,#b83d4b)}
.product-lead,.product-secondary>p:not(.eyebrow){max-width:62ch;font-size:clamp(1rem,1.7vw,1.18rem);line-height:2.1;color:var(--muted,#bdc5d1)}
.product-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.4rem}
.product-note,.visual-caption{font-size:.87rem;color:var(--muted,#aeb8c7)}
.product-visual{min-width:0}
.browser-frame{max-width:520px;margin:auto;padding:1rem;border:1px solid #465365;border-radius:1.4rem;background:linear-gradient(145deg,#202b38,#161c25);box-shadow:0 24px 70px #0004;transform:rotate(-1deg)}
.browser-bar{display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem;border:1px solid #394657;border-radius:.8rem;background:#171d26}
.browser-bar>span{width:.55rem;height:.55rem;border-radius:50%;background:#718094}.browser-bar strong{margin-inline-start:auto;color:#cbd4df;font-size:.85rem;direction:ltr}
.divar-listing{display:grid;gap:.65rem;margin-top:1rem;padding:1.2rem;border:1px solid #455264;border-radius:1rem;background:var(--product-night-raised);color:var(--product-night-text)}.product-page .divar-listing>small{color:var(--product-night-muted)}.divar-listing>strong{font-size:1.25rem;color:var(--product-night-text)}.divar-listing>span{color:var(--product-night-muted);font-size:.9rem}
.imnexa-badge{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.85rem;border:1px solid #486d68;border-radius:.85rem;background:#1f3736;color:#eaf8f2}.imnexa-badge>b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#82d5b3;color:#13251f}.imnexa-badge span{display:grid;gap:.15rem}.product-page .imnexa-badge small{color:#c8e4d8}
.visual-caption{margin:.75rem 0 0;text-align:center}
.product-steps{padding-block:2rem}.product-steps header{margin-bottom:1rem}.product-steps h2,.product-security h2{font-size:clamp(1.45rem,3vw,2.1rem)}
.product-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.product-step-grid article{padding:1.15rem;border:1px solid #3d4958;border-radius:1rem;background:var(--product-night);color:var(--product-night-text)}.product-step-grid article>span{color:var(--product-accent);font-weight:700}.product-step-grid article h2,.product-step-grid article h3{color:var(--product-night-text)}.product-step-grid h3{margin:.65rem 0}.product-step-grid article p{color:var(--product-night-muted);line-height:1.9}
.product-security{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-block:1.5rem;padding:1.5rem;border:1px solid #3d4958;border-radius:1.1rem;background:#1b2530;color:var(--product-night-text)}.product-security .eyebrow{color:var(--product-accent)}.product-security h2,body.web-site .product-security h2{color:var(--product-night-text)}.product-security p{color:var(--product-night-muted);line-height:1.9}
.product-availability{margin-block:1.5rem;padding:1rem 1.2rem;border:1px solid #695761;border-radius:.9rem;background:#332831;color:#f4c7cf;line-height:1.9}.product-availability a{display:inline-block;margin-inline-start:.5rem;color:#ff9aa8}
.product-secondary{max-width:900px;min-height:45vh;padding-block:clamp(2rem,6vw,5rem)}.product-secondary ol{line-height:2.2}.product-secondary .product-availability{margin-top:2rem}.guide-step-grid li{color:var(--text,#202733)}.guide-step-grid li h2{color:var(--text,#202733)}.guide-step-grid li p{color:var(--muted,#626c7b);line-height:1.9}
@media(max-width:760px){.product-hero{grid-template-columns:1fr;padding-top:1.5rem}.product-copy h1,.product-secondary h1{font-size:clamp(2rem,9vw,3rem)}.product-step-grid{grid-template-columns:1fr}.product-security{align-items:flex-start;flex-direction:column}.product-actions .button{flex:1 1 100%;justify-content:center}.browser-frame{transform:none}}
@media(prefers-reduced-motion:reduce){.product-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
