::selection{background:var(--nv,#76B900);color:var(--nv-ink,#0F1E08)}
:root{
  --page:#F4F7FA; --card:#FFFFFF;
  --ink:#132338; --ink-2:#3F5570; --ink-3:#77899E;
  --line:#DEE7F0; --line-2:#C8D5E2;
  --nv:#76B900; --nv-d:#639B00; --nv-l:#8FD400; --nv-ink:#0F1E08;
  --disp:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gut:clamp(20px,5vw,56px);
}
*{box-sizing:border-box}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.r{animation:rise .42s cubic-bezier(.22,.68,.32,1) both}
@media(prefers-reduced-motion:reduce){.r{animation:none}}
html{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}
body{margin:0;font-family:var(--disp);font-size:15px;line-height:1.5;min-height:100svh;display:flex;flex-direction:column;
     background-image:radial-gradient(rgba(19,35,56,.13) 1px,transparent 1.4px);background-size:12px 12px}
.top{padding:28px var(--gut)}
.top img{height:34px;width:auto;display:block}
main{flex:1;display:grid;place-items:center;padding:0 var(--gut) clamp(24px,6vh,64px)}
/* Cursor's first-run Data Sharing screen, as it ships (3.16.29): a centred title and subtitle, two
   cards side by side with their text centred, the recommended one saying so under its words, and
   Continue with Learn More under the pair. The words are Cursor's with the name changed. */
.stack{width:100%;max-width:680px;text-align:center}
h1{font-weight:650;font-size:clamp(28px,4vw,38px);line-height:1.08;letter-spacing:-.03em;margin:0}
.sub{margin:10px 0 32px;color:var(--ink-2);font-size:16px}
.cards{display:flex;justify-content:center;gap:20px}
.card{flex:0 1 300px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;
      padding:16px 14px 14px;text-align:center;cursor:pointer;font:inherit;color:inherit;
      background:var(--card);border:1px solid var(--line-2);border-radius:8px;
      box-shadow:0 8px 21px rgba(19,35,56,.08);transition:outline .1s ease,box-shadow .1s ease,background .1s ease}
.card:hover{background:#FBFCF8;box-shadow:0 8px 24px rgba(19,35,56,.14)}
.card[aria-checked="true"]{outline:3px solid var(--nv);box-shadow:0 8px 24px rgba(19,35,56,.14),inset 0 0 0 5px #F1F7E4}
.card:focus-visible{outline:3px solid rgba(118,185,0,.45);outline-offset:3px}
.card .t{display:block;margin:0 0 8px;font-size:15px;font-weight:600;letter-spacing:-.005em}
.card .d{display:block;padding:0 8px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.card .rec{margin-top:10px;font-size:13px;font-weight:600;color:var(--nv-d)}
.actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px}
.go{--g1:#8FCC1F;--g2:#76B900;height:46px;padding:0 34px;border:0;border-radius:999px;cursor:pointer;color:#fff;
    font-family:var(--disp);font-size:15px;font-weight:600;background:linear-gradient(180deg,var(--g1),var(--g2));
    box-shadow:0 0 0 5px rgba(118,185,0,.18),0 1px 2px rgba(19,35,56,.1),0 0 0 1px rgba(79,118,12,.45);
    transition:--g1 .2s ease-out,--g2 .2s ease-out,transform .16s cubic-bezier(.25,.46,.45,.94)}
.go:hover{--g2:#639B00}
.go:active{transform:translateY(1px) scale(.98)}
.go:disabled{opacity:.55;cursor:default}
.go:focus-visible{outline:3px solid rgba(118,185,0,.35);outline-offset:4px}
@property --g1{syntax:'<color>';inherits:false;initial-value:#8FCC1F}
@property --g2{syntax:'<color>';inherits:false;initial-value:#76B900}
.err{margin:0;max-width:420px;font-size:13.5px;color:var(--ink-2)}
.more{color:var(--ink-3);font-size:13px;text-decoration:none;padding:6px 10px;border-radius:8px}
.more:hover{color:var(--ink);background:rgba(19,35,56,.05)}
@media(max-width:640px){.cards{flex-direction:column;align-items:stretch}.card{flex:none;min-height:0}}