/* Styles for /welcome/ (theme 0.87.1), byte for byte from Saurabh's welcome page as stored in WordPress page 836630
 * (his standalone HTML pasted into one HTML block; sha256 0511ece01c2f23a9094aa915b3c7d74d6635b785232a892fe1b19e92a8cd1ab8); his one <style> block. Do not edit: the source of truth is his
 * page; the 0.87.1 audit edits (rules that reached outside his main area) are listed in the lane record. */

:where(pubk-co){
  --navy:#0B2545; --navy-deep:#061229; --navy-mid:#13345C;
  --red:#C8102E; --red-deep:#9F0A22;
  --gold:#B89538; --gold-soft:#D9BA6F;
  --cream:#F8F5EE; --cream-soft:#FBFAF6; --paper:#FFFFFF;
  --ink:#111827; --ink-soft:#2A2D34;
  --gray:#6B6B6B; --gray-light:#D4D0C7; --line:#E5E1D6;
  --serif:'Newsreader',Georgia,serif;
  --sans:'Public Sans','Helvetica Neue',Arial,sans-serif;
}
:where(pubk-co) *{box-sizing:border-box;}
:where(pubk-co){margin:0;padding:0;}
:where(pubk-co){background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;}
:where(pubk-co) a{color:var(--red);text-decoration:none;}
:where(pubk-co) a:hover{text-decoration:underline;}
.container{max-width:860px;margin:0 auto;padding:0 24px;}

.topbar{height:3px;background:linear-gradient(90deg,var(--gold) 0 50%,var(--red) 50% 100%);}

.masthead{background:var(--paper);border-bottom:1px solid var(--line);padding:28px 0;text-align:center;}
.brand{font-family:var(--serif);font-size:38px;font-weight:500;color:var(--navy);letter-spacing:.5px;line-height:1;}
.brand-sub{font-family:var(--serif);font-size:12.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin-top:8px;}

.hero{padding:64px 0 48px;text-align:center;}
.check{width:64px;height:64px;margin:0 auto 26px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;}
.check span{color:var(--gold-soft);font-size:30px;line-height:1;}
.eyebrow{font-size:11.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:14px;}
:where(pubk-co) h1{font-family:var(--serif);font-size:46px;line-height:1.12;font-weight:460;color:var(--navy);margin:0 0 18px;}
:where(pubk-co) h1 em{font-style:italic;color:var(--navy-mid);}
.lede{font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:560px;margin:0 auto;}

.card{background:var(--paper);border:1px solid var(--line);padding:34px 32px;margin:0 0 22px;}
.card h2{font-family:var(--serif);font-size:23px;font-weight:500;color:var(--navy);margin:0 0 20px;}

.steps{list-style:none;margin:0;padding:0;counter-reset:s;}
.steps li{counter-increment:s;position:relative;padding:0 0 22px 52px;}
.steps li:last-child{padding-bottom:0;}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:-2px;font-family:var(--serif);font-size:15px;color:var(--gold);letter-spacing:1px;border:1px solid var(--line);width:34px;height:34px;display:flex;align-items:center;justify-content:center;}
.steps b{display:block;font-family:var(--serif);font-size:17.5px;font-weight:500;color:var(--navy);margin-bottom:5px;}
.steps p{margin:0;font-size:14.5px;line-height:1.6;color:var(--gray);}

.ref{background:var(--cream-soft);border:1px solid var(--line);padding:16px 18px;margin-top:8px;font-size:13px;color:var(--gray);line-height:1.6;}
.ref code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--ink-soft);word-break:break-all;}

.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
.btn{display:inline-block;padding:14px 26px;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;border:1px solid var(--navy);background:var(--navy);color:#fff;transition:all .2s;}
.btn:hover{background:var(--navy-deep);border-color:var(--navy-deep);text-decoration:none;}
.btn.ghost{background:transparent;color:var(--navy);}
.btn.ghost:hover{background:var(--navy);color:#fff;}

.help{text-align:center;padding:10px 0 60px;font-size:14px;color:var(--gray);line-height:1.7;}

:where(pubk-co) footer{background:var(--navy);color:#C7D2E0;padding:40px 0 34px;font-size:13px;line-height:1.7;}
footer .container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
:where(pubk-co) footer a{color:var(--gold-soft);}
footer .addr{max-width:320px;}

@media(max-width:640px){
  :where(pubk-co) h1{font-size:34px;}
  .hero{padding:48px 0 36px;}
  .card{padding:26px 20px;}
  .brand{font-size:30px;}
  .actions .btn{flex:1 1 100%;text-align:center;}
}