:root{--text:#555;--text-h:#000;--bg:#fff;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0}.page{align-items:center;min-height:100svh;padding:0 10vw;display:flex}.hero{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:16px;display:flex}.preview{flex:1;justify-content:center;align-items:center;gap:48px;display:flex}.preview-box{border:4px solid var(--text-h);width:250px;height:250px;box-shadow:16px 16px 0 var(--text-h);border-radius:8px;position:relative;top:-10px}h1{color:var(--text-h);letter-spacing:-2px;margin:0;font-size:72px;line-height:1}.subheader{margin:0;font-size:20px;line-height:1.5}.cta{background:var(--text-h);color:var(--bg);border-radius:8px;margin-top:24px;padding:14px 32px;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .2s}.cta:hover{opacity:.85}