/* Hallmark · theme: brand · built: the project · redesign: polish · genre: modern-minimal */
/* critique: preserve approved layouts; colors follow common tokens. */
:root{--product-paper:#fff;--product-surface:#f1f2f4;--product-ink:#17191e;--product-muted:#66717c;--product-accent:#1f6bff}.product-stage{height:100dvh;min-height:740px;scroll-snap-align:start;scroll-snap-stop:always;background:var(--product-paper);color:var(--product-ink);padding:140px max(calc((100% - 1240px)/2),7vw) 29px;display:flex;flex-direction:column;gap:28px}.product-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:60px;flex-shrink:0}.product-stage-heading h2{font-size:34px;line-height:1.4;letter-spacing:-.7px;font-weight:600;margin:0;white-space:nowrap}.product-stage-heading p{max-width:660px;font-size:15px;line-height:1.85;font-weight:450;color:var(--product-muted);margin:0}.product-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;flex:1;min-height:0}.product-tile{position:relative;grid-column:span 3;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--product-surface);color:var(--product-ink);text-decoration:none;border-radius:5px;padding:15px 21px 19px;transition:background-color 180ms}.product-tile.is-wide{grid-column:span 6}.product-tile:hover{background:var(--legacy-color-101)}.product-visual{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-unit) 2px var(--space-3);transition:transform 230ms cubic-bezier(.2,.7,.3,1)}.product-tile:hover .product-visual{transform:translateY(-5px)}.product-visual img,.product-visual svg{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;overflow:hidden}.product-tile.is-wide .product-visual img{max-width:520px}.product-tile-label{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0;min-height:25px}.product-tile-label h3{font-size:17px;line-height:1.45;font-weight:550;margin:0}.product-tile-label span{font-size:19px;color:var(--legacy-color-102);transition:color 180ms}.product-tile:hover .product-tile-label span{color:var(--product-accent)}.product-tile:focus-visible{outline:3px solid var(--product-accent);outline-offset:3px}.product-stage-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-shrink:0;font-size:11px;line-height:1.7;color:var(--product-muted)}.product-stage-foot a{color:var(--product-accent);font-size:14px;text-decoration:none}.product-stage-foot a:hover{text-decoration:underline}.product-stage-foot a:focus-visible{outline-color:var(--product-accent)}body[data-active-screen=products] .stage-pager button{border-color:var(--legacy-color-103);background:var(--legacy-color-20)}body[data-active-screen=products] .stage-pager button[aria-current=step]{background:var(--product-accent);box-shadow:0 0 0 var(--space-unit) var(--legacy-color-104);border-color:var(--product-accent)}body[data-active-screen=products] .stage-pager span{color:var(--product-ink)}body:not([data-active-screen=hero]) .tool-toggle,body:not([data-active-screen=hero]) .demo-wrap{display:none}.brand-stage .products-cue{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background:var(--legacy-color-20);border:0;color:var(--legacy-color-96);font-size:11px;cursor:pointer;padding:5px var(--space-3)}.brand-stage .products-cue span{margin-left:10px}@media(min-width:1700px){.product-stage{padding-top:150px;padding-bottom:35px;gap:33px}.product-stage-heading h2{font-size:39px}.product-stage-heading p{font-size:16px}.product-tile{padding:20px 25px var(--space-6)}.product-tile-label h3{font-size:19px}.product-mosaic{gap:17px}}@media(max-height:820px) and (min-width:1000px){.product-stage{padding-top:126px;padding-bottom:22px;gap:20px}.product-stage-heading h2{font-size:31px}.product-stage-heading p{font-size:14px}.product-tile{padding:var(--space-3) 18px var(--space-4)}.product-tile-label h3{font-size:16px}}@media(max-width:999px){.product-stage{height:auto;min-height:100dvh;padding:130px 6vw 35px}.product-stage-heading{gap:20px;align-items:flex-start;flex-direction:column}.product-stage-heading h2{font-size:30px}.product-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;flex:none}.product-tile,.product-tile.is-wide{grid-column:auto;min-height:250px}.product-tile.is-wide{grid-column:span 2}.product-visual{height:180px}.product-stage-foot{align-items:flex-start;gap:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){.product-tile,.product-visual,.product-tile-label span{transition:none}.product-tile:hover .product-visual{transform:none}}