:root{--bg:#fff;--fg:#000;--cta:#00f}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:'Inter',sans-serif;display:flex;flex-direction:column}*,*::before,*::after{box-sizing:border-box}header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:2px solid var(--fg);background:var(--bg);z-index:100;flex-shrink:0}header img{max-height:2.5rem;width:auto;display:block}.cta{background:var(--cta);color:#fff;padding:1rem 2.5rem;text-decoration:none;font-weight:700;font-size:clamp(1rem,1.5vw,1.25rem);text-transform:uppercase;border:3px solid var(--fg);box-shadow:6px 6px 0 var(--fg);transition:transform .1s,box-shadow .1s;display:inline-block;cursor:pointer}.cta:hover,.cta:focus{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--fg);outline:none;background:var(--cta);color:#fff}main{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;position:relative;width:100%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);max-width:1400px;width:100%;align-items:center}.h-wrap{text-align:right;border-right:6px solid var(--fg);padding-right:clamp(1rem,4vw,4rem)}h1{font-weight:700;font-size:clamp(4rem,12vw,14rem);line-height:.85;letter-spacing:-0.05em;margin:0;text-transform:uppercase;word-wrap:break-word}.c-wrap{max-width:600px;text-align:left}p{font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.5;margin:0}p strong{font-weight:700;color:var(--cta)}footer{flex-shrink:0;padding:1.5rem 3rem;border-top:2px solid var(--fg);display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;text-transform:uppercase;background:var(--bg)}@media(max-width:1024px){header{padding:1.5rem 2rem}footer{padding:1.5rem 2rem}.grid{gap:3rem}}@media(max-width:768px){body{overflow-y:auto;height:auto;min-height:100vh}header{padding:1rem;flex-direction:column;gap:1.5rem}.cta{width:100%;text-align:center}main{padding:1rem;overflow:visible}.grid{grid-template-columns:1fr;text-align:center;gap:2rem}.h-wrap{text-align:center;border-right:none;border-bottom:6px solid var(--fg);padding-right:0;padding-bottom:2rem}h1{font-size:clamp(5rem,20vw,10rem)}.c-wrap{max-width:100%;text-align:center}footer{padding:1.5rem 1rem;flex-direction:column;gap:1rem;text-align:center}}@media(max-height:600px) and (min-width:769px){h1{font-size:clamp(3rem,15vh,8rem)}p{font-size:1rem}.grid{gap:2rem}}