/* BuildFlow AI · shared styles for thanks / free / download / 404 pages. Tokens match index.html and the brand guide. */
@font-face{font-family:"Barlow Condensed";src:url("/fonts/BarlowCondensed-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/fonts/BarlowCondensed-ExtraBold.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/fonts/BarlowCondensed-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/fonts/SourceSansPro-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/fonts/SourceSansPro-Semibold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/fonts/SourceSansPro-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"BF Mono";src:url("/fonts/DejaVuSansMono.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--steel:#2B3138;--steel-light:#3A424B;--orange:#E8681A;--ink:#1F2328;--paper:#F6F3EE;--line:#D9D4CC;--muted:#5B6168;--header-gray:#8A8F96;--warn:#FFF6EC;--on-steel:#D5D9DE;--on-steel-2:#AAB1B8;
--head:"Barlow Condensed","Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;--body:"Source Sans 3","Source Sans Pro","Segoe UI",Helvetica,Arial,sans-serif;--mono:"BF Mono",Menlo,Consolas,"Courier New",monospace}
*{box-sizing:border-box}
body{margin:0;font-family:var(--body);font-size:18px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:880px;margin:0 auto;padding:0 28px}
h1,h2,h3{font-family:var(--head);line-height:1;margin:0;color:var(--steel);text-transform:uppercase}
h1{font-weight:800;font-size:clamp(40px,6vw,64px);line-height:.95}
h1 em,h2 em{font-style:normal;color:var(--orange)}
h2{font-weight:800;font-size:clamp(28px,4vw,38px)}
h3{font-weight:700;font-size:22px;letter-spacing:.02em}
.eyebrow{font-family:var(--head);font-weight:600;color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:15px;margin:0 0 12px}
.site-header{background:var(--steel);border-bottom:1px solid #3A424B}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.site-header img{height:40px;width:auto}
.site-header a.back{font-family:var(--head);font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#C9CED4;text-decoration:none}
.hero{background:var(--steel);color:#fff;position:relative;overflow:hidden;padding:64px 0 72px}
.hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--orange)}
.hero h1{color:#fff}
.hero p.sub{font-size:20px;color:var(--on-steel);max-width:640px;margin:20px 0 0}
main section{padding:56px 0}
.card{background:#fff;border:1px solid var(--line);border-left:8px solid var(--orange);padding:32px 34px;margin-top:-40px;position:relative}
.card + .card{margin-top:24px}
.card.plain{border-left:1px solid var(--line);border-top:4px solid var(--steel)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:19px;line-height:1;padding:17px 26px;text-decoration:none;border:2px solid var(--orange);background:var(--orange);color:#fff;cursor:pointer}
.btn:hover{background:#cf5a12;border-color:#cf5a12}
.btn.ghost-dark{background:transparent;border-color:var(--steel);color:var(--steel)}
.btn.ghost-dark:hover{background:var(--steel);color:#fff}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.dl-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.dl-list li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-top:4px solid var(--steel);padding:18px 20px;background:#fff}
.dl-list b{font-family:var(--head);font-weight:700;font-size:21px;text-transform:uppercase;color:var(--steel);display:block;line-height:1.1}
.dl-list span{font-size:15.5px;color:var(--muted)}
ol.steps{margin:14px 0 0;padding-left:24px}
ol.steps li{margin-bottom:8px}
.mono{font-family:var(--mono);font-size:14px;line-height:1.55;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--steel);padding:14px 16px;white-space:pre-wrap}
.note{background:var(--warn);border:1.5px solid var(--orange);padding:14px 18px;font-size:15.5px;margin-top:22px}
.note b{font-family:var(--head);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);margin-right:6px}
.muted{color:var(--muted);font-size:16px}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}
.site-footer{background:var(--steel);color:var(--on-steel-2);padding:36px 0;font-size:14.5px;margin-top:40px}
.site-footer a{color:#fff}
@media (max-width:620px){body{font-size:17px}.wrap{padding:0 20px}.hero:before{width:8px}.card{padding:24px 20px;border-left-width:6px}.dl-list li{grid-template-columns:1fr}.ctas .btn,.dl-list .btn{width:100%}}