/* Ad landing (/try): one job above the fold on a phone. Builds on /static/landing-edu/styles.css. */
.header-inner { justify-content: space-between; }
.try-login { font-size: 15px; }
.try { background:
  linear-gradient(var(--ink-2) 1px, transparent 1px) 0 0 / 100% 48px,
  linear-gradient(90deg, var(--ink-2) 1px, transparent 1px) 0 0 / 48px 100%, var(--ink); }
.try-hero { max-width: 760px; padding-top: clamp(24px, 6vw, 64px); padding-bottom: 28px; }
.try-hero .slate-line { margin-bottom: 18px; }
.try-hero h1 { font-size: clamp(46px, 10vw, 92px); line-height: .9; }
.try-hero h1 .hl { display: inline-block; margin: .1em 0 0 .04em; padding: .04em .06em 0 0; line-height: .92; }
.try-hero h1 .hl::before { inset: 0 -.06em 0 -.1em; }
.try-lede { margin-top: 16px; max-width: 34em; font-size: 18px; color: #d8d1c2; }
.try-form { margin-top: 24px; display: grid; gap: 12px; }
.try-label { font: 500 12px/1.2 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--paper); }
.try-form textarea { width: 100%; min-height: 96px; padding: 14px; resize: vertical; border: 2px solid var(--paper);
  background: #fbf8f1; color: var(--ink); font: 400 18px/1.4 var(--body); }
.try-form textarea:focus { outline: none; border-color: var(--hi); box-shadow: 0 0 0 3px var(--hi); }
.try-form textarea.needs-idea { border-color: var(--red); box-shadow: 0 0 0 3px var(--red); }
.try-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.try-examples-label { font: 500 11px/1 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--muted-dark); }
.try-examples button { min-height: 40px; padding: 8px 12px; border: 1px solid var(--ink-3); background: var(--ink-2); color: var(--paper); font-size: 15px; }
.try-examples button:hover, .try-examples button[aria-pressed="true"] { border-color: var(--hi); color: var(--hi); }
.try-error { min-height: 0; color: #ff8a7a; font-size: 15px; }
.try-error:empty { display: none; }
.try-go { justify-content: center; width: 100%; font-size: 18px; padding: 18px 22px; }
.try-form .cta-note { margin-top: 0; text-align: center; }
.try-proof { max-width: 760px; padding-bottom: 48px; display: grid; gap: 20px; }
.try-sample { margin: 0; border: 1px solid var(--ink-3); background: var(--ink-2); padding: 10px; }
.try-sample video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--ink); }
.try-sample figcaption { margin-top: 8px; font: 400 11px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--muted-dark); }
.try-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.try-steps li { display: flex; gap: 12px; align-items: baseline; color: #d8d1c2; }
.try-steps b { font: 500 12px/1 var(--mono); color: var(--hi); }
.site-footer { border-top: 1px solid var(--ink-3); padding: 20px 0; color: var(--muted-dark); font-size: 13px; }
.footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
.footer-links { display: flex; gap: 16px; }
.footer-links a { color: var(--muted-dark); text-decoration: none; }
@media (min-width: 761px) { .try-go { width: auto; justify-self: start; } .try-form .cta-note { text-align: left; } }