.hero{overflow:hidden;background-color:#edf2fa;background-image:linear-gradient(#dce4f0 1px,transparent 1px),linear-gradient(90deg,#dce4f0 1px,transparent 1px);background-size:32px 32px;border-bottom:1px solid var(--line)}.hero-grid{min-height:560px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:48px;padding-block:56px}.hero h1 mark{color:inherit;background:linear-gradient(transparent 68%,var(--accent) 68%)}.hero-sub{font-size:19px;max-width:650px;margin:0 0 28px;color:#344255}.device-stage{margin:0;background:var(--dark);color:#fff;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--accent)}.stage-head{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #3d4b5d;font:11px var(--mono)}.stage-head b{color:var(--accent)}.device-stage svg{padding:10px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{display:flex;flex-direction:column;border:1px solid #bfc8d2;background:#fff;border-radius:5px;overflow:hidden}.product-art{background:#edf1f5;border-bottom:1px solid var(--line);padding:9px}.product-art svg{height:180px;width:100%}.product-body{display:flex;flex:1;flex-direction:column;padding:18px}.product h3{font-size:20px;margin:0 0 8px}.product p{color:var(--muted)}.model-link{margin-top:auto;color:var(--blue);font-weight:800}.model-link:after{content:" →"}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;min-height:760px}.device-stage{max-width:600px;width:100%;margin-inline:auto}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.hero-grid{min-height:auto;padding-block:38px;gap:30px}.hero-sub{font-size:17px}.actions{display:grid}.products{grid-template-columns:1fr}.product-art svg{height:130px}}