*{box-sizing:border-box}body{margin:0;background:var(--nfe-carbon);color:white;font:16px var(--nfe-font-body)}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #373937}header img{width:116px;filter:brightness(0) invert(1)}header span,.studio p{font:600 12px var(--nfe-font-mono);letter-spacing:.15em}main{display:grid;grid-template-columns:1.14fr 1fr;min-height:calc(100svh - 76px)}.studio{background:#e9eaea;color:#111;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.studio>div:first-child{padding:40px 8% 0}.studio p{color:#962336}.studio h1{font-size:clamp(64px,8vw,138px);letter-spacing:-.075em;line-height:.83;margin:20px 0}.studio i{color:#ba2639}.car{width:100%;display:block}.track{height:36px;background:url(/kit/assets/pulso-horizon.svg) center/cover}.panel{padding:clamp(30px,5vw,82px);align-self:center}.panel h2{font-size:clamp(32px,3vw,54px);letter-spacing:-.05em;margin:0}.intro{margin:10px 0 30px;color:#c4c7c2}label{display:block;font-weight:600;margin:18px 0 0}input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:12px;background:#191b19;border:1px solid #666b65;border-radius:4px;color:white;font:inherit}.check{display:flex;gap:10px;align-items:center;font-weight:400}.check input{width:20px;height:20px;accent-color:#bd2438}a{display:inline-block;margin:12px 0;color:#d9dbd8}button{width:100%;border:0;border-radius:4px;margin-top:16px;padding:15px 18px;background:#b72639;color:white;font:700 17px var(--nfe-font-body);cursor:pointer;text-align:left}button span{float:right}:focus-visible{outline:3px solid #33d6ff;outline-offset:3px}#message:empty{display:none}
@media (max-width: 740px), (orientation: portrait) {
  header { height: auto; flex-direction: column; gap: 8px; padding: 16px; }
  header img { width: 88px; }
  header span { font-size: 10px; }
  main { display: block; }
  .studio { align-items: stretch; text-align: center; }
  .studio > div:first-child { padding: 18px 20px 0; }
  .studio p { margin: 0; font-size: 10px; }
  .studio h1 { font-size: clamp(42px, 11vw, 72px); margin: 10px 0 6px; }
  .car { height: clamp(130px, 40vw, 230px); object-fit: cover; object-position: center 58%; }
  .track { height: 10px; }
  .panel { width: min(100%, 540px); margin: 0 auto; padding: 26px 6vw max(34px, env(safe-area-inset-bottom)); }
  .check { min-height: 44px; }
  .check input { flex-shrink: 0; }
  .panel a { padding-block: 12px; margin: 0; }
}
