.cd-gr-hero{padding-top:40px}.cd-gr-hero-grid{gap:32px;display:grid}.cd-gr-intro{text-align:center}.cd-gr-eyebrow{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.cd-gr-eyebrow .cd-pub-kicker{margin:0}.cd-gr-eyebrow .cd-pub-kicker:before{display:none}.cd-gr-intro .cd-pub-lede{margin-left:auto;margin-right:auto}.cd-gr-promises{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:20px;display:flex}.cd-gr-promises li{align-items:center;gap:8px;font-size:13.5px}.cd-gr-promises li svg{margin-top:0}.cd-gr-app{display:contents}.cd-gr-panel{background:var(--cd-surface-1);border:1px solid var(--cd-line-strong);border-radius:var(--cd-radius-xl);width:100%;max-width:560px;box-shadow:var(--cd-shadow-raise);text-align:left;margin:0 auto;padding:20px}.cd-gr-modes{width:100%;margin-bottom:14px;display:flex}.cd-gr-modes button{flex:1;justify-content:center}.cd-gr-username{gap:10px;display:grid}.cd-gr-field{background:var(--cd-surface-2);border:1px solid var(--cd-line-strong);border-radius:var(--cd-radius-md);transition:border-color var(--cd-dur-1) ease, box-shadow var(--cd-dur-1) ease;align-items:center;gap:4px;padding:4px;display:flex}.cd-gr-field:hover{border-color:var(--cd-line-hover)}.cd-gr-field:focus-within{border-color:var(--cd-accent-line);box-shadow:0 0 0 3px var(--cd-accent-soft)}.cd-gr-field .cd-segmented{background:var(--cd-surface-1);flex-shrink:0}.cd-gr-field-input{min-width:0;height:36px;color:var(--cd-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 10px;font-size:15px}.cd-gr-field-input::placeholder{color:var(--cd-ink-4)}.cd-gr-pgn-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.cd-gr-pgn-actions>*{flex:1;justify-content:center}.cd-gr-note{margin:10px 0 0}.cd-gr-samples{border-top:1px solid var(--cd-line);margin-top:18px;padding-top:16px}.cd-gr-samples-label{color:var(--cd-ink-3);margin:0 0 10px;font-size:13px;line-height:1.5}.cd-gr-samples-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cd-gr-review{text-align:left;grid-column:1/-1}@media (max-width:479px){.cd-gr-panel{padding:16px}.cd-gr-field{flex-wrap:wrap}.cd-gr-field .cd-segmented{width:100%}.cd-gr-field .cd-segmented button{flex:1;justify-content:center}.cd-gr-field-input{flex-basis:100%;height:40px}.cd-gr-samples-row{grid-template-columns:minmax(0,1fr)}}.cd-gr-lesson-head{max-width:640px}.cd-gr-lesson-head .cd-pub-body{margin:12px 0 0}.cd-gr-lessons{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.cd-gr-lesson{flex-direction:column;gap:10px;padding:24px;display:flex}.cd-gr-lesson .cd-pub-h3,.cd-gr-lesson .cd-pub-body{margin:0}.cd-gr-lesson-n{font-family:var(--cd-font-serif);color:var(--cd-accent);font-size:18px;line-height:1}.cd-gr-reveal{margin-top:auto}.cd-gr-reveal summary{cursor:pointer;min-height:44px;color:var(--cd-accent);align-items:center;gap:8px;font-size:14px;font-weight:550;list-style:none;display:inline-flex}.cd-gr-reveal summary::-webkit-details-marker{display:none}.cd-gr-reveal summary:after{content:"";width:6px;height:6px;transition:transform var(--cd-dur-1) ease;border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.cd-gr-reveal[open] summary:after{transform:rotate(45deg)}.cd-gr-reveal p{background:var(--cd-surface-2);border:1px solid var(--cd-line);border-radius:var(--cd-radius-md);color:var(--cd-ink-2);margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.cd-gr-labels{margin-top:16px;padding:24px}.cd-gr-labels .cd-pub-h3{margin:0 0 8px}.cd-gr-labels .cd-pub-body{max-width:760px;margin:0}.cd-gr-labels .cd-pub-body+.cd-pub-body{margin-top:10px}.cd-gr-signup{color:var(--cd-ink);margin-top:20px}