/* GREAT CONFERENCE, NOW WHAT? — built out of the signs.
   Pure black & white. Plain rectangles. No rounded corners. No colour. */
:root{--black:#000;--white:#fff;--ink:#111;--mute:#444;--line:#e6e6e6}
*{margin:0;padding:0;box-sizing:border-box;border-radius:0}
body{background:var(--white);color:var(--ink);font-family:'Inter',Arial,Helvetica,sans-serif;line-height:1.6}
.sign{font-family:'Archivo',Arial,Helvetica,sans-serif;text-transform:uppercase}
a{color:var(--ink)}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px}

/* TOP BAR — a white sign with the nav on it */
.topbar{border-bottom:5px solid var(--black);background:var(--white)}
.topbar .wrap{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding-top:0;padding-bottom:0}
.brand{display:flex;align-items:center;background:var(--black);color:var(--white);text-decoration:none;font-family:'Archivo',Arial,sans-serif;font-weight:900;letter-spacing:.06em;font-size:13px;padding:14px 16px;text-transform:uppercase}
nav{display:flex;flex-wrap:wrap;align-items:stretch;margin-left:auto}
nav a{display:flex;align-items:center;padding:14px 15px;text-decoration:none;font-family:'Archivo',Arial,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
nav a:hover{background:var(--line)}
nav a.active{background:var(--black);color:var(--white)}
nav a.cta{border-left:3px solid var(--black);font-weight:900}

/* HERO — the sign */
.hero{background:var(--black);color:var(--white);padding:84px 24px 72px;text-align:center}
.hero .addr{font-family:'Archivo',Arial,sans-serif;font-weight:700;letter-spacing:.3em;font-size:12px;margin-bottom:34px}
.hero h1{font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;line-height:1.02;font-size:clamp(40px,8.5vw,86px);letter-spacing:.01em}
.hero .def{margin:30px auto 0;max-width:640px;font-size:19px;font-weight:500}
.hero .def b{font-family:'Archivo',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.hero .what{margin:18px auto 0;max-width:620px;font-size:16.5px;color:#ddd}

/* PAGE HEAD — interior pages */
.pagehead{background:var(--black);color:var(--white);padding:64px 24px 56px;text-align:center}
.pagehead .kick{font-family:'Archivo',Arial,sans-serif;font-weight:700;letter-spacing:.3em;font-size:12px;margin-bottom:26px}
.pagehead h1{font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;line-height:1.04;font-size:clamp(34px,6.5vw,62px)}
.pagehead .lede{margin:24px auto 0;max-width:680px;font-size:18px;color:#ddd}

/* RETENTION STRIP — plain fact, white sign */
.strip{border-top:6px solid var(--black);border-bottom:6px solid var(--black);padding:44px 24px;text-align:center}
.strip p{max-width:760px;margin:0 auto;font-size:clamp(19px,3vw,25px);font-weight:600;line-height:1.45}

/* BODY SECTIONS — one idea per screen */
.block{max-width:760px;margin:0 auto;padding:56px 24px 8px}
.block h2{font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(24px,4vw,34px);line-height:1.15;margin-bottom:18px}
.block p{font-size:17.5px;margin-bottom:16px}
.block p.big{font-size:20px;font-weight:500}
.block .end{margin-bottom:0}
.signline{display:block;background:var(--black);color:var(--white);font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(19px,3.6vw,27px);line-height:1.3;padding:20px 22px;text-align:center;margin:34px 0 6px}

/* MACHINE PREVIEW — six sign tiles */
.machine{max-width:1060px;margin:0 auto;padding:60px 24px 6px}
.machine .sign{display:block;font-weight:900;font-size:clamp(21px,4vw,30px);letter-spacing:.03em;text-align:center;margin-bottom:26px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tile{border:3px solid var(--black);padding:22px 20px 18px}
.tile.dark{background:var(--black);color:var(--white)}
.tile .n{font-family:'Archivo',Arial,sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.24em;margin-bottom:10px}
.tile h3{font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:19px;margin-bottom:8px;line-height:1.2}
.tile p{font-size:15px;line-height:1.55}
.machine .more{text-align:center;margin-top:26px;font-size:16px}
.machine .more a{font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:14.5px}

/* THE SIX STEPS — full sections */
.step{max-width:860px;margin:0 auto;padding:52px 24px 4px}
.step .bar{display:flex;align-items:stretch;border:3px solid var(--black)}
.step .num{background:var(--black);color:var(--white);font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:26px;display:flex;align-items:center;padding:10px 20px}
.step .name{font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(20px,4vw,28px);display:flex;align-items:center;padding:10px 18px;line-height:1.15}
.step p{font-size:17.5px;margin-top:18px}
.step p .say{font-weight:600}

/* WHAT HAPPENS NEXT — black sign section */
.next{background:var(--black);color:var(--white);margin-top:64px;padding:58px 24px 54px}
.next .in{max-width:760px;margin:0 auto}
.next .sign{font-weight:900;font-size:clamp(22px,4.5vw,32px);letter-spacing:.03em;text-align:center;display:block;margin-bottom:30px}
.next ol{list-style:none;counter-reset:nx}
.next li{counter-increment:nx;font-size:17.5px;margin-bottom:20px;padding-left:58px;position:relative;line-height:1.55}
.next li:before{content:counter(nx);position:absolute;left:0;top:-4px;background:var(--white);color:var(--black);font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:18px;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.next li b{font-family:'Archivo',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:15.5px}
.next p{color:#ddd;font-size:16.5px}
.next a{color:var(--white)}

/* SCIENCE — claim signs */
.claim{max-width:860px;margin:0 auto;padding:46px 24px 2px}
.claim .stat{display:block;background:var(--black);color:var(--white);font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;line-height:1.1;font-size:clamp(28px,5.5vw,46px);padding:22px 24px;text-align:center}
.claim .stat small{display:block;font-size:13px;letter-spacing:.22em;margin-top:10px;font-weight:700}
.claim p{font-size:17.5px;margin-top:18px}
.claim .src{font-size:14px;color:var(--mute);margin-top:8px}
.deadline{max-width:860px;margin:0 auto;padding:58px 24px 10px;text-align:center}
.deadline .sign{display:block;font-weight:900;font-size:clamp(23px,4.6vw,36px);line-height:1.25;letter-spacing:.02em}
.deadline p{max-width:700px;margin:20px auto 0;font-size:17.5px}

/* CAPTURE FORM */
.capture{max-width:680px;margin:0 auto;padding:64px 24px 8px}
.capture .sign{display:block;background:var(--black);color:var(--white);font-weight:900;font-size:clamp(22px,4.5vw,32px);letter-spacing:.03em;padding:18px 22px;text-align:center}
.capture .sub{margin:20px 4px 6px;font-size:16.5px}
form{margin-top:14px;border:3px solid var(--black);padding:26px 24px 28px}
form label{display:block;font-family:'Archivo',Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:16px 0 5px}
form label:first-of-type{margin-top:2px}
form input{width:100%;padding:12px;border:2px solid var(--black);font-family:inherit;font-size:16px;background:var(--white);color:var(--ink)}
form input:focus{outline:3px solid var(--black);outline-offset:1px}
button{margin-top:24px;width:100%;background:var(--black);color:var(--white);border:0;padding:16px 20px;font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:16px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
button:hover{background:#222}
.note{font-size:13.5px;color:var(--mute);margin-top:12px;text-align:center}

/* THE RULE — bordered statement */
.rule{max-width:680px;margin:0 auto;padding:44px 24px 0}
.rule .box{border:3px solid var(--black);padding:26px 26px 22px}
.rule .sign{font-weight:900;font-size:18px;letter-spacing:.05em;margin-bottom:10px}
.rule p{font-size:16.5px}

/* FOUNDING NOTE */
.founding{max-width:680px;margin:0 auto;padding:38px 24px 64px;text-align:center}
.founding .sign{font-weight:900;font-size:19px;letter-spacing:.05em;margin-bottom:10px}
.founding p{font-size:16.5px}

/* CTA BAND */
.ctaband{border-top:6px solid var(--black);margin-top:64px;padding:48px 24px 52px;text-align:center}
.ctaband .q{font-family:'Archivo',Arial,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(24px,5vw,38px);line-height:1.15;margin-bottom:22px}
.ctaband a.btn{display:inline-block;background:var(--black);color:var(--white);text-decoration:none;font-family:'Archivo',Arial,sans-serif;font-weight:900;font-size:16px;letter-spacing:.14em;text-transform:uppercase;padding:17px 34px}
.ctaband a.btn:hover{background:#222}

/* FOOTER */
footer{background:var(--black);color:var(--white);text-align:center;padding:30px 24px 38px}
footer .addr{font-family:'Archivo',Arial,sans-serif;font-weight:900;letter-spacing:.08em;font-size:15px;text-transform:uppercase;margin-bottom:8px}
footer p{font-size:13.5px;color:#ccc}

@media (max-width:640px){
  nav{margin-left:0}
  nav a{padding:12px 10px;font-size:11.5px}
  .brand{font-size:11px;padding:12px 12px}
  .hero{padding:60px 20px 54px}
  .pagehead{padding:48px 20px 42px}
}