:root { --navy:#111c35; --blue:#3156d3; --blue-dark:#2445b4; --cream:#f5f3ed; --white:#fdfdfb; --muted:#6d7380; --line:#d8d8d2; }
* { box-sizing:border-box; }body { margin:0; color:var(--navy); background:var(--cream); font-family:"Instrument Sans",sans-serif; -webkit-font-smoothing:antialiased; }a { -webkit-tap-highlight-color:transparent; }
.info-header { width:100%; height:78px; padding:0 max(28px,calc((100vw - 1224px)/2)); position:sticky; z-index:20; top:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; background:rgba(253,253,251,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.logo { width:max-content; display:inline-flex; align-items:center; color:var(--navy); text-decoration:none; font-size:20px; font-weight:700; line-height:1; letter-spacing:-.075em; }.logo-box { margin-left:1px; padding:3px 5px 2px; color:white; background:var(--blue); border-radius:2px; }
nav { padding:4px; display:flex; gap:2px; background:#eff0f3; border:1px solid #e0e1e5; border-radius:999px; }nav a { padding:8px 14px; color:var(--muted); border-radius:999px; text-decoration:none; font-size:13px; }nav a:hover { color:var(--navy); background:white; }.bid-link,.hero-cta,.final-cta a { min-height:42px; padding:0 17px; justify-self:end; display:inline-flex; align-items:center; gap:18px; color:white; background:var(--blue); border-radius:8px; text-decoration:none; font-size:13px; font-weight:600; }.bid-link:hover,.hero-cta:hover,.final-cta a:hover { background:var(--blue-dark); }
.intro { max-width:1124px; margin:auto; padding:78px 28px 100px; }.back { display:inline-flex; gap:9px; margin-bottom:68px; color:var(--muted); text-decoration:none; font-size:13px; }.back:hover { color:var(--blue); }.eyebrow { margin:0 0 15px; color:var(--blue); font:500 10px "IBM Plex Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }h1 { max-width:950px; margin:0; font-size:clamp(58px,8vw,104px); font-weight:500; line-height:.92; letter-spacing:-.065em; }.lede { max-width:630px; margin:31px 0; color:var(--muted); font-size:17px; line-height:1.65; }.hero-cta { width:max-content; min-height:54px; padding:0 20px; justify-self:auto; }
.process { padding:95px max(28px,calc((100vw - 1124px)/2)); background:var(--white); border-top:1px solid var(--line); }.section-heading h2,.rules h2,.final-cta h2 { margin:0; font-size:clamp(42px,5vw,64px); font-weight:500; line-height:1; letter-spacing:-.055em; }.step-list { margin-top:55px; border-top:1px solid var(--line); }.step-list article { padding:30px 0; display:grid; grid-template-columns:110px 1fr; border-bottom:1px solid var(--line); }.step-number { color:var(--blue); font:500 11px "IBM Plex Mono",monospace; }.step-list h3 { margin:0 0 8px; font-size:22px; font-weight:600; letter-spacing:-.03em; }.step-list p { max-width:650px; margin:0; color:var(--muted); line-height:1.6; }
.details { padding:90px max(28px,calc((100vw - 1124px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:16px; }.details article { min-height:255px; padding:28px; background:white; border:1px solid var(--line); border-radius:14px; }.icon { width:42px; height:42px; display:grid; place-items:center; color:white; background:var(--blue); border-radius:50%; font:500 18px "IBM Plex Mono",monospace; }.details h3 { margin:38px 0 10px; font-size:21px; letter-spacing:-.03em; }.details p { max-width:440px; margin:0; color:var(--muted); line-height:1.6; }
.rules { padding:95px max(28px,calc((100vw - 1124px)/2)); display:grid; grid-template-columns:1fr 1.35fr; gap:80px; background:var(--navy); color:white; }.rules .eyebrow { color:#8ca2f2; }.rules ul { margin:0; padding:0; list-style:none; }.rules li { padding:22px 0; display:grid; grid-template-columns:45px 1fr; border-top:1px solid #35405a; }.rules li:last-child { border-bottom:1px solid #35405a; }.rules li > span { color:#8ca2f2; font:500 10px "IBM Plex Mono",monospace; }.rules p { margin:0; color:#aeb5c5; line-height:1.55; }.rules strong { display:block; margin-bottom:4px; color:white; }
.faq { padding:100px max(28px,calc((100vw - 1124px)/2)); background:var(--white); }.questions { margin-top:50px; }.questions details { border-top:1px solid var(--line); }.questions details:last-child { border-bottom:1px solid var(--line); }.questions summary { padding:22px 0; display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; font-size:17px; font-weight:600; }.questions summary span { color:var(--blue); font-size:22px; font-weight:400; }.questions details[open] summary span { transform:rotate(45deg); }.questions details p { max-width:700px; margin:-4px 0 24px; color:var(--muted); line-height:1.6; }
.final-cta { padding:90px 28px; text-align:center; }.final-cta a { width:max-content; min-height:54px; margin:28px auto 0; justify-self:auto; }.final-cta h2 { font-size:clamp(48px,7vw,82px); }
footer { min-height:110px; padding:0 max(28px,calc((100vw - 1124px)/2)); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:#8a8d95; background:var(--navy); font-size:11px; }footer .logo { color:white; }footer .logo-box { color:var(--navy); background:white; }footer p:nth-child(2) { text-align:center; }footer p:last-child { text-align:right; }
@media(max-width:760px){.info-header{height:68px;padding:0 18px;grid-template-columns:1fr auto}.info-header nav{display:none}.bid-link{min-height:38px;padding:0 13px;gap:10px}.intro{padding:45px 20px 70px}.back{margin-bottom:50px}h1{font-size:clamp(52px,15vw,72px)}.lede{font-size:15px}.process{padding-top:70px;padding-bottom:70px}.step-list article{grid-template-columns:45px 1fr}.step-list h3{font-size:19px}.details{padding:60px 20px;grid-template-columns:1fr}.details article{min-height:225px}.rules{padding:70px 20px;grid-template-columns:1fr;gap:45px}.faq{padding-top:70px;padding-bottom:70px}.questions summary{font-size:15px;gap:20px}.final-cta{padding:70px 20px}footer{min-height:92px;grid-template-columns:1fr 1fr}footer p:nth-child(2){display:none}}