/* The starting guide shares the site's palette, typography and navigation. */
.start-main{max-width:1040px;padding-block:32px 80px}
.start-breadcrumbs{margin-bottom:32px;font-size:13px;color:var(--muted)}
.start-intro{position:relative;isolation:isolate;padding:40px 42px 38px;border:1px solid #91add62b;border-radius:20px;background:radial-gradient(ellipse at 0 0,#285a9c42,transparent 66%),linear-gradient(120deg,#10294e,#0b1c36);overflow:hidden}
.start-intro .eyebrow{margin-bottom:15px;font-size:13px}
.start-intro h1{font-size:clamp(29px,4vw,46px);line-height:1.5;max-width:740px;margin-bottom:17px}
.start-lead{max-width:690px;color:#b8c7df;font-size:16px;line-height:1.95}
.start-intro-symbol{position:absolute;inset-inline-end:40px;top:38px;display:grid;place-items:center;width:74px;height:84px;color:#ffd05a8c;border:1px solid #ffd05a35;border-radius:36px 36px 12px 12px;background:#ffd05a05;z-index:-1}
.start-intro-symbol>.icon{width:37px;height:37px;stroke-width:1.25}
.start-steps{margin-top:38px}
.start-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}
.start-section-heading h2{font-size:23px}
.start-section-heading>span{color:#8fa5c5;font-size:12px}
.start-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}
.start-step{min-width:0;padding:25px 27px 28px;background:linear-gradient(135deg,#102543,#0b1c35);border:1px solid var(--border);border-radius:14px}
.start-step:nth-child(2){background:linear-gradient(135deg,#143461,#0d2342);border-color:#ffd05a3b}
.start-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.start-step-number{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #ffd05a3b;border-radius:50%;font-size:17px;line-height:1;color:var(--gold);background:#ffd05a06}
.start-step-icon{display:inline-flex;color:#b1c4df}
.start-step-icon>.icon{height:25px;width:25px}
.start-step h3{font-size:20px;margin-bottom:10px}
.start-step p{font-size:15px;line-height:1.95;color:#b3c0d6}
.start-step p strong,.start-step p b{font-weight:700;color:#ffe29a}
.start-example{margin-top:25px;padding:29px 30px;border:1px solid #ffd05a33;border-inline-start:3px solid var(--gold);border-radius:14px;background:linear-gradient(120deg,#112943,#0d203b)}
.start-example-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.start-example-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:12px;background:#ffd05a0b;color:var(--gold)}
.start-example-icon>.icon{height:24px;width:24px}
.start-example .eyebrow{font-size:11px;margin-bottom:3px}
.start-example h2{font-size:21px}
.start-example blockquote{margin:0;padding:0;font-size:17px;line-height:2;color:#e8ecf4;overflow-wrap:anywhere}
.start-example-note{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:#a7b9d2;line-height:1.9}
.start-guide-link{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px;text-align:center;color:var(--muted);font-size:14px;margin-block:29px}
.start-guide-link a{display:inline-flex;align-items:center;gap:8px;color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.start-guide-link a:hover{color:var(--gold-light)}
.start-guide-link .icon{height:16px;width:16px}
.start-ready{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 30px;padding:30px 34px;border:1px solid #ffd05a52;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#ffd05a12,transparent 70%),#102645}
.start-ready>div{grid-row:span 2}
.start-ready .eyebrow{margin-bottom:4px;font-size:12px}
.start-ready h2{font-size:30px;margin-bottom:8px}
.start-ready p:not(.eyebrow){color:#b6c5dc;font-size:14px}
.start-ready .start-open{min-height:56px;font-size:15px;padding-inline:24px}
.start-ready>small{text-align:center;color:#a0b4ce;font-size:11px}
@media(max-width:760px){
  .start-main{padding-block:23px 50px}
  .start-breadcrumbs{margin-bottom:21px;font-size:12px}
  .start-intro{padding:28px 25px;border-radius:15px}
  .start-intro h1{font-size:32px;max-width:600px}
  .start-intro-symbol{display:none}
  .start-lead{font-size:15px}
  .start-section-heading{display:block;margin-bottom:16px}
  .start-section-heading h2{font-size:22px;margin-bottom:4px}
  .start-steps{margin-top:28px}
  .start-steps-grid{gap:13px}
  .start-step{padding:22px 20px}
  .start-step h3{font-size:18px}
  .start-step p{font-size:14px}
  .start-example{padding:24px}
  .start-ready{grid-template-columns:1fr;padding:26px;gap:14px}
  .start-ready>div{grid-row:auto}
  .start-ready .start-open{justify-self:start}
  .start-ready>small{text-align:start}
}
@media(max-width:520px){
  .start-intro{padding:25px 21px}
  .start-intro h1{font-size:28px}
  .start-intro .eyebrow{font-size:11px}
  .start-steps-grid{grid-template-columns:minmax(0,1fr)}
  .start-step-top{margin-bottom:14px}
  .start-step h3{font-size:20px}
  .start-step p{font-size:15px}
  .start-example{padding:22px 20px}
  .start-example-heading{gap:11px}
  .start-example h2{font-size:19px}
  .start-example blockquote{font-size:16px}
  .start-guide-link{font-size:13px;line-height:1.95}
  .start-ready{padding:25px 21px}
  .start-ready .start-open{width:100%;font-size:14px;padding-inline:14px}
  .start-ready>small{text-align:center}
}